This article is intended for anyone who wants to try SVG animation, but has no idea where to start.Continue reading “An Introduction to SVG animation”
Try holding down the mouse-button, and clicking/hovering over the logo.
In this post I will describe how I used SVG filters, CSS and GSAP to create my own version of the animated cyberpunk logo.Continue reading “Animated SVG Cyberpunk logo (with filters)”
A short tutorial on how you can style custom radio inputs, instead of using the browser defaults, while keeping it completely accessible.Continue reading “Making accessible custom Radio Inputs”
You can create a spinner by animating the stroke properties of a SVG circle element.Continue reading “SVG loading spinner”
A quick overview of setting up and using the browser automation library.Continue reading “Scraping with NightmareJS – getting started”
I have very little experience working with SVG on the web so far. I thought this would be a good way to dip my toe in and try to learn a little. So here is my take on the ubiquitous three dots loading Icon…
A bunch of inline SVGs, animated with CSS (I still haven’t decided which I want to use):Continue reading “Animated SVG loading Icons”
Here is a quick demo on how to easily create a toggle switch with HTML, JS, and CSS. That is also Accessible.Continue reading “Creating a toggle switch – easy”
When I need icons for a web project, I usually use the easy and fantastic Font Awesome. Just because it’s easy and has everything…. Almost.Continue reading “Creating an animated dismiss all icon”
Security credentials, personal data, user data, and business information is often publicly exposed in leaky buckets.
Not all objects in the buckets are necessarily public, you can have a mix of access control rules for each one. With hundreds/thousands being private. Checking each of them would be extremely tedious / impossible for a single person. That is why I created this tool to do it for you.(well me, but I am sharing it here)Continue reading “Scraping public amazon s3 buckets with python”
Firefox completely blocks css :active pseudo-class when using PreventDefault() on mousedown event, unlike other browsers.
This is undefined behaviour, and can lead to some hard to fix bugs, especially when you had no idea Firefox implemented this.Continue reading “Unusual behaviour in Firefox when using ‘preventDefault()’ on ‘mousedown’ event”