博客 RSS 訂閱

vitaly-friedman 頭像

Vitaly Friedman - Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Mobile and touch are the new normal for computing, but there remain a lot of myths, rumors, errors, bias, and out-of-date information on how portable touchscreens are used. Let’s change that! In ou

mobile , Apps , Smashing Books

收藏 評論

michelle-barker 頭像

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

收藏 評論

sam-poder 頭像

Sam Poder - Next.js Wildcard Subdomains

A “wildcard”? What in the world? Great question, these types of domain stem from Wildcard DNS Records which look like this: *.example. 3600 TXT "Wild! You have found a wildcard.

Tools , next.js , Jamstack , Static Generators

收藏 評論

dan-shappir 頭像

Dan Shappir - Improving The Performance Of Wix Websites (Case Study)

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websit

performance , User Experience , Case Studies

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - Smashing Workshops: Winter 2021

For many of us, personal workspace can feel quite comfortable and convenient, but nobody really wants to sign up for another full day of focused screen time. That’s why we break our online Smashing

SmashingConf , Workshops , Smashing

收藏 評論

john-barstow 頭像

John C Barstow - Adding A Dyslexia-Friendly Mode To A Website

Dyslexia is perhaps the most common learning disorder in the world, affecting somewhere between 10–20% of the world’s population. It can cause difficulties with reading, writing, and spelling, thoug

Techniques , Accessibility , Usability , Css , User Experience

收藏 評論

cosima-mielke 頭像

Cosima Mielke - A Showcase Of Lovely Little Websites

A map that blends past and present, a musical time machine bringing back distant memories, or an interactive graphic novel pulling you deeper and deeper into a powerful story — sometimes you come ac

Showcases , Inspiration , User Experience

收藏 評論

Abin 頭像

Abin_2025 - 破局多模型集成困境：GMI Cloud 推理引擎深度體驗與架構解析

前言 在當今技術迭代日新月異的背景下，項目引入且靈活調配多個AI模型已成為常態。然而，這種多模型策略也帶來了顯著的工程挑戰：開發團隊不得不為OpenAI、DeepSeek、Claude、Qwen等每一個平台重複進行獨立的賬户註冊、API密鑰申請、SDK學習與接口適配。不僅引入了鉅額的集成與維護成本，更使得開發者在頻繁的模型切換與比對測試中，陷入了效率低下的泥潭。構建一個統一、標準化且

插入圖片 , API , 人工智能 , 深度學習 , cloud

收藏 評論

u_13715298 頭像

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

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

控件 , yyds乾貨盤點 , 多語言 , 代碼人生 , ui

收藏 評論

u_13715298 頭像

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

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

移動端 , 幀率 , yyds乾貨盤點 , 抗鋸齒 , 代碼人生

收藏 評論

nirmalya-ghosh 頭像

Nirmalya Ghosh - How To Maintain A Large Next.js Application

Maintaining a large application is always a difficult task. It might have outdated dependencies which can cause maintainability issues. It can also have tests that are flaky and don’t inspire any co

Tools , Apps , next.js , typescript

收藏 評論

jhey-tompkins 頭像

Jhey Tompkins - 3D CSS Flippy Snaps With React And GreenSock

Naming things is hard, right? Well, “Flippy Snaps” was the best thing I could come up with. 😂 I saw an effect like this on TV one evening and made a note to myself to make something similar. Altho

react , Techniques , Tools , Apps , Css

收藏 評論

cosima-mielke 頭像

Cosima Mielke - It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition)

Slowly but surely, 2021 is coming to an end. And, well, could there be a better way to celebrate the last few weeks of the year than with some cheerful desktop wallpapers? To get you in the right mo

Wallpapers , Freebies , templates

收藏 評論

drew-mclellan 頭像

Drew McLellan - Smashing Podcast Episode 44 With Chris Ferdinandi: Is The Web Dead?

In this episode, we’re asking if changes to best practises over the last year have negatively impacted the web. Is it all downhill from here? Drew McLellan talks to expert Chris Ferdinandi to find o

Smashing Podcast , Guides , Career

收藏 評論

caleb-olojo 頭像

Caleb Olojo - How To Protect Your API Key In Production With Next.js API Route

Front-end developers have to interact with private or public APIs whose method of authorization requires a secret key/API key that enables developers to use these APIs. The key(s) are important, hen

node.js , API , Tools , next.js

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - Advent Calendars For Web Designers And Developers (December 2021 Edition)

Once again, the web community has been busy with creating some fantastic advent calendars this year. As you’ll see, each and every one of these calendars are sure to cater for a daily dose of web de

Community , Round-Ups , Resources

收藏 評論

slava-shestopalov 頭像

Slava Shestopalov - Designing Better Links For The Web

Why are “click here” and “by this link” poor choices? And is it acceptable to use “read more”? All these phrases have become so common that many people don’t see any problems with them. How many ti

Design Patterns , Best Practices , Tools , Accessibility , ux

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Free Christmas Icon Sets And Vector Elements

With the holidays just around the corner, what better way to celebrate than with some free goodies? We sifted through the web (and our archives) to find winter- and Christmas-themed icon sets and ve

Icons , Freebies , Inspiration

收藏 評論

nafees-nehar 頭像

Nafees Nehar - Modifying Headers In HTTP(s) Requests In UI Automation Testing

There are various methods to modify headers. You can modify headers by using browser extensions or proxy apps (such as Charles and Proxyman) that intercept the request and let you modify the respons

Techniques , HTTPS , Apps , testing , ui

收藏 評論

steven-hoober 頭像

Steven Hoober - Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt)

In our brand-new Smashing book, Touch Design for Mobile Interfaces, Steven Hoober shares his in-depth research about designing for touch with guidelines and heuristics you can apply to your work

mobile , Devices , Smashing Books

收藏 評論

nwani-victory 頭像

Nwani Victory - Billing Management For Your Next SaaS Idea Using Stripe And Azure Functions

To follow the steps in this tutorial, you should have the following: a Stripe account (you can create one for free and use the test mode to avoid incurring any charges while following the steps

react , Tutorials , API , Auth0 , Apps , serverless

收藏 評論

u_17583190 頭像

fangpin - 從 0 搭建 LLM 不再難！這個 PyTorch 項目幫你吃透大模型底層邏輯

如果你曾想深入理解大語言模型（LLM）的 “五臟六腑”，卻被框架封裝的黑盒接口、複雜的源碼結構勸退；如果你希望親手實現 Transformer 的每一個組件，而非單純調用transformers庫 —— 那麼今天推薦的這個開源項目，絕對能成為你的 LLM 學習 “腳手架”。 它就是 GitHub 上的 llm-from-scratch（項目地址），一個基於 PyTorch、專為教育設

github , 自定義 , 人工智能 , 深度學習 , 開發者

收藏 評論

nickbabich-glebkuznetsov 頭像

Nick Babich & Gleb Kuznetsov - Designing Human-Machine Interfaces For Vehicles Of The Future

A human-machine interface (HMI) is an interface that allows us to interact with a digital system. No matter what HMI we design, we need to allow users to take advantage of all that a system has to o

Interfaces , User Experience , Design

收藏 評論

barry-pollard 頭像

Barry Pollard - Improving Core Web Vitals, A Smashing Magazine Case Study

“Why are my Core Web Vitals failing?” Many developers have been asking themselves that question lately. Sometimes it’s easy enough to find the answer to that question and the site just needs to inve

performance , Core Web Vitals , seo , Case Studies

收藏 評論