Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: WebDesign

[WEB DESIGN] Pagination Gallery: Examples And Good Practices – ××ページ目、というナビゲーションの例

  • Pocket
  • このエントリーをはてなブックマークに追加

ブログや掲示板、フォトギャラリー等でよくある「今××ページ目」というページ遷移のナビゲーション。それらの好例を集めた記事。CMSのカラんだサイト製作等で使う機会が多いので、こういうまとめ記事は助かるなー。ナビゲーションどうしよっかなーって時にチラっと見るとイイかもしんない。

[WEB DESIGN] Tartan Background pattern generator – タータンチェックの背景ジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

Web用の素材として使う事のできる、タータンチェックのジェネレーター。3種類の帯それぞれの太さ・色を決め、チェックの方向を縦と斜めから選んだら、右側に出てるプレビュー内の「make it!」をクリックしてプレビュー。気に入った柄が出来たらその下にあるDownloadボタンを押して完了。PNGファイルがダウンロードされます。こういう既存の柄って、いざ必要な時に「あれ、どうやって作るんだっけか」って事が多いので、そんな時に便利なジェネレーター。

[WEB DESIGN] CSS レイアウト切り替えスイッチ

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSレイアウトの切替スイッチ。いわゆる2カラムと3カラムの切り替えというものではなく、フローズンレイアウト(横幅固定)、リキッドレイアウト(ブラウザウィンドウに追従)、エラスティックレイアウト(文字サイズのサイズ切り替えにレイアウトも連動)の3種を切り替えるという点で新しいと思います。サイトの作り手としてはフローズンレイアウト(ソリッドって言うのが普通なのかな?)の方が作りやすいんだけど、横幅可変の方が見やすいという人もいれば、最近流行りのエラスティックレイアウトが理にかなってるという意見もあるでしょう。だからまぁそのへんは見る人で切り替えちゃってくださいという感じで、親切な機能ですね。その内使おうと思い備忘録。

[WEB DESIGN] OpenWebGraphics – アイコン、背景、バナーなどの素材集

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブ製作で使われる、アイコンや背景、バナーなどの素材集を配布しているサイト。アイコンや背景画像はわりとよくあるけど、バナーの素材っていうのは珍しいかも。どこかで見たような気もするアイコン類が、一番充実しているようです。