收藏 / 列表

brecht-de-ruyte 頭像

Brecht De Ruyte - It’s Time To Talk About “CSS5”

We have been talking about CSS3 for a long time. Call me a fossil, but I still remember the new border-radius property feeling like the most incredible CSS3 feature. We have moved on since we got bo

Techniques , coding , Css , Design

preethi-sam 頭像

Preethi Sam - A Few Interesting Ways To Use CSS Shadows For More Than Depth

The world of post-modern web design is one where the light doesn’t cast many shadows. That doesn’t mean CSS shadows are going away. On the contrary, they’ve become more adaptive. Shadows are an incr

Techniques , coding , Css

michelle-barker 頭像

Michelle Barker - Simplifying Form Styles With accent-color

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. aspect-ratio is one such p

Tools , Accessibility , Css , Browsers

frederick-o-brien 頭像

Frederick O’Brien - Web Design Done Well: Excellent Editorial

A lot of web design talk concerns itself with what goes on around content. Page speed, design systems, search engine optimization, frameworks, accessibility — the list goes on and on. This gives us

Inspiration , User Experience , Content Strategy , Design

mikolaj-dobrucki 頭像

Mikołaj Dobrucki - Penpot’s Flex Layout: Building CSS Layouts In A Design Tool

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

Tools , Css , Design

paul-scanlon 頭像

Paul Scanlon - How To Create Dynamic Donut Charts With TailwindCSS And React

CSS is amazing — I’m regularly surprised at how far it has come in the years I’ve been using it (~2005 – present). One such surprise came when I noticed this tweet by Shruti Balasa which demonstrate

react , Techniques , Css , svg

vitaly-friedman 頭像

Vitaly Friedman - Usability Guidelines For Better Carousels UX

Carousels don’t have a good reputation, and rightfully so. They have plenty of accessibility issues, they often exhibit low click-through rates, can be very disruptive when auto-advancing and people

Design Patterns , Accessibility , ux , Usability

ramona-schwering 頭像

Ramona Schwering - It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

As I was rewatching a movie I loved as a child, one quote in particular stood out. It’s from the 1983 Star Wars film “Return of the Jedi”. The line is said during the Battle of Endor, where the Alli

Tools , testing , Javascript , ui

atila-fassina 頭像

Atila Fassina - What’s New In Next.js 13?

October has come and gone, and with it, Next.js has released a new major version packed (pun intended) with tons of new features — some of which can be seamlessly adopted from your Next.js 12 app, w

API , next.js , coding , Javascript

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Making Sense Of “Senseless” JavaScript Features

Why does JavaScript have so many eccentricities!? Like, why does 0.2 + 0.1 equals 0.30000000000000004? Or, why does "" == false evaluate to true? There are a lot of mind-boggling decisions in JavaS

react , Javascript

zara-cooper 頭像

Zara Cooper - How To Build A Localized Website With Hugo And Strapi

Localizing your site can benefit your business or organization in several ways. By translating your content or site, you expand the markets you target. Adapting your product to the language and cult

Headless , Tools , cms , hugo

louis-lazaris 頭像

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

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 - Creating A Public/Private Multi-Monorepo For PHP Projects

To make my development experience faster, I moved all of the PHP packages required by my projects to a monorepo. When each package is hosted in its own repository (the multirepo approach), I would n

php , Tools , coding