收藏 / 列表

brecht-de-ruyte 頭像

Brecht De Ruyte - CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study

You know what’s perhaps the “cheapest” way to make a slider of images, right? You set up a container, drop a bunch of inline image elements in it, then set overflow-x: auto on it, allowing us to swi

Tools , Css , Case Studies

preethi-sam 頭像

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

michelle-barker 頭像

Michelle Barker - Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on

performance , optimization , User Interaction , ui

frederick-o-brien 頭像

Frederick O’Brien - Designing Web Design Documentation

As an occasionally competent software developer, I love good documentation. It explains not only how things work but why they work the way they do. At its best, documentation is much more than a gui

workflow , Best Practices , Web Design , Design Systems

mikolaj-dobrucki 頭像

Mikołaj Dobrucki - Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike

This article has been kindly supported by our dear friends at Penpot whose mission is to provide an open-source and open-standards platform to bring collaboration between designers and developers

workflow , Graphics , Tools , Apps , ui

paul-scanlon 頭像

Paul Scanlon - What’s New In Gatsby 2022?

This article has been kindly supported by our dear friends at Gatsby, who provide development teams with an open-source frontend framework for creating dynamic, blazing-fast websites and a cloud

Techniques , Gatsby , Tools , serverless

vitaly-friedman 頭像

Vitaly Friedman - Designing For Neurodiversity

This article has been kindly supported by our dear friends at TetraLogical, who not only make websites, apps, and other technologies usable for people with disabilities, but also help provide tea

Accessibility , ux , Design

ramona-schwering 頭像

Ramona Schwering - Testing Pipeline 101 For Frontend Testing

Picture this situation: You’re approaching a deadline fast, and you’re using every spare minute to achieve your goal of finishing this complex refactoring, with plenty of changes in your CSS files.

workflow , Frameworks , Tools , testing

atila-fassina 頭像

Atila Fassina - A Recipe For A Good Design System

This article has been kindly supported by our dear friends at Backlight, a collaborative platform empowering front-end teams to build and ship great design systems. Thank you! In theory, ev

workflow , Tools , User Experience , Design Systems

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - JavaScript APIs You Don’t Know About

A couple of days ago, I revisited the awesome 2021 State of JS Survey. The state of JS is an online survey that collects data from developers around the world to see the most recent and upcoming tre

Guides , API , Tools , Apps , Javascript

zara-cooper 頭像

Zara Cooper - How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

Chat is becoming an increasingly popular communication medium in both business and social contexts. Businesses use chat for customer and employee intra-company communication like with Slack, Microso

node.js , API , Apps , Javascript

louis-lazaris 頭像

Louis Lazaris - Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development

Many modern programmers, including front-end and full-stack developers, work daily with the command line. Even those who are relatively new to web development are picking up command-line skills earl

Techniques , Round-Ups , Tools , coding

patrickbrosset 頭像

Patrick Brosset - What’s New In DevTools: Halloween Edition 🎃

I can’t believe it’s already been nine months since I last wrote about the new DevTools features across browsers! You folks are due for an update. And what an update this is going to be! Our friend

devtools , Tools , testing , debugging , Browsers

leonardolosoviz 頭像

Leonardo Losoviz - Automatically Transforming And Optimizing Images And Videos On Your WordPress Website

This article has been kindly supported by our dear friends at Cloudinary whose mission is to help companies unleash the full potential of their media to create the most engaging visual experience

wordpress , Images , optimization , plugins