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
PK
Praveen Kumar
@apnerve
Scalable Frontend architecture
Submitted Mar 1, 2012
Section: Default
Technical level: Advanced
Session type: Lecture
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
- http://stackoverflow.com/users/69310/apnerve
- http://apnerve.blogspot.in/
- https://twitter.com/apnerve
- http://labs.apnerve.com
- http://labs.apnerve.com/ashok-chakra
Slides
Comments
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
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}