收藏 / 列表

sachindhall 頭像

Sachin Dhall - 20 Vector Graphics Editors Reviewed

In computer graphics images can be represented in two ways — using raster graphics (or bitmap) or vector graphics. The former is the representation of images as an array of pixlels, and the latter u

Vectors , Graphics , Tools , Open Source , Editors

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 Things Users Would Appreciate In Mobile Apps

Remember the “mobile first” mantra? The idea was born out of the early days of responsive web design. Rather than design and build for the “desktop” up front, a “mobile-first” approach treats small

mobile , Web Design , User Experience , ui

michelle-barker 頭像

Michelle Barker - Sustainable Web Development Strategies Within An Organization

Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Many countries around the world h

performance , optimization , User Interaction

frederick-o-brien 頭像

Frederick O’Brien - Web Design Done Well: Excellent Editorial

A lot of web design talk concerns itself with what goes on around content. Page speed, design systems, search engine optimization, frameworks, accessibility — the list goes on and on. This gives us

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

glenstansberry 頭像

Glen Stansberry - 40 Gorgeous Photoshop Tutorials On Rain, Showers and Water Drops

With fall just around the corner, designers are looking for ways to complement their work with fall imagery like water droplets, rain on leaves and fall rain showers. Including rain or water drops i

Photography , Photoshop , Tutorials , Techniques , Graphics

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 - Databases For Front-End Developers: The Concepts Under The Hood (Part 2)

In Part 1, The Rise Of Serverless Databases, of the “Databases For Front-End Developers” series, we talked about the hurdles and traps of scaling and maintaining your databases. We went from simpler

API , Apps , Browsers , serverless

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Demystifying The New Gatsby Framework

After the release of Gatsby 4, the Gatsby team saw the biggest rise in signups on Gatsby Cloud. According to Gatsby co-founder Kyle Mathews: “Gatsby 4 is the most powerful version of Gatsby yet.

Frameworks , Gatsby , API , next.js , serverless

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 - CSS3 Solutions for Internet Explorer

Experienced developers understand that CSS3 can be added to new projects with progressive enhancement in mind. This ensures that content is accessible while non-supportive browsers fall back to a le

css3 , coding , Css , Internet Explorer

paul-andrew 頭像

Paul Andrew - Free Printable Sketching, Wireframing and Note-Taking PDF Templates

Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, grap

Sketching , Downloads , Prototyping , templates , Wireframing , Design

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

jacob-gube 頭像

Jacob Gube - 40+ Helpful Resources On User Interface Design Patterns

At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniques, and real-world examples on the t

Patterns , Tools , User Interaction , Design

sven-lennartz 頭像

Sven Lennartz - 20 Useful WYSIWYG Editors Reviewed

When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it’s im

Software , Tools , Downloads , coding , Reviews , Dreamweaver , Development

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

frank-puscher 頭像

Frank Puscher - Optimizing Conversion Rates: It’s All About Usability

In this article you’ll learn what to consider when preparing a perfect landing page for your product, how to focus user’s attention on the most important parts of your sites and also how you can use

optimization , ux , Usability , E-Commerce , Conversion

dmitry-fadeyev 頭像

Dmitry Fadeyev - 10 Useful Web Application Interface Techniques

More and more applications these days are migrating to the Web. Without platform constraints or installation requirements, the software-as-a-service model looks very attractive. Web application inte

ux , Apps , Interfaces , Usability , Web Design , ui