Yoshiaki ITO oti

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 additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

プロパティー	発音
`background-attachment`	バックグラウンド・アタッチメント
`background-color`	バックグラウンド・カラー
`background-image`	バックグラウンド・イメージ
`background-position`	バックグラウンド・ポジション
`background-repeat`	バックグラウンド・リピート
`background`	バックグラウンド
`border-collapse`	ボーダー・コラプス
`border-color`	ボーダー・カラー

マイクロソフトの Web ブラウザの今までとこれから　～くるよ！Microsoft Edge !!～

春日井良隆（日本マイクロソフト株式会社　デベロッパーエバンジェリズム統括本部　エバンジェリスト）

Windows 10 には Internet Explorer と新しい Web ブラウザ「Microsoft Edge」が搭載されることが明らかになっています。本セッションでは、Microsoft Edge を発表するに至った市場の動向、既存の Web サイトや Web システムとの互換性を踏まえながら、マイクロソフトが考える今後の Web ブラウザについてお伝えします。

動画 https://youtu.be/EH-LbaSO_7Y

セッションメモ

フロントエンドを楽にするために

Qiitaを支えたい技術 at 時雨祭

About

HN: mizchi
Qiitaの方からきました(入社半年たったらしい)
Reactオジサンはそろそろ飽きてきた
Angularに興味が無いのでこっちにきた

twitterの検索術 (`search/tweets` と `search/universal`)

注

search/tweets では一週間以上前のツイートは検索できないので注意

search/universal は公式のConsumerKey/ConsumerSecretでないと使用できない

当方では一切の責任を負いません

	String.isNyaN = function (val) {
	if (typeof val !== 'string') return false;
	var nyan = ['cat', 'kitty', 'kitten', 'doraemon', '🐱', '😿', '😺', '😸', '😼', '😹', '😻', '😽', '😾', '🙀'];
	return nyan.indexOf(val.toLowerCase()) !== -1;
	}

	.className = {
	text-align: center,
	color: #000,
	&.hasClassName: {
	color: red
	}
	};

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta content="width=device-width" name="viewport">

	<title>dskd</title>

	<link href="http://dskd.jp/" rel="canonical">
	<link href="apple-touch-icon.png" rel="apple-touch-icon-precomposed">

	/* Converted from http://hail2u.net/styles/style.min.css */
	html {
	font-family: sans-serif;
	}

	html {
	-ms-text-size-adjust: 100%;
	}

	html {

	// @link http://stackoverflow.com/a/5298684
	var hashString = location.hash.substr(1); // remove '#'
	history.replaceState('', document.title, window.location.pathname);