收藏 / 列表

brecht-de-ruyte 頭像

Brecht De Ruyte - Creating A High-Contrast Design System With CSS Custom Properties

Design should never be a trade-off when it comes to creating an accessible web. There are many features coming to the web that will make creating contrast a lot easier. But even though CSS functions

Techniques , Tools , Accessibility , Css

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 - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

frederick-o-brien 頭像

Frederick O’Brien - How I Learned To Stop Worrying And Love Multimedia Writing

Prior to the World Wide Web, the act of writing remained consistent for centuries. Words were put on paper, and occasionally, people would read them. The tools might change — quills, printing presse

Inspiration , Content , MDX

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 - How To Build Custom Data Visualizations Using Luzmo Flex

This article has been kindly supported by our dear friends at Luzmo, whose API-first, AI-powered approach revolutionizes customer insights and helps to effortlessly integrate stunning data visual

workflow , ux , Design , Data Visualization

vitaly-friedman 頭像

Vitaly Friedman - The State Of Usability In 2023 🎊

Many projects start with assumptions. We assume that users understand hamburger icons and how mega-menus work; that they understand how to deal with disabled buttons; that they safely store password

Design Patterns , ux

ramona-schwering 頭像

Ramona Schwering - Let’s Dive Into Cypress For End-to-End Testing

This article has been sponsored by our dear friends at LambdaTest who are making the cross-browser testing experience smoother for so many folks around the globe. Thank you! Software develo

Tools , testing , ui

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

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Web Development Is Getting Too Complex, And It May Be Our Fault

Front-end development seemed simpler in the early 2000s, didn’t it? The standard website consisted mostly of static pages made of HTML and CSS seasoned with a pinch of JavaScript and jQuery. I mean,

Frameworks , Opinion Column , Javascript

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

patrickbrosset 頭像

Patrick Brosset - What’s New With DevTools: Cross-Browser Edition

Browser developer tools keep evolving, with new and improved features added all the time. It’s hard to keep track, especially when using more than one browser. With that much on offer, it is not sur

devtools , Tools , testing , debugging , Browsers

louis-lazaris 頭像

Louis Lazaris - Top Front-End Tools Of 2023

Over the past 12 months, I’ve shared hundreds of tools in my newsletter, Web Tools Weekly. I feature tons of practical libraries, helpers, and other useful things for front-end and full-stack develo

workflow , Techniques , Round-Ups , Tools

leonardolosoviz 頭像

Leonardo Losoviz - Four Useful VSCode Extensions For Web Developers

Inline Parameters Which param is the array and which is the callback in PHP functions array_map and array_filter? I can never get it right. To avoid this confusion we can use Inline Parameters, whi

workflow , Techniques , Tools , coding