HTML & CSS
Louis Lazaris, Jan 10

An HTML5 FAQ

2 COMMENTs
HTML & CSS
Louis Lazaris, Jan 06

Introducing the HTML5 Herald Sample Site

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl.
Design & UX
Louis Lazaris, Dec 21

HTML5 & CSS3 for the Real World

11 COMMENTs
HTML & CSS
Louis Lazaris, Dec 20

Front-end Tools: My Favorite Finds of 2016

Here is a look at Louis Lazaris' favorite front-end tools of 2016!
4 COMMENTs
HTML & CSS
Louis Lazaris, Dec 15

Introducing HTML5

26 COMMENTs
HTML & CSS
Pavels Jelisejevs, Nov 30

What's New in HTML 5.1

Pavels Jelisejevs takes a look at the W3C recommendation for HTML 5.1, looking at its major new features with some markup samples.
3 COMMENTs
HTML & CSS
Louis Lazaris, Nov 15

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

Another collection of front-end docs, guides, and other learning resources for various technologies in front-end development.
2 COMMENTs
Design & UX
Ivaylo Gerchev, Nov 15

The Best Way to Create Fantastic 'Invisible Pen' Effects in SVG

Watching an SVG image drawn onto screen is powerful effect. Ivaylo shows you how to create the 'Invisible Pen' Effect in SVG using Vivus.js
4 COMMENTs
HTML & CSS
Tim Severien, Oct 11

The State of HTML5 Input Elements

Tim Severien looks at HTML5 input elements, how each browser interprets them and what the best strategy is for using them in your web projects.
Design & UX
Massimo Cassandro, Oct 10

‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)

How can you create a single SVG graphic – maybe a logo or icon – that can be easily restyled and recolored in any setting or device? Massimo has a solution.
Web
Jeff Smith, Oct 06

Talk With The Experts: Chris Coyier

Last week we held our highly anticipated live webinar with Chris Coyier. Let's recap the information we learnt about Making the Most of CodePen.
2 COMMENTs
Web
Jeff Smith, Sep 26

Chris Coyier on CodePen - Join the Conversation!

CodePen is one of the most pervasive tools in a developers toolkit. Let's dig a little deeper into the tool with Co-Founder Chris Coyier in our webinar. 
4 COMMENTs
HTML & CSS
Maria Antonietta Perna, Sep 14

It's Time to Be Honest about Image Replacement Techniques

Maria Antonietta Perna takes a critical and in-depth look at whether image replacement techniques are still relevant today and the alternatives.
27 COMMENTs
JavaScript
Jack Rometty, Sep 06

An Introduction to Chart.js 2.0 — Six Simple Examples

Jack Rometty takes you on a tour of Chart.js 2.0 and its various chart types. He includes plenty of easy-to-follow examples to drop in to your next project.
2 COMMENTs
HTML & CSS
Craig Buckler, Aug 31

How to Translate from DOM to SVG Coordinates and Back Again

Craig Buckler looks at the tricky problem of managing both DOM and vector SVG interactions in your next project.
2 COMMENTs
HTML & CSS
Louis Lazaris, Jul 20

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

Louis Lazaris has another installment of our docs and guides series. This post includes learning resources for JavaScript, Angular, CSS, and lots more.
11 COMMENTs
HTML & CSS
Simon Codrington, Jun 16

Quick Tip: Add Favicons Quickly and Easily to Your HTML

Simon covers a simple way to add favicons to your website using the Real Favicon Generator web service.
10 COMMENTs
Design & UX
Alex Walker, Jun 07

Why SVG Image Hosting is Hard (... and How to Do It)

SVG is powerful, but finding a place to put your image is harder than it should be. Here's a scalable, reliable, free SVG image hosting method.
Mobile
Mark Brown, May 31

Quick Tip - Installing the Ionic Framework for HTML5 Apps

Mark Brown covers installing the ionic framework and using it for creating performant and native-like HTML Apps.
3 COMMENTs
Design & UX
Alex Walker, May 26

Make Your Own Responsive SVG Graphs & Infographics

It doesn't matter how crisp your SVG text is if it's too small to be read. Responsive SVG lets you prioritize the important parts of you graphic.
Design & UX
Alex Walker, May 11

Mastering SVG Patterns Without Breaking Your Brain (or Budget)

SVG patterns are a great low-bandwidth tool for designers but setting them up can be hard. Alex shows how Boxy SVG makes things much easier.
3 COMMENTs
HTML & CSS
Maria Antonietta Perna, May 10

Masking in the Browser with CSS and SVG

Maria Antonietta Perna looks at the various in-browser methods available for masking images with CSS and SVG.
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. 
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.