Tag: LouisL

Ahmad Ajmi takes a look at how we can use classes in CSS to abstract class sets that each perform a single action, making our HTML more like Lego blocks.

Matthew Setter considers the security implications of transferring files over FTP - a common practice among developers, and how the process can be improved.

Jacob Gube shows us the most popular options for CSS preprocessors, along with some more obscure options you may not have considered before.

Richa Jain describes 12 tools you can use to improve and ease the workflow of your responsive designs.

Armando Roggio runs through 20 different HTML elements that you can use to mark up various parts of text on your web pages. Some of these might be new to you.

Craig examines the features of Pleeease -- an all-in-one CSS post-processor that joins files, adds prefixes, packs media queries, minifies code, and more.

Pankaj Parashar with a step-by-step tutorial demonstrating how to build a custom element using Polymer. His example builds a simple pull-quote element.

Stephan Max explains what exactly is the critical rendering path and how we can use that knowledge to make our pages load faster and thus improve the UX.

Heydon Pickering describes how he built beautiful, accessible custom radio buttons with just HTML and CSS and no reliance on complex ARIA or JavaScript.

If you're still supporting IE8 or lower, Luke Haas has a couple of quick suggestions on how to handle SVGs in those older browsers, should the need arise.

Scott O'Hara examines how to replicate a jQuery-based UI widget first using jQuery, then using vanilla JavaScript, and finally plain CSS.

Luis Vieira discusses how the way users perceive the speed of our website is more important than the actual speed metrics themselves.

Kitty Giraudel with a detailed tutorial on creating a step wizard, commonly found in e-commerce, using BEM and Sass techniques.

Jacob Gube takes an in-depth look at what HTML's pre element is all about, how it's used, and how it can be used to display code on web pages.

Hugo considers different use cases for selector nesting in Sass while also looking at ways it shouldn't be used and the problems it brings.

Vinay Raghu explains the source maps feature in Chrome, how it's beneficial to Sass debugging, and how you can enable the feature in the developer tools.

Armando Roggio introduces HTML Imports, part of the Web Components spec, showing us how useful this feature will be in keeping code DRY and maintainable.

Satheesh Kumar introduces a new architecture, inspired by a number of different tools and methodologies, for helping with building large applications.

We rely on JavaScript for almost everything that involves dynamic elements and interactions. Tim Evko explores how to build such elements with just CSS.

Aurelio introduces HTML5's time element, with a quick look at its turbulent history and a full description of the syntax and how we can use it today.

George Martsoukos introduces icon fonts, talking about pros and cons, and then shows some examples using some popular choices.

Pankaj Parashar introduces the new W3C specs for Web Components, and shows us how we can start using its features with the Polymer library created by Google.

Joni Trythall takes a detailed look at path data in SVG, breaking down the different parts of the code to make it more familiar and easier to work with.

Hugo shows us how he's built a better function to validate length values in Sass, taking a number of different circumstances into consideration.

Bootstrap is responsive and since version 3 is now mobile first. Syed examines some neat little responsive design tips from Bootstrap's CSS.

Daniel Imms examines Chromium's Telemetry and WebPagetest.org to show you how you can measure page speed by addressing the loading of above-the-fold content.

Reginald Dawson has some go-to mixins that he's uncovered in Bootstrap's Sass port. Here he describes 5 of them and how they can be used in your Bootstrap projects.

Louis Lazaris runs down some app, tools, and references that can help you polish up your skills in certain areas of CSS.

Zell Liew looks at the grid system in Bootstrap and describes what he thinks is a superior grid framework: Susy.

Alexander Futekov looks at why you should be using HSB colors and how to create a Sass function to implement them just like other color function values.