WebCore Rendering I – The Basics
This is the first of a series of posts designed to help people interested in hacking on WebCore’s rendering system. I’ll be posting these articles as I finish them on this blog, and they will also be available in the documentation section of the Web site. The DOM Tree A Web page is parsed into a tree of nodes called the Document Object Model (DOM for short). The base class for all nodes in the tre
ブラウザの仕組み: 最新ウェブブラウザの内部構造
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
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
CSSアニメーションでアイコンを動かす
CSSアニメーションを使ってアイコンを動かしてみたいと思います。 以下、気をつけた点。 CSSアニメーションに非対応のブラウザでもアイコンとして成立している 過剰なマークアップをしない 現実的に使えそうな路線で頑張ってみました。 .iconNew{ width: 3em; text-align: center; background: #54bb00; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3f3f3f; margin: 0 25px 25px 0; letter-spacing: 2px; padding-left: 4px; } .iconNew.arrange01 span{ display: block; -webkit-animation-duration: 1.5s; -webkit-animation-ti
CSS Animation
WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS. With a recent nightly build, you can see the above animation in action. Let’s take a look at how to use CSS animations, starting with an example of a bouncing box. See this example live in a recent WebKit nightly build.
Desktop Notifications with WebKit
Chrome now supports desktop notifications using WebKit's webkitNotifications API. (Try the demo.) Why is this awesome? Because it gives online tools like e-mail clients, calendering software, task managers, monitoring systems, etc. an elegant and consistent way to notify users without having to resort to annoying and invasive hacks like window.alert. Although the API is sparsely documented, it is
Web Design and Development Services Company in Miami
Your average site visitor takes 2.5 seconds to determine if they trust your site and you have what they need. A harsh reality, but reality nonetheless. Browsers tend to make this decision based on a quick glance at your web design. They make assumptions about the quality of your work based on the work you did for yourself. At Optimum7 we have an in-house team of experienced designers, programmers,
Resources - Safari - Apple Developer
Guides and Sample Code Get details on implementing web technologies with guides, reference, and sample code. What’s New in Safari Safari App Extensions Apple Pay on the Web More Safari Documentation Discussion Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Videos Watch and learn from our engineers as they show
更新履歴兼雑記 - 「GCC」検索結果
https://peps.python.org/pep-0703/ Python の GIL 外す話。これすごく楽しい読みものでした。参照カウントのところが一番人気だと思うのですが、他のところも色々良い。こういう、「んーこういうことするとこういう問題が起きない？」と思ったら次の章くらいでそれが説明される、みたいな読みものは大変好きです 参照カウント: オブジェクトっていうのは作ったスレッドが解放するというのがほとんどなんだから、その場合はロックをいらなくする、他に渡ったら普通の参照カウントぽくする、という話。 Swift に 2018 年に導入された 話らしい。他のスレッドに渡された後で DECREF すると他スレッド用の参照カウントが負になりうるのだけど、その時に queue に入れるということをして、ややこしいので、なんかこれ無しですむ方法はないのかなぁ……と Immortalize
WebKitのNightly Builds版にもWebGL搭載 - 強火で進め
(10/02/25 追記) WebGLの関数名などの変更によりブラウザのバージョンによっては動作しない可能性があります。 WebGLのサンプルが動作しなくなった - 強火で進め http://d.hatena.ne.jp/nakamura001/20100224/1267028558 WebKitのNightly Builds版にもWebGLの機能が搭載された状態でビルドされたものが提供されているようです。 Surfin’ Safari - Blog Archive » WebGL Now Available in WebKit Nightlies http://webkit.org/blog/603/webgl-now-available-in-webkit-nightlies/ DLはこちらから ※現在はまだMac版(Leopard か Snow Leopard)のみ対応みたいです。
http://web.mac.com/alexander.atallah/Mac/Development/Entries/2007/9/16_WebKit_in_Coda_-_CodaKit.html
Introducing KitMate: TextMate + WebKit
Time for infinite Web Preview happiness! To make it easier to get the Web Inspector into TextMate’s webview, I made an application called “KitMate” to help export the framework. 1.Download a nightly build of WebKit and put it in your folder /Applications. 2.Download KitMate v2 and put it anywhere you want, and then you can drag it to your dock. Launching KitMate will open TextMate with the night
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Touch events supported in Chrome?
Multitouch JavaScript "Virtual Light Table" on iPhone v2.0 | tlrobinson.net blog
WebKit Web Socket design doc Authors: ukai, yuzo, tyoshino Status: Draft (as of Sept 2, 2009)