Meta Refresh 2012

Web design could use some new ideas. We have the tech now.

HTML5 and CSS3 have very quickly moved from being tentative new standards to the base standards for every major desktop and mobile browser. HTML5 is now just HTML, a modular, living standard that no longer needs a version number.

Now that we are no longer fighting over platforms, it’s time to put the specs aside and revisit the construction of user interface: how do we raise the bar for stellar user interface on the web?

Meta Refresh is a follow-up to DocType HTML5 from 2010-11 and is a conference on web UI engineering.

More about the event: http://metarefresh.in
Registrations: http://metarefresh.doattend.com

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: 1. UX and interaction design 2. CMS, content management, publishing and content marketing 3. Information architecture 4. Product design 5. Privacy in product design more

Praveen Kumar

@apnerve

Scalable Frontend architecture

Submitted Mar 1, 2012

Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows.

Explore a workflow where we develop a limited number of reusable components that can contain a range of different content types.

Outline

This talk is aimed at CSS authors who want to improve their workflow, learn to write well-structured and organized code that is easier to build and maintain.

I’d be covering the concepts like ooCSS, BEM and SMACSS. These approaches would be useful for creating fast-to-develop yet long-lived projects that encourage team scalability and code reuse without having a steep learning curve.

Though I mentioned “front-end”, I’d be covering HTML and CSS alone. No JavaScript.

Requirements

Knowledge of well structured markup.

Good understanding of the cascade, specificity and inheritance in CSS.

Speaker bio

Praveen is a web addict and technology enthusiast with over 6 years of experience in web development. He is equally as excited by well-balanced typography as he is by well-written code. He loves coding, rants about bad coding practices and makes fun of SEO “experts” on twitter.

Links

Slides

http://labs.apnerve.com/metarefresh/slides/

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: 1. UX and interaction design 2. CMS, content management, publishing and content marketing 3. Information architecture 4. Product design 5. Privacy in product design more