Create Responsive Image Effects With CSS Gradients And `aspect-ratio`

12 min read
No meows just yet

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 ... Read More…

244 more articles

Adebiyi Adedotun wrote

CommonMark: A Formal Specification For Markdown

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 … Read more…

Preston So wrote

Using WebXR With Babylon.js

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…

Jamie Corkhill wrote

Understanding TypeScript Generics

October 1, 2020 — An introduction to the utilization of Generics in TypeScript with examples grounded in real-world use cases, such as collections, approaches to error handling, the Repository Pattern, and so on. Read more…

Katy Bowman wrote

An Introduction To Running Lighthouse Programmatically

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…

Jerry Navi wrote

Setting Up Redux For Use In A Real-World Application

August 3, 2020 — Redux is a robust state-management library for single-page Javascript apps. It is described on the official documentation as a predictable state container for Javascript applications and it’s fairly simple to learn the concepts and implement Redux in a simple app. Going from … Read more…

Zara Cooper wrote

Create A Responsive Dashboard With Angular Material And ng2-Charts

July 27, 2020 — In this article, Zara Cooper explains how to take advantage of schematics in Angular Material and ng2-charts to substantially reduce the time and work that goes into building a dashboard. Read more…

Edoardo Cavazza wrote

Modern CSS Techniques To Improve Legibility

July 22, 2020 — In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches. Read more…

Suzanne Scacca wrote

How To Feel More Energized Even When You’re Stuck At A Desk All Day

May 26, 2020 — Without a desk, you’d end up working from wobbly tables at cafes or staring down at your lap all day — uncomfortable options, to say the least. Then again, your desk could also cause you discomfort if you sit in it the wrong way or for too long. Read more…

Blessing Krofegha wrote

Implementing Skeleton Screens In React

April 20, 2020 — Spinners and loaders have traditionally been the way to tell users that content is going to take a while to load. While this approach is great, it’s quickly becoming obsolete in modern development. Read more…