A rather geeky/technical weblog, est. 2001, by Bramus
Whenever I write a Twitter Thread I carefully lay out my planned tweets in advance in a text editor. After manually adjusting my sentences to have tweetable parts, I tweet them out one by one. Quite a cumbersome work, where ThreadStart can do the heavy lifting for me instead: Creating a Twitter thread without guidance …
Continue reading “Easily write Twitter threads with ThreadStart”
Crazy work by Jamie Coulter: Build your own 3D CSS and HTML models, export them to CodePen and share with the community. Simply Draw, Extrude, Paint and export! VoCSSels — Easily create 3D CSS & HTML Voxel Models → ❤️ Be sure to give his work a heart on CodePen there.
<feColorMatrix> with SVG Color Matrix Mixer
Easily generate nice looking Color Matrix Filters for your images For use with the <feColorMatrix /> SVG filter. SVG Color Matrix Mixer →
Remotion is a suite of libraries building a fundament for creating videos programmatically using React. Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc. Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem Also comes with a handy player …
Continue reading “Remotion – Create videos programmatically in React”
Handy helper tool by Wes Bos: simply press any key and see the results for KeyboardEvent.which, KeyboardEvent.key,KeyboardEvent.code, etc. As a user with an AZERTY keyboard layout I often have a broken experience on sites that respond to first row of keys, e.g. QWERTY. As those sites respond to KeyboardEvent.key — which differs from layout to …
Continue reading “Easily see the JavaScript Keyboard Event KeyCodes with keycode.info”
Retro-looking tool by Sara Vieira Pixelr →Pixelr Source (GitHub) → ⚠️ Did notice it to be a bit buggy though: checking and then unchecking greyscale for example rendered the image still in greyscale.
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”
Speaking of meta tags in the previous post, the Meta Tags tool has been sitting in my bookmarks for quite a while now: With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more! Drop in an image, type some text, and …
Continue reading “Preview, Edit and Generate Meta Tags with MetaTags.io”
You can use dive to help you optimize your Docker image layers. Say you have these two layers in your Dockerfile: RUN wget http://xcal1.vodafone.co.uk/10MB.zip -P /tmp RUN rm /tmp/10MB.zip Then you’ll end up with 10MB of wasted space. dive will tell you, so that you can combine these into one optimized layer: RUN wget http://xcal1.vodafone.co.uk/10MB.zip …
You can export the results as an SVG or as a set of CSS Custom Properties: :root { –sunset1:#332971; –sunset2:#5f3767; –sunset3:#ac5067; –sunset4:#e67369; –sunset5:#fb9c63; –sunset6:#febf57; –sunset7:#ffd043; } Parametric Color Mixer →