ReactCreate user interfaces from componentsReact lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.
外部 script の document.write が何もしない条件などについて - ひだまりソケットは壊れない
読み込みのタイミングによっては外部 script のdocument.writeは無視される - HAKOBE blog ♨ なるほどなー、と思いながら上記記事を読んでた。 記事を読んでて JS の読み込み周りで気になることがあったので調べた。 DOM 操作で追加された script 要素のスクリプトはどのタイミングで実行されるのか? <!DOCTYPE html> <html> (略) <div id="js-insertion-point"></div> <script> var se = document.createElement("script"); se.src = "test.js"; var te = document.getElementById("js-insertion-point"); te.appendChild(se); </script> (略) 上記のような
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
Headless Commerce with Salesforce
AgentforceHumans with Agents drive customer success together. Explore Agentforce
NodeListを配列に変換するのにArray.applyを使うのはどうか - rikubaのブログ
NodeListやHTMLCollectionを配列(Array)に変換する方法の一つに、Array.prototype.sliceを使う方法がある。 var array = Array.prototype.slice.call(document.getElementsByTagName('A')); でも、最近の実装であればArray.applyもその用途に使える。 var array = Array.apply(null, document.getElementsByTagName('A')); ES3ではFunction.prototype.applyの第二引数には配列(Array)かargumentsしか取れなかったけど、ES5でその制限が緩和され、NodeListなどの array like オブジェクトも渡せるようになった。 なお、IE8以下ではどちらの方法でもエラーになるので
Touch and mouse | Articles | web.dev
Introduction For close to thirty years, desktop computing experiences have centered around a keyboard and a mouse or trackpad as our main user input devices. Over the last decade, however, smartphones and tablets have brought a new interaction paradigm: touch. With the introduction of touch-enabled Windows 8 machines, and now with the release of the awesome touch-enabled Chromebook Pixel, touch is
クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ
追記: 指摘により、UIオブジェクト型を追加した(thx @kanreisa)。 クライアントサイドJavaScriptでのビューの作り方を大別すると、3つ4つある。 DOM操作型 テンプレートエンジン型 UIオブジェクト型 データバインディング型 ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナーの登録とかも含む。 DOM操作型 昔ながらのやり方。jQueryとか使って直接DOM操作してビューを作る。 // 例えば、<div class='hoge'>fugafuga</div> みたいなDOMを表示する var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下に挿入 $(body).append(myView); 長所
The Power Of Getters
My JavaScript book is out! Don't miss the opportunity to upgrade your beginner or average dev skills. While examples used in this post are implemented in JavaScript, concepts discussed here about getters are, in my experience, universally valid. No matter if we are programming client or server, getters can be full of wins and if you think getters are a bad practice because of performance keep read
Welcome to ObjJob v2.1b :: ObjJob
ObjJob is a free tool for storing, browsing, and commenting on object hierarchies. Languages Anark Studio 2.5 [official site] DOM for scripting behaviors in Anark Studio version 2.5 D3.js [official site] A JavaScript visualization library for HTML and SVG DOM Level 2 Core [official site] The script binding for the W3C Document Object Model. DOM Level 2 CSS [official site] The script binding for th
Chrome DevTools.next
2016年5月24日に実施された「第14回HTML5ビギナーズ つまずくこともあるけどこうやって成長したよ！」での講演資料です。
What's New In A Spec
HTML5 DOM4 ES5 ES 2015 ES 2016 ES 2017 XHR2 SVG2 We list all new stuff that comes with more recent specifications, relative to the previous version (whatever "version" means nowadays). I will happily receive any request for changes if something is not up-to-date or is inaccurate. Please raise an issue on Github. Ideally, I'd love you to give me proof that what you say is true.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bndr/fasterDOM.js: fasterDOM.js - faster DOM manipulation
JavaScript, aka. Web ECMAScript
Intent to Ship: Long Task API - Google Groups
slightlyoff/Promises · GitHub
GitHub - Integralist/DOM-Builder: Small utility script for easily generating a DOM structure
GitHub - WebReflection/dom4: Modern DOM functionalities for every browser
Kimbo.js - An ECMAScript 5 only-compatible JavaScript library
https://codylindley.com/dom-desktop-tests/
GitHub - termi/ES5-DOM-SHIM: Lightweight ES5 and DOM shim with IE6 and IE7 support
