推薦的網站資源

Mobile Input Types

詳細列出所有 mobile 上的 form input 樣式

Chartist - Simple responsive charts

支援 RWD 的圖表 plugin

[ws] Color Scheme Generator 2--色碼產生器

輸入色碼就可以查詢對比色以及相關色彩

Dungeons & Developers

Web Developer 的技能樹 (skill tree)

視差滾動相關討論

視差滾動相關資源,與討論文章

Adding captions and subtitles to HTML5 video

如何在 HTML5 影片內加上字幕

Stellar.js - Demos

快速製作視差滾動的 jQuery plugin

15 Memorable jQuery Timeline Plugins

Timeline (時間軸) 是個很好玩的東西,如果有大量的排序時間資料想要呈現,可以考慮使用時間軸! 時間軸有很多種製作方式,包含用純 HTML + CSS,或者用 jQuery Plugin 也能滿足喲。 (題外話)之前看過一個時間軸特效我超喜歡,所以自己參考他寫了一個 jQuery 用在部落格首頁,但剛剛才發現原來它是一個叫做「jQuery Timelinr」的 plugin。那當初到底為了什麼自己刻得那麼辛酸 XDDDD

Hover Effect Ideas

漂亮的 image hover 效果,純 CSS 做成。 github: https://github.com/codrops/HoverEffectIdeas

Simple Sharing Buttons Generator by @fourtonfish

好用又簡單的按鈕產生器,可以快速的建立 Facebook, Twitter, Google+ ... 等分享按鈕。 選擇好自己喜歡的樣式以及簡單的設定後,就可以幫你產生 HTML 跟 CSS 程式碼(如果有 js 或 php 需求他也能支援)

Material Design设计语言

Google Material Design 的簡體中文譯版

OKLAI'S BLOG

Compass 的 sourcemap 製作教學。使用的編譯工具是 Koala

界面設計黑魔法 - The Dark Art of Interface Design @ RGBA 07

在 RGBA 聽到的很棒的一場分享,跟大家介紹使用者的「心理」以及該如何「引導」消費者。

向Google学习打造灵动的web体验

老實說關於最新消息的滾動,我還是喜歡舊的提示。 Google 走得很前面,這絕對毋庸置疑。但是 Google + 的設計也不是完全都好,建議大家參考同時,還是不要盲目跟風喔

How To Speed Up Your WordPress Website

優化 WordPress 網站

網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查

這份行情對照表所定出來的計價方式,主要參考了JCase接案網、104接案網的案件行情,分為多媒體網頁設計、平面與視覺設計、網路應用程式、打字或編輯工作等四項專業領域。

Mac下的切圖神器!Slicy使用說明

切圖作為設計師出圖的最後一步,向來都是令人頭疼的工作,其工作內容繁瑣枯燥,但又必不可少。同時,作為IOS開發者,我們往往需要為程序準備兩套圖片資源,以應對低清屏和Retina屏的不同需求,隨之而來的是切圖工作量的成倍增加。今天為大家推薦一款Mac下的切圖小工具——Slicy,以上煩惱皆可得到妥善的解決。

Material design無需照搬Google

不要為了 material design 而 material design