CSS articles

regions_header

Using CSS Regions in Responsive Designs

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 […]

6_reasons_sass_header

Six Reasons Why I Love Sass

By David Simpson My first use of Sass in a production environment came when I started working as a designer and developer on Product Marketing at HubSpot. I had read a lot about LESS and Sass and the concepts of CSS pre-processors, and even dabbled with how they worked, but didn’t fully understand how powerful […]

abbr_header

Enhancing the HTML abbr Element on Mobile

By Aurelio De Rosa Today’s world move fast - really fast. When writing, a lot of people use abbreviations and acronyms to save time. We can find these used all over the web. They are so frequently used that an HTML tag, <abbr>, was created to identify them and help improve the semantic markup of […]

css-alignment-header

CSS Alignment and Sizing Snippets

By Tim Severien CSS can be tricky sometimes, especially when aligning and setting sizes. This article contains a bunch of helpful snippets that I’ve gathered. They make my life easier, and hopefully yours as well. Note: beneath each snippet is a table indicating browser support. Alignment Horizontally and vertically Dynamically sized elements. .parent { position: […]

jekyll_header

Building a Blog with Jekyll

By Donovan Hutchinson There are many services that provide you with a blog. However, they get to store and make use of your content. For those of us that prefer to run our own sites and keep the content under our own control, setting up our own is a better option. In this article I’ll […]

Top