>   >  タグで検索「HTML5」

Tag → HTML5

WEB参考書籍 - WEB制作の最新常識を考える
現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール  
HTML5・CSS3・マルチデバイス時代におけるWebデザインの手法と技術。それらの直近1~2年の動向がうまく凝縮されている。また、注目の手法、ツール、トレンドをまとめて解説。フロントエンドエンジニアはもちろん、Webディレクター必携の書だ。
単行本: 160ページ/エムディエヌコーポレーション (2014/1/27)
WEBサイト - 和テイストな美しいデザインテンプレートのサイト
大阪のお土産は御菓子所 泉寿庵|株式会社 いづみや本舗 
大阪の和菓子店のサイト。一言でいうと和テイスト。サイト全体を通して、美しいデザインテンプレートで展開されている。パーツ細部もこだわっており、濃色部分に敷かれたテクスチャが上品で活きている。また、興味深いのが、トップページのスライドアニメーション。「四分割されたレイアウト」と「横スライドするアニメ」の組み合わせが非常によい。スタンダードな演出の中にセンスを感じる。技術面ではHTML5で制作されており、ソースも非常に美しい。完成度の高いサイトだ。
WEBサイト - シンプルな配色でオモシロいUIのサイト
星のや 京都 
京都の旅館のサイト。白×黒のシンプルな配色。ただ、黒ベタではなく微妙なテクスチャを入れていたりと工夫が見られる。写真はさすがというほどの高いクオリティ。グローバルメニューは右側にコンパクトに配置されている。縦長1ページでスムーズスクロールで移動する構成だ。特筆すべき点は、予約検索の部分。通常は左側に隠れており、クリックで入力エリア表示される。簡易ECサイトなどにも利用できそうな技だ。技術面ではHTML5。IE6、IE7などにも配慮が見られ、丁寧なマークアップが行われている。デザイン・技術ともにバランスの取れたサイトだ。
WEBサイト - 和テイストでシンプルな企業サイト
株式会社 細尾 
京都の企業のサイト。着物などを扱っている会社ようだ。和テイストな会社だけに縦書きを採用している。配色は白ベースに黒文字。非常にシンプルでいさぎよい。アクセントになっている円形にトリミングされた写真も素敵で、和室の窓に見えてくるから不思議。UIデザインも興味深い。画面右側に簡素化されたグローバルメニューが設置されており、縦長1ページのサイトと相性がよい。技術面ではHTML5で作られている。小規模企業サイトのお手本となるくらいのデザイン精度の高いサイトだ。
WEBサイト - 制作スタッフの愛情が伝わってくる観光サイト
変わらないもの。新しいもの。もっと知って欲しい鳥羽にしかない魅力。:恋する鳥羽 
鳥羽の観光サイト。動きのある絵作りが絶妙で、親しみのあるサイトに仕上がっている。海女3人を中心に据えている発想も奇抜でオモシロい。さらに、エディトリアルのスキルも非常に高い。制作スタッフの鳥羽への愛情がヒシヒシと伝わってくるサイトだ。
WEBサイト - レスポンシブWEBデザインの赤い企業サイト
株式会社アイ・エム・ジェイ 
レスポンシブWEBデザインを駆使した企業サイトが大分増えてきた。その中でも突出して完成度が高いサイトだ。マルチデバイスはもちろん、PC画面でも、ワイドが広い場合(1920pxや2550pxなど)が考慮されている。ブレークポイントを細かく設定している部分は眼を見張るものがある。さらに、IE6/IE7では別のレイアウトが準備されているなど、抜かりのない企業サイトを実現している。
WEB参考書籍 - スマホサイト制作の基本を考える
iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL) 
著者はたにぐちまこと氏。基本中の基本、初心者向けの書という印象。レスポンシブ・デザインの前段階として非常に参考になる。制作環境(XAMPPの設定など)にも言及しているところはナカナカの配慮。
大型本: 216ページ/アスキー・メディアワークス (2011/2/19)
WEBサイト - おもしろいタイポグラフィのHTML5のサイト
おしい!広島県 
広島県のキャンペーンサイト。おもしろいタイポグラフィ、動きのあるレイアウト。HTML5のマークアップはIEにもきちんと配慮されている。キャンペーン自体もメディアの露出が多く、成功例といえよう。
WEBサイト - 挑戦しているHTML5の企業サイト
株式会社 太平社 
広告系企業のサイト。事業内容は印刷物中心で、比較的レガシーなようだ。ところが一転、企業サイトは挑戦意欲あふれる装い。リキッドレイアウトとタイポグラフィの合わせ技、Webフォントの利用、スマホ対応など、新しい技術に挑戦している。企業サイトがどんどん保守的になっている現在、クリエイティブ心を擽られるサイトだ。
WEBサイト - HTML5的なかっこいい演出
TME Solutions 
イギリスのデザイン・エージェンシーのサイト。HTML5的なこのサイトは、通常の画面遷移ではなく、大きい縦長1ページで、スクロール移動するようにページ展開している。iPhoneでいうところのフリックのような動作。決して目新しい演出ではないが、次世代のWEBを感じる。遅延して戻ってくるグローバルアニメーションも心地よい。昔Flashで培った演出スキルは、HTML5において再び活躍するかもしれない。
< 前 1  2   
TAGS タグ一覧を見る




PAGE TOP