Single Responsibility Principle

Drew Barontini: Hopefully that gives you a glimpse into how you can apply the Single Responsibility Principle to your CSS modules. Limit the scope of your modules, keep the styles small, and make sure your modules are properly encapsulated to ensure that your styles are both maintainable and predictable. Use submodules, modifiers, and context classes … Read more

Front End Ops Conference Videos

Front End operations goodness! An outstanding lineup speakers talking about real world challenges which are now all online.

Dream On

Mark Otto: My dream is to help awesome people do awesome shit. Nothing else gets me more stoked out of my mind than that. I get goosebumps thinking about how much the web has changed and how we can continue to shape it just by writing code and sharing our experiences. A very positive and … Read more

Choose tools you’ll use

Addy Osmani: If you’re new to front-end development, I suggest staying close to the grain: just use HTML, CSS and JavaScript. Build with them, learn them inside out, experiment with them. These languages have some amazing primitives that we sometimes forget the raw power of. With so many tools being released every week it sure … Read more

Custom CSS preprocessing

Nicolas Gallagher: Did you know that you can build your own CSS preprocessor with Node.js libraries? They can be used alongside established preprocessors like Sass, and are useful for defining tasks beyond preprocessing. A great insight into some of the benefits of using tools like Rework to help manipulate CSS during development.

Sass 3.3 is Released

After ironing out a bunch of bugs in numerous release candidates, we’re finally ready to release Sass 3.3.0, codename Maptastic Maple, for public consumption.

To get things rocking on your end all you need to do is hop into the terminal and run:

gem update sass

Massive props to all the contributors!

Spirit

Jeremy Keith:

Every so often, some smart, talented web designers will bemoan the lack of recognition afforded to their craft, industry, work. They wish for the same level of respect that architects or film-makers get, or for the iconic status given to the best of the advertising world’s output in decades past.

Be careful what you wish for, I say. Not only are these the same industries that are rife with horrible business practices like spec work, they are notoriously unfair when it comes to praising individual achievement over the efforts of the group. Worst of all, the proliferation of high-profile awards leads to the practice of producing “award-winning work” i.e. work designed purely to win awards.

I’ve had the same thoughts for sometime, but never had the guts to express them. Thanks Jeremy!

Bulletproof Accessible Icon Fonts

Zach Leatherman:

Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser?

Another very informative article with a nice easy-to-include library.

Grumpicon – A Web app for the Grunticon workflow.

Grumpicon is a browser-based app. Just drag and drop your SVG files onto the browser window and it will return a downloadable zip that mirrors the output you’d get from the command-line tool.

Big ups to the Filament Group and Eric Ponto!