收藏 / 列表

brecht-de-ruyte 頭像

Brecht De Ruyte - Easy Fluid Typography With clamp() Using Sass Functions

Fluid typography is getting a lot more popular, especially since the clamp() math function is available in every evergreen browser. But if we’re honest, it’s still a lot of mathematics to achieve th

sass , Techniques , Typography , Css

preethi-sam 頭像

Preethi Sam - How To Animate Along A Path In CSS

Let’s talk about progress indicators — or loaders. It’s true that there are so many tutorials about them and even more examples floating around CodePen. There was a time just a couple of years ago w

Techniques , 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

frederick-o-brien 頭像

Frederick O’Brien - An Ode To Side Project Time

There seemed to be a hot minute when the tech industry understood the value of idle tinkering and made a point of providing ‘side project time’ as an explicit working perk. The concept endures — I’m

workflow , Inspiration , Career , Opinion Column

mikolaj-dobrucki 頭像

Mikołaj Dobrucki - Build Design Systems With Penpot Components

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 , Design Systems , Design , ui

paul-scanlon 頭像

Paul Scanlon - How To Create A Weekly Google Analytics Report That Posts To Slack

Google Analytics is great, but not everyone in your organization will be granted access. In many places I’ve worked, it was on a kind of “need to know” basis. In this article, I’m gonna flip that o

workflow , User Research , Analytics

vitaly-friedman 頭像

Vitaly Friedman - Designing for Accessibility: Best Practices for Closed Captioning and Subtitles UX

When we think about closed captioning, we often think about noisy environments, be it busy restaurants, shopping malls, or airport lounges. There, consuming content via audio is difficult, and so ca

Design Patterns , Accessibility , ux , Web 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

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 - Useful JavaScript Data Grid Libraries

This article has been kindly supported by our dear friends at Bryntum who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 5000

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 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

leonardolosoviz 頭像

Leonardo Losoviz - Implications Of WordPress Joining The Block Protocol

Matt Mullenweg (creator of WordPress) has expressed interest in having the WordPress editor comply with the Block Protocol, a recently-released specification which aims to have “blocks” be portable

wordpress , workflow , Techniques , Tools , Apps

sovitjs 頭像

可視化PaaS開發 - 目前主流的9款Web前端框架

啓動項目時，請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面，而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時，有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

前端框架 , 前端設計 , 前端 , Javascript , Web

joas-pambou 頭像

Joas Pambou - On-Device AI: Building Smarter, Faster, And Private Applications

It’s not too far-fetched to say AI is a pretty handy tool that we all rely on for everyday tasks. It handles tasks like recognizing faces, understanding or cloning speech, analyzing large data, and

llm , Techniques , Tools , Apps , AI

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