『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
JavaScript でここまで出来るのか!と驚かされる Web アプリケーションをときどき見かけますが、最近みてすごいなと思ったのが jMockupsです。その名のとおり JavaScript で動作する軽快なモックアップアプリ。ドラッグ&ドロップ形式で要素を自由に配置することが出来ます (デモはこちらから)。HTMLやCSSの知識がなくても直感的にレイアウトを組むことが出来るのが最大の魅力です。スナップ機能もあるので、あるオブジェクトと揃えたり、同じ大きさにするといった作業を容易にできます。また、グリッド表示も可能なのでグリッドレイアウトでモックアップをつくりたい場合に便利です。 制作したすべてのモックアップにはユニークな URL が用意されているので、他の方にモックアップを見せることができます。パスワード保護も出来ますし、共有した相手は観覧だけでなくコメントも残せるようになっています
Webデザインレシピさんの 「レイアウト作りを簡単にしてくれるCSSグリッドシステム」という記事を読んで グリッドシステム便利だなー(´▽`*) と思ったので、 Photoshop用のActionを作ってみましたw クリック1つでガイドまで作成しちゃいます。 ・ ダウンロード用ZIP ・作成できるグリッドシステムのサンプル(?)はこちら ちなみにCS3で作成しています。 改造・再配布もご自由にどうぞですが、改造されたものに関しては責任持てませんので ご了承下さいまし(´ー`*) 「グリッドシステムってなんぞ!?」という方は、上記Webデザインレシピさんの記事をご覧ください。 初心者にも分かりやすく説明されてますv 「960pxグリッドシステムのアクションも欲しいんだけど…」という方は The Grid Systemさんでダウンロードできますv 洋ものですがw
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く