2 COMMENTs
Web
Maria Antonietta Perna, Apr 20

Five Techniques to Lazy Load Images for Website Performance

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.
HTML & CSS
Tiffany Brown, Apr 19

Managing the CSS Box Model

In this exclusive excerpt from our book, CSS Master by Tiffany Brown, we look at the best ways of managing the CSS Box Model
1 COMMENT
HTML & CSS
Jelena Jovanovic, Apr 19

Quick Tip: How to Build Your Custom Theme for Telescope Nova

In this quick tip, Jelena Jovanovic shows how to customize the Telescope Nova theme, both markup and stylesheet with these easy-to-follow steps.
1 COMMENT
HTML & CSS
Alexis Goldstein, Apr 13

Pseudo-classes - The Basics

In this book excerpt from HTML5 & CSS3 we look at the role of pseudo-classes.
HTML & CSS
Tiffany Brown, Apr 12

Minifying CSS With CSS Optimizer

In this exclusive excerpt from our book, CSS Master, we teach you how to minify CSS with a CSS Optimizer.
4 COMMENTs
HTML & CSS
Maria Antonietta Perna, Apr 11

Make Your Website Interactive and Fun with Velocity.js (No jQuery)

Maria Antonietta Perna introduces Velocity JS, a super featured JavaScript library for DOM animation, and shows how to use it without jQuery dependency.
HTML & CSS
Alexis Goldstein, Apr 06

Relational and Attribute Selectors in CSS3

In this excerpt from our book, HTML5 & CSS3 for the Real World (2nd Edition), we look at Relational and Attribute Selectors in CSS3
2 COMMENTs
Web
Maria Antonietta Perna, Apr 05

What Is the Right Image Format for Your Website?

Maria Antonietta Perna introduces five image formats for the web: JPG, GIF, PNG, SVG and WebP and explains how to choose the right image format for the web.
HTML & CSS
Jon Persson, Apr 05

Quick Tip: How to Build Customizable HTML Widgets in Jekyll

In this quick tip, Jon Persson shows how to build a customizable HTML widget for the static website generator Jekyll in a few simple steps.
Design & UX
Alex Walker, Apr 05

Design Tricks with SVG Filters: A Masked Blur Effect

SVG might be a vector format, but it has some amazingly powerful pixel-based tricks up its sleeve. Follow Alex's journey – if you dare.
1 COMMENT
HTML & CSS
Asha Laxmi, Mar 30

CSS Viewport Units: A Quick Start

Asha Laxmi offers an accessible but thorough introduction to the use of CSS viewport units for truly responsive typography and layout elements on the web.
1 COMMENT
Design & UX
Ada Ivanoff, Mar 30

6 Free Web-Based SVG Editors Compared

SVG is more important to web design than ever before. Today we no longer need to leave our web browsers to create it. Ada looks at the options.
HTML & CSS
Tiffany Brown, Mar 29

Debugging CSS for UI Responsiveness

In this exclusive book excerpt, we examine CSS properties and values that trigger reflows.
Web
Maria Antonietta Perna, Mar 29

Tame Unruly Style Sheets With These Three CSS Methodologies

Maria Antonietta Perna introduces BEM, SMACSS and eCSS, three CSS architecture methodologies to help you write clean and maintainable CSS code.
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.