When you have small fonts, or narrow ornaments that don't look right in the browser, try these-moz
and -webkit
rules for font-smoothing.
.font-smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
'use strict'; | |
const Listr = require('listr'); | |
const config = require('./config'); | |
const { | |
connect, | |
getSaveableMeasures, | |
convertToMeasureValues, | |
saveMeasures, | |
updateMeasureState | |
} = require('.'); |
Found some maximum possible values for various CSS elements today, which don't seem to be documented anywhere that I was able to find
-webkit-transform: translateZ(0);
Trying to consolidate a list of helpful things for personal reference and easy sharing.
Just dumping things in at the moment, but will hopefully get them sorted and categorized sometime soon. Maybe I'll even get crazy and annotate 'em...
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>Basic HTML Page</title> | |
<meta name="description" content="Basic HTML Page"> | |
<meta name="author" content="Jordan Pagels"> |
/** | |
* ASCII Web Platform | |
*/ | |
background: #111; | |
min-height: 100%; | |
font-size:11pt; | |
letter-spacing:4px; | |
line-height:11pt; | |
font-weight:bold; |
This is different than the Developer Menu, which is enabled via the Safari Preferences window - this enables several rendering debug options.
In order to enable the menu, close Safari, then enter the following command in a terminal window:
defaults write com.apple.Safari IncludeInternalDebugMenu 1