HTML5について色々と調べてたときに見つけた資料いろいろです。 せっかくなのでまとめておこうかなと思って記事にしました。 「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。 日本語で書かれているもののみ抜粋。 HTML5の勉強をしようと思う方や、HTML5に興味のある方は是非ご覧ください。 以下に15個のHTML5関連スライドを貼っておきますね。
![日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら](https://cdn-ak-scissors.b.st-hatena.com/image/square/e835bdd966590814345f5733ec38953eb89fd6fe/height=288;version=1;width=512/http%3A%2F%2F20kaido.com%2Farticle%2F2011%2F01%2F16%2F01.jpg)
[追記1] 最後で説明しているproxy cacheの設定を修正しました。 [追記2] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記3] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
ccvはHTML5とCanvasタグを使ってWeb上で顔認識を行う。C言語によるライブラリもある。 [/s2If] ccvはWebベースまたはC言語製のオープンソース・ソフトウェア。最近の写真管理ソフトウェアの流行として顔認識がある。デジカメやプリンタでも顔認識機能を搭載し、自動的に明るくしたりするものもある。風景写真なども良いが、やはり人が写っている写真のが楽しいのだ。 そんな顔認識技術はWebベースでも提供されるようになっている。特にFacebookのようにSNSの中で使う場合は友人を自動認識させることでより活発な交流を促せるのだ。Webベースでの顔認識をHTML5/Canvasで行うのがccvだ。 実行例 via Tibetan Girl near Mount Everest | Flickr - Photo Sharing! ccvは元々C言語で開発されているコンピュータビジョンラ
PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」 2011年01月27日- kint - Project Hosting on Google Code PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」。 ライブラリを読み込むと、d($var) 関数や、Kint::dump($var) メソッドが使えるようになります。 同様のライブラリは過去にありましたが、かなりリッチに表示してくれ、折りたたみも可能なので複雑な連想配列でも見やすくなります。 デモページ printデバッグな方は入れておくと便利かもしれません 関連エントリ print_rをより分かりやすくするprint_a PHPのprint_rを更に分かりやすく視覚的に表示する方法
プレフィックス(接頭辞)を使用して、ロードのタイミング、UAごとに必要なファイルだけをロードなど、条件付きでファイルをロードさせることができるスクリプトローダーを紹介します。 yepnope.js -A Conditional Loader For Your Polyfills! [ad#ad-2] yepnope.jsの書式 yepnope.jsの基本書式は、下記のようになります。 yepnope(resources /* string | object | array */ [, $LABchain]) css! プレフィックス「css!」を使用して、指定したファイルをCSSファイルとしてロードします。 ※「.css」で終了していない名前はJavaScriptファイルとして認識されます。 例:cachebusted.css?version=1452318 yepnope({ load
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満(
事務手続き Amazon Simple Email Service Getting Started Guideを参照。 検証用メールアドレスを登録 <?php set_include_path(get_include_path().PATH_SEPARATOR.dirname(__FILE__)); require_once 'sdk-1.2.3/sdk.class.php'; require_once 'sdk-1.2.3/services/ses.class.php'; $ses = new AmazonSES(ACCESS_KEY, SECRET_KEY); // $ses->set_region(AmazonSES::REGION_APAC_SE1); リージョンはまだus-eastのみっぽい。反応ないのでコメントアウト echo $ses->verify_email_addres
ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。 Darkroom アニメーションを用いたものから、3D表現、ゲームなどなど、いままでFLASHなどでしか再現できなかったものがHTML5で描かれています。今日は其のナッからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Z-Type HTML5のCanvas, Audio, Javascriptを利用して制作されたタイピングゲーム。HTMLでここまでのことができるのは驚きです。 ■Klowdz 雲を呼び出して、その上に様々な表現で書きこんでいく
35 Specialty Galleries for Your Design Inspiration | Vandelay Design Blog HTML5やCSS3を使ったサイトをまとめてギャラリー形式にしているサイトを色々とご紹介です。 HTML5はこうしたサイトを教材として学ぶのもよさそうです。 HTML5 Beauty サムネイル付きでサイト紹介。 HTML5 Gallery サムネイルによるサイト紹介やレーティング機能もついたギャラリーサイト Ars HTML5 Gallery サムネイルでサイト紹介。タグクラウドによる分類 Ars CSS3 Gallery 今後こうしたサイトはもっと増えてきそうですね 関連エントリ PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」 CSS3で描画されたHTML5のロゴ HTML5のロゴで将棋をするチュ
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」 2011年01月31日- Activity Indicator 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」。 通常こうしたローディングイメージを実装するにはアニメーションgif等で対応しますが、このプラグインを使うと、画像なしに綺麗なアニメーション付きの読み込みエフェクトを実装出来ます。 SVGやVMLを使ってクロスブラウザで動作するように設計されており、なんとIE6等でもOKだそう。 背景が何色だって気にする必要もありません。 関連エントリ クリックした位置にそのままローディング画像を出せるjQueryプラグイン「Spinner」 現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoade
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く