收藏 / 列表

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 - 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 - Web Design Done Well: Perfectly Pointless

Amid the KPIs and e-commerce and seemingly endless analytics, there are still plenty of sites embracing frivolity. Doesn’t it take the edge off to just have a little fun? The web can feel like a ve

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 - Timing is Everything: Good Design Is All About The Right Timing

Imagine a shiny newsletter pop-up. A pop-up makes its splendid appearance on an eCommerce site just as you are about to make your way to a product page. You didn’t even have a chance to explore a si

Design Patterns , UX Design , User Experience

ramona-schwering 頭像

Ramona Schwering - Long Live The Test Pyramid

A dear colleague of mine, Jan Philip Pietrczyk, once commented on the developer’s responsibility for writing functional code: “Our daily work [...] ends up in the hands of people who trust us no

Techniques , Tools , testing

atila-fassina 頭像

Atila Fassina - Open-Source Meets Design Tooling With Penpot

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 , Tools , plugins , ui

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Uniting Web And Native Apps With 4 Unknown JavaScript APIs

A couple of years ago, four JavaScript APIs that landed at the bottom of awareness in the State of JavaScript survey. I took an interest in those APIs because they have so much potential to be usefu

API , Apps , Javascript

zara-cooper 頭像

Zara Cooper - You Can Do That With A JavaScript Data Grid?

This article has been kindly supported by our dear friends at Progress Kendo UI who are committed to giving developers the tools they need to harness and master the technological evolution shapin

Tools , Javascript , ui

louis-lazaris 頭像

Louis Lazaris - Top Front-End Tools Of 2022

Over the past 12 months, we continue to see new free and open-source projects shared around the developer community. In my newsletter, Web Tools Weekly, I feature more than two dozen tools every wee

workflow , 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 - Using The WordPress Editor And CPTs To Configure Plugins

WordPress 5.9 was released recently shipping with Full Site Editing (FSE), which enables using blocks to create the layout for any page in the website (as was already possible to write posts via the

wordpress , Tools , plugins