タグ: html5

ブラウザで利用出来る「HTML5テンプレートジェネレーター」が便利!

HTML5をサクッと書き出せる「HTML5テンプレートジェネレーター」 便利だったのでメモ。 HTML5テンプレートジェネレーター [browsershot url="http://mizzz.jp/tg/" width="545"] 使い方もすごく簡単。 お好みの設定になるように、文字コードやリンクファイルなどの各種項目を選択していきます。 スマホなどのマルチデバイス対応に役立つviewportの設定もあって便利。 書きだしたコードがこれ。 [html] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>&l...

HTML5で書かれたブラウザゲーム「Cookie Clicker」の人気がすごい〜ニコ動にみる各方面への人気の波及〜

人気になりすぎてすごい!Cookie Clicker Cookie Clickerってどんなゲーム? 気づいたらネット界隈で人気が出ていた謎のブラウザゲーム「Cookie Clicker」。 その名前の通り、クッキーをクリックして、量産していくゲームです。 本当にただそれだけ。何はなくともクッキーを作る事を優先している世界線ですw HTML5で書かれたブラウザゲームです。 Cookie Clicker [browsershot url="http://orteil.dashnet.org/cookieclicker/" width="545"] ブラウザゲームなのでiPhoneでも出来るみたいです。シミュレータでやってみたらクリック出来ました。実機チェックはしてないので、もし実機で出来なかったらごめんなさい。 ...

background-sizeが効かない?!指定する時に注意すべきこと

Retina対応時に便利なプロパティ、background-size Retinaディスプレイに対応するために、画像のサイズを1/2に指定したい時がある。 img指定している時はzoom:0.5などを指定すればOKだが、背景に指定している時は、background-sizeでサイズを調整する。 background-sizeの指定方法 background-sizeプロパティは横幅と高さの2つを指定する。 例えば、200px*40pxの背景画像を半分のサイズにしたい場合はこうだ。 [css]background-size:100px 20px;[/css] その他にも、パーセンテージで指定することなども可能。指定方法はこちら。background-size-CSS3リファレンス background-sizeが効か...

CSSの対応状況が分かるサイト「Can I use…」

このCSSプロパティ、このブラウザで使える? CSS3で新しいプロパティが出てきたり、様々なモバイル対応ブラウザが出てきたりと、プロパティの対応状況を把握するのが困難になってきた。 例えば最近、background-sizeプロパティについて調べたい事があった。 どのブラウザに対応しているのか、色々なサイトを行きつ戻りつ検索するのは非常に面倒である。 そこで見つけたのがこちらのサイト、「Can I use...」だ。 Can I use... Support tables for HTML5, CSS3, etc [browsershot url="http://caniuse.com/" width="545"] 調べたいCSSプロパティを入力するだけ 例えば「background-size」と入力すると、各ブラ...

JavaScriptで制御出来る!未来の家電コントローラー「フューチャーホームコントローラー」が熱い

家中の家電を、この一台で音声制御! ついに未来の家電コントローラーが出来たようです。 フューチャーホームコントローラーは、音声で家中の家電を操作できるようになるガジェットです。 このガジェットを設置すれば、今のエアコンやテレビを音声で操作できるようになります。 Future Home Controller フューチャーホームコントローラー [browsershot url="http://rti-giken.jp/" width="400"] ※現在、初回受注分の受付は一旦終了しています。 どんな感じで使えるかはこちらの動画をご覧ください。 スマホで操作可能なので、出先から電気OFFなんてことも出来そうですね。 自由度の高さが嬉しいJavaScript! 音声のみで制御するので、もうリモコンを探す必...