Not yet into css pre-processors (I know, I know) but interesting organization structure and language none-the-less.
The “Other” Interface: Atomic Design With Sass
By Robin Rendle August 2nd, 2013
As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future, when adjustments or full-scale redesigns must be made. Yet we tend to assign the role of “user” to the first group, often forgetting that the code we write must work for developers in a similar way. We shouldn’t forget that developers are users, too.
Semantic CSS With Intelligent Selectors
With the advent of object-oriented CSS (OOCSS), it has become increasingly fashionable to “decouple presentation semantics from document semantics.” By leveraging the undesignated meanings of classes, it is possible to manage one’s document and the appearance of one’s document as curiously separate concerns.
In this article, we will explore an alternative approach to styling Web documents, one that marries document semantics to visual design wherever possible. With the use of “intelligent” selectors, we’ll cover how to query the extant, functional nature of semantic HTML in such a way as to reward well-formed markup. If you code it right, you’ll get the design you were hoping for.
Starting to play with media queries for responsive layouts.
A set of small, responsive CSS modules that you can use in every web project.
How to lose weight in the browser
And what if we got together a bunch of experts who work on large sites to create a definitive front-end performance guide?
And not just one of those boring guides made for robots, what if we did something fun? What about getting together Briza Bueno (Americanas.com), Davidson Fellipe (Globo.com), Giovanni Keppelen (ex-Peixe Urbano), Jaydson Gomes (Terra), Marcel Duran (Twitter), Mike Taylor (Opera), Renato Mangini (Google), and Sérgio Lopes (Caelum) to make the best reference possible?
That’s exactly what we’ve done! And we’ll guide you in this battle to create even faster sites.
— Zeno Rocha, project lead.
Responsive web design is quickly becoming the norm, and for good reason. At the same time HTML5 video is quickly becoming a reliable alternative to embedded flash video. Unfortunately, at times it can be tricky to make video elements play nice with responsive design.