博客 RSS 訂閱

jasinyip 頭像

Dec 01 2016

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

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

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

iris-ljesnjanin 頭像

Dec 01 2016

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 頭像

Dec 01 2016

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 頭像

Nov 30 2016

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

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

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

vitaly-friedman 頭像

Nov 30 2016

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 頭像

Nov 30 2016

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 頭像

Nov 29 2016

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 頭像

Nov 25 2016

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 頭像

Nov 25 2016

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 頭像

Nov 24 2016

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 頭像

Nov 22 2016

Jaywii - 第四天對象與原型

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

javascript原型 , 對象 , Javascript

edriclapniramai 頭像

Nov 22 2016

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 頭像

Nov 21 2016

shots - browserify 運行原理

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

heydon-pickering 頭像

Nov 21 2016

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 頭像

Nov 21 2016

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 頭像

Nov 18 2016

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 頭像

Nov 18 2016

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 頭像

Nov 18 2016

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 頭像

Nov 17 2016

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 頭像

Nov 16 2016

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

denys-mishunov 頭像

Nov 15 2016

Denys Mishunov - True Lies Of Optimistic User Interfaces

Three user interfaces (UIs) go to a pub. The first one orders a drink, then several more. A couple of hours later, it asks for the bill and leaves the pub drunk. The second UI orders a drink, pays f

ux , User Interaction , ui

robreed 頭像

Nov 14 2016

Rob Reed - Everything You Need To Know About Emoji 🍭

We all recognize emoji. They’ve become the global pop stars of digital communication. But what are they, technically speaking? And what might we learn by taking a closer look at these images, charac

Graphic Design , Guides , Graphics , Design Principles , Icons , ux , Web Design

gemmachurch 頭像

Nov 11 2016

Gemma Church - Where Are The World’s Best Open Device Labs?

Every developer knows that just because a website looks like and does what it’s meant to on the latest iPhone, doesn’t mean it will work across every mobile device. In this article, we’ll highlight

Responsive Design , Devices , testing , Design

anselm-hannemann 頭像

Nov 11 2016

Anselm Hannemann - Web Development Reading List #158: Form Usability, Vue.js, And Unfolding Critical CSS

These days, I’ve been pondering what purpose we as developers have in our world. I’m not able to provide you with an answer here, but instead want to encourage you to think about it, too. Do you hav

Web Development Reading List , Tools , coding

1400 1401 1402 1403 1404