ワイヤーフレーム作成時に役立つツールや素材、参考になるショーケース - NxWorld
ワイヤーフレームとは、簡単に説明するとコンテンツやレイアウトなどを示した設計図や構成図のことを言い、これをしっかり作っておくことでデザインやコーディングといったその後の作業をスムーズに進めることができます。 単にワイヤーフレームと言っても「ツールやソフトを使用する」「基本的に全て手書きで行う」など人によって作り方は違うと思いますが、個人的にワイヤーフレーム作成時に便利だなと感じたツールや素材を紹介します。 また、専門ギャラリーや参考になるショーケースなども併せて紹介するので、あまりワイヤーフレームを見たことないという人はそちらも参考にしてみてください。 便利ツール インストールしたりソフトへの拡張機能として使うものなどもありますが、今回はオンラインで使用するツールを紹介します。 中には使用する為には登録が必要なものや場合によっては有料になるツールもありますが、ほとんどフリーで作成も保存もで
HTMLとCSSを自由に書ける＆リアルタイムにプレビューできるサービス「CSSDesk」 | ライフハッカー・ジャパン
「CSSDesk」はHTMLとCSSを自由に書くことができ、リアルタイムにプレビューが確認できるサービスです。ひとつの画面内で、HTML, CSSを書いてプレビューも確認できます。リアルタイムに自分の修正が反映されるので、ウェブデザインなどに便利かと。 以下に使ってみた様子を載せておきます。まずCSSDeskへアクセスしましょう。左側がHTML, CSSがかけるスペースとなっています。自由に記述できますよ。 右側がプレビュー画面です。背景はいくつかパターンが用意されているので見やすいものを利用しましょう。記述したHTML, CSSがリアルタイムに反映されてデザインを確認できますよ。HTML, CSSの練習にも使えそうですね。ぜひご活用ください。 CSSDesk （カメきち）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
