ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWebデザイン制作にjQuery Masonryプラグインを利用するための重要なポイントについて詳しく解説します。 サンプル（リンクは２項） 手前味噌ですが、jQuery MasonryによるレスポンシブWebデザインの記事は他にも多く存在する中、実用レベルまで踏み込んでいるのはおそらくこのエントリーだけだと思います。 なお、jQuery Masonryプラグインの基本的な設定方法については割愛してますので、上記のエントリーを参照してください。 １．はじめに このエントリーでは「NHKスタジオパーク」のサイトを参考に、次の内容について解説します。 NHKスタジオパーク まず、カラムレイアウト全体をセンタリングさせるためのCSSの設定について紹介します。 ま
ブラウザがHTML５の機能をどれだけ対応しているかを調べる | DevelopersIO
こんにちは。 最近はHTML5を使用しているWEBサイトがかなり増えているかと思います。 しかしブラウザによってHTML5の機能が使えたり、使えなかったりしているのが現状かと思います。 みなさんはご自分の使用しているブラウザがHTML5に対応しているかお分かりでしょうか？ そんなときにこちらのサイトを見てみてください。 サイトを表示させるだけで自分が使用しているブラウザがどれぐらいHTML5に対応しているか分かります。 http://html5test.com/index.html まず、トップページに大きく自分のブラウザのスコアが表示されます。このスコアが高いほどHTML5に対応しているということです。その下には使用しているブラウザのバージョンとOSが表示されています。さらにその下にはどの機能に対応しているかの細かく表にして表示されています。 自分のブラウザ以外にもサイトの上部にあるタブ
なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | ゴリミー
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
見た読んだ書いた: JsTestDriver導入
2011年12月25日日曜日 JsTestDriver導入 テスト駆動JavaScriptで紹介されてたJsTestDriverとjstdutilを、ubuntu11.10に導入した時の手順を記録しておきます。 インストール方法以外の手順は基本的にどのOSでも同じなので、WindowsやMac等にも応用できると思います。 1. インストール 1-1. インストール前の準備 JsTestDriverの動作にはJavaがインストールされている必要があります。 また、後で紹介するjstdutilを使用する場合はrubyが必要です。 以下のようにして必要なソフトをインストールします。 $ sudo apt-get install openjdk-7-jre $ sudo apt-get install ruby 1-2. ファイルのダウンロード JsTestDriverのダウンロー
JSのCIで椅子を投げられないため方法
状況はかなり改善した 非同期、setTimeout, Ajax系はSinonJSで簡単に Swarm系のツールでDOMのテストも容易に 環境構築も非常に楽になった PhantomJSはバイナリもあるし、ビルドも簡単 Swarm系のツールならブラウザでURLへアクセスすればすぐテスト開始
WebMidiLinkがわずか40行でなしとげたとてつもないブレイクスルー - aike’s blog
3日前にg200kgさんが提案したWebMidiLinkという規格がすごすぎていまだに興奮がさめやらない感じ。DTMとWebの世界はいったいこれからどうなってしまうんだろうという気持ちです。 WebMidiLinkは、ひとことで言うと「MIDI over window.postMessage」というようなもので、とてもシンプルなアイデアながら、これまで多くの人が夢想してしかし誰もできなかったWeb楽器のアプリ間接続を実現してしまいました。 けっして複雑な手法ではなく、マスター側約20行、スレーブ側約20行の合計40行程度で誰でも実現できてしまいます。ブレイクスルーはすぐ目の前にあったのです。みんなが模索している中、とてもクレバーでクールな解決方法を提示しました。 Web楽器はまだ新しい技術です。これまでFlashベースやJava Appletベースの楽器アプリがそれなりの数ありましたが、去
Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub
JavaScript によるイベントドリブン アジェンダ JavaScript の言語について DOM について イベントについて jQuery について MVC アーキテクチャについて まずはじめに Just moment! Web で JS を使うとき、HTML の知識が前提となることが多い http://www.kanzaki.com/docs/htminfo.html 少なくとも「簡単なHTMLの説明」は押さえておきたい。 目的 講義時間は限られているので JS を学ぶ上でとっかかりをつかめること リファレンスを提示します。概念を理解 言語的部分、DOM 及びイベントドリブンなプログラミング 覚えようとするとクソ多いのでリファレンスひける部分は覚えない JS とはどんな言語であるか? 基本クライアントサイド=ブラウザで動く 実装がたくさんある はてなのエンジニアはみんな誰もがある程
Scott Gilbertson「TwitterがSPDYサポートしたらしい」 - 以下斜め読んだ内容
wired.com webmonkey 2012.3.9の記事 Twitter Catches the 'SPDY' Train | Webmonkey | Wired.com 以下斜め読んだ内容 api.twitter.comへの通信にSPDYが使われてる （補足）2012.4.5時点でoffになってる SPDYおさらい "speedy"と同じ発音 HTTPを代替するもの ページやファイルをネットでリクエストするときHTTPが使われる。サーバーの応答もHTTP使う アドレスバーの頭がhttpで始まる由縁 SPDYはプロトコル httpより50%高速に同じ処理を片付けれる （補足） SPDYはSSL接続が前提なのでSSL接続の高速化とした方が誤解が少ない SPDYの起源 googleのプロジェクト あくまでgoogleのプロダクト・サービス向けのプロトコルとしてスタート chromeでのみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.littleshotaro.com/archives/1074