收藏 / 列表

sachindhall 頭像

Sachin Dhall - 20 Font Management Tools Reviewed

If you are one of those people who work with fonts on regular basis, then choosing, comparing and analyzing fonts is a serious business for you. Font management is not always as easy as a walk on th

Typography , Tools , Design

brecht-de-ruyte 頭像

Brecht De Ruyte - Modern CSS Layouts: You Might Not Need A Framework For That

Establishing layouts in CSS is something that we, as developers, often delegate to whatever framework we’re most comfortable using. And even though it’s possible to configure a framework to get just

Techniques , Css , Design

preethi-sam 頭像

Preethi Sam - Gradients, Blend Modes, And A Really Cool Hover Effect

Do you know how box-shadow is sometimes used as a hover effect? It adds depth to something, like a button, and can create the impression that it is being pressed into the page. See the Pen [Unti

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 - What Leonardo Da Vinci Can Teach Us About Web Design

Exhaustive, sometimes bizarre notes… wireframes… mind-bending blends of art and science. Is it a GitHub repository? No, it’s the life of a Renaissance genius. With the right lessons, we can all writ

ux , Inspiration , Web Design , Design

addy-osmani 頭像

Addy Osmani - 9 Lessons From A Review Of JavaScript Code

Before we start, I’d like to pose a question: when was the last time you asked someone to review your code? Reviewing code is possibly the single best technique to improve the overall quality of you

coding , Javascript

mikolaj-dobrucki 頭像

Mikołaj Dobrucki - Integrating Design And Code With Native Design Tokens In 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 developer

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

glenstansberry 頭像

Glen Stansberry - Ultimate Round-Up For Version Control With Subversion

While other version control systems, like Git, have become quite popular among developers, Subversion (SVN) is still considered the standard for version control systems and is used for the majority

Tools , coding , Resources , Git

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 - State Management In Next.js

This article has been kindly supported by our dear friends at Netlify who are a diverse group of incredible talent from all over the world and offers a platform for web developers that multiplies

next.js , Jamstack , Javascript

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Gatsby Headaches And How To Cure Them: i18n (Part 1)

Internationalization, or i18n, is making your content understandable in other languages, regions, and cultures to reach a wider array of people. However, a more interesting question would be, “Why i

Guides , Gatsby , plugins , Static Generators

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 - An Introduction To CSS Keyframes Animation

By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module in the specification has been around for a couple of years now, and it

animation , css3 , coding , Responsive Images , Css

paul-andrew 頭像

Paul Andrew - 50 Useful Icons For Your Next Design [Free Sets]

For instance, in web applications memorable icons can be very helpful as they can make it easier for users to memorize how to perform some specific task or where to find some specific functions.

Graphics , Downloads , Icons , Freebies

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

sven-lennartz 頭像

Sven Lennartz - On-Stage: Free Vector PSD Icon Set

You can find our previous releases in our section Freebies. Today we are glad to release a icON Stage icon set. The set contains 49 free vector icons including PSD which can be useful for both co

Downloads , Icons , Freebies

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

jacob-gube 頭像

Jacob Gube - Module Tabs in Web Design: Best Practices and Solutions

A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (

Techniques , Showcases , Navigation , Tabs , Inspiration