Static Map Maker is a tool to easily create static map images from services such as Google Maps, Bing Maps, CartoDB, MapBox, etc. Just type in the location, flip some switches, and get the URL you need. Static Map Maker →
Author Archives: Bramus!
30K Page Views for $0.21: A Serverless Story
Pete built the Fantasy Movie League Lineup Calculator. In July it got about 30K pageviews, resulting in a $0.21 bill from Amazon AWS: The Lineup Calculator is comprised of a set of AWS Lambda functions. Boiling what I’ve done down to its essentials, I’m using Lambda as a free batch server where I’m well below …
Continue reading “30K Page Views for $0.21: A Serverless Story”
The most dangerous person in Silicon Valley
No, not The Drive-By Manager but (those who claim to be) The Senior Software Engineer: There are lots of people with the title but not the skills. They are hard to spot because they’re definitely not junior but they’re not really senior either. They’re mid-level engineers who have been convinced they’re senior by the ecosystem. …
Continue reading “The most dangerous person in Silicon Valley”
You don’t need JavaScript
CSS is powerful, you can do a lot of things without JavaScript. A quite commonly known example is usage of the Adjacent Sibling Selector (viz. +) to build custom radio buttons/checkboxes or tab interfaces. See the Pen CSS Custom Checkboxes / Radio Buttons by Bramus! (@bramus) on CodePen. With a few more CSS tricks such as …
Improving readability using array_filter
Great trick by Freek Van der Herten: instead of selectively adding fields onto an array after having verified them to not being falsy – resulting in lots of if blocks in the code – it’s actually a lot easier/readable to fill the array first and then successively filter out the empty values using array_filter. When …
Visualising all Olympic 100-meter dash winners since 1896
Great visualisation by The New York Times: How does Bolt compare to the full Olympic field in the 100-meter dash – not just this year, but against every Olympic medalist since 1896? To answer that question, we created a massive (and imaginary) track with 88 lanes – one for every medal awarded in the 100-meter …
Continue reading “Visualising all Olympic 100-meter dash winners since 1896”
React Storybook – Isolate your React UI Component development from the main app
Is Houdini ready yet‽
“Is Houdini ready yet‽” is a dedicated page to tracking the status of Houdini. But what is Houdini? Here’s a snippet from Smashing Magazine: Imagine how much nicer your development life would be if you could use any CSS property and know for sure it was going to work, exactly the same, in every browser. …
Lost your iPhone? Be extra alert for upcoming identity theft attempts.
Joonas Kiminki got his iPhone stolen. Twelve days later, after immediately having marked it as lost in Find my iPhone, he got a text and email saying his iPhone was found with a link to see the phone’s location. I of course rushed to the address on the link and then started typing my credentials, …
Continue reading “Lost your iPhone? Be extra alert for upcoming identity theft attempts.”
AOS – Animate on Scroll
AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it’s previous state and are ready to animate again if you scroll down. By setting data-aos-* attributes on your HTML elements, you can define which animation to use, what timing to use, etc. …