博客 RSS 訂閱

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 , 前端

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #160: Real Stories About HTTP/2, Cascading Style Sheets, And Code Of Shame

We have great new technology available to enhance our websites. But while theoretical articles explain well what the technologies do, we often struggle to find real use cases or details on how thing

Web Development Reading List , Tools , coding

收藏 評論

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

收藏 評論

mariyayao 頭像

Mariya Yao - Chatbot UX – Does Conversation Hurt Or Help?

Chatbot fever has infected Silicon Valley. The leaders of virtually every tech giant — including Facebook, Google, Amazon and Apple — proclaim chatbots as the new websites, and messaging platforms a

Chatbots , ux , Communication , ui

收藏 評論

whoiam 頭像

Jaywii - 第四天 對象與原型

對象是 JavaScript 中的基本數據結構，與許多面向對象的語言一樣， JavaScript 也支持繼承，但不同的是 JavaScript 的繼承機制基於 原型 ，而不是 類，雖然原型使用了很多傳統面嚮對象語言的概念，但是使用原型和使用類依舊存在很大差異。 1、 prototype 、 getPrototypeOf 和 __proto__ 之間的區別 原型包括三個獨立但相關的訪問器，即

javascript原型 , 對象 , Javascript

收藏 評論

edriclapniramai 頭像

Edric Lapniramai - Wireframing: The Perfectionist’s Guide

When I was a developer, I often had a hundred questions when building websites from wireframes that I had received. Some of those questions were: How will this design scale when I shrink the bro

ux , Prototyping , Wireframing

收藏 評論

acqking 頭像

shots - browserify 運行原理

摘抄於 Cson的博客 正好看browserify。。。。。看了幾遍不錯的博文。找到覺得很不錯的。 什麼是browserify 使用browerify，使代碼能同時運行於服務端和瀏覽器端。 Browserify 可以讓你使用類似於 node 的 require() 的方式來組織瀏覽器端的 Javascript 代碼，通過預編譯讓前端 Javascript 可以直接使用

browserify

收藏 評論

heydon-pickering 頭像

Heydon Pickering - CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends

I’m big on modular design. I’ve long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and maintainabi

Techniques , Tools , Css

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Spotify Playlists To Fuel Your Coding And Design Sessions

Some like it loud, others need some steady beats to stay focused, others calm tunes. A while ago we asked on Twitter and Facebook what music the web community is listening to when coding and designi

Community , workflow , Inspiration

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Freebie: Thanksgiving Icon Set (15 Icons, PNG, PSD, AI, SVG)

With Thanksgiving coming up next week, have you already thought about ways how to spend your days before the holiday? Well, you could send simple “Thank You” emails to your past clients, perhaps des

Icons , Freebies , templates

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #159: Code Splitting, A New Bundler, And Blake2x

As developers, are we paid to write code? This challenging question raises concerns about product quality, code quality, and our purpose as developers in a world of coded applications. You’ll find a

Web Development Reading List , Tools , coding

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - SmashingConf San Francisco 2017: Somethin’ Is Cookin’ In The Kitchen!

Imagine a cloudy, rainy November evening. After a long day, you walk home along the streets, following the dimmed street lamps. Everybody seems to be busy, rushing somewhere, crossing paths with str

Smashing Events , Career , Events

收藏 評論

davidberner 頭像

David Berner - Not An Imposter: Fighting Front-End Fatigue

I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, "Clean Code", which compa

workflow , Techniques , ux

收藏 評論

elainechao 頭像

Elaine Chao - Exploring Repeat Grid In Adobe XD

If you’re a visual designer, you probably spend a majority of your time making small adjustments to multiple visual elements. Maybe your client has decided they need a few more pixels of padding bet

Experience Design , ux , Prototyping , Design

收藏 評論