Creating a slidedeck with CSS is not really that difficult. Stack all slides on top of each other, and then make good use of the :target pseudo-class selector: We adjust the z-index for the active slide to be higher than all the other inactive slides with our trusty :target selector. section { height: 100vh; width: …
Automatic GitHub Changelog Generator
If your code/project always uses Pull Requests to add/fix stuff in your code (e.g. no direct commits on master), then Changelog Generator will come in handy. It’s a CLI tool (written in PHP) that automatically fetches all closed PRs and Issues between the targetted and the previously tagged release. Installation is possible using Composer: $ …
AV1, the video codec of the future
Next to praising the AV1 Codec and providing conversion examples (using ffmpeg), Andrey Sitnik also gives a good overview on containers and codecs – concepts every web developer who embed video should know imho – in his post on the subject: File extensions for video (.mp4, .wmv, .webm or .mov) barely represent containers. When you …
bramus/enumeration – A Package to work with Enumerations in PHP
Earlier this week I released a new package on Packagist. It’s a Package to work with Enumerations in PHP, named bramus/enumeration. The package is my own take on Enumerations in PHP, which grew over time. 👨💻 Looking back at the code that eventually would form the basis for this package, I can see – thanks …
Continue reading “bramus/enumeration – A Package to work with Enumerations in PHP”
TossingBot – Learning Robots to Throw Arbitrary Objects
TossingBot, a robotic arm that picks up items and tosses them to boxes outside its reach range. It is double the speed and dexterity of other state-of-the-art picking systems achieving 500+ mean picks per hour, and is better at throwing than most of the engineers on the team. The key to TossingBot is a self-improving …
Continue reading “TossingBot – Learning Robots to Throw Arbitrary Objects”
Deno, a new way to JavaScript
Ryan Dahl – inventor of Node.js – has been working on Deno, a new take on Node as if it were designed today. From async-await to ArrayBuffers, the JavaScript language has changed significantly in the decade since Node.js was designed. Deno takes advantage of these developments and incorporate lessons learned in the development of Node …
Editor.js – Next generation block styled editor
Editor.js is a so called “block style editor” like the one Medium (and recently WordPress) sport. The Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor’s Core. The output is not HTML but …
Continue reading “Editor.js – Next generation block styled editor”
Illustrated.dev explains web development through illustration
Illustrated.dev holds a collection of awesome illustrations on Web Development by Maggie Appleton: Most of these explainers are about JavaScript fundamentals. Because those never go out of style. But I’ve also made a few on newer tools like React, Babel, and D3. I make these because the front-end world is overflowing with confounding things to …
Continue reading “Illustrated.dev explains web development through illustration”
The Ultimate Game of Thrones Recap (Seasons 1 – 7)
Loose and funny recap of significant events that happened during the past seven seasons of Game of Thrones. Right in time before the start of Season 8, this Sunday 🙂
Breaking Elements out of Their Containers in CSS with .full-bleed
About two years ago I wrote a post on How to Break Elements out of Their Containers in CSS so that they are “full bleed”. Whilst the method which uses CSS Grid still is accurate and works really well (I use it “in production”), the “old” method I used (in case of situations where one …
Continue reading “Breaking Elements out of Their Containers in CSS with .full-bleed“