A rather geeky/technical weblog, est. 2001, by Bramus
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 …
Automatically transform article HTML for third-party platforms such as Facebook Instant Articles, Apple News, Google AMP “Just” make a curl request … curl –data " <h1>Distro.Mic example</h1> <p>Text and media embed</p> <iframe src=\"https://www.youtube.com/embed/M7lc1UVf-VE\"></iframe> " https://distro.mic.com/1.0/format?output=apple-news … and the content is “translated” to the specified format: { "article": [{ "text": "Distro.Mic example", "additions": [], "inlineTextStyles": [], …
create-react-appTyler McGinnis, after having been involved in quite a lot of tutorials/courses/workshops teaching on how to build a React app: Throughout all of these workshops, one thing was consistent: getting started with a React application was pretty overwhelming, for both beginners and senior developers alike. I can confirm this I must say. The tutorials and …
Continue reading “Creating a React app with create-react-app“
There’s a pen embedded in this post. Visit this post on the Bram.us website, or see the Pen CSS only scroll indicator on CodePen. I was interested to see if I could make a scroll indicator with just CSS. You can! But maybe you shouldn’t. This is an interesting consequence of a bunch of hacks …
If you have attended any hackathons in the past, then you know how much time it takes to get a project started: decide on what to build, pick a programming language, pick a web framework, pick a CSS framework. A while later, you might have an initial project up on GitHub and only then can …
Great stuff again by Freek Murze from Spatie: A PHP class to easily check the validity of an SSL Certificate. Easily? Yes, easily: $certificate = SslCertificate::createForHostName(‘spatie.be’); $certificate->getIssuer(); // returns “Let’s Encrypt Authority X3” $certificate->isValid(); // returns true if the certificate is currently valid $certificate->isValid(domain.com); // returns true if the certificate is currently valid for the …
Great tool by Matthias Mullie, to analyzing your PHP code (in the screenshot above you can see the analysis of ansi-php): Figure out complexity hotspots in the blink of an eye from a couple of very simple charts [generated by Cauditor]. The charts will help you understand the architecture of the project & make it …
Continue reading “Cauditor – PHP Code Audit and Visualisations”