曉羽

959 Flips | 7 Magazines | 6 Likes | 30 Followers | @happyvanessa | Keep up with 曉羽 on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “曉羽”

10 Code Snippets for Creating Masonry Grid Layouts

Tumblr and Pinterest popularized the masonry grid. It is a common layout style for variable sized images, and it’s a great way to get images to fit …

7 Practical Tips for Cheating at Design

Improving your designs with tactics instead of talent.<p>Every web developer inevitably runs into situations where they need to make visual design …

10 CSS Gradient Libraries & Webapps for UI Designers

Free online tools are the norm for modern designers. Why reinvent the wheel if you can save time with a free resource?If you search around, you’ll …

Top 10 Visual Studio Code themes

My editor of choice is Visual Studio Code<p>Personally, I am a sucker for beautiful looking editors and environment. I admit if you go too deep into …

Microsoft Visual Studio

dig.ccMixter 數萬首免費授權音樂下載,讓影片配樂合法又獨特

當你需要幫一段婚禮影片、孩子成長影片或旅行活動投影片加上配樂,或是老師製作的課堂教學簡報、介紹知識的 YouTube …

10 Unique Examples of Drag-and-Drop UI

Drag-and-drop has been with us for decades. It helps us to get things done on both our desktop and mobile apps and operating systems. There’s both a …

Boomerang UI Kit

Typography<p>Color palette<p>Boomerang has extended the color palette that Bootstrap offers by default. Instead of two primary colors, you get now three. …

日本傳統文樣──花鳥風月250

內容簡介<p>設計的寶庫第二部,以「花鳥風月」為代表性主題。<p>日本人好以「花鳥風月」比喻自然美,傳統文樣中「花」為菊、牡丹,「鳥」則屬鶴最為常見,選擇並不似時下般豐富,甚至不時還會出現雷同的文樣名稱。不過,古人還是能在這些極為有限的主題中不厭其煩的持續創作、賦予其千變萬化、勾勒出明朗健康、變化豐富的文樣。在 …

藍布印花傳統文樣250

藍印花布簡介 6-9<br>本書使用方法 10<p><b>第一章 瑞獸.動物 11</b><br>龍-1 12-13 二龍戲珠-1 / 二龍戲珠-2 / 龍飛鳳舞 / 龍鳳呈祥<br>龍-2 14-17 龍鳳呈祥 / 二龍戲珠-1 / 龍飛鳳舞 / 二龍戲珠-2 / 龍鳳呈祥<br>鳳-1 18-19 鳳穿牡丹-1 / 富貴長壽 / 鳳戲牡丹 / 鳳 …

花樣時代:台灣花布美學新視界+專業圖庫光碟(盒裝版)

典雅和風手繪素材集:花鳥繪景×水墨文字×紙感底紋

食.農:給下一代的風土備忘錄

<b>作者簡介</b><p><b>策劃者簡介</b><p><b>推薦序</b><p><b>補上一堂遲到的故鄉學——食.農.風土<br>陳玠廷(財團法人農業科技研究院副研究員)</b><p>自有記憶以來,我便是一個在嘉義鄉間踩著泥土長大的小孩;然而,在這個「阮欲來去臺北打拼」價值當道的世代,我也是被從農村推向都市的芸芸眾生中的一分子。由於來自農村,我永遠記得小時候陪著阿公在門口埕曬穀,因 …

10 Custom CSS & JavaScript Hover & Click Effects

Developers can make some crazy effects with simple user actions like hovers and mouse clicks. These mostly relate to desktop users but the mobile web …

10 Free Shopping Cart UIs in CSS and JavaScript

eCommerce carts need to be usable and accessible for all visitors. Your goal is to increase conversions and keep people engaged during checkout, and …

Installation

A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.<p>See SweetAlert2 in action …

a modern CSS framework based on Flexbox

CSS Framework

300+ Free Tech & Activities Icons from Swifticons

I have a great free icons collection for all Spoon Graphics readers to download today from Swifticons. Included in this freebie are the Gadgets & …

Feather

What is Feather?<p>Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, …

ICOOON MONO 超過 6000 個免費圖示下載!向量圖格式 AI、EPS 可商用

之前介紹過一些免費圖示,設計都相當乾淨簡單,看起來賞心悅目,品質通常都有一定水準,例如:Standart.io 線條俐落的向量圖示、IconBros 持續更新的免費圖示集或 100% 可完整自訂的 illustrio,目前可自訂顏色、大小的圖示網站已經逐漸變成標準配備,不像之前都只能一次下載一套圖示 …

Web Launch Checklist 網站上線前你應該完成的工作檢查清單

(Copyright: diawka / 123RF Stock Photo)我之前翻譯過一篇國外的教學文件「殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!」,如果你決定使用 WordPress 架站,應該先透過這份清單仔細了解看看有沒有完成這些必要的前置作業,確保你的網站 …

Now UI Kit by Creative Tim

Now UI Kit<p>Anonymous Tim<p>message:<p>rating:5<p>Now UI Kit<p>Alex Paduraru<p>message:This UI Kit is great because we've spent a lot of time developing it …

Getting Started With Chart.js: Scales

In the last four tutorials, you have learned a great deal about Chart.js. After reading the first four tutorials, you should now be able to customize …

An exercise in CSS masonry

(first published on my personal blog)Masonry layouts have been around a long time. You'll most likely recognize its use on Pinterest. In fact, …

Home

SVG.js<p>The lightweight library for manipulating and animating SVG.<p>Why choose SVG.js?<p>SVG.js has no dependencies and aims to be as small as possible …

JavaScript

typewrite

A javascript typewriter library which animates the <b>typing</b>, <b>deleting</b>, and <b>selecting</b> of text on a page<p>Demo<p>See here.<p>Installation<p>typewrite is a jQuery …

20 Best JavaScript Tools and Resources for Web Developers

Looking for the <i>best JavaScript tools and resources</i>? You found them!These scripts have multiple purposes and include navigations, charts & graphics, …

Animista

How To Create a Web Design Style Guide

You're reading How To Create a Web Design Style Guide, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, …

jQuery: disabilitare il copia e incolla delle password

Questa tecnica è sconsigliata per l’usabilità. Non usatela a meno di non essere costretti da obblighi di lavoro. Demo e codicejQuery: disabilitare il …

How do I learn Python from zero to web development?

I am looking into learning Python for web development.<p>Assuming I already have some basic web development experience with Java (JSP/Servlets), I'm …