CSS Grid Layout Metro design blocks

The times have come that we don’t have to fiddle around with Floats and Tables anymore! Flexbox is already an established term in the industry of Frontend Developers.

Handle PostCSS (with plugins) with NPM scripts

PostCSS becomes more and more popular these days. And yeah, why should we develop in these weird file extensions for Sass, Scss or Less. With PostCSS, we just stick to CSS extensions. That’s what I love about PostCSS! There are currently loads of plugins for to do the same magic as we were used to in Sass/Scss! PreCSS is my favorite! You can use Variables, Conditionals, Loops, Mixins, Extends, Imports, Property lookup, Root and so much more!

5 CSS Tips for Junior Frontend Developers

HTML & CSS are the basic skills for Frontend Developers. But basic will not always say it is easy to write clean CSS code. So from the things that I’ve learned in all these years as a Frontend Developer, I’ll like to share some tips for writing clean CSS and not spaghetti CSS. 1. Think before you write Think before you write sounds logical. But a lot of Frontend Developers choosing weird class names that don’t make any sense to others, even worse, after a while it doesn’t make any sense to themselves.

CSS Performance: We write CSS selectors wrong!

So today, I want to dive into CSS Performance. Especially I want to talk about, how you can make you selectors faster to render in the browser. So let’s start with an example that every (Frontend) Webdeveloper used once in CSS. HTML structure So imagine that you have this html structure: <nav class="main-navigation"> <ul> <li><a>Home</a></li> <li><a>About</a></li> <li><a>Blog</a></li> </ul> </nav> CSS selectors And beside that you have this in your stylesheet:

Woothemes Flexslider RTL (right-to-left) support

RTL, no it is not the dutch television channel! RTL stands for right-to-left, websites with Arabic visitors want to support their natural way of reading online. I’m used to LTR (left-to-right), so I never thought about supporting RTL. But now I needed to build a page that supports RTL. That was interesting to investigate. The website that gave me a very quick help was the all time favorite “CSS Tricks”, the have a article about RTL / the CSS direction property.
1 of 4 Next Page