博客 RSS 訂閱

masongentry 頭像

Mason Gentry - Design For Developers

How do designers do it? Do they just mess around in Photoshop or Sketch for a while until a pretty design appears? Can developers who are used to working within the logical constructs of Boolean log

workflow , Mental Health , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - ✅ The Ultimate Digital Clean-Up Checklist: Are You Prepared For The New Year?

With a couple of days left until New Year’s Eve, it’s just about time to set aside 60 minutes to clean up, sort out and back up your digital footprint, to ensure a good smooth start to 2023. So many

workflow , Guides , Techniques , Tools

收藏 評論

stevenlambert 頭像

Steven Lambert - Styling Web Components Using A Shared Style Sheet

Web components are an amazing new feature of the web, allowing developers to define their own custom HTML elements. When combined with a style guide, web components can create a component API, which

Tools , Web Components , coding

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Tech Advent Calendars For Web Designers And Developers In 2016

With the holidays almost here and the new year already in sight, December is a time to slow down, an occasion to reflect and plan ahead. To help us escape the everyday hectic for a bit and sweeten o

Community , Tools , Resources

收藏 評論

stefan-judis 頭像

Stefan Judis - How My API-Driven Website Helps Me Travel The World

(This is a sponsored post.) Recently, I decided to rebuild my personal website, because it was six years old and looked — politely speaking — a little bit “outdated.” The goal was to include some in

performance , Headless , API , cms

收藏 評論

marcvandehey 頭像

Marc Vandehey - How To Build A SpriteKit Game In Swift 3 (Part 3)

Have you ever wondered what it takes to create a SpriteKit game? Do buttons seem like a bigger task than they should be? Ever wonder how to persist settings in a game? Game-making has never been eas

swift , mobile , Apps , ios , Games

收藏 評論

cassidykyle 頭像

Kyle Cassidy - How Creating A Design Language Can Streamline Your UX Design Process

Around a year ago, while working at a digital agency, I was given the objective of streamlining our UX design process. Twelve months later, this article shares my thoughts and experiences on how lea

workflow , ux , Process , Wireframing

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #162: Server Side React, Inclusive Design And The Web Worldwide

We shouldn’t let ourselves get distracted by people who work on different projects than we do. If a developer advocate works on a web-based QR code application, for example, their way of tackling th

Web Development Reading List , Tools , coding

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Winter- And Holiday-Inspired Icon Sets [Christmas Freebies]

Christmas is just around the corner, and what better way to celebrate than with some free goodies? We sifted through the web (and our archives) to find holiday-themed icon sets for you that’ll give

Icons , Freebies , templates

收藏 評論

sergey-chikuyonok 頭像

Sergey Chikuyonok - CSS GPU Animation: Doing It Right

Most people now know that modern web browsers use the GPU to render parts of web pages, especially ones with animation. For example, a CSS animation using the transform property looks much smoother

animation , coding , Css

收藏 評論

paulbakaus 頭像

Paul Bakaus - What Are Progressive Web AMPs?

If you’ve been following the web development community these last few months, chances are you’ve read about progressive web apps (PWAs). It’s an umbrella term used to describe web experiences so adv

AMP , pwa , coding , Javascript

收藏 評論

nickbabich 頭像

Nick Babich - Best Practices For Animated Progress Indicators

Visibility of system status is one of the most important principles in user interface design. Users want to feel in control of the system they’re using, which means they want to know and understand

performance , ux , User Interaction , Sponsored Content

收藏 評論

brad-frost 頭像

Brad Frost - The Atomic Workflow — People, Process, And Making Design Systems Happen

We are all trying to figure it out: how do we design flexible and future-proof responsive websites without reinventing the wheel every time a new requirement comes in? You’ve heard of atomic design,

Pattern Libraries , Atomic Design , Design Systems

收藏 評論

marcvandehey 頭像

Marc Vandehey - How To Build A SpriteKit Game In Swift 3 (Part 2)

Have you ever wondered what it takes to create a SpriteKit game? Does collision detection seem like a daunting task? Do you want to know how to properly handle sound effects and background music? Ga

