12月 2011
8件の投稿
jQuery.ui.checks
is a collection js/css decorated checkbox and radio buttons.
Takazudo/jQuery.ui.checks - GitHub
demo
how to use yuicompressor
It is the one which minifies css and js files.
YUI Compressor
If you are a Mac user and have homebrew installed, just do
brew install yuicompressor
(If not, fetch .jar file from the link above.)
Then, do
yuicompressor foo.js -o foo.min.js
Basially, that’s all.
If you want specify encoding, do
yuicompressor foo.js -o foo.min.js --charset shift_jis
Very easy and effective.
「よくわかるキリスト教」って本読んだ
半月ぐらい海外旅行でドイツとイタリア行ってて、博物館なり何なり見たりどうしたりとかして回ってたんですけど、そういう歴史的建造物それ自身だったり、中にある展示物だったりするものって、キリスト教に関係するものがめちゃくちゃ多かった。現代の人は殆どそうなんじゃないかと思いますけど、僕個人は、宗教とかさっぱり興味無くて、はーそういうの信じてるんすかーへ〜〜って感じなんですけど、なんかこんなにもキリストキリストばっかりで、さらに建物とか絵とかめっちゃすごいし、オーマイゴッドそりゃなんでそういうことになってるんだい？って興味があったので、キリスト教入門みたいな本を買ってみた。
よくわかるキリスト教 (Amazon.co.jp)
...
gzip圧縮してcssとかjsとか転送してみた
なんか高速化したいとかどうとかいう話があったのでローカルでちょろっと試した。 html5 boilerplate にある.htaccessのなかにある、Gzip Compressionの内容をコピってapacheの設定ファイルとかに書けば動いた。
html5 boilerplate - .htaccess
これやると、ファイルをgzip圧縮してからクライアントに転送してくれるらしい。
gzip圧縮なし
gzip圧縮あり
...
JSの前にCSS読み込まないと色々うまくいかないことがある
head内にlinkでcss読み込んで、scriptでjs読み込んで、中で DOMContentLoaded だの jQuery(function(){}) だのやって云々とかやりますよね。これ、
link要素でCSS読み込み
script要素でJavaScript読み込み
の順番でやらないと上手くいかないことがあるみたいです。って今日はじめて知りました。
OK（link先script後）
NG（script先link後）
...
Mattari_panda hamalog: ずど本（Webデザイナーのための... →
mattari-panda:
いつもなにかとお世話になっているピクセルグリッドの高津戸さんが、先日書籍を出版されました。実際に読んでみて、いろんな人に薦めたくなったのでおすすめポイントを書いておきます。
まずはこちらをお読みください。すでにたくさんはてブもついてますし、今更説明不要の良記事です。 「Webデザイナーのための jQuery入門」という本を書きました - Takazudo hamalog
まずひとつめのポイントはその「解説の丁寧さ」です。ずどさんといえば、セミナーなどでも有名な語り口調があるのですが、それが随所に出ていてとてもわかり易いです。
…
「Webデザイナーのための jQuery入門」という本を書きました
2011年12月7日発売です。もう本屋に並び始めたみたい。
Webデザイナーのための jQuery入門
これは、Webデザイナーとか、HTML+CSSを普段書いてるような人でJavaScriptをほとんど知らないという人がターゲットで、そういった人らがjQuery使ってちょっとしたものを自分で作れるようになれるようになったらええんじゃないかという感じで書かれた本です。ちょっとしたモノっていうのは、この本で解説している、以下のような機能です。
画像のロールオーバー
入力フォームのガイドテキスト（「検索ワードを入力してください」みたいやつ）
アコーディオン
外部ファイルを読み込んで表作成
スライドショー
タブコンテンツ
ツールチップ
...
jQuery.TmplDeck
jQuery.TmplDeck is a template source handling utility. This loads template text file like this and allow you to draw the source by id from the file easily.
Takazudo/jQuery.TmplDeck - GitHub
demo
This was customized for underscore.js’s template method. But you can use any other template engine with this. This is just like a text storage class.