A rather geeky/technical weblog, est. 2001, by Bramus
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”
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”
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 …
array_filterGreat 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 …
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”
“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. …
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 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. …
In a recent project I implemented Kinetic Scrolling (aka Momentum Scrolling, aka Inertia Scrolling). For this I based myself upon the set of demos and articles by Ariya Hidayat. The article series starts at basic drag-and-scrolling, and then continues to momentum scrolling, and so forth. Even though the content is over 3 years old, it …