Skip to content

Instantly share code, notes, and snippets.

View don1138's full-sized avatar
🐝

Don Schnitzius don1138

🐝
View GitHub Profile
@marcedwards
marcedwards / displaysizes.txt
Last active November 16, 2023 06:52
iPhone, iPad, and Apple Watch display sizes
### Points and display type
PPI is points per inch below, not pixels per inch. Not all models are listed, just the first model with a new display size. Diamond, RGB Stripe and Pentile RGB refer to the subpixel patterns.
iPhone 1 = 320×480 at 163PPI sRGB IPS LCD RGB Stripe
iPhone 4 = 320×480 at 163PPI sRGB IPS LCD RGB Stripe
iPhone 5 = 320×568 at 163PPI sRGB IPS LCD RGB Stripe
iPhone 6 = 375×667 at 163PPI sRGB IPS LCD RGB Stripe
iPhone 6 Plus = 414×736 at 153.5PPI sRGB IPS LCD RGB Stripe
iPhone 7 = 375×667 at 163PPI P3 IPS LCD RGB Stripe
@don1138
don1138 / debug.css
Created June 11, 2013 22:00
CSS Debug Helpers
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
@don1138
don1138 / cleanup.css
Created June 11, 2013 22:00
CSS Cleanup Items
a{white-space:nowrap;} /* no break anchors */
a:active, a:focus{outline:none;} /* remove active link borders */
html{overflow:-moz-scrollbars-vertical;} /* Firefox scrollbar fix */
textarea{overflow:auto;} /* IE scrollbar fix */
input[type="button"] { cursor: pointer; } /* cursor display fix */
@don1138
don1138 / better-helvetica.css
Created June 11, 2013 21:59
CSS Better Helvetica Font Stack
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
@don1138
don1138 / ampersand.css
Created June 11, 2013 21:49
CSS Fancy Ampersand
/* Fancy Ampersand */
.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
}
@don1138
don1138 / vertical-center.css
Created June 11, 2013 21:48
CSS Vertically Centered Content
/* Vertically Centered Content */
.container {
min-height: 6.5em;
display: table-cell;
vertical-align: middle;
}