In someway or another we are exposed to CSS on a daily basis. Either by tinkering with some code, reading a technical blog post or just viewing the source files of a site.
Over the years CSS has really evolved and I thought it might be a good time to stop and take a look at some of the key players in our industry. The ones that are helping shape the direction.
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.
Trent Walton passes on some great thoughts about how we should be considering maximum reach even if out final results are a little underwhelming. Sass 3.3 dropped. Chris Coyier blogged about a cool icon system with SVG sprites. Hugo Giraudel explores error handling in Sass. TJ VanToll looks at jQuery on mobile devices. Enjoy.
During the last few years there has been no shortage of devices being released to the market. For us this was a new challenge and we all stepped up to the plate by adding device specific media queries to our stylesheets.
This was possible in “the good old days”…
Sass 3.3 is Released
Peter Gasston give a great overview on the future of Custom Elements. Hugo Giraudel explores was to set you your Sass architecture. Mark Otto updated his handy code guide. Paul Lewis shared his process for doing performance audits. Robin Hawkes blogged about all the lessons learnt during the development of ViziCities and loads more. Enjoy.
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!
The talented team at GitHub have released a new text editor called Atom. The Chrome team announced that Responsive images are coming. Ben Frain looked into CSS performance. Kyle Peatt dived into the off-canvas pattern. Rachet 2 was released and Paul Irish looked into some CSS performance tips.
Paul Lewis gave a great insight into the new property called ‘will-change’. Chris Coyier covered how SVG line animations work. Daniel Mall dived into what Creative Direction means in a digital context. Some awesome tools were also released like PNG Hat, FontPrep and Recordit. A it was a big week!
Jordan Lewis from Envato wrote about some of the solutions they have put in place to progressively convert the Marketplaces to be responsive. Joel Hooks wrote gave a good argument on why you should stop writing loops and start using Underscore.js. Eric Mann put a proposal together for an editor to work offline with WordPress. Adam Kaplan create a very basic easy to follow guide for responsive design. Yelp released a front-end style guide and more.
Ilya Grigorik dives into the optimisation of web fonts. Hans Christian Reinl explores the downsides of placing CSS in your HTML head instead of referencing external files. Hugo Giraudel dives into Sass mixin’s and placeholders. Anna Debenham goes into detail on why you should build design systems and pattern libraries for your projects and so much more. Enjoy!