サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
ama-ch
id:ama-ch
●
6,954
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
jQuery
(13)
●
1on1
(3)
●
1password
(3)
●
3D
(3)
●
API
(24)
●
AddyOsmani
(19)
●
Adobe
(3)
●
Ajax
(7)
●
Autoprefixer
(8)
●
BDD
(3)
●
Bacon.js
(3)
●
Blink
(14)
●
BusterJS
(6)
●
CDN
(3)
●
CI(51)
●
CORS
(5)
●
CSS3
(46)
●
Chrome
(85)
●
CommonJS
(7)
●
DART
(11)
●
DOM
(10)
●
Dropbox
(5)
●
ECMAScript 5
(4)
●
ECMAScript6
(5)
●
ES.next
(4)
●
ES6
(65)
●
Edge
(3)
●
Electron
(4)
●
Emacs
(13)
●
Facebook
(11)
●
FluentConf
(8)
●
GitHub Pages
(5)
●
IDE
(4)
●
IE(68)
●
IIJmio
(9)
●
IntelliJ IDEA
(25)
●
Internet Explorer
(17)
●
JSX
(15)
●
Java8
(3)
●
JetBrains
(4)
●
JsTestDriver
(3)
●
MVNO
(5)
●
Mercurial
(7)
●
Mob Programming
(10)
●
Mocha
(12)
●
Modernizr
(6)
●
MongoDB
(4)
●
OOCSS
(7)
●
OS X
(3)
●
OSS
(3)
●
Observer
(3)
●
Paul Irish
(5)
●
Polymer
(11)
●
Puppet
(3)
●
Python
(19)
●
REST
(3)
●
Redux
(8)
●
Relay
(4)
●
RequireJS
(14)
●
SCSS
(37)
●
SMACSS
(6)
●
SPA
(6)
●
Safari
(17)
●
ServiceWorker
(6)
●
Sinon.js
(9)
●
TDD
(93)
●
Testacular
(5)
●
Tools
(7)
●
Vue.js
(6)
●
W3C
(8)
●
WAI-ARIA
(5)
●
Web Workers
(8)
●
WebComponents
(17)
●
WebStorm
(29)
●
YUI
(18)
●
a11y
(3)
●
accessibility
(12)
●
advent calendar
(3)
●
agile
(88)
●
altjs
(4)
●
amd
(10)
●
analytics
(5)
●
analyze
(3)
●
android
(21)
●
angularjs
(108)
●
animation
(20)
●
ansible
(4)
●
app
(5)
●
apple
(9)
●
architecture
(45)
●
asm.js
(9)
●
assert
(5)
●
ast
(15)
●
async
(24)
●
atlassian
(6)
●
atom
(9)
●
automation
(3)
●
babel
(6)
●
backbone.js
(82)
●
bash
(5)
●
bem
(7)
●
benchmark
(5)
●
binary
(4)
●
bitbucket
(3)
●
blog
(3)
●
boilerplate
(12)
●
book
(115)
●
bootstrap
(16)
●
bower
(9)
●
browser
(44)
●
browserify
(28)
●
bug
(20)
●
build
(14)
●
business
(10)
●
buster.js
(3)
●
canvas
(15)
●
casperjs
(3)
●
chai
(3)
●
chart
(11)
●
chat
(3)
●
cheat sheet
(4)
●
chef
(10)
●
chrome developer tools
(13)
●
chrome extension
(5)
●
chromium
(16)
●
cli
(12)
●
closure
(51)
●
closure compiler
(79)
●
closure library
(55)
●
closure linter
(13)
●
closure templates
(6)
●
closure tools
(6)
●
code review
(3)
●
coffeescript
(24)
●
color
(4)
●
communication
(5)
●
compass
(59)
●
compatibility
(3)
●
completion
(3)
●
component
(8)
●
console
(7)
●
contenteditable
(3)
●
cookie
(4)
●
cookpad
(7)
●
coverage
(11)
●
cross2014
(5)
●
csp
(6)
●
csrf
(4)
●
css
(302)
●
css sprite
(3)
●
csscomb
(5)
●
cssnext
(3)
●
cybozu
(84)
●
database
(3)
●
ddd
(6)
●
debug
(77)
●
defer
(3)
●
deferred
(16)
●
dependencies
(3)
●
design
(53)
●
design pattern
(10)
●
development
(75)
●
devops
(21)
●
devsumi
(5)
●
devsumi2012
(3)
●
devtools
(59)
●
di(16)
●
dialog
(3)
●
diff
(11)
●
docker
(17)
●
doctest
(3)
●
document
(43)
●
documentation
(5)
●
dojo
(5)
●
drone
(3)
●
ebook
(10)
●
eclipse
(5)
●
ecmascript
(40)
●
editor
(15)
●
education
(4)
●
effect
(7)
●
ember.js
(17)
●
emoji
(3)
●
encoding
(5)
●
enterprise
(7)
●
error
(6)
●
escape
(4)
●
eslint
(56)
●
esprima
(16)
●
event
(34)
●
expect.js
(3)
●
express
(4)
●
extension
(25)
●
fastclick
(4)
●
fetch
(4)
●
firebug
(7)
●
firefox
(78)
●
fixclosure
(3)
●
flash
(7)
●
flexbox
(6)
●
flip
(4)
●
flow
(9)
●
flowtype
(3)
●
flux
(47)
●
font
(14)
●
form
(10)
●
framework
(37)
●
frontend
(12)
●
fullscreen
(3)
●
gadget
(3)
●
gdb
(4)
●
gem
(6)
●
generator
(7)
●
ghq
(3)
●
gif
(3)
●
git
(108)
●
git-flow
(3)
●
github
(107)
●
gitignore
(5)
●
gmail
(3)
●
golang
(4)
●
google
(32)
●
google+
(3)
●
growl
(3)
●
grunt
(94)
●
guideline
(4)
●
gulp
(32)
●
headless
(6)
●
hg(6)
●
hipchat
(3)
●
history
(7)
●
homebrew
(7)
●
hook
(4)
●
html
(32)
●
html5
(93)
●
http
(8)
●
http2
(4)
●
i18n
(9)
●
iOS
(32)
●
iOS5
(3)
●
iOS7
(4)
●
iPad
(4)
●
icon
(3)
●
ie10
(21)
●
ie11
(12)
●
image
(16)
●
import
(3)
●
io.js
(10)
●
iphone
(18)
●
jQuery
(72)
●
jQuery Mobile
(7)
●
jasmine
(14)
●
java
(33)
●
javascript
(724)
●
jenkins
(18)
●
jsdoc
(15)
●
jsfiddle
(4)
●
jshint
(29)
●
jslint
(4)
●
json
(10)
●
junit
(8)
●
kaizen
(11)
●
kanban
(12)
●
karma
(26)
●
keyboard
(3)
●
kindle
(7)
●
kintone
(98)
●
knockout.js
(3)
●
koa
(3)
●
kpt
(8)
●
language
(6)
●
layout
(9)
●
lean
(13)
●
less
(31)
●
library
(56)
●
libsass
(5)
●
life
(12)
●
lint
(19)
●
localStorage
(12)
●
lodash
(3)
●
log
(8)
●
mac
(28)
●
management
(30)
●
marionette.js
(4)
●
markdown
(29)
●
maven
(6)
●
mechanize
(5)
●
mediaqueries
(6)
●
meetup
(4)
●
memory
(7)
●
memory leak
(14)
●
merge
(3)
●
meteor.js
(3)
●
metrics
(6)
●
microservice
(4)
●
microservices
(3)
●
microsoft
(6)
●
microsoft edge
(3)
●
minify
(5)
●
mixi
(3)
●
mixin
(3)
●
mobile
(91)
●
mock
(5)
●
module
(25)
●
mozilla
(16)
●
mustache
(3)
●
mvc
(69)
●
mysql
(6)
●
nasne
(3)
●
network
(6)
●
node
(4)
●
node-webkit
(4)
●
node.js
(142)
●
nodebrew
(3)
●
normalize.css
(10)
●
npm
(62)
●
o'reilly
(4)
●
oh-my-zsh
(7)
●
opera
(8)
●
optimization
(6)
●
oreilly
(6)
●
parallax
(4)
●
password
(4)
●
pattern
(5)
●
pdf
(8)
●
peco
(11)
●
performance
(142)
●
phantomjs
(31)
●
php
(4)
●
pjax
(3)
●
plovr
(8)
●
plugin
(14)
●
pm(19)
●
pmjp
(3)
●
podcast
(3)
●
polyfill
(8)
●
postcss
(6)
●
power-assert
(24)
●
preprocessor
(4)
●
presentation
(15)
●
programming
(25)
●
promise
(52)
●
protractor
(8)
●
proxy
(11)
●
pseudo-elements
(3)
●
python challenge
(6)
●
qa(7)
●
qiita
(3)
●
rails
(7)
●
react
(171)
●
refactoring
(13)
●
reference
(8)
●
reflow
(6)
●
regexp
(3)
●
remote
(4)
●
reporter
(3)
●
require
(7)
●
require.js
(3)
●
responsive
(11)
●
retina
(5)
●
retrospective
(4)
●
review
(7)
●
rspec
(3)
●
rss
(3)
●
ruby
(19)
●
sass
(162)
●
sass 3.2
(11)
●
sass 3.3
(5)
●
screen
(4)
●
scroll
(6)
●
scrum
(79)
●
scss-lint
(6)
●
security
(111)
●
selector
(4)
●
selenium
(27)
●
sencha
(5)
●
seo
(5)
●
server
(5)
●
service
(9)
●
setImmediate
(3)
●
shadowdom
(3)
●
shell
(13)
●
shellscript
(3)
●
shibuya.xss
(4)
●
slide
(420)
●
slideshare
(3)
●
smartphone
(4)
●
socket.io
(7)
●
sourcemap
(19)
●
spdy
(4)
●
spec
(5)
●
spine.js
(3)
●
srcset
(3)
●
static analysis
(23)
●
storage
(4)
●
storybook
(3)
●
stream
(4)
●
stream api
(3)
●
study
(3)
●
style guide
(4)
●
styleguide
(20)
●
stylus
(5)
●
sublimetext2
(14)
●
subversion
(3)
●
svg
(5)
●
svn
(4)
●
team
(17)
●
teamwork
(3)
●
technical debt
(10)
●
template
(14)
●
teppeis
(10)
●
terminal
(6)
●
test
(221)
●
testem
(3)
●
testing
(23)
●
tips
(34)
●
todomvc
(3)
●
tool
(43)
●
touch
(5)
●
trello
(4)
●
tutorial
(26)
●
twitter
(13)
●
typescript
(43)
●
ubuntu
(7)
●
ui(15)
●
underscore.js
(7)
●
unicode
(4)
●
unix
(5)
●
usability
(6)
●
ux(5)
●
v8
(18)
●
vagrant
(10)
●
version
(5)
●
viewport
(6)
●
virtualdom
(9)
●
web
(17)
●
webdbpress
(8)
●
webkit
(38)
●
webpack
(7)
●
webservice
(27)
●
websocket
(8)
●
webデザイン
(5)
●
work
(16)
●
workflow
(4)
●
writing
(17)
●
xhr
(6)
●
xss
(45)
●
yahoo
(4)
●
yarn
(4)
●
yeoman
(12)
●
zsh
(33)
●
はてな
(5)
●
まとめ
(9)
●
サイボウズ
(35)
●
スマートフォン
(5)
●
スライド
(5)
●
セキュリティ
(8)
●
テスト駆動開発
(8)
●
デザイン
(5)
●
デザインスプリント
(4)
●
パララックス
(6)
●
ペアプロ
(6)
●
仕事
(10)
●
技術的負債
(4)
●
教育
(7)
●
開発
(8)
●
javascript
(724)
●
slide
(420)
●
css
(302)
●
test
(221)
●
react
(171)
●
sass
(162)
●
node.js
(142)
●
performance
(142)
●
book
(115)
●
security
(111)
関連タグで絞り込む (12)
●
chrome developer tools
●
composite
●
css
●
CSS
●
firefox
●
javascript
●
layout
●
paint
●
performance
●
repaint
●
slide
●
WebKit
タグの絞り込みを解除
reflowに関するama-chのブックマーク (6)
●
39 users
●
gist.github.com/paulirish
●テクノロジー
what-forces-layout.md What forces layout / reflow All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck. Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for a
ama-ch
2015/10/16
●layout
●reflow
●
209 users
●
csstriggers.com
●テクノロジー
• Layout • Paint • Composite align-content Changing align-content alters the geometry of the element. That means that itmay affect the position or size of other elements on the page, both of which require the browser to perform layout operations. Once those layout operations have completed any damaged pixels will need to be painted and the page must then be composited together. align-items Changi
ama-ch
2014/07/29
●css
●performance
●
19 users
●
cssreflow.com
●テクノロジー
ama-ch
2013/02/16
●reflow
●CSS
●firefox
●
10 users
●
addyosmani.com
●テクノロジー
February 7, 2013 Increasingly, whether it’s on desktop or mobile, users want their web experience to be snappy and delightful. This means that even if the browser is busy rendering the page or loading in content, the user should still be able to scroll around and interact withit. Animations need to be silky, scrolling must be buttery-smooth and your page needs to contain little to no jank. This c
ama-ch
2013/02/16
●chrome developer tools
●reflow
●repaint
●performance
●css
●
18 users
●
gent.ilcore.com
●テクノロジー
As most web developers are aware, a significant amount of a script's running time may be spent performing DOM operations triggered by the script rather than executing the JS byte code itself. One such potentially costly operation is layout (aka reflow) -- the process of constructing a render tree from a DOM tree. The larger and more complex the DOM, the more expensive this operation may be. An imp
ama-ch
2012/05/07
●reflow
●WebKit
●javascript
●
21 users
●
static.trygve-lie.com
●テクノロジー
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 systemisreacting instantaneously, meaning that no special feedback is necessary except to display the result." Jakob Nielsen
ama-ch
2012/04/16
●javascript
●css
●slide
●reflow
●repaint
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
What forces layout/reflow. The comprehensive list.
CSS Triggers List - What Kind of Changes You Can Make
http://cssreflow.com/
DevTools: Visually Re-engineering CSS For Faster Paint Times
How (not) to trigger a layout in WebKit
Performance