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.
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.
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.
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.
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.
10 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.