Mon, November 20, 2017

text-shadowのカラー指定はRGBaでの指定が良いらしい

A CSS3 Tipのエンリーからのご紹介。 「text-shadow」プロパティをサポートしているブラウザは色指定に「RGBa」が使えます。 「RGBa」の色指定でアルファを使用すれば、どのような背景でもtext-sh [...]

最近購入したjQuery・JavaScript本のご紹介

このサイトに訪れるマークアップエンジニアの方など、 JavaScript修得の必要性・重要性を今まで以上に感じている方が多いのではないでしょうか。 筆者もその一人です。 ということで、最近まとめて購入したJavaScri [...]

そのサイトで使われている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+Google Mapsで作られたミュージックビデオ

ARCADE FIREというバンドのミュージックビデオです。 お洒落なことをやってます。きっとお洒落なバンドなんでしょう。 ※Chromeのみ視聴可 The Wilderness Downtown Google Maps [...]

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

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

deviantART HTML5ベースのオンライン・ドローイングツール「Muro」を公開

■deviantART Muro アーティストの作品コラボレーションや共有の場として10年以上運営されてきたdeviantARTは今週に入り、HTML5ベースの無償描画プログラム「deviantART Muro」を公開し [...]

見栄えを確認しながらコードを生成してくれるCSS3 Generator 「CSS3 Playground」

今まで紹介してきたCSS3ジェネレーターの中で一番使い勝手が良さそうです。 対応プロパティも角丸とボックスシャドウ、テキストシャドウ、CSS3 Transform(回転・変形)、ボーダー・背景周り、テキスト周りなど、豊富 [...]

HTML5+CSS3+jQueryのテンプレートファイルセット 「HTML5 Boilerplate」

制作時のスタートキットとして利用出来るテンプレートファイルセットのご紹介です。 以前紹介した「HTML5 Reset」よりもプロフェッショナル向けとなっているようです。 ■HTML5 Boilerplate HTML5 [...]

HTML5、CSS3のリセット用テンプレートファイルセット「HTML5 Reset」

HTML5+CSS3での制作時に汎用的に利用できるテンプレートファイルセットのご紹介です。 ■HTML5 Reset ファイル構成は以下のようになっています。 index.html テンプレートHTMLファイル css/ [...]

いろいろなスマートフォン(iPhone / Android)デバイスのHTML5対応状況

Droidget-jpからいろいろなAndroidデバイスのHTML5対応状況をご紹介します。 計測にはThe HTML5 testを使用しているとのことです。   情報元:HTML5対応状況 – Droid [...]

HTML5版ヘリコプターゲーム

HTML5版のヘリコプターゲームです。 ソースコードもgithubで公開されているようです。 ■HTML5 Helicopter 結構ハマります。 使用するボタンはマウスの左クリックのみ。 ソースコードはこちらからどうぞ [...]