• What?
  • Who?
  • Contact Jonathan Jeter
  • Privacy Policy

Jonathan Jeter

Director of Application Development

  • Jonathan Jeter on Google+
  • Jonathan Jeter on Facebook
  • Follow Jonathan Jeter on Twitter
  • Jonathan Jeter on LinkedIn
  • Jonathan Jeter's rss feed
Home Archives for CSS Jonathan Snook

Front End Legos

February 2, 2013 By Jonathan Jeter 2 Comments

by Shay Howe at HTML5 Texas Conference in Austin, TX (Deck)

There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code with others should be a joyful experience, not absolute terror.

In this session, Shay will cover some best practices and performance tips for writing the highest quality HTML and CSS possible. Writing code is the easy part, finding a practice and structure that works well across the board is the hard part. Shay will outline HTML and CSS conventions that can be applied to your everyday practice.

Front End Legos - Building Modular CSSCommon Problems

  • Websites have difficulty scaling
  • code becomes brittle
  • Files and code bases begin to swell

What’s Wrong

Best practices aren’t exactly best practices

Read the rest of Front End Legos

  • avoid extra elements

Like this:

Like Loading...

Filed Under: Front-End Development, Web Development Tagged With: bad Low Specificity, Base Core styles, Best Practices, Cache Files, Cascading Style Sheets, Class (computer programming), class names avoid unnecessary, code bases, common files, Components User interface, conference notes, container element selectors, CSS conventions, CSS Jonathan Snook, CSS Lint, CSS Nicole Sullivan, CSS Performance, CSS Sneak Peek, Data Formats, date content, default elements, design patterns Alerts, elements Accommodate Content, elements Great ideas, Elements High Specificity, entire site, entire site Normalize, extra elements, great ideas, grid separate presentation, highest quality HTML, HTML, HTML5 Texas Conference, Jonathan Snook, layout code, leverage descendent selectors, leverage type selectors, lists Modules Business, Maintainability Code, Markup Languages, modular performant Organization, modularity Modularity, nested selectors, Nicole Sullivan, old code, old code defer, oocss.org SMACSS Scalable, performance tips, reusable elements, right way, Shay Howe, smacss.com Reuse Code, Specificity determines, Specificity Formula count, specificity Methodologies OOCSS, Style Sheets, styles Minimize Requests, Technology Internet, Texas, Texas conference, Use data, User interface, Zurb Foundation

Stuff I Like to Talk About:

  • Business
  • Digital Imaging
  • Internet Marketing
    • Email Marketing
    • SEM / Paid Search
  • Life
  • Other Stuff
    • Health
    • Taekwondo (TKD)
  • Sports
    • Football
  • Technology
    • Augmented Reality
    • Awesome or Scary?
    • Marketing Technology
      • Data / Analytics
      • Omnichannel
    • Mobile
      • Android
    • Virtual Reality
  • User Interface / User Experience Design
  • Web Development
    • Browsers
    • CSS
    • Front-End Development
    • Google+ (Google Plus)
    • HTML5
    • JavaScript
    • jQuery
    • Mobile
    • MVC
    • Responsive Design
    • SEO
    • Social Media
    • UI/UX
    • WordPress

HTML

  • HTML Entities

JavaScript

  • MEAN.js

My Sites

  • Head Turning Media
  • Jonathan Jeter (Brand Yourself)
  • My Humor

Online Experts

  • Bryan Eisenberg
  • Danny Sullivan
  • Duane Forrester
  • Keith Brown
  • Louis Gray
  • Matt Cutts

UI / UX

  • Jared Spool
  • Paul Jeter
FreshBooks
Genesis Framework for WordPress Premise Landing Pages Made Easy

Most Popular

  • Exploring Standard Ad Unit Sizes: Google AdSense 300…
  • To The Moon And Back: Taking The Leap Towards…
  • Looking for Instagram or Android fonts or logos and…
  • Verizon Wireless – My Favorite Mobile Provider
  • The Relentless Pursuit of the Right Answer: Why…
  • Backbone: 3 Ways
  • My Notes on “Marketing Technology as Force…
  • A Brief History of the Complete Redesign of Google…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Ultimate Engagement: Data Driven Email Tactics

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d