制作中のWebサイトにシンプルなグリッドを表示させる制作補助系jQueryプラグイン・Simple Grid
昨日TwitterでもPostしたんですけどやっぱり たまに使いそうなのでメモ。数値を設定する だけで簡単にシンプルなグリッドを重ねる事 が出来るWeb屋さん向けのjQueryプラグイン・ Simple Gridです。いちいち拡張やブックマー クレット使うのも面倒ですしね。 制作中のサイトにこのプラグインを入れるだけでグリッドを表示できるので場合によっては手間が省けるかもしれません。オンオフも簡単に切り替えられるのもメリットです。 こうしてグリッドを重ねられます。微調整で結構時間取られるので楽っちゃ楽かも。 グリッドの調整は簡単で、jQueryとプラグインを読み込んで下記のように設定するだけです。 <script type="text/javascript"> $.simpleGrid({ rowHeight: 20, columnWidth: 30, gridWidth: 960 });
Firefoxで表示ページに、Photoshopのようなガイドを引いたり保存できるFirefoxのアドオン -foxGuide
Firefoxで表示してるページに、Photoshopのようなガイドを引いたり、そのページを閉じてもガイドを保存できるFirefoxのアドオンを紹介します。 下記はFirefoxで当サイトを表示し、foxGuideでガイドを引いたキャプチャです。 foxGuide [ad#ad-2] foxGuideのインストール foxGuideの対応バージョンはFirefox3.5+で、下記ページからインストールができます。 FoxGuide Add-ons for Firefox インストールが完了したら、ブラウザ枠の右下にfoxGuideのアイコンが表示されるので、クリックしてfoxGuideをオンにします。 [ad#ad-2] foxGuideの主な特徴 ガイドの保存と復元 表示ページでガイドを作成した後、ブラウザやタブを閉じてもガイドは保存されます。 作成したガイドを削除する際は、右クリックし
960pxのグリッドを1クリックで用意してくれるPhotoshopのアクション
960pxのグリッドに4, 6, 8, 10, 12カラムとそれに伴ったガイドを1クリックで用意してくれるPhotoshopのアクションを紹介します。 960 Grid Actions for Photoshop アクションはPhotoshopのドキュメントを新規作成するもので、グリッド・カラム・ガイド以外にもレイヤーにヘッダやフッタなどのフォルダも準備されます。 フォルダも準備されます アクションを一から作成するのは面倒なので、これをそのまま使用してもよいし、自分用にカスタマイズしてもいいかもしれません。 ダウンロードしたアクションファイルは当方のPhotoshop CS4日本語版でエラーが出てしまったので、それを修正する方法を紹介します。 ※再配布のライセンスがなかったので説明のみで。 日本語環境と英語環境で作成される名前が異なるため、エラーが表示されます。 エラーの内容はレイヤー「G
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
