February 2012
2 posts
Things It Might Be Fun/Useful to Try the Universal... →
css-tricks.com Paul Irish recent­ly wrote a post on using the uni­ver­sal selec­tor to set border-box box-sizing on every­thing: I’ve been want­i­ng to try that for a while and I’m happy to say I’ve used it on a few projects already and it’s awe­some. It also …
Feb 16th
3 tags
jQuery datetimepicker range select example
使用 jQuery datetimepicker 官網的範圍選擇範例遇到時間會自動消失的問題。 就是如果另外一個日期時間欄位(B)有預設值，在 B 的 datetimepicker 尚未顯示前就已經在 A 選好的值的話，會造成 B 的時間消失，且 A 跟 B 的 minDate/maxDate 效果會出不來。 以下是防止這個問題出現的範例，另外根據個人喜好加上限制時間的 minDateTime/maxDateTime 選項： var dates = $('#from, #to'). each(function(){ if ( this.value ) { var option = this.id === 'from' ? 'minDate' : 'maxDate'; $('#from, #to').not(this). ...
Feb 8th
January 2012
14 posts
「iCook 愛料理」如何善用雲端服務，加速網站產品開發 - Inside 網路趨勢觀察 →
很多工具可以參考
Jan 29th
Better Google Web Fonts →
somadesign.ca
Jan 20th
This new typeface was made just for interface... →
Harrison Weber, thenextweb.com Mod­ern Pic­tograms is new type­face cre­at­ed for inter­face design­ers and pro­gram­mers. It was designed to work on-screen at sizes down to 18 pix­els, and is remark­ably pixel-perfect and use­ful as a pic­to­graph­ic font. Why a font file?…
Jan 20th
1 tag
Deprecated Linux networking commands and their... →
Jan 19th
9 notes
1 tag
An Intro to Backbone.js: Part 1 – Models and... →
Jan 17th
1 tag
Icons for Apps and Stuff →
uicons.co
Jan 17th
Holiday Reading #1: Backbone.js
vincicat: Backbone.js Fundamentals Backbone.js x jQuery Mobile: Flickly Mobile Hello Backbone.js Offical Tutorial List backbone-marionette
Jan 13th
2 notes
Jan 13th
3 notes
1 tag
Jan 13th
3 notes
3 tags
tmux + macvim clipboard 無法共用解法
找了很久，終於找到解決方案 https://github.com/ChrisJohnsen/tmux-MacOSX-pasteboard 照著 Quick Summary 的指示操作，其中 zsh 換成慣用的 bash。重新啟動 tmux server，macvim 剪貼簿就會工作了！
Jan 10th
4 notes
3 tags
iTerm2 + tmux 光標向前/向後移動單字失效筆記
紀錄一下 iTerm2 + tmux 光標向前/向後移動單字的 .inputrc # for tmux "\eOD": backward-word "\eOC": forward-word # xterm/urxvf "\e[1;5D": backward-word "\e[1;5C": forward-word
Jan 9th
3 notes
1 tag
yoshimasa niwa - TerminalColoreopard, Change... →
覺得mac terminal的藍色太暗嗎？Snow Leopard 用這個可以調整ANSI色彩
Jan 8th
3 notes
2 tags
jQuery Validation - fix required method not work...
由於個人使用 required 驗證的方式是這樣的: <input .... required="required" /> 但在 IE8 中，depend() 裡的 typeof param 會是 string 而非預期的 boolean。必須在 required() 裡面加上這段才會正常: if ( $.browser.msie ) { param = param === 'required'; } 加在 this.depend() 呼叫之前: required: function(value, element, param) { if ( $.browser.msie ) { param = param === 'required'; } // check if dependency is met ...
Jan 5th
15 notes
1 tag
Sass and Compass CSS animation library based on... →
這個世界真是太美好了，因為有你！
Jan 1st
2 notes
December 2011
7 posts
1 tag
vnc.js: how to build a JavaScript VNC Client in a... →
Dec 20th
理解inode - 阮一峰的網絡日誌 →
Dec 4th
2 tags
“Mobile first” CSS and getting Sass to help with... →
Dec 3rd
5 notes
1 tag
Zocial: CSS3 Buttons, Sass framework. - Projects →
Dec 3rd
2 tags
briancarper.net (λ) - Vim regexes are awesome →
vim regexp 密技，我喜歡
Dec 3rd
5 notes
3 tags
Firefox Built-in Dev Tools 之我好想要這兩樣
今天沒忍住就下載 Aurora 版本回來嘗鮮。 但測試結果令人又驚喜又失望。驚喜的是 Aurora 版本的 Firefox 跑得真快；失望的是即使這組內建的開發工具做得很漂亮，但也只能算堪用而已，改變不了略遜於 webkit 開發工具的事實，更別說要替換掉變形金剛等級的 Firebug 了。 看不到排版資訊 Firefox 內建的開發工具不會很直覺得告訴你選中元件的寬高, padding, margin 排版資訊，只能從樣式中的屬性挖最終套用的值。 還是比較希望能夠一點下元素就能得知排版資訊 裝不上網頁速度最佳化檢測工具 因為 Yahoo! Yslow, Google Page Speed 這兩大提昇網頁速度的檢查工具在 Firefox 中，都依賴於 Firebug。 只能期待正式版後這兩大公司會釋出對應的版本。 沒有色彩小方塊標示也沒有 Color...
Dec 1st
November 2011
23 posts
madeintechnicolor asked: hi! you seem to be really good with jquery, css, and coding in general. could i ask you something?
Nov 30th
3 tags
Typography Effects with CSS3 and jQuery →
Nov 29th
2 notes
5 tags
HTML5 Video Wrapper for YouTube and Vimeo API –... →
Nov 29th
4 notes
2 tags
Bootstrap, from Twitter →
Nov 29th
22 notes
3 tags
arbor.js →
Nov 22nd
29 notes
3 tags
CSS Menu Builder | Free online navigation... →
厭倦了一直排一直排 Menu 嗎？這裡有一個好讚的產生器
Nov 22nd
12 notes
3 tags
CSS boxes and frames →
Nov 22nd
54 notes
2 tags
Formly - The form glamorizer for jQuery →
Nov 22nd
83 notes
1 tag
PhoneGap →
Nov 21st
1 note
3 tags
Wink toolkit - A mobile JavaScript framework to... →
一個包山包海很威的 js mobile framework
Nov 20th
2 tags
ICanHaz.js | client-side templating with... →
Nov 19th
1 tag
Creative CSS3 Animation Menus →
Nov 19th
1 tag
Icon Fonts are Awesome →
Nov 19th
Git Magic →
Git魔法書
Nov 17th
2 tags
Spine →
javascript mvc framework
Nov 17th
1 tag
JSZip: JavaScript zip class →
Nov 17th
1 tag
Google Swiffy →
Google幫你把flash轉html5
Nov 16th
1 tag
google-code-prettify - syntax highlighting of code... →
Nov 15th
3 notes
50 Reasons not to use Photoshop for Webdesign |... →
除了物件難於精確排版之外。 由於 Photoshop 缺乏獨立匯出選擇區域的功能，整個頁面中的元件全部匯出需要重新切片好多次。 因此 Photoshop 的切版速度跟 Fireworks 或 Illustrator 相較之下，差的可不是一點兩點，而是兩三個小時以上的工，如果再加上圖層未妥尚組織，那耗去的時間又更多。 Photoshop 的強項在於影像處理；若要網頁設計，Fireworks or Illustrator 會是您的好捧友
Nov 15th
3 tags
MediaElement.js - HTML5 video player and audio... →
Nov 13th
Tangle: a JavaScript library for reactive... →
Nov 9th
1 tag
The developer's guide to mobile frameworks |... →
Nov 5th
2 notes
2 tags
Passenger tuning for rails application | Tech... →
Nov 3rd
27 notes
1 tag
borderとtransitionを使ったエフェクト - jsdo.it - Share... →
Nov 2nd
2 notes
October 2011
19 posts
1 tag
Minimit - Minimit Gallery Plugin →
Oct 26th
1 note
3 tags
jQuery.fracs · larsjung.de →
Oct 25th
8 notes
3 tags
DropKick - a jQuery plugin for beautiful dropdowns →
Oct 25th
404 notes
3 tags
Foundation: Rapid Prototyping and Building... →
好威的萬能framework!!
Oct 25th
22 notes