CategoryTechniques

June 28, 2021 — In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more. Read more…

June 10, 2021 — Building a faster website can be a rocket task these days. There are so many things to consider, so it’s challenging to get everything right. Here are some less-known tools that might help you get there. Read more…

May 26, 2021 — Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers. Read more…

March 11, 2021 — A complete guide to CSS auditing tools for debugging and refactoring your CSS. Tools to discover CSS specificity issues, duplicated and invalid selectors and improve your CSS architecture. Read more…

February 23, 2021 — A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported aspect-ratio property in combination with object-fit provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair. Read more…

February 8, 2021 — Wrangling z-index values is a difficult task for many developers. Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index. Read more…

December 3, 2020 — Markdown has a declarative syntax that is both powerful and easy to learn for technical and non-technical folks. However, due to the consequential ambiguities in its original specification, there have been a number of distinct flavors (or custom versions). This has led to a steep divergence from what can be parsed and what is rendered. Find out how CommonMark provides a standardized specification of Markdown that reflects its real-world usage. Read more…

October 9, 2020 — In this overview of WebXR technologies and the Babylon.js framework, we’ll inspect the underpinnings of WebXR and the most important aspects of the WebXR Device API before turning our attention to Babylon.js. Read more…

September 11, 2020 — This article contains a brief introduction to Lighthouse, discusses the advantages of running it programmatically, and walks through a basic configuration. Read more…

August 11, 2020 — In this article, Artur Basak introduces a modern approach on how to set up CSS Custom Properties that respond to the application colors. The idea of dividing colors into three levels can be quite useful: a palette (or scheme), functional colors (or theme), and component colors (local scope). Read more…