HTML & CSS

Zsolt Nagy discusses three principles of CSS architecture and why mastering them will help you keep your CSS maintainable and lean.

Byron shows us some of Sass functions built into the language and shows how you can use them to kick-start your style sheets.

Ivaylo Gerchev guides you step by step as you create a beautiful HTML and CSS web presentation using WebSlides, a fantastic framework for this kind of task.

Michael Romanov explains how you can build a frame by frame animation with just HTML, CSS and JavaScript which performs well and works great on all browsers

Hugo Giraudel explains clearly the differences between Sass and SCSS and offers an overview of the two syntaxes, a bit of history, and his recommendations.

Asha Laxmi introduces and explains what CSS inheritance is, how it helps development, and what pitfalls to avoid while using it.

Adrian Sandu shares some myths and facts about HTML replaced elements and how browsers treat them according to the specifications.

Darren Wood offers an overview of Sass (Syntactically Awesome Style Sheets), where you'll learn why you need it and how to get started with it right now.

Craig Buckler gives you an accessible introduction to using media queries with JavaScript with matchMedia for a robust responsive design approach.

In Part 2 of her GreenSock (GSAP) tutorial for beginners, Maria Antonietta Perna shows how GSAP timeline makes coding complex animations easier and faster.

Giulio Mainardi shows you how to build a 3D rotating carousel using CSS 3D transforms, with some nifty math tricks and some JavaScript to enhance.

Craig Buckler lists 7 code playgrounds to experiment with your front-end code. Every developer likes to play with code, which one is your favorite?

This is a section from a 500 year old woodcut from perhaps the 'Andy Warhol of woodcut artists' - Albrecht Dürer. Woodcut is an old printing technique where the image is hand...

Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs.

Christian Krammer walks you through the basics of Flexbox, which you can use to layout specific page elements and also as a fallback method to Grid Layout.

Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them.