2012年5月20日日曜日

jquery.wookmark.jsの使い方

DL:http://www.wookmark.com/jquery-plugin
参考記事:
・[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-wookmark.html
・Pinterestっぽいレイアウトを作ってみる
http://kachibito.net/web-design/pintarest-like-layout.html

メモ:
スクリプトは</body>直前に記述
<head></head>内に記述しても動かない

.containrにposition: relativeを記述


2012年5月8日火曜日

【Vim】HTMLを整形

MacVimでHTMLを整形しようとしたのですがコマンドが効かなかったので調べました。
一応、無事に解決したので備忘録としてメモ。

・Vimでインデントを整える(整形)コマンド
=
使い方:gg=G

・コマンドの有効化
MacVim > Contents > Resources > vim > vimrc
下記を追記
:filetype indent on


参考
・filetype
https://sites.google.com/site/vimdocja/filetype-html
・自分用のVim備忘録
http://d.hatena.ne.jp/kanonji/20110603/1307104375




2012年5月3日木曜日

jQueryで画像を全画面表示

jQueryで画像を全画面表示するためのメモ

やりたいこと
・画像をウィンドウ全体に表示
・ウィンドウサイズを拡大縮小した時に画像の比率がくずれない