package.jsonを生成 $ npm init パッケージの基本情報を回答することで、その内容がpackage.jsonとして保存される。 インストールとアンインストール package.jsonで定義されている依 […]

最近グリッドを作る時に要素をCSSでdisplay:tableに設定して作る手法（例1）を見かけますが、「Grid forms」も擬似テーブルでグリッドを作っています。 メタ言語はSASSを使用し、レスポンシブにも対応。 […]

「ratchet」はスマートフォン専用のUIライブラリとして作らており、スマートフォン独特のレイアウトやコンポーネントを簡単に実装することが出来ます。 GtHubのフォーク数を見ると海外では既に人気があって現在もどんどん […]

デスクトップ用に作られたサイトやアプリをCSSやらjsを駆使して見た目だけレスポンシブ対応しても、結局動作もタッチ系のイベントに対応ってのがよくある話・・・。 そんな時に役立つプラグインを2つ。 2つとも基本的にプラグイ […]

デフォルトのセレクトボックスでスクロールしないと表示しきれないくらい項目がある場合、目的の項目を探すのが大変になってユーザーを困らす事になるんで、入力が多いWebサービスやアプリでもかなり使われているjqueryプラグイ […]

このFerroSlider jQuery Pluginは縦・横軸を移動できるThe Matrixという機能が特長の模様。 レスポンシブ対応なので、画像サイズの自動調整やスワイプでの切り替えもできます。 他にもオプションも […]

ページ遷移時にフェード効果を入れる事で他とは違った雰囲気を持ったサイトにしてくれるjQueryのプラグイン「jquery.fadeMover」と「animsition」。 AJAXで画面作っているサイトやスピード重視のサ […]

こちらでGoogle Nexus7のWebサイトのレスポンシブなメニューの作り方を教えてくれています。ソースもダウンロードできるのでそのまま使うことも出来そうです。 直ぐにでも使えそうなアイデアですが、反対に便利なboo […]

日々進化しているGoogle Maps。API経由だ地図をカスタムしたりすることができるので、「Google Maps JavaScript API v3」 を使って、地図のスタイル変更、マーカーの画像化、吹き出しの設定 […]