JavaScript
Pavels Jelisejevs, Mar 29

Automated Accessibility Checking with aXe

Pavels Jelisjevs looks at aXe, a JS library that scans your website for a11y issues. Learn how to do automated accessibility checking via your test runner.
4 COMMENTs
Web
Maria Antonietta Perna, Mar 27

Is Using SVG Images Good for Your Website's Performance?

Maria Antonietta Perna shows why SVG images can be great for website performance, provided you follow a few simple steps when you design and export them
13 COMMENTs
Web
Maria Antonietta Perna, Mar 24

Five CSS Performance Tools to Speed up Your Website

Maria Antonietta Perna highlights the importance of a fast-loading website and introduces five CSS performance tools to help you optimize your stylesheets.
Web
Maria Antonietta Perna, Mar 24

Cut the File Size with These Three HTML Minification Tools

Maria Antonietta Perna introduces three HTML minification tools to automate optimization of your markup for a faster website and better user experience.
9 COMMENTs
HTML & CSS
Ahmad Ajmi, Mar 23

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.
6 COMMENTs
HTML & CSS
Nitish Kumar, Mar 23

Seven Ways You Can Place Elements Using CSS Grid Layout

Nitish Kumar shows seven ways in which CSS Grid Layout lets front-end developers quickly and intuitively place content on the web.
1 COMMENT
Design & UX
Alex Walker, Mar 22

Killer GIFs: How Can an Animated GIF Become a Weapon?

GIFs are the jokers of the web image formats – usually funny and playful. But can they be turned into a dangerous weapon in the right situation?
8 COMMENTs
JavaScript
Craig Buckler, Mar 21

Retrofit Your Website as a Progressive Web App

Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.
15 COMMENTs
HTML & CSS
Gajendar Singh, Mar 21

How You Can Use HTML5 Custom Data Attributes and Why

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery
3 COMMENTs
HTML & CSS
Tiffany Brown, Mar 20

CSS Architecture: CSS File Organization

In this exclusive excerpt from our book, CSS Master, we look at the importance of file organization and how it benefits CSS architecture overall.
HTML & CSS
Alexis Goldstein, Mar 17

HTML5 Video and Audio: The Markup

In this excerpt from our book, HTML5 & CSS3 for the Real World, 2nd Edition, we take you through adding Video and Audio in HTML5.
HTML & CSS
Alexis Goldstein, Mar 15

HTML5 Forms: Input Types (Part 2)

We delve deeper into various Input Types for HTML% Forms. This is an excerpt from our book, HTML5 & CSS3 for the Real World, 2nd Edition.
11 COMMENTs
JavaScript
Simon Codrington, Mar 15

Top 5 jQuery UI Alternatives

Simon Codrington evaluates 5 widget libraries providing high-quality UI components for building websites & apps. Are they jQuery UI alternatives?
3 COMMENTs
HTML & CSS
Tiffany Brown, Mar 14

Golden Guidelines for Writing Clean CSS

In this exclusive excerpt from our book, CSS Master, we give you the ultimate guidelines for writing clean CSS.
HTML & CSS
Nitish Kumar, Mar 14

How to Order and Align Items in Grid Layout

Nitish Kumar shows how you can quickly order and align content using the shiny new CSS Grid Layout module.
3 COMMENTs
HTML & CSS
Tiffany Brown, Mar 09

Learn about CSS Architecture: Atomic CSS

What exactly is Atomic CSS, and how do you use it? We give the lowdown through this exclusive excerpt from our book, CSS Master.
1 COMMENT
HTML & CSS
Alexis Goldstein, Mar 08

HTML5 Forms: Input Types (Part 1)

Learn about the different input types in HTML5 Forms, in this exclusive excerpt published from our book, HTML5 & CSS3 for the Real World, 2nd Edition.
Design & UX
Alex Walker, Mar 08

Introducing Portfolio WordPress Theme – and the Design Decisions Behind it

Good design comes down to 3 or 4 fairly simple decisions at the beginning of a project – and then just carrying them through.
HTML & CSS
Tom Hodgins, Mar 07

How We Built EQCSS & Why You Should Try Building Your Own Polyfills Too

Tom Hodgins recounts how they put together EQCSS and shares why he believes all web developers should try building their own polyfills.
3 COMMENTs
HTML & CSS
Tiffany Brown, Mar 06

CSS Architecture Block-Element-Modifier (BEM)

Learn how to use the Block-Element Modifier (BEM) in CSS. This an exclusive excerpt from our SitePoint book, titled CSS Master, written by Tiffany Brown.
5 COMMENTs
Design & UX
Roemie Hillenaar, Mar 01

How to Choose the Best Fonts for Your Next Project with Fontcloud

Fontcloud is a tool designed to help you browse, choose and manage you fonts – and their licensing – through your browser. Roemie takes you on the tour.
HTML & CSS
Alexis Goldstein, Feb 28

Learning about HTML5 Form Attributes (Part 2)

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition. We teach you about HTML5 Forms Attributes.
10 COMMENTs
Web
Craig Buckler, Feb 28

Front-End Tooling Trends for 2017

Are you using the best development tools? Is your CSS compilation complicated? Have you bungled your JavaScript bundling? Craig discusses what we're using.
13 COMMENTs
HTML & CSS
Craig Buckler, Feb 28

How to Build Your Own Progressive Image Loader

Craig Buckler shares a very handy technique for progressive image loading — loading a smaller blurred version first, followed by the full resolution image.