Archive

Web Design Weekly #131

Nicolas Gallagher blogged about the benefits of using custom CSS processing. Tim Kadlec discussed why Responsive Web Design looks like Responsive Web Design. Matt Quinn looks into the processes of moving from PHP to Node.JS. Val Head dives into modular CSS animations and loads more. Enjoy!

Shaping CSS

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.

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.

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.

Web Design Weekly #130

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.

Your own device lab today

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”…

Web Design Weekly #129

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.

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!

Web Design Weekly #128

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.

Web Design Weekly #127

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!

Web Design Weekly #126

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.

...23456...1020...