[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
![[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/705cdef7654f2f96a242f9a2834ce643b78de75c/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F336.jpg)
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - 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
「それ、Firefox3でも出来るよ？」とOpera信者に言い放つためのアドオン26個 - TERRAZINE
Firefox3がリリースされた。白状するが、Firefox2までは「こんなクソ遅いブラウザ使うとか、どんな罰ゲームだよ。m9（＾Д＾）ﾌﾟｷﾞｬｰ」と思っていた。ところが今度の奴は、前バージョンとは比べ物にならない位良くなっている。 特にメモリー消費に関しては大幅に改善されている。以前はタブを30枚も開くと使い物にならなかったが、100枚開いてもサクサク動き、Operaと真っ向勝負できるまでに改良されている。もう「Firefoxの○○を劇的に××する方法」なんていうGIGAZINEあたりのトンデモメソッドなんて必要ない。 しかし、そのままでは何も出来ないのは相変わらずで、Operaと同等の機能を実現するには多くのアドオンを入れなければならない。 今回は筋金入りのOperaユーザーでもFirefox3を使えるようにするアドオンを探し、手加減無し*1で使ってみた。 注意 新バージョンがリリー
[CSS]IE5からIE8までのCSS 2.1の対応一覧表
米マイクロソフトのIE5, IE5.5, IE6, IE7, IE8beta1, IE8のCSS 2.1の対応一覧表の紹介です。
PhP4.2 mysql4 に関して 「お気に入りに登録」するリンクを作りたいです。…
PhP4.2 mysql4 に関して 「お気に入りに登録」するリンクを作りたいです。 その際にスレイプニルからもお気に入りに登録が可能なようにしたいです。ＰＨＰを使ってお気に入りに登録するように自動的にできますか？ ※下記だとエクスプローラーは可能なんですが、スレイプニルはできません。 －－－－－－－－－－－－－－－－－－－－ <SCRIPT TYPE="text/javascript"> <!-- docURL = "http://test.jp"; docTITLE = "サイト名"; function AddFav(){ if(document.all && !window.opera){ window.external.AddFavorite(docURL,docTITLE); } } //--> </SCRIPT> <form> <input name="button" type
Sleipnirのカスタマイズ～使ってるスクリプト＆プラグインをまとめてみた
Sleipnirのカスタマイズ～使ってるスクリプト＆プラグインをまとめてみた 投稿者 : Locutus | '07 11/08 | SeaHorse用スクリプトは便利ですが入れすぎると、Firefox同様にブラウズが重くなります。SeaHorseは本当に必要なものだけにするのがベストです。
【レポート】Macユーザなら1度は試してほしい! - Webブラウザ「シイラ 2.0」の魅力に迫る (1) Macの美しいUIを損なわずに、Safariよりも高い操作性を実現するWebブラウザ | パソコン | マイコミジ
皆さんは「シイラ」というオープンソースプロダクトをご存知だろうか。シイラは、木下誠氏を中心とする日本人技術者/デザイナー数名によって開発されたMac OS X用のWebブラウザである。「Macの美しいUIを損なわずに、Safariよりも高い操作性を実現する」ことを目標に開発が進められており、4月24日には約1年半ぶりのバージョンアップとなる「シイラ2.0」がリリースされた。本稿では、木下氏の話を基に新版の特徴をお伝えしよう。 まずは、以下の画面をご覧いただきたい。これは、シイラ2.0で複数のWebサイトを開き、Googleの検索画面をアクティブ表示させたときの画面だ。 シイラ2.0の画面 画面下部に並ぶ大きめのアイコン(わかりやすくするためにアイコンを最大表示させている)に注目してほしい。これは「PageDock」と呼ばれるもので、「サムネイル付きタブ」といった役割を果たす機能だ。ご覧のと
ブラウザ上で動作するソースコードエディタ『Edit Area』:phpspot開発日誌
Edit Area Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor). This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and syntax highlight (for small text).ブラウザ上で動作するソースコードエディタ『Edit Area』。 エディタ自体はJavaScriptによって実装されていて、編集対象の言語はPHP, CSS, JavaScript, Pythonに対応しています。 ブラウザ上でWYSIWYGにＨＴＭＬを編集でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webブラウザー「Vivaldi」に64bit版Windows向けのビルドが追加
TechCrunch Japanese アーカイブ » Opera、DragonflyでFirebugに挑戦