By Nicolas Suarez

DevSnack #2: This week we bring you a collection of five links that will change your perspective on CSS.

#1 – CSS Guidelines

When working on large and complex applications with dozens of developers at the same time, it is important to have a unified standard to follow. We should always keep stylesheets maintainable, and a transparent and readable code.

There are several techniques we must employ in order to satisfy these goals. CSS Guidelines is definitely an awesome document, full of recommendations, that will help us move in the right direction.

This guide’s author is Harry Roberts (@csswizardry). We hosted Harry’s CSS workshop a couple of months ago.

#2 – Quantity queries for css

In this post, Heydon Pickering (@heydonworks) explains the importance of adapting our design to the content. He also shows how to make our site fit the content using pseudo classes.

#3 – CSS Next

As Maxime Thirouin (@MoOx), the author of @cssnext, states: “Prior to 2015, CSS was frustrating by not having any specification for features we were looking for. No variables, no math, no color manipulation and no customization. Things are going to change soon since a lot of work has been made by the W3C to write new specs to make our dev life easier. With cssnext, you can start using some of the new features today!”

#4 – Styling SVG content CSS 

Sara Soueidan (@SaraSoueidan) wrote a remarkable in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings.

#5 – AXR Project

As CSS crosses the boundaries of the mere cosmetics and penetrates into the lands of layout, one may ask the question: What’s the future of CSS and HTML, and what’s the reason for keeping them separate? AXR aims to unifying both into a new language, so called HSS. The platform is a little bit outdated and the website is begging for a redesign, but the idea is by no means less interesting. Maybe if we help the author, @veosotano, and contribute to the project we help improve the web!

 


Creative Commons License
DevSnack by Moove-it is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

  • Michel

    Great tips, thanks for sharing!