收藏 / 列表

brecht-de-ruyte 頭像

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

preethi-sam 頭像

Preethi Sam - The Times You Need A Custom @property Instead Of A CSS Variable

We generally use a CSS variable as a placeholder for some value we plan to reuse — to avoid repeating the same value and to easily update that value across the board if it needs to be updated. :roo

animation , Css , Design

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

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 - Putting Gears In Motion: Animating Cars With HTML And SVG

Hello! And if you like HTML, you’ve come to the right place! I love HTML. As an old-school front-end developer, I think it’s a hugely underrated skill. I’ve been writing HTML since ~2005, and today

animation , HTML , svg

vitaly-friedman 頭像

Vitaly Friedman - Six Key Components of UX Strategy

For years, “UX strategy” felt like a confusing, ambiguous, and overloaded term to me. To me, it was some sort of a roadmap or a “grand vision”, with a few business decisions attached to it. And look

workflow , ux , Business

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

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - What Are CSS Container Style Queries Good For?

We’ve relied on media queries for a long time in the responsive world of CSS but they have their share of limitations and have shifted focus more towards accessibility than responsiveness alone. Thi

Techniques , Tools , Css

zara-cooper 頭像

Zara Cooper - Kendo UI For Angular Data Grid And Angular Material: Have Your Cake And Eat It Too

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

angular , Techniques , Tools , ui

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

atila-fassina 頭像

Atila Fassina - What Does AI Really Mean?

In 2024, Artificial Intelligence (AI) hit the limelight with major advancements. The problem with reaching common knowledge and so much public attention so quickly is that the term becomes ambiguous

Guides , AI , User Interaction

frederick-o-brien 頭像

Frederick O’Brien - How Web Development Tools Are Helping Users Keep Pace With Rapid Change

This article has been kindly supported by our dear friends at Velo who offer a full-stack development platform that empowers folks to rapidly build, manage and deploy professional web apps. Thank

Tools , Apps , E-Commerce , Business

paul-boag 頭像

Paul Boag - Turning User Research Into Real Organizational Change

This article has been kindly supported by our dear friends at Lyssna who help teams listen to and understand their audience. Thank you! We’ve all been there: you pour your heart and soul in

User Research , ux , Design