A landscape, painted with CSS: Click the image to go to the CodePen. Do note it’s quite heavy on resources (hence why I haven’t embedded it here). 👋 Psst, try changing the color of the sun 😉
CSS Landscape
Author Archives: Bramus!
Half-Life: Alyx Gameplay Video
Having played and enjoyed the original Half-Life when it first came out (way back in 1998), I must say I’m quite looking forward to “Half-Life: Alyx”: And oh, don’t be confused about moving-part in the game: shown above is teleport mode. There are two other modes you can use: shift (= smooth zoom, as shown …
Draft your next release notes as pull requests are merged into master with Release Drafter
Now this looks handy: a GitHub action that builds release notes for you: As pull requests are merged, a draft release is kept up-to-date listing the changes, ready to publish when you’re ready You configure the release notes contents using a .github/release-drafter.yml file in your repo: template: | ## What’s Changed $CHANGES More advanced templates …
CSS :nth-of-class selector
The Problem One thing that bothers me with CSS :nth-of-type/:nth-child selectors is that you can’t combine them with CSS classes. The selector below for example won’t work as you’d first expect it to work: .bar:nth-child(2) { color: red; } No, the selector above won’t color the second .bar element red, something I had somehow expected …
Mutik – A tiny immutable state management library based on Immer
Nice work by Jared Palmer: a React State Management Library which uses Immer internally so you don’t have to worry about overwriting (unrelated) parts of your state whilst updating some value in it. import React from 'react'; import { render } from 'react-dom'; import { createStore, Provider, useSelector } from 'mutik'; // Create a lil' …
Continue reading “Mutik – A tiny immutable state management library based on Immer”
Understanding the ECMAScript Spec
Over at the V8 blog, Marja Hölttä has published some posts on how to read the ECMAScript Specification: Even if you know JavaScript, reading its language specification, ECMAScript Language specification, or the ECMAScript spec for short, can be pretty daunting. At least that’s how I felt when I started reading it for the first time. …
React Redux with hooks
Jennifer Williams shows us how use Redux with Hooks When I was first learning Redux I found all the moving parts and files incredibly hard to wrap my head around. Surprisingly, React hooks made the process of using Redux a lot easier for me. The post provides us with a two-fold example. One “without hooks” …
Stacked Rainbow Cards
I like how this box animates on hover, thanks to the use of multiple box-shadow effects:
“Building” by Jeremy Keith
The closing Keynote at Full Stack Europe 2019 was by no-one other than Jeremy Keith. At the conference he gave a talke named “Building”, a sort of compilation of his previous talks containing his “best of” on web development. Every new medium looks to what has come before for guidance. Web design has taken cues …
Creative Coding Essentials Video Course
Tim Rodenbröker: After more than 7 months of experimentation, planning and creating i am finally abled to release a first Alpha-version of my brand new course “Creative Coding Essentials”. I have decided to open the first chunk of videos to the world, because i believe that the current Corona-crisis is a great oppurtunity to get …