カード型グリッドレイアウトで作られた国内の素晴らしいWebサイトと情報の扱い方について | WDS
最近では誰もが見たことがあるトップページ全体にカードを並べたようなグリッドレイアウト。去年の始め頃から流行し始め、今ではよく見かけるレイアウトとなり一般化してきた感もあります。 まずはこのレイアウトによって得られるメリットとデメリットについて少し考えてみたいと思います。 メリット 情報量の多さから華やかさやインパクトがある コンテンツの一覧性が高く量をアピール出来る カード内に質の高い画像を多く配置できれば全体のクオリティが上がる グリッド配置により多少遊びを入れてもレイアウトの規則性を保持しやすい 各ページにユーザーを誘導しやすい デメリット コンテンツの量が一定数存在しないと成立しづらい カードの量によって、何から見るべきか迷う可能性がある カード内の画像やデザインが全体のイメージを左右する レイアウトの規則性は発生するが、情報の整理整頓はまた別に考える必要がある 更新頻度が高いと以前
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッグ＆ドロップで開発できるツール「Maqetta」がオープンソースとして開発されています。PCの画面だけではなく、iPadやiPhone、Androidなどの画面にも対応しています。 Maqettaはもともと米IBMが開発していたツールで、4月に非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈されました。 Maqetta自身もHTML5のWebアプリケーションとなって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
