博客 RSS 訂閱

noah-mashni-and-mark-steadman 頭像

Noah Mashni and Mark Steadman - Using Automated Test Results To Improve Accessibility

A cursory google search will return a treasure trove of blog posts and articles espousing the value of adding accessibility checks to the testing automation pipeline. These articles are rife with tu

Tools , Accessibility , testing , ui

收藏 評論

alba-silvente 頭像

Alba Silvente - A Guide To Image Optimization On Jamstack Sites

This article has been kindly supported by our dear friends at Storyblok, a friendly headless CMS with a visual editor, nested components, and customizable content blocks for websites and apps. Th

performance , optimization , Jamstack

收藏 評論

drew-mclellan 頭像

Drew McLellan - Smashing Podcast Episode 54 With Stéphanie Walter: What Is User Journey Mapping?

This podcast episode has been kindly supported by our dear friends at Deque who help us all make websites and mobile apps accessible. Thank you! In this episode we’re talking about User Jou

Smashing Podcast

收藏 評論

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: JavaScript (Part 2)

In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the time, but certain design requirements and the

Guides , Accessibility , Css , HTML , Javascript

收藏 評論

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

收藏 評論

pearl-akpan 頭像

Pearl Akpan - Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide

If you’ve been working with JavaScript for a while, you may be fairly familiar with DOM (Document Object Model) and CSSOM (CSS Object Model) scripting. Beyond the interfaces defined by the DOM and C

Guides , API , coding , Javascript

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Endings And New Beginnings (December 2022 Desktop Wallpapers Edition)

2022 is slowly but surely coming to an end. And, well, could there be a better way to welcome the last few weeks of the year than with some beautiful, wintery desktop wallpapers? To get you in the r

Wallpapers

收藏 評論

fabienne-bielmann 頭像

Fabienne Bielmann - FabUnit: A Smart Way To Control And Synchronize Typo And Space

What if we were able to implement the sizes of designer’s contribution without hassle? What if we could set custom anchor points to generate a perfectly responsive value, giving us more options as t

Techniques , Responsive Design , Tools , Css

收藏 評論

dan-donald 頭像

Dan Donald - The Anatomy Of Themed Design System Components

Before we start with a deep dive into the details and the anatomy of a component, let’s start at a higher level and see what we’re working on within our design system. Laying It All Out Whether we

Guides , ux , Design Systems

收藏 評論

fannaodeliushu 頭像

程序員阿偉 - 《Unity多語言開發：從文本到體驗的深層適配指南》

遊戲多語言本地化的深層邏輯，從來不是簡單的文本替換，而是語言特性與技術架構的深度耦合，每一種語系的語法規則、表達習慣，都會像無形的脈絡，牽動UI佈局、資源存儲、交互邏輯乃至玩家體驗的底層設計。以語系差異為例，黏着語體系中詞彙的組合方式往往讓句子長度產生極大波動，同樣一句技能描述，日語可能比中文多出三成字符，英語的縮略表達又可能縮短近半，泰語的聲調變化雖不直接影響字符數量，卻會因發音節奏差異需要調整

遊戲開發

收藏 評論

fannaodeliushu 頭像

程序員阿偉 - 《Unity渲染實戰寶典：突破平台限制的優化策略》

許多開發者初期極易陷入“參數拉滿即優質”的認知誤區，盲目調高光照強度、堆疊後處理效果、複用高面數模型，卻忽略了不同平台（移動端、PC端、主機端）的硬件架構本質差異—移動端GPU的ALU數量通常僅為PC端的1/5至1/3，顯存帶寬也存在數倍差距，而主機端則具備專屬的光線追蹤加速單元。這種硬件差異直接導致相同渲染配置在不同設備上表現天差地別，最終出現真機測試時幀率斷崖式下跌、設備異常發熱、畫面元素穿幫

遊戲開發

收藏 評論

adrian-bece 頭像

