サイトのフローチャート・サイトマップ作成時に便利な大容量デザインキット「Wyre」 - NxWorld
「Wyre」はフローチャート・サイトマップ作成時に便利なデザインキットで、サイトで多用されるレイアウトやコンポーネントが100種類以上用意されています。 ベースとなるフレームやアロー・バッジといったアイテムも用意されているので、それらを組み合わせることで簡単にフローチャート・サイトマップを作成することができます。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 シングル・カラム・グリッドなどのレイアウトイメージが多数あり、500や404ページ用の素材も用意されています。 こちらは一覧ページ・詳細ページを表すものやプロフィールページを表すデザイン。 イメージとテキストがカラムになっているものや動画が設置されているもの、テキストのみで構成されているページを表しているものなどひと通りのパターンがあります。 アローやバッジの素材も用意されています。 このようなベースとし
data属性を利用したナビゲーションの実装サンプル - NxWorld
テキストのみで作られたようなシンプルなナビゲーションにdata属性を利用したカスタマイズを施した実装サンプルです。 いずれもカスタマイズといっても簡易的なものばかりでほぼホバー時の動きにはなりますが、紹介しているような方法を使うことでHTMLに記述する要素を少し減らすことができたり、ちょっとしたアニメーションを加えたりすることもできます。 また、あまりdata属性を使ったことがないという人はこういう使い方もあるということで参考にしてみてください。 ここで紹介している内容はdata属性を利用した実装サンプルのひとつとして紹介しており、擬似要素で表示させているテキストはあくまで装飾目的で表示している想定になります。 SEOやスクリーンリーダー対応などに影響があると考えられる場合は、しっかりとマークアップしたもので実装してください。 補足テキストを表示 #1 見かけることが多いと思う、ナビゲーシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年気になったハイクオリティなデザインUIキット − 2015 - NxWorld
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
