Sun, April 23, 2017

HTML5コーディングに役立つ優れたツール10選
10 Excellent HTML5 coding Tools Many Users Don’t Know About

 

■Initializr HTML5の雛形、jQuery等のスクリプト、CSSのリセット、サーバ設定などを自分用にカスタマイズしてパッケージ化し、ダウンロード出来るツールです。 使い方もとても簡単です。ウィザード形式で進ん...

HTML5で作られている「OK GO」というバンドの新曲「All Is Not Lost」のPVがすごすぎる

 

すごいです。 Chromeでどうぞ。 HTML5のポテンシャルもさることながら、発想に脱帽です。 2ndアルバムからシングルカットした「HERE IT GOES AGAIN」という曲のPVは、YouTubeでも話題だった...

HTML5のアウトライン(階層構造)解析ツール「HTML 5 Outliner」

 

HTML5ではアウトライン(階層構造)を意識してコーディングすることが重要ですが、 アウトラインの確認、チェックに役立つツールをご紹介します。 ■HTML 5 Outliner section、article、aside...

面白法人カヤックが「HTML5実力テスト」をオンラインで実施

 

面白法人カヤックがWeb上でHTML5のスキルを試すことができる「HTML5実力テスト」なるものを公開しております。 「JavaScriptコース」と「HTML/CSSコース」に分かれており、それぞれテスト時間は15分。...

HTML5で作られている日本のサイトいろいろ

 

HTML5で制作されている日本のサイトをご紹介します。 コーディング、デザインのご参考に。 ■マチのほっとステーション LAWSON|ローソン ■株式会社コンテンツ ■ソフトバンクグループ2012新卒採用 ■無印良品 ■...

GoogleのWeb絵本でクラウドコンピューティングやHTML5など、最新のウェブ技術の基本を勉強しよう

 

最近よく聞く「クラウド」や「HTML5」など、知っておきたいウェブの基礎知識がコンパクトかつわかりやすく説明されてます。 HTML5で作られているので、閲覧は対応ブラウザで。 ちなみにこの絵本の制作ソースコードも公開され...

HTML5の構文チェックツール「HTML5 Validator Bookmarklet」

 

最近スマートフォン対応等でHTML5を書くことが増えてきました。 HTML5のバリデータを探してた方は是非試してみてください。 使い方はとても簡単です。 url入力 or ファイルアップロード or ソース貼り付けを選択...

W3Cが公開したHTML5ロゴがイケてる。

 

ロゴ、イケてる。 Tシャツ(22.5ドル)。 イケてる。 ウエブサイト用のバッジビルダー。 自サイトにも使えそうです。 イケてる。 提供されているロゴ素材は、ウエブサイトのほか、Tシャツやステッカーなどにも自由に使えるよ...

HTML5のおさらい(続編)

 

以前ご紹介したW3G Blog Studiesさんのエントリーの続編になります。 ■続HTML5についてのおさらい – W3G Blog Studies 内容はこんな感じです。 hgroup要素 – 見出しの...

そのサイトで使われているHTML5の要素を元素表風にまとめたチートシート「Periodic Table of the Elements」

 

■Periodic Table of the Elements ページ上部にURLを入力してInspectしてみてください。 そのページで使用している要素をハイライトしてくれます。   要素をマウスオーバーすると、タグの...

YouTubeの動画を紹介する際に、HTML5プレーヤーでの再生へリンクさせる方法

 

URLの最後に「&html5=True」を指定します。 例:http://www.youtube.com/watch?v=sGA9JaIa7WM&feature=&html5=True   ちなみ...

HTML5ベースのオンライン・ダイアグラム図作成ツール 「Diagramo」

 

PNGやGIFなどで書き出すことも出来るようです。 使い勝手がよさそうですね。 ■HTML5 diagram editor   情報元:Diagram 情報元:HTML5でダイアグラム図を作成できる「Diagramo」 ...

Page 1 of 41234»