博客 RSS 訂閱

shane-hudson 頭像

Shane Hudson - Making Your Collaboration Problems Go Away By Sharing Components

This article is kindly powered by our friends at UXPin, a UI design and prototyping tool that gives your prototypes the superpowers they deserve: states, JS expressions, variables, conditional in

workflow , Teams , Tools , Design Systems

收藏 評論

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

收藏 評論

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

收藏 評論

eloise-martin 頭像

Eloïse Martin - Optimizing The Image Element LCP

Largest Contentful Paint (or LCP) is one of three metrics of the Core Web Vitals. These metrics are used by Google to evaluate the quality of user experience. LCP measures the time it takes for the

performance , optimization , Techniques

收藏 評論

atila-fassina 頭像

Atila Fassina - Code Documentation, Streamlined

This article has been kindly supported by our dear friends at Swimm who have built the first code knowledge management tool that helps developers easily understand code. Thank you! Everythi

Techniques , Tools , coding

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Figma Auto Layout Masterclass: An Online Workshop To Support Ukraine 🇺🇦

Auto layout is driving you bananas? You’re scared about what will happen with your design in the browser? Then our deep-dive Figma Auto Layout Masterclass with Christine Vallaure is for you. Monday,

Events , Smashing

收藏 評論

pratik-joglekar 頭像

Pratik Joglekar - How To Design Better UX With Introverted Design

Living in a highly extroverted world, everyone is expected to outshine the rest to succeed and grow. Meeting people, talking, and generally being an outspoken person will be noticeable. However, we

workflow , Guides , User Experience

收藏 評論

daniel-yuschick 頭像

Daniel Yuschick - The Key To Good Component Design Is Selfishness

When developing a new feature, what determines whether an existing component will work or not? And when a component doesn’t work, what exactly does that mean? Does the component functionally not do

react , User Experience , typescript , ui

收藏 評論

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

收藏 評論

drew-mclellan 頭像

Drew McLellan - Smashing Podcast Episode 55 With Tejas Kumar: Is Technology Making Us Redundant?

In this episode, we ask whether technology is making us redundant; will we all soon be replaced with AI? Vitaly Friedman talks to Tejas Kumar to find out. Show Notes Tejas Kumar on Twitter

Smashing Podcast

收藏 評論

peter-ramsey 頭像

Peter Ramsey - Copying Designs Doesn’t Work, And Here’s Why

There’s a type of cognitive dissonance that haunts designers: the genuine desire to be truly innovative and original whilst simultaneously trawling the web for inspiration and design ideas. I doubt

Inspiration , User Experience , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Product Reviews And Ratings UX: A Designer’s Guide

When we make purchasing decisions, we often rely on expertise from people like us who happen to have purchased that item already. And so we seek user reviews, often looking for a high enough average

Guides , Design Patterns , ux

收藏 評論

suzanne-scacca 頭像

Suzanne Scacca - Better ROI For Your Digital Products: Why Continuous Research Is Key

This article has been kindly supported by our dear friends at Maze, a continuous product discovery platform that empowers product teams to collect and consume user insights, continuously. Thank y

Techniques , User Research , Tools , Product Strategy

收藏 評論

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

收藏 評論

renaissance-rachel 頭像

Renaissance Rachel - How To Build Strong Customer Relationships For User Research

Nurturing connections with your customers is one of the most effective ways to gain valuable insight into their experiences with your product and make informed decisions that fuel growth and success

User Research , Communication , User Experience , Business

收藏 評論

adrian-bece 頭像

Adrian Bece - Easy SVG Customization And Animation: A Practical Guide

Scalable Vector Graphics (SVG) have been a staple in Web Development for quite some time, and for a good reason. They can be scaled up or down without loss of quality due to their vector properties.

animation , Guides , coding , svg

收藏 評論

paul-boag 頭像

Paul Boag - How B2B Sales Help Us Understand Our Role As UX Designers Better

This article has been kindly supported by our dear friends at Gong who are passionate about unlocking reality to help people and companies reach their full potential. Thank you! Perhaps thi

UX Design , Wokflow , Business

收藏 評論

cosima-mielke 頭像

Cosima Mielke - The Magic Of February (2023 Wallpapers Edition)

As designers we usually turn to different sources of inspiration, and, well, sometimes the best inspiration lies right in front of us. With that in mind, we embarked on our wallpapers adventure more

Wallpapers

收藏 評論

atila-fassina 頭像

Atila Fassina - Understanding App Directory Architecture In Next.js

Since Next.js 13 release, there’s been some debate about how stable the shiny new features packed in the announcement are. On “What’s New in Next.js 13?” we have covered the release announced and es

react , Guides , Apps , next.js

收藏 評論

leonardolosoviz 頭像

Leonardo Losoviz - How To Host A WordPress Site On Amazon Lightsail

This article has been kindly supported by our dear friends at AWS who offer reliable, scalable, and inexpensive cloud computing services. Thank you! A good chunk of all websites out there r

wordpress , Tools , plugins

收藏 評論

nefe-emadamerho-atori 頭像

Nefe Emadamerho-Atori - Comparing React Form Libraries: SurveyJS, Formik, React Hook Form, React Final Form And Unform

This article has been kindly supported by our dear friends at SurveyJS. A product suite of open-source JavaScript client-side components designed to simplify the creation of a full-cycle form man

react , Javascript , ui

收藏 評論

cosima-mielke 頭像

Cosima Mielke - UX Podcasts For Designers

What UX podcasts are you listening to? Below you’ll find a few wonderful UX podcasts we came across, as well as podcasts that the UX community shared with us. Whether you’re particularly interested

Guides , Podcasts , Round-Ups , Resources

收藏 評論

jennifer-brehm 頭像

Jennifer Brehm - How To Build A Magazine Layout With CSS Grid Areas

In this article, I want to talk about the amazing possibilities of a CSS grid and how it allows for complex layouts that are closer to a print design. The design we’ll discuss is actually one I got

Responsive Web Design , CSS Grid , Css

收藏 評論

drew-mclellan 頭像

Drew McLellan - Smashing Podcast Episode 56 With Veerle Pieters: How Has The Design Industry Changed?

In this episode of the Smashing Podcast we ask how has the design industry changed? Is technology making our work easier? Vitaly Friedman talks to veteran designer Veerle Pieters to find out. Sho

Smashing Podcast

收藏 評論