Adrian Bece - Accessible Front-End Patterns For Responsive Tables (Part 1)

Tables allow us to organize data into grid-like format of rows and columns. Scanning the table in one direction allows users to search and compare the data while scanning in the other direction lets

Accessibility , ux , Usability , ui

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Advent Calendars For Web Designers And Developers (2022 Edition)

Maybe you’ve already seen some tech advent calendars pop up in your timelines and feeds? Or perhaps you’re already following along your all-time favorite advent calendar every day? It’s a lovely ann

Community , Round-Ups , Resources

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - It’s Here! “Understanding Privacy,” A New Smashing Book Is Shipping Now

What is privacy? What exactly does it mean? How do we consider, manage and maintain privacy? And how dow do we design and build experiences that have privacy at their heart? That’s exactly what Unde

Privacy , Smashing Books

收藏 評論

keima-kai 頭像

keima-kai - The Future Of Design: Human-Powered Or AI-Driven?

This article has been kindly supported by our dear friends at STUDIO, a web design app supercharged with AI for unparalleled design freedom. Thank you! For years, reports have been warning

ux , AI , Design

收藏 評論

adrian-bece 頭像

Adrian Bece - Accessible Front-End Patterns For Responsive Tables (Part 2)

In Part 1, we explored general patterns of creating responsive and accessible tables depending on the design, use case, and data complexity. In this article, we’ll cover a few more complex and more

Responsive Design , Accessibility

收藏 評論

heather-burns 頭像

Heather Burns - Understanding Privacy: Protect Your Users, Protect Yourself

Q. Did any part of your education require you to read the building regulations? A. No, I don’t recall, but I don’t think so. Q. What about fire safety of building materials? A. No.

Ethics , Privacy , Smashing Books

收藏 評論

suzanne-scacca 頭像

Suzanne Scacca - How To Prioritize User Security When Collecting Offline Data

This article has been kindly supported by our dear friends at Flatfile who create beautiful, human-centric experiences to remove the barriers between people and data. Thank you! With the ex

Ethics , Security , Privacy , Design

收藏 評論

ashish-bogawat 頭像

Ashish Bogawat - Boosting Productivity For Designers With Efficient Tools

There is a multitude of ways to do anything on a computer — and some are faster than others. As knowledge workers that push pixels on our screens all day, for us, every second saved by working faste

workflow , Tools , Design

收藏 評論

masha-shaposhnikova 頭像

masha-shaposhnikova - Taking The Stress Out Of Design System Management

As a sole design system maintainer, I try to minimize the time I spend in Slack or meetings and maximize the time I spend in Figma or code (aka, focused and actually working). For the past four yea

workflow , Guides , Inspiration , Design Systems

收藏 評論

nicolashoffmann 頭像

Nicolas Hoffmann - Deploying CSS Logical Properties On Web Apps

Localization is one of the most interesting fields in terms of user interface: text length may be different depending on the language, default alignments for text might vary, reading direction can b

Responsive Web Design , Css , Browsers

收藏 評論

alvin-bryan 頭像

alvin-bryan - A Guide To Command-Line Data Manipulation

Allow me to preface this article by saying that I’m not a terminal person. I don’t use Vim. I find sed, grep, and awk convoluted and counter-intuitive. I prefer seeing my files in a nice UI. Despite

Guides , Techniques , Tools

收藏 評論

ruslan-yevych 頭像

Ruslan Yevych - Fluid Typography: Predicting A Problem With Your User’s Zoom-In

When I wrote my previous tutorial about the extended use of the CSS clamp function, I was surprised by the drawback of zooming of text in fluid typography.Thanks to Adrian Bece and Adrian Roselli, I

Techniques , Typography , Css

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Opening The Doors To 2023 (January Wallpapers Edition)

The new year is the perfect occasion to tidy up your desktops and home screens and start on a fresh, clean slate — no clutter, just the things you really need and space for what’s about to come. So

Wallpapers

收藏 評論