デザイン

デザイン

まずはここから!HTML5を使いこなすために役立つリソース厳選15選!

LINE25

Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs.

本記事は、15 Useful Resources to Get Clued Up on HTML5
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

387 views

読了時間 : 約4分12秒

HTML5は最近のWebの世界ではあらゆるシーンで多用されています。もはや地平線上の小さなエリアの話ではなく、全方面に広がりを見せています!HTML5を採用している最新サイトももちろんあります。楽しみを共有しませんか?

HTML5の活用されている業界における様々なブログやWebサイトをベストリソースコレクションとして収集しました。今回はHTML5サイトに関して詳細な記載やチュートリアルなど興味深い分析記録を提供します。是非ともチェックしていただき、あなたの知りたい情報を掴んでください。

 

 

HTML5 and The Future of the Web(HTML5とWebの未来)

 

 

Smashing Magazineの記事はHTML5の利点を知るのに最適です。まずHTML5の基本を学び、いくつかのイラストや図により何ができるのかをチェックしましょう。この他にも便利なツールが満載です。HTML5レイアウトをゼロからコーディングできるもの、 チュートリアルとガイドライン、HTML5に関するバックナンバー記事(HTML5 Semantics、HTML5: Facts And The Myths[事実と神話]などです。

 

 

Get Ready for HTML 5(HTML 5の準備をしよう)

 

 

こちらでは、List Apartにより高度なHTML5の機能を知ることができます。正規表現、SVGグラフィックス、Canvas要素などが網羅されています。

 

 

 

 

HTML5:ベーシック(1/4)

 

こちらはこの4つのパートでシリーズ化でされていて、まずは基本情報から勉強することができます。Design Shackにおいて新しい要素の説明、セマンティック事項、HTML5の最新情報について知ることが可能です。HTML4.01とXHTML 1.0との重要な違いについても説明されていて、あなたが管理しているサイトの更新も行うことができます。

 

 

 

 

A Preview of HTML 5(HTML5のプレビュー)

 

 

List Apartにより、HTML5の変更事項をプレビュー付きで知ることが可能です。HTML5の更新をマークアップしていくことに慣れるのに役立ちます。HTML5サイトの主なプレビューを包括しているため、HTML5機能について詳しく知りたい方が読み始める記事として最適です。

 

 

 

 

Steve Smith on HTML5 and CSS3

 

 

記事の著者であり、演説者、ノートルダム大学教授でもあるSteve Smithがフロントエンドの開発に携わりました。Teamtreehouseのブログのインタビュー彼について知っていただいた後、ニューヨークのFOWDで開催されるHTML5/CSS3ワークショップに参加してみましょう。

 

 

 

 

HTML5 Doctor

 

 

HTML5ドクターは、HTML5を活用してWebサイトを構築したい方にとって役に立つFAQや記事が満載のサイトです。

 

 

 

 

Yes, You Can Use HTML 5 Today!(あなたはすぐHTML5を使えます!)

 

SitepointによりHTML5の最新アップデートへのt追随が可能となり、Webサイトをどのように最新化してマークアップしていくのかを学ぶヒントが満載です。

 

 

 

 

 

HTML 5ポケットブック

 

 

こちらのAdactio.comにはHTML5 Pocket Book機能のみ備えられています。新要素とタグの簡単な説明があれば役立ちますよね。

 

 

 

 

 

HTML5チートシート[PDF]無料ダウンロード

 

 

もし、何かダウンロードして手元に置いておくことがお好きなタイプであれば、こちらのSmashing MagazineのPDFチートシートがおすすめです。各タグと属性の概要が説明されています。現在サポートされているタグとその説明、属性がリストアップされていて、印刷可能です。

 

 

 

 

 

HTML5ビジュアルチートシート

 

 

WoorkupのHTML5チートシートを印刷してオフィスの壁に掲示してはどうですか?もしくは寝室の天井に貼っておくと、寝る前まで確認できます。

 

 

 

 

 

HTML5ドラフトスタンダード

 

もし、数時間の空き時間があれば、あなたの冒険心を満たすのに、HTML5 Draft Standardを読んでみませんか?Webハイパーテキストのアプリケーション技術を知ることができますよ。

 

 

 

 

TopStyle(トップスタイル)

 

 

 

 

 

 

 

Stylizer(スタライザー)

 

 

 

 

 

 

Style Master(スタイルマスター)

 

 

 

 

レスポンシブサイトデザイナー

 

 

 

 

より優れたHTML5リソース、記事、チュートリアルをお探しですか?そんなときは以下をご確認ください:

無料&プレミアムHTML5テンプレート

・HTML5 Video Websites(HTML5のビデオサイト)
・Handy Tutorials & Tools for Embedding HTML5 Video(HTML5ビデオの便利なチュートリアルとツール)
・Create a Typography Based Blog Layout in HTML5(HTML5ブログレイアウトを作成する)
・Create a Grid Based Web Design in HTML5 & CSS3(HTML5とCSS3でグリッドベースのWebデザイン作成)
・Create a Stylish Contact Form with HTML5 & CSS3(HTML5とCSS3でスタイリッシュな連絡先フォーム作成)
・Design & Code a Cool iPhone App Website in HTML5(HTML5式iPhoneアプリサイトをデザイン&コーディングする)

おすすめ新着記事

おすすめタグ