博客 RSS 訂閱

carie-fisher 頭像

Carie Fisher - CSS And Accessibility: Inclusion Through User Choice

We make a series of choices every day. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea? Tabs or spaces? Our choices, even the seemingly insignificant on

Accessibility , Css , User Experience

收藏 評論

drew-mclellan 頭像

Drew McLellan - Smashing Podcast Episode 64 With Alvin Bryan: What Is A Headless CMS?

We’re talking about headless content management systems. What are they, and how do they differ from more traditional systems? Drew McLellan talks to Alvin Bryan to find out. Show Notes Alvin

Smashing Podcast

收藏 評論

liran-cohen 頭像

Liran Cohen - How We Optimized Performance To Serve A Global Audience

I work for Bookaway, a digital travel brand. As an online booking platform, we connect travelers with transport providers worldwide, offering bus, ferry, train, and car transfers in over 30 countrie

performance , Core Web Vitals , optimization , Case Studies

收藏 評論

hannah-milan 頭像

Hannah Milan - Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 1)

What is the text over images design pattern? How do we apply this pattern to our designs without sacrificing legibility and readability? The text over images design pattern is a design technique us

Techniques , Typography , Accessibility , Design

收藏 評論

maximillian-piras 頭像

Maximillian Piras - Using Friction As A Feature In Machine Learning Algorithms

A common assumption in user experience design is less friction makes apps more delightful. But in practice, the happy path isn’t always the smoothest. The term “friction” in the digital sense usuall

Machine Learning , ux , AI , Design

收藏 評論

geoff-graham 頭像

Geoff Graham - Running A Page Speed Test: Monitoring vs. Measuring

This article has been kindly supported by our dear friends at DebugBear who help optimize web performance to improve user experience. Thank you! There is no shortage of ways to measure the

performance , optimization , Techniques , Tools

收藏 評論

hannah-milan 頭像

Hannah Milan - Designing Accessible Text Over Images: Best Practices, Techniques And Resources (Part 2)

What is the text over images design pattern? How do we apply this pattern to our designs without sacrificing legibility and readability? The text over images design pattern is a design technique us

Techniques , Typography , Accessibility , Design

收藏 評論

lars-kappert 頭像

Lars Kappert - Knip: An Automated Tool For Finding Unused Files, Exports, And Dependencies

Let’s face it. Most of us favor creating new features and user interfaces over maintenance tasks such as code cleanup, project configuration, and dependency management. Lots of the boring and repet

workflow , Tools , Javascript

收藏 評論

mike-herchel 頭像

Mike Herchel - Modern Methods For Improving Drupal’s Largest Contentful Paint Core Web Vital

Let’s start with a fairly common example of a hero component on the homepage of Drupal’s demo installation of the Umami theme. The image in this hero component is loaded by CSS via the background-i

performance , cms , Drupal

收藏 評論

costa-alexoglou 頭像

Costa Alexoglou - Better Context Menus With Safe Triangles

You’ve no doubt wrestled with menus that have nested menus before. I can’t count how many times I’ve hovered over a menu item that reveals another list of menu items, then tried to hover over that n

ux , svg , ui

收藏 評論

preethi-sam 頭像

Preethi Sam - A Few Interesting Ways To Use CSS Shadows For More Than Depth

The world of post-modern web design is one where the light doesn’t cast many shadows. That doesn’t mean CSS shadows are going away. On the contrary, they’ve become more adaptive. Shadows are an incr

Techniques , coding , Css

收藏 評論

kuanrongdegan 頭像

kuanrongdegan - 應用內測如何精準分發？蒲公英PGYER這幾招讓測試包不再“裸奔

保密與效率，從來不是二選一 作為一名開發者，我深知應用內測階段最讓人頭疼的問題：好不容易開發完一個測試版本，卻在外發環節犯了難——直接發微信羣？馬上被無關人員下載。一個個私發？效率太低還容易出錯。更可怕的是，測試包一旦“裸奔”流出，被競爭對手拿到還是小事，要是被不明用户安裝使用導致數據混亂，那才是災難。 經過多次踩坑，我終於在蒲公英PGYER上找到了完美的解決方案。今天就分享這個平台上的幾種

教程 , 安卓bug , 測試工具

收藏 評論

andybudd 頭像

Andy Budd - Improving The Double Diamond Design Process

As a designer, you’re no doubt familiar with the concept of the Double Diamond, that super simple graphical representation of the ideal design process. Typically you’ll see two squares rotated 45 d

Process , Evergreen , Design

收藏 評論

geoff-graham 頭像

Geoff Graham - Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS

I woke up one morning in early 2022 and caught an article called “A Whistle-Stop Tour of 4 New CSS Color Features” over at CSS-Tricks. Wow, what a gas! A new and wider color gamut! New color spaces

Techniques , Css , Design

收藏 評論

cosima-mielke 頭像

Cosima Mielke - A September Of Never Ending Adventures (2023 Wallpapers Edition)

September is just around the corner, and that means it’s time for some new wallpapers! For more than twelve years already, our monthly wallpapers series has been the perfect occasion for artists and

Wallpapers

收藏 評論

joas-pambou 頭像

Joas Pambou - Generating Real-Time Audio Sentiment Analysis With AI

In the previous article, we developed a sentiment analysis tool that could detect and score emotions hidden within audio files. We’re taking it to the next level in this article by integrating real-

Techniques , API , Tools , AI

收藏 評論

defanqie 頭像

門思科技 - LoRaWAN FUOTA 空中固件升級：挑戰、機制與工程級解決方案解析

在大規模物聯網（IoT）項目中，終端設備部署往往分佈在偏遠、難以接觸的場景，依賴人工更新固件幾乎不可能實現。為確保設備長期穩定運行，“空中固件升級”（Firmware Update Over The Air，FUOTA）成為關鍵技術，尤其是在使用 LoRaWAN 的項目中更顯重要。由於 LoRaWAN 帶寬低、每包數據受限，實現穩定高效的 FUOTA 極具挑戰。本文系統解析 FUOTA 的原理、L

go

收藏 評論

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

收藏 評論

pratik-joglekar 頭像

Pratik Joglekar - Rediscovering The Joy Of Design

Joy is pure happiness, looking at your child, getting a surprise birthday party, visiting a family member after a long time, or visiting a scenic route. It is the most pleasurable feeling you can ev

workflow , Inspiration , 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

收藏 評論

ben-shih 頭像

Ben Shih - Facilitating Inclusive Online Workshops (Part 1)

Have you ever found yourself trapped in an hour-long meeting, listening to someone’s endless talk without understanding their main point? Or sat through a discussion where everyone speaks, but no ac

workflow , ux , Workshops , Communication

收藏 評論

temani-afif 頭像

Temani Afif - Revealing Images With CSS Mask Animations

In a previous article, we explored fancy hover effects for images that involve shines, rotations, and 3D perspectives. We are going to continue playing with images, but this time, we are making anim

Techniques , Css , Design

收藏 評論

geoff-graham 頭像

Geoff Graham - How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow

Smashing Magazine is drastically different today than it was just a few years ago, and you may not have even noticed. That’s how it often is with back-end development — the complete architecture cha

cms , Case Studies , Smashing

收藏 評論

ben-shih 頭像

Ben Shih - Facilitating Inclusive Online Workshops (Part 2)

Earlier in the first part of the series, we defined inclusivity and how it contributes to enriching the workshop experience. We established that inclusivity is about ensuring everyone has an equal o

workflow , ux , Workshops , Communication

收藏 評論