Ha, these are brilliant!
CSS Landscape
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 😉
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
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.
😂
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 to use var.
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 a marker if that’s all you got. Because if your drawing skills aren’t very good, going thicker is always a good way to hide this fact.
