CSS articles

Prepocessor_Architecture_header

Organizing Your CSS Code for Preprocessors

Organizing Your CSS Code for Preprocessors

By Tim Severien CSS preprocessors are probably one of the most useful things we have right now in front-end tooling. Whether you pick Sass, LESS or any other preprocessor, they’re great because they add so many features CSS never had. But I’m not trying to convince you use preprocessors, I assume you already do. Instead, […]

sass_each_header

Doing More with Sass’ @each Control Directive

By Scott O’Hara I recently wrote an article about the different Sass control directives and how even writing basic directives could be used to code leaner Sass. In this article, I’d like to take a closer look at the @each directive, Sass variable lists and maps. Combining these features can make for some powerful results […]

react_grunt_header

Creating Modular View Components with React and Grunt

By Simon Smith One of the libraries gaining a lot of interest recently is Facebook’s React JS library. It mainly concerns itself with “the V in MVC” and encourages developers to break their app into resuable, modular components. The Virtual DOM is a great feature on its own, and I encourage you to investigate React […]

sass_control_header

Getting into Sass Control Directives

By Scott O’Hara Sass makes it very easy to use mixins and extends to write leaner CSS. But perhaps you’re not familiar with how Sass’s Control Directives can help you write leaner Sass. Using the @if, @for, @each and @while control directives, you can make your Sass take on the brunt of what would otherwise […]

css_grid_header

Grids in CSS3

By Tim Severien In this article, we’ll take a look at some of the new features in CSS3 that make handling grids using HTML and CSS much easier. But first let’s discuss a little history of grids in HTML and CSS to get an understanding of what made them difficult. A Short History of Grids […]

dreamweaver_header

CSS for Beginners with Dreamweaver

By Brian Rinaldi Dreamweaver has had a long history. I recall using it heavily back in the UltraDev days, for those of you that remember that. While the tool has evolved quite a lot over the years, it remains a powerful web development IDE. Sure, everyone seems to love a lightweight code editor nowadays for […]

Picture showing a magazine layout with columns of different heights

CSS Regions Matter

By Sara Soueidan I wrote this article before the news came out that Google decided to pull Regions out of Blink, which, in my opinion, is a big loss for the web community. So, even though the content of the article may go in vain, I think it’s still worth sharing why I think CSS […]

regions_header

Using CSS Regions in Responsive Designs

By Brian Rinaldi The CSS Regions specification allows you to create multiple containers into which content can flow into and out of. This can be especially useful for creating complex, magazine-like layouts with irregularly shaped content layers. Recently an article came out that has led many people to feel negatively about the CSS Regions spec. […]

css_static_analysis_header

Static Analysis For CSS

By Toby Ho Static analysis involves analyzing, rather than executing, source code, a process that is typically automated. Recently, I’ve had fun writing about static analysis for Javascript. This time, we’ll do something that’s similar but different – static analysis for CSS. The CSS Module The library we’ll use to help perform the static analysis is simply called css and it […]

sass-vs-less-by-zing-design

LESS vs Sass? It’s time to switch to Sass

By Zing Design The Sass versus LESS argument has been done to death. In this article I’ll explain why Sass really is the best and why you should start using Sass if you haven’t already. If you are interested, I’ve also written about how to get started using Sass and the problems with pre-processors. Before I begin […]

Top