Should you use Canvas or SVG? It depends! Let's walk through all the scenarios where Canvas and SVG are an option and work out which is the best choice.
Ahmad Ajmi introduces CSS Grid Layout Module, showing beginner-friendly examples of how to use CSS Grid, as well as discussing current browser support and what to do if you need to support older browsers — from using a mobile-first layout as a fallback, to using other CSS fallbacks and even a polyfill.
George customizes Bootstrap's carousel component, converting it to a full-screen Bootstrap Carousel slideshow and randomizing the first slide on page load.
Maria Antonietta Perna uses some jQuery and the Animate.css animations library to add some extra subtle visuals to the slides in the Bootstrap carousel.
Ivaylo Gerchev looks at the pros and cons of choosing between, prebuilt, front-end frameworks versus using a custom solution.
Giulio Mainardi explains the new font-display property and how it will help CSS developers improve rendering of fonts during page load.
Ashley Nolan introduces the features of stylelint, a flexible and well-supported CSS linting tool that can improve your team's code style and maintenance.
Giulio Mainardi shows you how to build a Trello layout using CSS's new Grid Layout Module features and Flexbox, along with some Sass for efficiency.
Louis Lazaris has collected together another 20+ learning resources, tools, and other guides to help developers brush up on various front-end features.
Asha Laxmi explains and demonstrates how to use two CSS properties that can help when creating responsive layouts – object-fit and object-position.
Louis Lazaris presents another collection of websites, GitHub docs, and other learning resources for front-end developers.
George shows you how to use jQuery and CSS keyframe animations to build an animated list filtering component.
Maria gives a nice overview of the features of Google's Material Design Lite framework and how you can use it in one of your new projects.
You may have run into the problem of the "jump" effect when adding bold to hover states on text links. George looks at a few ways to solve this issue.
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.
Louis Lazaris presents the 7th installment of this series featuring another more than 20 learning resources for front-end 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.
Louis Lazaris has discovered a slew of new tools for front-end developers. In this end-of-year post, he lists some of his favorite finds of 2015.
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.
Have you ever heard of a HTML document outline? It's been nearly forgotten since HTML5, but it means a more accessibility and better semantic structure.
Julian Ćwirko is the author of sGrid: A flexbox and Stylus-based grid system that can be useful for rapid prototyping or hybrid mobile apps.
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.
Alexis Ulrich takes a dive into a new page speed initiative by Google: Accelerated Mobile Pages, or AMP.
If you're looking to brush up on a specific front-end technology, Louis Lazaris has another 20 learning resources you can choose from.
David Kaye examines in detail how browsers parse CSS, demonstrating how single-line comments can be used even though these aren't technically legal.
The ECMAScript spec has moved to GitHub but one of the more interesting features is the fact that the document is built with custom HTML called Ecmarkup.
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.
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.
Louis Lazaris with the latest installment of learning tools and resources for front-end developers.
Adrian Sandu looks at two different solutions to displaying a feature comparison table (often seen on hosting websites) that looks good on smaller screens.
Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.
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.
Monty Shokeen introduces Pure.css, Yahoo's super-light front-end framework. He discusses the grid, custom buttons, forms, and combining with Bootstrap.
Louis has collected another 20 learning resources, tools, info-apps and more for front-end coders.
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.
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.