10 COMMENTs
JavaScript
Craig Buckler, Apr 21

How to Create a Static Site with Metalsmith

Craig's tutorial and example code illustrates how to build a static website using the JavaScript-powered Metalsmith generation tool.
10 COMMENTs
Design & UX
Alex Walker, Apr 21

Boxy SVG: A Fast, Simple, Insanely Useful, FREE SVG Editor

SVG is hot but easily corrupted. Boxy SVG is a free editor that helps you make the most of what the SVG format is good at.
3 COMMENTs
HTML & CSS
Louis Lazaris, Apr 20

20+ Docs and Guides for Front-end Developers (No. 8)

Louis Lazaris presents another collection of websites, GitHub docs, and other learning resources for front-end developers.
HTML & CSS
Gajendar Singh, Apr 19

Data Types in Sass

An overview of the various data types available to developers in Sass, including numbers, booleans, strings, maps, lists and more.
12 COMMENTs
HTML & CSS
Georgie Luhur, Apr 07

Quick Tip: The Right Way to Use Figure & Figcaption Elements

Georgie Luhur shares some tips for using the figure and figcaption semantic elements correctly.
14 COMMENTs
HTML & CSS
Louis Lazaris, Apr 06

What is the Definition of a "CSS Hack"?

There seems to be some confusion in the industry over what constitutes a "CSS hack". Louis Lazaris explains what are hacks and how they're used in CSS.
13 COMMENTs
HTML & CSS
Hugo Giraudel, Apr 05

A Working SVG Workflow for Accessible Icons

Hugo has been working on creating a simple and automated workflow for dealing with creating accessible icons using SVG. He shares it in this post.
HTML & CSS
Hugo Giraudel, Apr 04

Introducing Our Newest Book: Jump Start Sass

The best way to learn Sass, from Miriam Suzanne and Hugo Giraudel, two of the top experts on the popular CSS preprocessor. 
3 COMMENTs
HTML & CSS
Nitish Kumar, Mar 31

How to Use PostCSS with Gulp

PostCSS and Gulp have both become popular front-end tools. Nitish takes a look at how you can use both tools together as part of your automated workflow.
9 COMMENTs
HTML & CSS
George Martsoukos, Mar 30

Building a Filtering Component with CSS Animations & jQuery

George shows you how to use jQuery and CSS keyframe animations to build an animated list filtering component.
9 COMMENTs
HTML & CSS
Georgie Luhur, Mar 23

How Good Are Your HTML and CSS Comments?

Georgie Luhur looks at best practices for commenting HTML and CSS, and why well structured comments can make all the difference.
7 COMMENTs
HTML & CSS
Maria Antonietta Perna, Mar 23

Canvas vs. SVG: Choosing the Right Tool for the Job

SVG is all the rage these days, but does that mean Canvas is obsolete? Maria takes a look at how each technology works so you can make the right choice.
4 COMMENTs
HTML & CSS
Ashley Nolan, Mar 22

PostCSS Mythbusting: Four PostCSS Myths Busted

Ashley Nolan addresses some of the most common myths around PostCSS to show how it can enhance your workflow and improve how you work with CSS.
6 COMMENTs
HTML & CSS
David Berner, Mar 17

How You Can Use Responsive Web Components Today

David Berner explores how to create reusable, Responsive Web Components that can adapt and change inside responsive web designs.
40 COMMENTs
HTML & CSS
Louis Lazaris, Mar 16

The Results of The Ultimate CSS Survey

The results of The Ultimate CSS Survey are in! Nearly 7,000 entries have given us a better idea of the habits and knowledge of CSS devs in the industry.
4 COMMENTs
HTML & CSS
Maria Antonietta Perna, Mar 15

A Practical Introduction to Material Design Lite by Google

Maria gives a nice overview of the features of Google's Material Design Lite framework and how you can use it in one of your new projects.
4 COMMENTs
Design & UX
Alex Walker, Mar 09

Parallax Burns: Converting Photographs from 2D to 3D with SVG

There's a nice video effect I'm going to call 'Parallax Ken Burns' you see on a lot of documentaries. Can we mimic it in a single SVG file? Maybe.
13 COMMENTs
HTML & CSS
Hugo Giraudel, Mar 09

Cleaning Up a CSS Codebase

Hugo speaks from experience and gives us his personal suggestions on how to deal with a messy codebase, whether it's our own old project or something inherited.
HTML & CSS
Baljeet Rathi, Mar 08

A CSS Multi-column Layout Tutorial for Beginners

Baljeet Rathi introduces the different properties that make up the CSS Multi-column layout module, and how they can be used in responsive designs.
12 COMMENTs
HTML & CSS
George Martsoukos, Mar 07

Quick Tip: Fixing the font-weight Problem on Hover States

You may have run into the problem of the "jump" effect when adding bold to hover states on text links. George looks at a few ways to solve this issue.
4 COMMENTs
HTML & CSS
Julian Ćwirko, Mar 03

Getting Started with Foundation 6's CLI Tools

Julian provides an in-depth look at a lesser-known, but no less powerful, feature of the new Foundation 6: the command line tools to ease development.
9 COMMENTs
Design & UX
Alex Walker, Mar 02

Can SVG Save You from Your Fat PNG-32s?

PNG-32 has glorious alpha-transparency support but the files are huge. Can help come from an unlikely hero – SVG?
5 COMMENTs
HTML & CSS
Ahmad Ajmi, Mar 02

An Introduction to the CSS Grid Layout Module

Ahmad Ajmi introduces the future of layout: The CSS Grid Layout Module. He discusses the basic concepts along with demos.
34 COMMENTs
HTML & CSS
Simon Codrington, Mar 01

Do You Know These Eight HTML5 Tags?

Simon Codrington explores eight HTML5 tags that are often overlooked by web developers or misunderstood due to changes in the HTML5 specification.