フロントエンド開発の為のコンポーネント集・「FORMSTONE」 FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...2014.07.22 | 10時34分59秒
グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」 jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...2014.06.15 | 10時13分26秒
手軽にガイドとグリッドを追加できるPhotoshop拡張・「Griddify」 Griddify Griddifyは自動でグリッドやガイドを追加できるPsプラグインです。幅やグリッドの数値を設定するだけで引いてくれます。また、範囲内で引くことも可能のようです。動画が分かりやすいのでチェックしてみては如何でしょうか...2014.05.24 | 10時20分25秒
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」 RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...2014.04.22 | 10時23分11秒
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」 .FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。(当記事では一応フレームワークのカテゴリに含めています)CSS自体は非圧縮でも4KB...2013.05.18 | 12時03分28秒
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」 Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...2013.04.23 | 10時42分48秒
PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」 Modular Grid Pattern Modular Grid PatternはPNGやPSD形式でエクスポートできるグリッド生成ツールです。幅やカラム数を指定してダウンロードするだけ。PhotoShopのエクステンションもあるみ...2013.03.31 | 11時42分05秒
レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」 gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak2013.03.09 | 15時42分27秒
PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」 Paperkit Paperkitは、オンラインでグラフ用紙を生成出来るツール。サイズ、グリッドの幅や色を指定。PDFはBase64形式で発行されます。 Paperkit2013.03.04 | 10時02分52秒
レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」 Responsify Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Respon...2013.02.21 | 20時22分34秒