Design with AngularJS

今天在 HappyDesigner Mini 分享會 #4 分享了這陣子用AngularJS的心得(投影片)。 簡單來說就是我覺得 AngularJS 幫我,作為一個網頁設計師,解決了設計網頁 UI 在實作時的兩大難題,一個是 JavaScript 很難,另一個是 animation 很難。 JavaScript 很難指的是用 JavaScript 去直接操控 DOM,真的是繁瑣又困難的工作。 »

Lea Verou | The humble border-radius

看了RGBA推薦的大片「The humble border-radius」之後,真是太佩服Lea Verou了,連一個CSS屬性都可以成為一個講題,而且既有趣又有深度,因此再次推薦大家去看。 Lea Verou | The humble border-radius | CSS Day 先前她還有一個演講「More CSS secrets: Another 10 things you may »

Hanako

新作品,應該說是舊作品。因為早在一年多以前就做好了,最近終於被上線了。 網址:http://hanako.tw »

AngularJS.tw Meetup #2

今天參加了 AngularJS.tw 第二次社群聚會 ,講師 GskLee 講得非常精彩。我很喜歡他前面講解的AngularJS的觀念,或是說「理念」。就像當年 PPK 在《PPK on JavaScript》也是先花了一章講解歷史,再花了一章解釋HTML/CSS/JS的結構/表現/行為要分離的觀念,接下來才開始講JavaScript一樣,觀念的建立對於使用AngularJS非常重要。 在跟一些朋友聊過之後,我發現很多人( »

所謂 SEO

感謝現在大人都在臉書聊天的關係,看到了「SEO業界」內的…小筆戰。看完後還真是不得不說,身為網頁設計師,我對於網路業界的各種職業都相當尊敬,唯獨「SEOer」例外。套用最近流行的「駭客說」來解釋的話,SEO也是一種hacking,只是他hack的是Google(搜尋引擎)的評鑑系統,試圖找出google的規則來利用。而這造成的結果,妨礙了我為網路使用者,或者應該說是google的使用者,從Google搜尋我想要的資料。 雖然Google自己也出了自家的「SEO指南」 »

你以為的CSS最佳寫法是錯的

非常聳動的標題!讓我們來看看以下哪一個 CSS/HTML 的寫法是比較對的。 https://gist.github.com/minipai/5569802 是A還是B? 其實沒有絕對的對錯,但是如果你的答案和某個CSS教學的投影片的內容一樣,覺得B才是正確版本,因為A沒有寫「有語義」的HTML,那你的觀念需要更新了,很可能比起B,A才是更好的寫法。 不信的話去看一下twitter bootstrap的原始碼,正是A的寫法。 B的寫法很接近所謂「最佳實踐」 »

Clean Code, clean more

雖然我只是個jQuery programmer,不會寫什麼高深的程式,但是聽到Clean Code中文版推出後,馬上就去買來學習一下。因為程式功力不高的話,以後更容易看不懂自己寫的東西是什麼。 整本書大概看到第九章後面就看不懂了,不過回頭看來,整本書一開始就在講最重要的重點,命名。命名的原則是,「命名應該代表意圖」。或是更白話一點地說,你應該用程式的「目的」而非手段來命名。把握這個原則是寫出clean code的基本。 這個原則我非常喜歡,因為「把握目的」是一個很重要的做事原則。在寫程式第一次直接寫的 code »

Fire.app是什麼?

可能最近RGBA的大力推廣,對Fire.app有興趣的人多了起來,最近要開的Fire.app workshop也已經爆滿了。不過一直一來好像很多人只知道Fire.app很好,但是不知道是什麼,所以想來RGBA學。尤其是這星期我還在RGBA聽到有人問「Fire.app要怎麼用在現有的PHP網站裡」,讓我覺得這個問題真的很嚴重。 其實Fire.app的官網的確從來沒有說過Fire.app是「什麼」,而是說「Fire.app 是一個能夠使網站原型製作更快更方便的工具/Dead Easy HTML Prototyping」 »

修正webkit的placeholder行為

Webkit的input placeholder不會在focus上去的時候就消失,而是在開始輸入的時候才消失。要修正成focus上去馬上消失的話,可以用這個CSS: [placeholder]:focus::-webkit-input-placeholder { color: transparent; } »

22K學習銀行…

在設計完22K學習銀行的概念之後,雖然抱怨揭露22K不提供JSONP API,但是還是自己寫一下proxy把網站架起了(這麼剛好有教學 )。 寫這個搞笑網站的過程有學到一點東西,就是我第一次實作了JavaScript的物件XD。一開始網站本來是用Backbone.View在做那些卡片,但是寫完後看到看Backbone只用一次,卻要拉Backbone附帶underscore感覺真是太累贅了。經過熱情網友的教學後終於成功改寫了。 不過話說回來,其實22K議題應該是和網頁設計師無緣啦,只要你有合格的視覺設計能力,加上會寫HTML/CSS,就該有33K上下了。如果會寫jQuery或是直接寫(ex. php)template,不是44K左右大概可以開始找新工作了。那如果你還會最先進的技術像是Responsive Design之類的,遇到對的— »