タグ

ブックマーク / jdash.info (2)

  • IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが?

    概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは当にいいものだ!」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス!という話でしたが、今回はhtmlタグの書き方がナイス!という話。いや、当にさすがとしか言いようがない。 HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは当にいいものだ!」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス!という話でしたが、今回はhtmlタグの書き方がナイス!という話。 いや、当にさすがとしか言いようがない。 Internet Explorerの複数バージョンの対応は面倒 や

    IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが?
  • ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)

    スマートフォン対応サイトで右上や左上にある「≡」こんな形の三線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。(サイトイメージは「グラシン工房」から) まずはBootstrapの標準に近い形式。三の線があるだけのパターン。 次に三の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三線を線(border)で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

    ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
  • 1