收藏 / 列表

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

Victor Ayomipo - Solo Development: Learning To Let Go Of Perfection

As expected from anyone who has ever tried building anything solo, my goal was not to build an app but the app — the one app that’s so good you wonder how you ever survived without it. I had everyth

workflow , Inspiration , Web Design , Opinion Column

Preethi Sam - In Search Of The Ideal Privacy Icon

I’ve been on the lookout for a privacy icon and thought I’d bring you along that journey. This project I’ve been working on calls for one, but, honestly, nothing really screams “this means privacy”

Icons , Design , ui

Jhey Tompkins - A Guide To Audio Visualization With JavaScript And GSAP (Part 1)

A while back I got approached by friend Kent C. Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. An

react , Techniques , coding , Javascript

Juan Diego Rodríguez - Gatsby Headaches: Working With Media (Part 1)

Working with media files in Gatsby might not be as straightforward as expected. I remember starting my first Gatsby project. After consulting Gatsby’s documentation, I discovered I needed to use the

performance , react , optimization

Geoff Graham - How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow

Smashing Magazine is drastically different today than it was just a few years ago, and you may not have even noticed. That’s how it often is with back-end development — the complete architecture cha

cms , Case Studies , Smashing

Louis Lazaris - Powerful Image Optimization Tools

In recent years, the web development community has rightfully spread the message widely that images are often the largest resource on any given web page. While many developers spend time optimizing

performance , optimization , Techniques , Tools

Brecht De Ruyte - Transitioning Top-Layer Entries And The Display Property In CSS

Animating from and to display: none; was something we could only achieve with JavaScript to change classes or create other hacks. The reason why we couldn’t do this in CSS is explained in the new CS

animation , Techniques , Tools , Css