Html5-css3 - html5-css3.jp - HTML5 - CSS3 mag
General Information:
Latest News:
HTML5コーディングに役立つ優れたツール10選10 Excellent HTML5 coding Tools Many Users Don’t Know About 17 Sep 2011 | 07:14 am
■Initializr HTML5の雛形、jQuery等のスクリプト、CSSのリセット、サーバ設定などを自分用にカスタマイズしてパッケージ化し、ダウンロード出来るツールです。 使い方もとても簡単です。ウィザード形式で進んで行き「Download」で完了。 ■HTML5Demos and Examples HTML5のデモとブラウザのサポート状況がリスト化されています。 特定のブラウザで使...
HTML5で作られている「OK GO」というバンドの新曲「All Is Not Lost」のPVがすごすぎる 17 Sep 2011 | 05:04 am
すごいです。 Chromeでどうぞ。 HTML5のポテンシャルもさることながら、発想に脱帽です。 2ndアルバムからシングルカットした「HERE IT GOES AGAIN」という曲のPVは、YouTubeでも話題だったようです。
HTML5のアウトライン(階層構造)解析ツール「HTML 5 Outliner」 16 Sep 2011 | 06:32 am
HTML5ではアウトライン(階層構造)を意識してコーディングすることが重要ですが、 アウトラインの確認、チェックに役立つツールをご紹介します。 ■HTML 5 Outliner section、article、aside、nav等のセクショニング要素と、対応するh1~h6等の見出し要素を構造化したかたちで表示してくれます。 Apple iPhoneのページをチェックするとこんな感じです。 ...
面白法人カヤックが「HTML5実力テスト」をオンラインで実施 15 Sep 2011 | 04:51 am
面白法人カヤックがWeb上でHTML5のスキルを試すことができる「HTML5実力テスト」なるものを公開しております。 「JavaScriptコース」と「HTML/CSSコース」に分かれており、それぞれテスト時間は15分。 Google、Twitter、Facebookなどのアカウントでログイン出来るようです。 ■HTML5 Coding assessment test テスト問題作成はカヤ...
HTML5で作られている日本のサイトいろいろ 14 Sep 2011 | 06:31 am
HTML5で制作されている日本のサイトをご紹介します。 コーディング、デザインのご参考に。 ■マチのほっとステーション LAWSON|ローソン ■株式会社コンテンツ ■ソフトバンクグループ2012新卒採用 ■無印良品 ■EC studio ■Adobe® Dreamweaver® CS5 ■NHN Japan Corporation ■スペースシャワーTV ■テレビ朝日 ■日...
HTML5で使用可能な正規表現でのフォームのバリデーションを簡単にテストできる「HTML5 Pattern」 14 Sep 2011 | 05:29 am
HTML5を使えば、正規表現でフォームの入力エラーチェック(バリデーション)が出来ます。 しかし、正規表現でバリデーションパターンを作って検証するのって結構面倒ですよね。 そんなときに役立ちそうなサイトがこちらです。 ■HTML5Pattern 自分で作成したバリデーションパターンを投稿して、簡単にテストすることが出来ます。
GoogleのWeb絵本でクラウドコンピューティングやHTML5など、最新のウェブ技術の基本を勉強しよう 9 Sep 2011 | 05:35 am
最近よく聞く「クラウド」や「HTML5」など、知っておきたいウェブの基礎知識がコンパクトかつわかりやすく説明されてます。 HTML5で作られているので、閲覧は対応ブラウザで。 ちなみにこの絵本の制作ソースコードも公開されています。 こちら ■ブラウザやウェブについて知っておきたい20のこと 内容はこのような感じです。 その1 インターネットとは その2 クラウド コンピューティング ...
IE6、7、8でもCSS3のセレクタを利用可能にする「Selectivizr」 9 Sep 2011 | 04:58 am
IEでもCSS3セレクタを利用可能にするJavaScript「Selectivizr.js」をご紹介します。 設置方法はとても簡単。jQueryのようなJSライブラリとselectivizr.jsを読み込むだけです。 ■設置例 対応するセレクタですが、JSライブラリによって違いがあるようです。 下記参照。 ■注意点 CSSは外部ファイルでないと機能しません ローカル環境では機能しませ...
HTML5の構文チェックツール「HTML5 Validator Bookmarklet」 1 Jul 2011 | 06:27 am
最近スマートフォン対応等でHTML5を書くことが増えてきました。 HTML5のバリデータを探してた方は是非試してみてください。 使い方はとても簡単です。 url入力 or ファイルアップロード or ソース貼り付けを選択してクリック。 「The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utt...
日本のスマートフォン(iPhone / Android)サイトデザイン集いろいろ 1 Jul 2011 | 04:57 am
スマホ用に最適化された日本サイトを集めているまとめサイトいろいろです。 デザイン、提案の参考に。 ■スマートフォンサイト集めました。 ■iShowcase ■絶対見ておきたい有名企業のスマホサイトまとめ ■iPhone対応サイト | meet i [ミートアイ] ■iPhoneデザインボックス