8 COMMENTs
HTML & CSS
Tim Severien, May 04

Stop Maiming Bodies: The Perils of Pixel Font-Size

Tim Severien discusses the difficulties in accessibility caused when web developers use pixel font sizes for the html and body tags.
5 COMMENTs
HTML & CSS
Nitish Kumar, May 03

Introducing the CSS Grid Layout

The CSS Grid Layout spec is set to make complex web design layouts much easier for developers. Nitish looks at the spec and how to start exploring it today.
3 COMMENTs
Design & UX
Alex Walker, Apr 27

Why JPEGs are like McDonalds Apple Pies (and SVGs are not)

Sometimes it helps to think of SVG, not as an 'image format', but as a 'recipe'. And once you *really* know a recipe, you can start to change it. 
HTML & CSS
Pavels Jelisejevs, Apr 26

Improving the Quality of Your CSS with PostCSS

Pavels explores how PostCSS can help improve and maintain your CSS quality with code linting and analysis.
24 COMMENTs
HTML & CSS
Louis Lazaris, Apr 25

A Basic HTML5 Template For Any Project

If you're getting started with HTML5 you'll want to learn how to to develop a basic HTML5 template.
5 COMMENTs
Design & UX
Ivaylo Gerchev, Apr 25

How to Design Rich Card-Based Layouts with Semantic UI

Card-based layouts are a great option for many design problems. Ivaylo shows us how to use Semantic UI to create great, mobile-friendly UIs.
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.
16 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.
16 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.
11 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.
8 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.
5 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.