Author Archives: Bramus!

Vortex with CSS Variables

Another great demo by Ana Tudor. Here’s a pen with the result: See the Pen 🌈 vortex with CSS variables (WebKit-only, no JS) by Ana Tudor (@thebabydino) on CodePen. More videos on her YouTube Channel. Lots of demos on her … Continue reading

Elsewhere , Leave a comment

Next.js 2.0

Next.js is a very slim yet powerful framework. Place React components in a pages directory and running next, and you’ll get automatic code splitting, routing, hot code reloading and universal (server-side and client-side) rendering. Version 2 of Next.js was released … Continue reading

Elsewhere , , Leave a comment

Autonomous Trap: A Trap for Self-Driving Cars

Art installation by James Bridle: Ground markings to trap autonomous vehicles using “no entry” and other glyphs. Ingenious! πŸ™‚ Autonomous Trap → Related: How Art Can Transform The Internet →

Elsewhere , , Leave a comment

Snapshot testing with PHPUnit

use Spatie\Snapshots\MatchesSnapshots; class OrderTest { use MatchesSnapshot; class test_it_casts_to_json() { $orderId = new Order(1); $this->assertMatchesJsonSnapshot($order->toJson()); } } Again great work by the folks at Spatie: The difference between a classic assertEquals and an assertMatchesSnapshot is that you don’t write the … Continue reading

Elsewhere , , Leave a comment

LocalStack – A fully functional local AWS cloud stack

At work we’ve been using several separate docker images – such as instructure/fake-s3 and airdock/fake-sqs, orchestrated by docker-compose – to run a few of the Amazon Web Services locally. LocalStack provides the whole lot in one: LocalStack provides an easy-to-use … Continue reading

Elsewhere , , Leave a comment

R2-D2 is sad Obi-Wan Doesn’t remember him…

Poor R2 😒

Elsewhere , Leave a comment

Fading text with CSS Blend Modes

Clever usage a gradient background and mix-blend-mode. On hover the size of the background is changed, revealing the rest of the text contents: . New to Compositing And Blending In CSS? Look no further.

Elsewhere , , Leave a comment

10 Lodash Features You Can Replace with ES2015 (ES6)

Lodash is the most depended on npm package right now, but if you’re using ES6, you might not actually need it. In this article, we’re going to look at using native collection methods with arrow functions and other new ES6 … Continue reading

Elsewhere , , Leave a comment

Automatic Bullseye MOVING Dartboard

Former NASA engineer Mark Roper: I fulfilled a 3 year long dream to create a dartboard where you get a bullseye every time thanks to some engineering. Basically, you throw a dart and then a Vicon motion capture system tracks … Continue reading

Elsewhere , Leave a comment

An Animated Intro to RxJS

In Reactive Animations with CSS Variables the subject of RxJS was touched. If you’re not familiar with RxJS, CSS-Tricks has nice introductory article on the subject: You might have heard of RxJS, or ReactiveX, or reactive programming, or even just … Continue reading

Elsewhere , , Leave a comment