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 …

Progressive Web Apps The Superpowers of the Web and Native Apps Combined

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 …

Run your GitHub Actions locally with 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. …