1 COMMENT
Web
Maria Antonietta Perna, May 04

Three Ways of Decreasing SVG File Size with SVGO

Maria Antonietta Perna discusses three ways in which you can use SVGO to optimize SVG graphics to be used on your website.
21 COMMENTs
Web
Maria Antonietta Perna, May 04

Tackling Render Blocking CSS for a Fast Rendering Website

Maria Antonietta Perna discusses CSS as being on the critical rendering path and points out a few solutions you can try out in your development work.
4 COMMENTs
HTML & CSS
Jon Persson, May 03

Quick Tip: E-Commerce in 30 Seconds with Gumroad and Jekyll

In this quick tip Jon Persson illustrates how you can quickly integrate the popular e-commerce services provided by Gumroad with your Jekyll website.
7 COMMENTs
Design & UX
Chris Ward, May 02

The Meaning and Purpose of Responsive Web Design

How do we support this ever-increasing array of devices? The answer is responsive web design, which allows websites to adapt to screens of all sizes.
2 COMMENTs
HTML & CSS
Baljeet Rathi, Apr 27

How to Set CSS Margins and Padding (And Cool Layout Tricks)

Baljeet Rathi explains the use of CSS margins vs padding, the box model, bleeding and collapsing margins, and concludes with some cool layout tricks.
3 COMMENTs
HTML & CSS
Louis Lazaris, Apr 26

The Ultimate CSS Survey 2017

SitePoint's 2nd annual CSS Survey to give us a better idea of the knowledge, experience, habits, and practices of CSS developers from around the world.
2 COMMENTs
HTML & CSS
Chris Ward, Apr 25

Creating Media Queries for Responsive Web Designs

This article outlines how to create a basic media query, utilizing logical operators and media features to target any type of device
1 COMMENT
Web
Maria Antonietta Perna, Apr 25

Optimizing Web Fonts for Performance: the State of the Art

Maria Antonietta Perna digs into performance issues when loading custom web fonts. She discusses file size and FOIT and shows some cutting-edge solutions.
2 COMMENTs
HTML & CSS
Aaron Osteraas, Apr 24

How to Improve Site Performance (and Conversions) with Dareboost

Aaron Osteraas reviews Dareboost, a service for evaluating website performance and monitoring pages over time.
HTML & CSS
Alexis Goldstein, Apr 20

Structural Pseudo-Classes

In this exclusive excerpt from our book, HTML5 & CSS3 for the Real World, we examine the different types of structural pseudo-classes you can use.
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.