タグ

2012年4月3日のブックマーク (3件)

  • [HTML5]文を書くのも上手くなる!セクショニングを理解する

    webcre8はまだまだ不勉強なところもありますが、HTML5の学習を進めるとともに、このセマンティックWebについて深く興味を持っています。それを通じて学んだことや考えたことはこのブログに残していこうと思います。ご指摘などありましたらブログのコメント欄や@webcre8の方にご連絡頂ければと思います! セクショニングの立ち位置 HTML5にはセクショニングと言う概念が存在します。文書構造を明確にする考え方のことで、要素としてはセクショニング・コンテンツやヘッディング・コンテンツに分類されている要素がそのマークアップ上の役割を担っており、これらの要素を用いてセクショニングすることで、文書は正しいアウトラインを得ます。これについては過去記事の[HTML5]アウトラインで迷わない! sectionと見出しについてをお読み頂ければと思います。ある程度勉強したけどsectionとかarticleの

    [HTML5]文を書くのも上手くなる!セクショニングを理解する
  • 効果的なナビゲーションを設計する5つの大切なポイント

    How To Design Effective Navigation Menus [ad#ad-2] 下記は各ポイントを意訳したものです。 Positon -ポジション Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ポジション ナビゲーションをページのどこに配置するかは、非常に重要です。 ユーザーがページを見る際にある特定のパターンがあります。ユーザビリティの大家ニールセンによるFパターンが有名です(F-Shaped Pattern)。これは、ユーザーがページを走査する際、上部と左部に(Fの文字のように)フォーカスを合わせるというものです。 こういったパターンを理解し、それがどのように機能するかを学び、何を期待するべきかのアイデアを得るために使います。数多くのサイトを見て、ユーザーに配慮

  • 画像の雰囲気を劇的に変えられるPhotoshopアクションまとめ「33 High Class Photoshop Actions for Photo Enhancement」

    画像の雰囲気を劇的に変えられるPhotoshopアクションまとめ「33 High Class Photoshop Actions for Photo Enhancement」 印象的なデザイン制作にとって画像から感じられる雰囲気は、デザインのテイストを左右する重要なポイント。そんな中今回紹介するのが、画像の雰囲気を劇的に変えられるPhotoshopアクションをまとめた「33 High Class Photoshop Actions for Photo Enhancement」です。 Add-ons – Cold Atmosphere | GraphicRiver 微妙な色味が難しい加工アクションが豊富に紹介されています。中でも気になったものをいくつかピップアップしましたので、下記よりご覧ください。 詳しくは以下 ■Add-ons – 3 Cross Processing Effects (

    画像の雰囲気を劇的に変えられるPhotoshopアクションまとめ「33 High Class Photoshop Actions for Photo Enhancement」