3 COMMENTs
HTML & CSS
Simon Codrington, Jan 20

Foundation 6: The New Menu Component

The Foundation framework has overhauled its menu components into a single, powerful component. Simon looks at the different options available in Foundation 6.
14 COMMENTs
HTML & CSS
Simon Codrington, Jan 05

What's New in Foundation 6?

Zurb's popular Foundation framework has been overhauled and improved. Simon Codrington looks at what's new and what features have been improved.
Design & UX
Alex Walker, Jan 03

The Best Way to Create SVGs from Existing Artwork

SVG is great but what's the best way to convert your existing JPEGs and PNGs into SVG format?
7 COMMENTs
HTML & CSS
Louis Lazaris, Dec 23

Front-end Tools: Some of My Favorite Finds of 2015

Louis Lazaris has discovered a slew of new tools for front-end developers. In this end-of-year post, he lists some of his favorite finds of 2015.
5 COMMENTs
HTML & CSS
Pankaj Parashar, Dec 15

Building Custom Web Components with X-Tag

Pankaj Parashar introduces Microsoft's X-Tag JavaScript library to enable Web Components, using the example of a Google Map custom element.
5 COMMENTs
HTML & CSS
Guilherme Muller, Dec 03

Watch: Remembering the Document Outline in an HTML5 World

Have you ever heard of a HTML document outline? It's been nearly forgotten since HTML5, but it means a more accessibility and better semantic structure.
16 COMMENTs
Design & UX
Angus Russell, Nov 23

10 Guidelines for Better Website Background Videos

Background videos: when they're good, they're very, very good, but when they are bad, they are horrid. Angus has some tips to keep you out of trouble.
12 COMMENTs
HTML & CSS
Louis Lazaris, Nov 17

DOM Tips and Techniques: Parent, Child, and Siblings

Louis Lazaris looks at different, little-known DOM manipulation techniques that you may not have seen or used before, with a focus on parent/sibling/child.
8 COMMENTs
HTML & CSS
Alexis Ulrich, Nov 12

An Introduction to Google’s Accelerated Mobile Pages (AMP)

Alexis Ulrich takes a dive into a new page speed initiative by Google: Accelerated Mobile Pages, or AMP.
20 COMMENTs
HTML & CSS
Simon Codrington, Nov 11

Using HTML5's Native Drag and Drop API

Simon Codrington examines the different methods and properties associated with native Drag and Drop, which has increasingly better browser support.
HTML & CSS
Louis Lazaris, Nov 10

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

If you're looking to brush up on a specific front-end technology, Louis Lazaris has another 20 learning resources you can choose from.
14 COMMENTs
Microsoft Tech
Saurabh Kirtani, Oct 28

How to Build Responsive Images with srcset

Microsoft's Saurabh Kirtani explains how to build responsive images on the web with srcset
6 COMMENTs
HTML & CSS
Louis Lazaris, Oct 05

A Look at Ecmarkup: The ECMAScript Spec's Custom HTML

The ECMAScript spec has moved to GitHub but one of the more interesting features is the fact that the document is built with custom HTML called Ecmarkup.
20 COMMENTs
HTML & CSS
Massimo Cassandro, Sep 22

My Current HTML Email Development Workflow

Massimo shares the technologies he uses for HTML email development and testing on various email clients and how he automates repetitive tasks.
4 COMMENTs
Design & UX
Alex Walker, Sep 16

Indiana Jones and the Lost SVG Map Editor

From Casablanca to Game of Thrones, maps have been used to help tell stories. AMCharts Pixel Map Editor lets you create customized SVG maps with ease.
7 COMMENTs
HTML & CSS
Mihaela Jurkovic, Sep 16

Syncing CSS Animations with HTML5 Audio

With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.
7 COMMENTs
HTML & CSS
Rafay Saeed Ansari, Sep 15

Avoiding Redundancy with WAI-ARIA in HTML Pages

Rafay Saeed Ansari discusses how many HTML elements often expose default semantics that make ARIA roles redundant and demonstrates what to avoid doing.
5 COMMENTs
Web
Angela Molina, Aug 27

Those Who Can, Teach: An Interview with Guilherme Müller

A post Q&A chat with Guilherme Müller; a full stack developer and SitePoint Premium teacher.
2 COMMENTs
Microsoft Tech
Aaron Gustafson, Aug 26

Responsive Web Design: Where Do We Go From Here?

Microsoft's Aaron Gustafson explains the challenge of truly responsive web design aimed at as many users as possible.
17 COMMENTs
HTML & CSS
Omar Wraikat, Aug 19

Building a Style Switcher with Pure CSS Using :checked

Omar Wraikat has another take on the checkbox hack, building a simple style switcher using the :checked pseudo-class along with CSS's sibling selectors.
19 COMMENTs
Design & UX
Massimo Cassandro, Aug 19

The Great Icon Debate: Fonts Vs SVG

Fonts have been a convenient place to store our vector icons – but is it the *right* place? Massimo asks if it's time to move to SVG.
9 COMMENTs
HTML & CSS
Nouran Mahmoud, Aug 18

Using Jade and Grunt to Speed Up HTML Production

Nouran Mahmoud introduces Jade, a Node-based template engine to preprocess your HTML, demonstrating how to automate HTML production with Jade using Grunt.
4 COMMENTs
Mobile
Wern Ancheta, Aug 12

Creating a PhoneRTC Calling App - Server Side

In the final part of this short series, Wern Ancheta adds a server side component to our PhoneRTC calling app to handle client connections.
8 COMMENTs
HTML & CSS
Louis Lazaris, Aug 06

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

Louis Lazaris with the latest installment of learning tools and resources for front-end developers.