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.