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.
elem.offsetLeft
,elem.offsetTop
,elem.offsetWidth
,elem.offsetHeight
,elem.offsetParent
How to have some fun using the terminal.
- Install cowsay [0] via :
sudo apt-get install cowsay
- Install fortune [1] via :
sudo apt-get install fortune
- Install figlet [3] via :
sudo apt-get install figlet
- Make sure you have Ruby installed via :
ruby -v
- Install the lolcat [2] via : gem
gem install lolcat
- (option) Add to .bash_profile and/or .bashrc
<!doctype html> | |
<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ --> | |
<html> | |
<head> | |
<title>iOS 8 web app</title> | |
<!-- CONFIGURATION --> |
These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf https://twitter.com/thomasf This is how i used it on a Debian Wheezy testing (https://www.debian.org/releases/testing/)
Discuss, ask questions, etc. here https://news.ycombinator.com/item?id=7445545
/* Example args for get_posts() */ | |
$query_args = array( | |
'posts_per_page' => -1, | |
'orderby' => 'title', | |
'order' => 'ASC', | |
'post_status' => 'publish', | |
'suppress_filters' => false | |
); |
'eicon-editor-link' => 'eicon-editor-link', | |
'eicon-editor-unlink' => 'eicon-editor-unlink', | |
'eicon-editor-external-link' => 'eicon-editor-external-link', | |
'eicon-editor-close' => 'eicon-editor-close', | |
'eicon-editor-list-ol' => 'eicon-editor-list-ol', | |
'eicon-editor-list-ul' => 'eicon-editor-list-ul', | |
'eicon-editor-bold' => 'eicon-editor-bold', | |
'eicon-editor-italic' => 'eicon-editor-italic', | |
'eicon-editor-underline' => 'eicon-editor-underline', | |
'eicon-editor-paragraph' => 'eicon-editor-paragraph', |