KeyboardEvent - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback KeyboardEvent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combina
When milliseconds are not enough - performance.now | Blog | Chrome for Developers
Date.now() // 1337376068250 performance.now() // 20303.427000007 You'll notice the two above values are many orders of magnitude different. performance.now() is a measurement of floating point milliseconds since that particular page started to load (the performance.timing.[navigationStart](https://www.w3.org/TR/navigation-timing/#dom-performancetiming-navigationstart) timeStamp to be specific). Yo
Prototype JavaScript framework: Prototype 1.7.1
Not long ago, I tagged Prototype 1.7.1, an update 18 months in the making. It features an overhaul of our DOM library and better coexistence with ES5 methods, but quite a bit more as well. I’m sure you’re curious about why it’s taken so long. But first let’s look at what’s been done in 1.7.1. When last we spoke, I told you about the plans we had for 1.7.0.1 and 1.7.1 — a bugfix release and a minor
New community features for Google Chat and an update on Currents
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
Post by @0-9
ここでは以下の順番でSinonJSとJsTestDriverを使用したJavaScriptのUnitTest Patternsを紹介します。
DOMQL
Lately its getting more and more obvious that web development is indeed a basic human right. And it should be accessible to every developer in the industry. jQuery played its part by making web development easier for designers, CoffeeScript for Rubyists and Pythonistas, Dart for Java devs, ClojureScript for Lispers etc. But what about DBAs? aren't they equally human? Should they be doomed to suffe
Laconic DOM Library
Laconic offers an intuitive approach to generating DOM content in JavaScript. The source code is available on GitHub. Consider the code necessary to produce a simple table hierarchy with the standard DOM API: var firstTh = document.createElement('th'); firstTh.appendChild(document.createTextNode('first name')); var secondTh = document.createElement('th'); secondTh.appendChild(document.createTextNo
Big boost to DOM performance - WebKit's innerHTML is 240% faster | Blog | Chrome for Developers
We're very happy to see that some common DOM operations have just skyrocketed in speed. The changes were at the WebKit level, boosting performance for both Safari (JavaScriptCore) and Chrome (V8). Chrome Engineer Kentaro Hara made seven code optimizations within WebKit; below are the results, which show just how much faster JavaScript DOM access has become: DOM performance boosts summary div.inner
Performance
Sorry; your browser does not support svg! Sorry; your browser does not support svg! http://www.meetup.com/framsia/ < 100ms "0.1 second [100ms] is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result." Jakob Nielsen
History of Mozilla’s DOM bindings
The Mozilla project has gone through a number of different JS bindings for the DOM in Mozilla. This post is basically a trip down memory lane, walking through how JS running in the SpiderMonkey JavaScript engine in Mozilla has communicated with the C++ DOM throughout the years. But before I get into that, let’s clarify what DOM bindings are. DOM bindings are the pieces of code that sit in between
TMLib | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. JavaScript ライブラリ TMLib を公開しました. ゲームを作る際や, DOM で遊んだりする際にご使用下さい.(α版です. βや正式版にする予定はありません) 動的スクリプトのロードやゲーム制作に必要なスクリプト, Vector, Matrix といったクラスのサポートなど色々やっています. 荒削りですし色々とツッコミどころ満載ですが… 昔作ったやつなので, 温かい目で見てやって下さい. About TMLib とは『JavaScript をより使いやすく, より便利に, そしてより豊かに.』をコンセプトに制作したJavaScript 拡張ライブラリです. jQuery のコードを読んでいて生意
Bug-org 730760 laying out and rendering shouldn't halt by <script> accessing another server for src attribute - もずはっく日記 - WebStudio
もずはっく日記(2012年2月) 2012年2月28日 Bug-org 730760 laying out and rendering shouldn't halt by <script> accessing another server for src attribute 初回投稿日時: 2012年02月28日12時44分26秒 最終更新日時: 2012年02月28日15時37分26秒 カテゴリ: Javascript Mozilla Core バグ原因判明 バグ報告 SNS: Tweet (list) 一部のページにアクセスした時に、別のサーバへの接続を開始すると、レイアウトやレンダリングが一時的に中断する、というバグです。前々からFlashの挙動を確認するのに使っていたページで発生していたのですが、一向に修正される気配がないので、どういうことか調べてもらうために報告しました。 原
How to adjust an iframe element’s height to fit its content | 456 Berea Street
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are fina
文書間通信をより広範囲な環境で動作させるための考察
文書間通信をより広範囲な環境で 動作させるための考察 nanto_vi, 2011-12-08 postMessage 文書間通信 同一生成元ポリシーを越えられる Opera, Firefox, Safari, Chrome and IE 8 iframe.contentWindow.postMessage('Hello', '*'); window.addEventListener('message', function (event) { alert(event.data); }, false); What about IE? IE 8 supports postMessage IE 7? IE 6! OK, let's implement XDM in IE 6/7! クロスドメイン通信方法のまとめ - nopnopの日記 サーバーサイド技術を使わないクロスドメイン通信補足 -
name属性にdocumentのメソッド名を指定してはいけない例 - とあるプログラマの日記 @s025236
id:masa141421356:20111201:1322749788の記事が発端ではてなブックマークで話題になっていたので調べてみた。 検証コード <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script> <!-- $(function(){ //native try { console.log( document.getElementById('target') ); }catch($e){ console.log( 'e
insertAdjacentHTMLとinnerHTMLの速度の違い2 - jsdo.it - Share JavaScript, HTML5 and CSS
先に表示される赤いのがinnerHTML。 次の下の方に短い緑のがinsertAdjacentHTML。 右に行くほど、よりたくさんつまった要素に挿入しています。 棒にマウスを載せると時間が表示されます。 insertAdjacentHTMLの処理時間が一定なのに対して、 innerHTMLは値のサイズに比例して処理時間がかかる。 function measureAndDrawGraph(settings){ // 文字列を要素に挿入する関数 var insertTextTo = (function(){ if(settings.method === "innerHTML"){ return function(elm){ elm.innerHTML += settings.addingText; }; }else if(settings.method === "insertAdjacent
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Matt's DOM Utils (Utils)
HTML5 Security Cheatsheet
zoom.js