| $SERVER["socket"] == ":443" { | |
| ssl.engine = "enable" | |
| ssl.pemfile = "/etc/letsencrypt/live/yourdomain/ssl.pem" | |
| ssl.ca-file = "/etc/letsencrypt/live/yourdomain/fullchain.pem" | |
| ssl.dh-file = "/etc/ssl/certs/dhparam.pem" | |
| ssl.ec-curve = "secp384r1" | |
| ssl.honor-cipher-order = "enable" | |
| ssl.cipher-list = "EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH" | |
| ssl.use-compression = "disable" | |
| setenv.add-response-header = ( |
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
| #!/bin/bash | |
| # Favicon and Apple Touch Icon Generator | |
| # | |
| # This bash script takes an image as a parameter, and uses ImageMagick to convert it to several | |
| # other formats used on modern websites. The following copies are generated: | |
| # | |
| # * apple-touch-icon-114x114-precomposed.png | |
| # * apple-touch-icon-57x57-precomposed.png | |
| # * apple-touch-icon-72x72-precomposed.png |
| @media only screen and (min-width: 320px) { | |
| /* Small screen, non-retina */ | |
| } | |
| @media | |
| only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), |
| #!/bin/bash | |
| ## v1.0.6 | |
| ## this script will gernerate css stats | |
| ### example output | |
| # CSS STATS | |
| # ---------- | |
| # Floats: 132 |
Resources for learning web design & front-end development:
ONLINE
Design
| module.exports = (function(){ | |
| const MS = | |
| { seconds: 1000 | |
| , minutes: 60 * 1000 | |
| , hours: 60 * 60 * 1000 | |
| , days: 24 * 60 * 60 * 1000 | |
| , weeks: 7 * 24 * 60 * 60 * 1000 | |
| , months: 30 * 7 * 24 * 60 * 60 * 1000 | |
| , years: 365 * 24 * 60 * 60 * 1000 } |
| /* | |
| * Property prefix hacks | |
| */ | |
| /* IE6 only - any combination of these characters */ | |
| _ - £ ¬ ¦ | |
| /* IE6/7 only - any combination of these characters */ |
| /** | |
| * HTML5 ✰ Boilerplate | |
| * | |
| * style.css contains a reset, font normalization and some base styles. | |
| * | |
| * Credit is left where credit is due. | |
| * Much inspiration was taken from these projects: | |
| * - yui.yahooapis.com/2.8.1/build/base/base.css | |
| * - camendesign.com/design/ | |
| * - praegnanz.de/weblog/htmlcssjs-kickstart |
