博客 RSS 訂閱

atila-fassina 頭像

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , User Experience

收藏 評論

adam-fard 頭像

Adam Fard - From Good To Great In Dashboard Design: Research, Decluttering And Data Viz

Even if it’s a blessing in disguise, discarding elements of your work is no fun. Tossing out suboptimal parts of our design can be a daunting task, especially after you’ve invested hours of work int

Design Patterns , Techniques , ux , Data Visualization

收藏 評論

u_13611012 頭像

C語言NO小白 - 7-Zip下載、安裝和使用教程（附官網安裝包，適合新手）

7-Zip 是一款開源、免費的壓縮軟件，沒有任何功能限制、廣告插件和捆綁程序，安裝包僅 1-2MB，資源佔用極低，適合各個版本的 Windows 系統。 7-Zip 最突出的技術特點是支持 7z 壓縮格式，它的壓縮率特別高。實測表明，7z 格式比傳統的 ZIP 格式節省 30%-70% 空間，甚至比同類軟件高 2-10 個百分點。 7-Zip 幾乎涵蓋所有常見

7.zip , yyds乾貨盤點 , 7z , 辦公效率 , 7z解壓軟件下載 , 7z下載安裝和使用教程 , 7-zip軟件

收藏 評論

ifeanyi-dike 頭像

Ifeanyi Dike - Useful React Hooks That You Can Use In Your Projects

Hooks are simply functions that allow you to hook into or make use of React features. They were introduced at the React Conf 2018 to address three major problems of class components: wrapper hell, h

react , Tutorials , Tools , Javascript

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development

Many modern programmers, including front-end and full-stack developers, work daily with the command line. Even those who are relatively new to web development are picking up command-line skills earl

Techniques , Round-Ups , Tools , coding

收藏 評論

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

收藏 評論