Skip to content

Instantly share code, notes, and snippets.

View don1138's full-sized avatar
🐝

Don Schnitzius don1138

🐝
View GitHub Profile
@don1138
don1138 / high-dpi-media.css
Created February 23, 2023 20:01 — forked from marcedwards/high-dpi-media.css
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */

Devices with -webkit-min-device-pixel-ratio: 1.0

  • All non-Retina Macs
  • Apple iPhone (1st generation)
  • Apple iPhone 3G
  • Apple iPhone 3GS
  • Apple iPad (1st generation)
  • Apple iPad 2
  • Apple iPad mini (1st generation)
  • Acer Iconia A500
@don1138
don1138 / displaysizes.txt
Last active July 18, 2024 23:55 — forked from marcedwards/displaysizes.txt
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 @ 163PPI sRGB IPS LCD RGB Stripe
iPhone 4 = 320 × 480 @ 163PPI sRGB IPS LCD RGB Stripe
iPhone 5 = 320 × 568 @ 163PPI sRGB IPS LCD RGB Stripe
iPhone 6 = 375 × 667 @ 163PPI sRGB IPS LCD RGB Stripe
iPhone 6 Plus = 414 × 736 @ 153.5PPI sRGB IPS LCD RGB Stripe
iPhone 7 = 375 × 667 @ 163PPI P3 IPS LCD RGB Stripe
@don1138
don1138 / blender-render.ipynb
Created August 9, 2022 08:04 — forked from AnnikenYT/blender-render.ipynb
Blender Render.ipynb
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@don1138
don1138 / easings.css
Created September 13, 2020 03:03 — forked from ControlledChaos/easings.css
Handy CSS properties for easing functions
:root {
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);