便當盒

Things It Might Be Fun/Useful to Try the Universal (*) Selector On | CSS-Tricks

Thu, 16 Feb 2012 23:34:35 +0800

Things It Might Be Fun/Useful to Try the Universal (*) Selector On | CSS-Tricks:

css-tricks.com

Paul Irish recently wrote a post on using the universal selector to set border-box box-sizing on everything:
I’ve been wanting to try that for a while and I’m happy to say I’ve used it on a few projects already and it’s awesome. It also …

jQuery datetimepicker range select example

Thu, 09 Feb 2012 17:33:00 +0800

使用 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).
        attr('time:'+option, 'new Date("'+this.value+'")').
        attr('time:'+option+'Time', 'new Date("'+this.value+'")');
    }
  }).
  datetimepicker({
    dateFormat: 'yy-mm-dd',
    timeFormat: 'hh:mm:ss',
    changeMonth: true,
    alwaysSetTime: true,
    changeYear: true,
    hourGrid: 4,
    minuteGrid: 10,
    onSelect: function(selectedDatetime, inst) {
      var $_ = $(this),
          option = this.id === 'from' ? 'minDate' : 'maxDate',
          date = $_.datetimepicker('getDate'),
          other = dates.not(this);

      if ( other.val()) {
        var otherDate = other.datetimepicker('getDate');

        // limit current input
        if (
          ( this.id === 'from' && date.getTime() > otherDate.getTime()) ||
          ( this.id === 'to' && date.getTime() < otherDate.getTime())
        ) {
          date = new Date(otherDate.getTime());
          $_.datetimepicker('setDate', date);
        }

        // set other date
        other.
          datetimepicker('setDate', otherDate);
      }
      other.
        datetimepicker('option', option, date ).
        datetimepicker('option', option+'Time', date );
    }
  });

「iCook 愛料理」如何善用雲端服務，加速網站產品開發 - Inside 網路趨勢觀察

Mon, 30 Jan 2012 17:45:02 +0800

「iCook 愛料理」如何善用雲端服務，加速網站產品開發 - Inside 網路趨勢觀察:

很多工具可以參考

Better Google Web Fonts

Sat, 21 Jan 2012 14:02:11 +0800

Better Google Web Fonts:

somadesign.ca

This new typeface was made just for interface designers

Sat, 21 Jan 2012 13:36:37 +0800

This new typeface was made just for interface designers:

Harrison Weber, thenextweb.com

Modern Pictograms is new typeface created for interface designers and programmers. It was designed to work on-screen at sizes down to 18 pixels, and is remarkably pixel-perfect and useful as a pictographic font.
Why a font file?…

Deprecated Linux networking commands and their replacements « Doug Vitale Tech Blog

Thu, 19 Jan 2012 23:14:31 +0800

Deprecated Linux networking commands and their replacements « Doug Vitale Tech Blog

An Intro to Backbone.js: Part 1 – Models and Collections - Liquid Media

Wed, 18 Jan 2012 18:18:11 +0800

An Intro to Backbone.js: Part 1 – Models and Collections - Liquid Media

Icons for Apps and Stuff

Wed, 18 Jan 2012 12:54:00 +0800

Icons for Apps and Stuff:

uicons.co

Holiday Reading #1: Backbone.js

Sat, 14 Jan 2012 11:45:41 +0800

vincicat:

Backbone.js Fundamentals

Backbone.js x jQuery Mobile: Flickly Mobile

Hello Backbone.js

Offical Tutorial List

backbone-marionette

jiwostudio: (via Bijou — tiny, 10 pixel icons for free)

Sat, 14 Jan 2012 11:40:41 +0800

jiwostudio:

(via Bijou — tiny, 10 pixel icons for free)

jiwostudio: Indigo icons by Mihaiciuc Bogdan. Free (via Indigo...

Sat, 14 Jan 2012 11:40:00 +0800

jiwostudio:

Indigo icons by Mihaiciuc Bogdan. Free

(via Indigo Icons by ~bogo-d)

tmux + macvim clipboard 無法共用解法

Wed, 11 Jan 2012 14:15:37 +0800

找了很久，終於找到解決方案
 https://github.com/ChrisJohnsen/tmux-MacOSX-pasteboard

照著 Quick Summary 的指示操作，其中 zsh 換成慣用的 bash。重新啟動 tmux server，macvim 剪貼簿就會工作了！

iTerm2 + tmux 光標向前/向後移動單字失效筆記

Tue, 10 Jan 2012 12:17:00 +0800

紀錄一下 iTerm2 + tmux 光標向前/向後移動單字的 .inputrc

# for tmux 
"\eOD": backward-word 
"\eOC": forward-word 
# xterm/urxvf 
"\e[1;5D": backward-word 
"\e[1;5C": forward-word

yoshimasa niwa - TerminalColoreopard, Change Terminal.app ANSI Color on Leopard

Mon, 09 Jan 2012 15:19:51 +0800

yoshimasa niwa - TerminalColoreopard, Change Terminal.app ANSI Color on Leopard:

覺得mac terminal的藍色太暗嗎？Snow Leopard 用這個可以調整ANSI色彩

jQuery Validation - fix required method not work in ie8.

Fri, 06 Jan 2012 12:04:21 +0800

由於個人使用 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
    if ( !this.depend(param, element) )
        return "dependency-mismatch";
    switch( element.nodeName.toLowerCase() ) {
    case 'select':
        // could be an array for select-multiple or a string, both are fine this way
        var val = $(element).val();
        return val && val.length > 0;
    case 'input':
        if ( this.checkable(element) )
            return this.getLength(value, element) > 0;
    default:
        return $.trim(value).length > 0;
    }
},

Sass and Compass CSS animation library based on Animate.css

Mon, 02 Jan 2012 10:40:00 +0800

Sass and Compass CSS animation library based on Animate.css:

這個世界真是太美好了，因為有你！

vnc.js: how to build a JavaScript VNC Client in a 24 hour hackday | LinkedIn Engineering

Wed, 21 Dec 2011 09:41:09 +0800

vnc.js: how to build a JavaScript VNC Client in a 24 hour hackday | LinkedIn Engineering

理解inode - 阮一峰的網絡日誌

Sun, 04 Dec 2011 22:07:15 +0800

理解inode - 阮一峰的網絡日誌

“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher

Sun, 04 Dec 2011 20:34:19 +0800

“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher

Zocial: CSS3 Buttons, Sass framework. - Projects

Sun, 04 Dec 2011 20:21:12 +0800

Zocial: CSS3 Buttons, Sass framework. - Projects