swift , mobile , Apps , ios , Games

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Breaking Out Of The Box: Design Inspiration (December 2016)

Time moves pretty fast. A new year will be upon us soon, and most of us probably haven’t even realized it. So while we’re almost ready to leave the autumn season (and 2016!) behind, let’s refuel our

Inspiration , Illustrations , Design

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #161: Restyling Form Elements, HTTP/2 HPACK, And The Empathy Vacuum

Are you afraid of refactoring code? I love refactoring code. It’s nice to see a code base growing, but this also means that new quirks and suboptimal changes are introduced along the way. At some po

Web Development Reading List , Tools , coding

收藏 評論

jasinyip 頭像

JasinYip - 前端工具鏈課（二）—— 模塊化工具及組件化思想

第二個問題，我想從這個最簡單的 HTML 頁面開始。 !DOCTYPE html html head titleTest/title /head body ... /body 當我們想寫一些樣式的時候，我們通常會引入一個外部的 CSS 文件，就像這樣： link rel="stylesheet" href="style.css" 有時我們可能會想用一個比如説 Bootstrap 這種的

前端工程化 , 前端工具 , 模塊化 , webpack , 前端

收藏 評論

alma-hoffmann 頭像

Alma Hoffmann - Brush Lettering: It Only Gets Better After Practice (Part 2)

In the first part of this article, we discussed the resurgence of lettering, we defined the differences between lettering, calligraphy, and typeface design, and we also discussed pens, papers, and o

Graphic Design , Lettering , Typography , Design

收藏 評論

iris-ljesnjanin 頭像

Iris Lješnjanin - 25 Free Christmas Advent Icons To Bring Festive Mood To Your Site

Are you ready for the countdown to Christmas? We’re merrily releasing a brand new Christmas Advent Icon Set, a set of 25 icons that are all available in AI, EPS, SVG, PNG and PDF formats. These icon

Christmas , Icons , Freebies

收藏 評論

zaowubang 頭像

造物邦 - 設計了一款 Sensor Beacon 硬件，準備開源出來…

前陣子從一家開源硬件公司離職，出來後自己做了一個板子，自己玩沒意思，打算把它開源出來跟大家一起玩。 設計圖 先來幾張渲染圖過過癮吧： 這到底是什麼鬼？ 首先我得強調一下，這不是鬼，我給這個項目取了一個名字：YS-Beacon。這是一個能夠幫助開發者“hack your life”的利器。如果你對此將信將疑，且看我慢慢道來。 這是一款集成了多種傳感器的開源 Beacon 硬件，基於Nordic

藍牙 , 傳感器 , beacon , 開源硬件 , c

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Desktop Wallpaper Calendars: December 2016 - Festive Christmas Edition

New month, new wallpapers! To get you in the right mood for December, designers and artists from across the globe got their ideas bubbling and created unique and inspiring Christmas wallpaper calend

Wallpapers , Christmas , Graphics

收藏 評論

cameron-mcefee 頭像

Cameron McEfee - Enhancing Grid Design With GuideGuide, A Plugin For Photoshop And Illustrator

Almost five years ago, I had the honor of writing a post on Smashing Magazine about my Photoshop panel GuideGuide. Since thenit has seen wild success asthe most installed third-party Photoshop exten

Illustrator , Photoshop , workflow , Graphics , Tools

收藏 評論

marcvandehey 頭像

Marc Vandehey - How To Build A SpriteKit Game In Swift 3 (Part 1)

Have you ever wondered what it takes to create a SpriteKit game from beginning to beta? Does developing a physics-based game seem daunting? Game-making has never been easier on iOS since the introdu

swift , mobile , Apps , ios , Games

收藏 評論

alma-hoffmann 頭像

Alma Hoffmann - Brush Lettering: It Only Gets Better After Practice (Part 1)

The resurgence of hand lettering, calligraphy, signage, penmanship, or really anything that is graphic and handmade is increasingly difficult to ignore. Along with letters drawn in any of the catego

Typography , Inspiration , Design

收藏 評論