A rather geeky/technical weblog, est. 2001, by Bramus
Ahmad Shadeed dove into the new Facebook design and noted his findings. I am a curious person who is always interested in opening up the browser DevTools to see how things were made on a website. This is the first time that I blog about something like this. I found some interesting uses of different …
Continue reading “CSS Findings From The New Facebook Design”
In ECMAScript 2015, default function parameters were introduced to the JavaScript language. These allow developers to initialize a function with default values if the arguments are not supplied to the function call. Initializing function parameters in this way will make your functions easier to read and less error-prone, and will provide default behavior for your …
Continue reading “Understanding Default Parameters in JavaScript”
Johan from Mono: We have been designing a lot of enterprise software, which comes with its own set of challenges. In this blog post we captured some of the lessons we learned while creating the types of interfaces that are meant for daily, high-productivity use. Adjust your scaling Be wary of the application and module …
Continue reading “Five UI Design tips for enterprise software”
Lydia Hallie has done some amazing work and created visualisations for the Merge, Rebase, Reset, Revert, Cherry-Pick, Fetch, Pull, and Reflog Git commands. Embedded below is a rebase example: Wish I had these when I started out with Git 😅 CS Visualized: Useful Git Commands →
Amazing rundown by Ryan Pickren on how he gained unauthorized Camera access on iOS and macOS. We started on a normal HTTP website and ended up on a bastardized blob URI in a Secure Context. Here is a quick summary of how we did it: Open evil HTTP website HTTP website becomes a data: URI …
Nice little demo by Josh W. Comeau in which he uses clip-path to create a folded corner. It even animates on hover 🙂
Josh W. Comeau: Because sound is used so rarely on the web, it can be quite impactful. It’s a bit of a secret weapon, and it can make a surprisingly big difference for the right kinds of projects! To make it a bit easier to get started, I pulled out the hook I built for …
Continue reading “useSound – A React Hook for Sound Effects”
Free e-book by Google & Awwards on PWAs: We return to take a closer look at Progressive Web Apps (PWAs) and how they combine the reach of the web with the device integrations of installed software. In this ebook, Volume 2 in the series, you will learn: The capabilities of Progressive Web Apps Product strategies …
Continue reading “Progressive Web Apps The Superpowers of the Web and Native Apps Combined”
act
When you run act it reads in your GitHub Actions from .github/workflows/ and determines the set of actions that need to be run. It uses the Docker API to either pull or build the necessary images, as defined in your workflow files and finally determines the execution path based on the dependencies that were defined. …
Using the feTurbulence and feDisplacementMap filters, Scott Turner make his SVG line-drawings look like they’re pencil-on-paper-like drawings: See the Pen SVG Pencil Filter #1 by Scott Turner (@srt19170) on CodePen. Creating a Pencil Effect in SVG → 💡 If you constantly randomize the turbulence you can create squiggles using SVG or even recreate a heat …