Tag: LouisL

Using lots of demos, Maria Antonietta Perna discusses many of the features of jCanvas, a jQuery plugin to make it easier to work with the HTML5 Canvas API.

George takes a look at a few different techniques for building a mobile-first, responsive image grid using flexbox and calc().

The Foundation framework has overhauled its menu components into a single, powerful component. Simon looks at the different options available in Foundation 6.

Patrick Catanzariti takes a look at Firefox and Edge's recent move to adopt various WebKit vendor prefixes and what it means for developers.

Maria Antonietta Perna takes a look at the syntax for the new @supports rule, which allows you to test for browser features, similar to how Modernizr is used.

Zurb's popular Foundation framework has been overhauled and improved. Simon Codrington looks at what's new and what features have been improved.

Hugo Giraudel explains the new kid on the CSS processor block: CSS Modules and he relates why he thinks this concept is how CSS should be.

The CSS Scroll Snap Points spec is gaining more and more browser support and the standard has been refined. Simon breaks down the properties with examples.

Artem Tabalin shows you how to improve the performance of your CSS animations by taking advantage of hardware acceleration.

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.

Simon Codrington examines the different methods and properties associated with native Drag and Drop, which has increasingly better browser support.

Thomas Greco provides a run-through of the different features available in Compass to allow you to easily work with flexbox in CSS.

David Kaye examines in detail how browsers parse CSS, demonstrating how single-line comments can be used even though these aren't technically legal.

Rafay introduces GSS: A CSS preprocessor and JavaScript runtime that exploits Cassowary.js to provide a powerful way to lay out and style your web pages.

Massimo shares the technologies he uses for HTML email development and testing on various email clients and how he automates repetitive tasks.

When using other people's Sass code, you might make errors when passing data to mixins and functions. James shows some techniques to avoid this problem.

With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.

Rafay Saeed Ansari discusses how many HTML elements often expose default semantics that make ARIA roles redundant and demonstrates what to avoid doing.

Ivaylo Gerchev explores how to use Less's color functions with other Less features to produce flexible and reusable mixins for color manipulation.

David Johnson provides a quick walk through to create a Bootstrap-based editable grid component using Shield UI Lite, a jQuery component library.

James looks at three Sass directives that assist developers in debugging their SCSS code and can also help when working on Sass projects on a team.

Antonietta Perna looks at a number of different CSS properties that can be used to control text and white space on web pages

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.

Nouran Mahmoud introduces Jade, a Node-based template engine to preprocess your HTML, demonstrating how to automate HTML production with Jade using Grunt.

Adrian Sandu looks at two different solutions to displaying a feature comparison table (often seen on hosting websites) that looks good on smaller screens.

Andy Kirk has another take on the controversial "cutting the mustard" technique, allowing old browsers to fall back to no stylesheet using media queries.

George uses the checkbox hack and demonstrates how to create a show more/less component with CSS and no JavaScript.

Gajendar Singh explains and demonstrates the different length units available in CSS, including absolute, relative, and viewport-relative units.

Polymer is now at version 1.0 but unfortunately, the breaking changes over version 0.5 may cause problems. Pankaj has a guide to get you started.

One of SitePoint's most popular articles of 2014 now has a sequel. Louis Lazaris has compiled another 12 interesting tricks and tidbits on CSS.