When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}
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
#!/usr/bin/perl | |
######################################################################################### | |
# | |
# igdctl -:- Internet gateway device administration tool written in perl | |
# | |
# VERSION: 0.1 | |
# AUTHOR: Vincent Wochnik | |
# EMAIL: [email protected] | |
# WWW: ubuntu.blogetery.com | |
# COPYRIGHT: (c) by Vincent Wochnik 2009 |