A landscape, painted with CSS: Click the image to go to the CodePen. Do note it’s quite heavy on resources (hence why I haven’t embedded it here). 👋 Psst, try changing the color of the sun 😉
Tag Archives: photo
How and when browsers load and execute JavaScript from script tags
When exactly is a script loaded and when is it executed? What about modules? This overview/cheatsheet sums it up nicely: The cheatsheet was extracted from this tweet by Addy Osmani
Recognized Experts over Time
— ChristopheVanlancker (@Carroarmato0) March 3, 2020 Funny because it’s true 😂
Bad Map Projection: South America
This XKCD comic is right up my alley: The projection does a good job preserving both distance and azimuth, at the cost of really exaggerating how many South Americas there are. 😂 Bad Map Projection: South America →
Design Price List
— Sarah Sampsel (@sarahsampsel) January 9, 2020
Accept Push Notifications to verify that you’re not a robot
Speaking of Push Notifications in the previous post, how about this Dark Pattern right here which I encountered recently: Press Allow to verify that you’re not a robot Pretty sure many users walk blindly into that trap!? 😞
JavaScript: var vs let vs const
Nice Doodle by Abhishek Kumar explaining the difference between JavaScript’s var, let, and const: Good to see hoisting is also explicitly mentioned by name. 💁♂️ I personally always start with const. Only if I need to reassign a variable’s value (for example: a counter in a loop) I use let. I see no good reason […]
Drawing Tip: A thicker pen hides mediocrity
Your drawings probably look rubbish because you’re using an old biro that happened to be laying around. Nobody’s used one of these since cassette tapes stopped needing to be fixed, so throw that in the drawer full of batteries, twine and assorted electrical tape from whence it came. Instead, go thicker. Go felt tip. Go […]
Software Updates
Software Updates →
Emulate Dark Mode using Chrome DevTools
Coming to the next version of Chrome is a way to emulate “Dark Mode” using the DevTools. With the DevTools open and focused, hit SHIFT+CMD+P and choose “Emulate CSS prefers-color-scheme: dark” from the menu You can also access the option via the Rendering panel. (Via @ChromeDevTools)