Tag: LouisL

The spec now includes 4 types of CSS gradients. Baljeet Rathi takes you through a crash course on all four, with syntax examples and demos.

Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.

Ritesh Kumar delves into the CSS spec to explain, with demos and diagrams, what is meant by "block formatting contexts" and how they affect page layout.

Massimo Cassandro shows you how to use Gulp to automate some repetitive tasks necessary in order to customize Bootstrap's icon font classes.

HTML5's Local Storage API has fantastic browser support and there are plenty of neat little tools and utilities that ease its use, 9 of which are examined here.

Kitty strays from Sass for a brief moment to consider how in-document linked footnotes can be created to be maintainable and accessible with just HTML and CSS.

Monty Shokeen introduces Pure.css, Yahoo's super-light front-end framework. He discusses the grid, custom buttons, forms, and combining with Bootstrap.

Gajendar Singh breaks down the CSS content property, with descriptions and demos for all the possible values.

Monty Shokeen takes a deeper look at the features of Chart.js, creating a fancy line graph and bar graph along the way.

Bashkim Isai works off an idea presented by BBC's developers to help you get up and running with flexbox with safe fallbacks for legacy browsers.

Maria Antonietta Perna has created some visual examples and demos to help understand CSS's cool new mix-blend-mode property and how it can be used today.

CSS counters are a rarely used CSS feature. But they can be very handy once you understand how they work and in what cases they are most practical.

A 2013 study looked at common errors by beginners learning HTML and CSS. Louis summarizes some of the findings and the progress being made as a result.

Foundation 5 doesn't have a "mega menu" component. George uses some existing Foundation styles to create a responsive mega menu with just CSS.

Christ Poteet introduces the concept of mobile first design and how it differentiates from the technical aspect, with a light intro to the subject.

Monty Shokeen recently discovered CamanJS, a Canvas-based image manipulation library. He showcases its features and demonstrates with a live example.

Static site generators seem to be all the rage nowadays. Matthew Daly shows you how to build your own static site generator as a Grunt plugin.

Patrick Catanzariti spoke to some experienced front-end developers to get their views on how to deal with the popular BEM CSS methodology on large scale projects.

Microsoft's David Voyles explains the basics of working with HTML5 video, including how to use Microsoft's Azure to work with video files in the cloud

UIkit has a component not available in other popular frameworks: Dynamic Grid. Ivaylo shows us how to use this feature to build a responsive portfolio.

George Martsoukos examines solutions, along with demos, for a number of different techniques for achieving responsive tables.

Harry Roberts has created an anti-framework of sorts: inuitcss. Reggie takes a look at how to set it up and what makes it different from the rest.

Former SitePoint team member Kevin Yank is back to explain three CSS tidbits that most people get wrong in his Sit the Test CSS quiz.

Ashraff introduces Google Charts, which help you to put attractive, colorful, SVG-based charts on your pages using a specialized API.

Luis Vieira describes how you can use font subsetting along with asynchronous loading and local storage to improve the performance of web fonts.

Tom Bennet uses his love for video games to show us how to create responsive CSS sprites using ImageMagick and the GreenSock JavaScript animation library.

Nick Salloum mimics Dropbox and Gmail, building a functioning custom context menu (right-click menu) from scratch with JavaScript.

Miles Johnson introduces his 4-years-in-the-making project: Toolkit, an extensible and customizable component-based front-end framework.

If you're building offline functionality into your apps using AppCache, you'll want to consider some common problems that can arise. Tanay has the details.

Ryan Reese introduces the basics of the viewport meta tag and explains why RWD layouts should not be based on device-specific media queries.