CSS Findings From The New Facebook Design

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 …

Understanding Default Parameters in JavaScript

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 …

Five UI Design tips for enterprise software

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 …

Webcam Hacking – The story of how I gained unauthorized Camera access on iOS and macOS

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 …

Repeat Text as a Background Image in CSS Using element()

👨‍🔬 Experimental technology: Firefox only … Using the element() CSS function it’s possible to recreate album covers that contain repeated text, such as “The Life of Pablo”. .target { background-image: -moz-element(#id_of_an_element_to_use_as_the_background); } Ollie Williams lays it all out on CSS-Tricks. How to Repeat Text as a Background Image in CSS Using element() → 📸 Back …

The most feared song in jazz, explained

I sometimes like to rewatch pieces from the Vox Earworm and Vox Borders video series. I especially liked this one on John Coltrane’s “Giant Steps” from the Vox Earworm series, for which they won the Emmy for “Outstanding New Approaches: Arts, Lifestyle and Culture”: John Coltrane, one of jazz history’s most revered saxophonists, released “Giant …

Speed up your Docker builds in Google Cloud Build with Kaniko Cache

When building Docker images locally it will leverage its build cache: When building an image, Docker steps through the instructions in your Dockerfile, executing each in the order specified. As each instruction is examined, Docker looks for an existing image in its cache that it can reuse, rather than creating a new (duplicate) image. Therefore …

useSound – A React Hook for Sound Effects

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 …