- 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
Marc Edwards marcedwards
marcedwards
/ high-dpi-media.css
Last active
April 22, 2026 09:38
A CSS media query that captures almost all high DPI aware devices.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ---------------------------------------------------------- */ | |
| /* */ | |
| /* 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 */ |
marcedwards
/ colourspinner.pde
Last active
August 11, 2025 19:48
A colourful loading spinner for Processing 3.3.7
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // A colourful loading spinner. | |
| // By @marcedwards from @bjango. | |
| void setup() { | |
| size(512, 512, P2D); | |
| frameRate(30); | |
| smooth(8); | |
| noFill(); | |
| strokeWeight(10); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // A loading spinner. | |
| // By @marcedwards from @bjango. | |
| void setup() { | |
| size(300, 300, P2D); | |
| frameRate(30); | |
| smooth(8); | |
| noFill(); | |
| stroke(255); | |
| strokeWeight(6); |
marcedwards
/ oledtest.pde
Created
October 20, 2018 05:29
OLED black smearing test for Processing 3.4
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // OLED black smearing test for Processing 3.4. | |
| // Black smearing = changing pixels to and from pure black is slower than changing to and from other colours. | |
| // | |
| // Code by @marcedwards from @bjango. | |
| void setup() { | |
| size(360, 360, P2D); | |
| frameRate(60); | |
| smooth(8); | |
| noStroke(); |
marcedwards
/ displaysizes.txt
Last active
November 16, 2023 06:52
iPhone, iPad, and Apple Watch display sizes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ### 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 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Circles of dots. | |
| // Created using Processing 3.5.3. | |
| // | |
| // Code by @marcedwards from @bjango. | |
| // | |
| // A GIF of this code can be seen here: | |
| // https://twitter.com/marcedwards/status/1144236924095234053 | |
| // |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Zooming spiral. | |
| // Created using Processing 3.5.3. | |
| // | |
| // Code by @marcedwards from @bjango. | |
| // | |
| // A GIF of this code can be seen here: | |
| // https://twitter.com/marcedwards/status/1152906086615117824 | |
| // |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Cubes and diamonds. | |
| // Created using Processing 3.5.3. | |
| // | |
| // Code by @marcedwards from @bjango. | |
| // | |
| // A GIF of this code can be seen here: | |
| // https://twitter.com/marcedwards/status/1167765622899347459 | |
| // |
marcedwards
/ accumulation.pde
Last active
June 1, 2021 07:14
Perlin noise and accumulation in Processing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Perlin noise and accumulation. | |
| // Created using Processing 4.0a3. | |
| // | |
| // Code by @marcedwards from @bjango. | |
| // | |
| // A GIF of this code can be seen here: | |
| // https://twitter.com/marcedwards/status/1370206924591960065 | |
| // |
NewerOlder