A rather geeky/technical weblog, est. 2001, by Bramus
Now this is a handy app when working on a Mac with a multi-screen setup. Control your display’s brightness & volume on your Mac as if it was a native Apple Display. Use Apple Keyboard keys or custom shortcuts. Shows the native macOS OSDs. Depending on which display your cursor is over at, the keystrokes …
@bramus/specificity
Introducing `@bramus/specificity`, a JavaScript package to calculate the specificity of a given CSS Selector
@bramus/pagination-sequence
Introducing `@bramus/pagination-sequence`, a JavaScript package to generate a sequence of numbers for use in a pagination system, the clever way.
Fun little wordle-inspired guess game where you get presented a country shape and you need to guess its name. Per guess you get to see how far off you are and which direction to look into. Worldle → Related: Globle also lets you search for a country, without an initial shape hint. If you want …
Continue reading “Worldle — Name the Country based on its Shape”
console.image()
One of the things you can do on the DevTools’s Console is style the output for console.log() and the like: console.log(“%cMy stylish message”, “color: yellow; font-style: italic; background-color: blue;padding: 2px”); Leveraging this technique, it’s possible to log images to the console: Load the image via JS and extract its dimensions Expand the box of the …
Continue reading “Log images to the DevTools Console with console.image()“
DevToys helps in daily tasks like formatting JSON, comparing text, testing RegExp. No need to use many untruthful websites to do simple tasks with your data. Contains some handy tools like a Json to Yaml and Yaml to Json converter, JWT Decoder, base64 encoder/decoder, etc. Windows only, but a fork for Mac is also available. …
Continue reading “DevToys — A Swiss Army Knife for Developers”
alrra/browser-logos — A repository collecting high resolution web browser logos
If you’re looking for high resolution web browser logos to include in your presentations or imagery, alrra/browser-logos has them all. You may want these for a presentation, a blog post or for the site featuring your brand new awesome lightbox script (please no!). All logos are high resolution with transparent backgrounds. alrra/browser-logos Repo →alrra/browser-logos Logos …
Continue reading “alrra/browser-logos — A repository collecting high resolution web browser logos”
Interop 2022 is the successor to Compat 2021, an joint effort by browser vendors to work on browser compatibility. Interop 2022 is a public effort and benchmark around which browser vendors can collaborate to improve interoperability in areas believed to be important to web developers. It is composed of two parts: 15 focus areas on …
Here’s Ahmad Shadeed‘s post on Cascade Layers In this article, we’ll explore how cascade layers work, and how they will help us write CSS with more confidence, along with use-cases and examples. Hello, CSS Cascade Layers →
Speaking of alternative in-browser DevTools in the previous post: be sure to also check out VisBug, created by Adam Give power to designers & content creators power within the web project they have today, by bringing design tool interactions to the browser. Here’s Adam presenting it at Chrome Dev Summit 2018: You can try it …
Continue reading “VisBug — Open source browser design tools”