A rather geeky/technical weblog, est. 2001, by Bramus
clip-path
Ahmad Shadeed is at it again, this time covering CSS clip-path. In this article, I aim to provide you with a clear explanation of how clip-path works in detail when to use it, and how you can use it today in your web development projects. Are you ready? Let’s dive in. As per usual: tons …
Adam Argyle, writing for web.dev: In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices. Rad right? Follow as we employ grid, transforms, pseudo classes and a dollop of JavaScript to handle this UX. On …
Remember that HTML Tags Memory Test from before? Šime Vidas recently joked that a similar Memory Test but for CSS Properties should exist. Of course I couldn’t resist, so here is the CSS Properties Memory Test 🤪 See the Pen CSS Properties Memory Test by Bramus (@bramus) on CodePen. In total there are 653 properties …
If you’re not entirely familiar with CORS, this guide by Lydia Hallie will explain it to you using lots of visuals. CS Visualized: CORS →
Good little collection of tips for creating responsible (= responsive + accessible) web applications by Joy Heron. With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present …
The opening presentation from An Event Apart Online Together: Front-End Focus held online in August 2020 It’s a typical Jeremy Keith talk with many things mentioned, all converging to what he described before in his blog post Robustness and least power (and also covered in other talks). Definitely worth your time. Hit the link for …
Unclack is the small but mighty Mac utility that mutes your microphone while you type. No more getting called out for clacking your way through a Zoom meeting on your clicky keyboard! Heh, clever. Unclack for macOS → Related: I’m a happy user of Krisp, which uses AI to automatically filter out background noises (and …
Continue reading “Unclack for macOS: Automatically mute your microphone while you type”
With Adobe Flash now gone, there’s no way to play SWF files. For sites like The Web Archive this can be troublesome as many of the old Flash-built websites will no longer be viewable. Ruffle will help them out: Ruffle is a Flash Player emulator written in Rust. Ruffle runs natively on all modern operating …
Continue reading “Ruffle — Flash Player Emulator built in Rust”
Two part series by Stephanie Eckles on CSS Selectors In this two-part mini-series, we’ll explore some of the more advanced CSS selectors, and examples of when to use them. Even if you’re doing frontend but not primarily writing CSS you should learn these, along with the basic CSS vocabulary. This knowledge will allow you read …
Ryan Chandler shares how to configure your GitHub Actions Workflow in such a way that they skip a build when a certain word appears in the commit message. jobs: format: runs-on: ubuntu-latest if: "! contains(github.event.head_commit.message, 'nobuild')" You can also flip it around, to only build whenever a specific word is present. Running GitHub Actions for …
Continue reading “Running GitHub Actions for Certain Commit Messages”