Benchmarking AWS Graviton2 and gp3 Support for Apache Kafka

With the release of AWS’s Graviton2 (ARM) instances and gp3 disks, I immediately wanted to explore the potential opportunity for anyone using Apache Kafka. My team and I embarked on a journey to understand the changes required for Kafka users to be able to provision AWS Graviton2 instances paired with gp3 disks.  

Previously we’d only used Java 11 (OpenJDK) to run the Kafka service on x86 instances. As part of this change, we also shifted our internal environment to use Amazon Corretto. Amazon Corretto is used internally by AWS; it has built-in performance enhancements, security fixes, and is compatible with Java SE standards. Furthermore, Amazon Corretto reportedly has a performance benefit over OpenJDK distributions when operating in ARM architecture especially for network-intensive applications, of which Kafka is one. 

Awesome Demos Roundup #4

These past weeks have been filled with interesting experiments: code goodies from space, a distorted font generator and fantastic WebGL works are some of the highlights.

We hope you enjoy this compilation!

Solar CSSystem

Solar-CSSystem

ToneJS + canvas-sketch

ToneJS-canvas-sketch

Animated grid

animated-grid

Marine life

Marine-life

Woven sound

woven-sound

Only CSS: STARFOX Arwing Drone

Only-CSS-STARFOX-Arwing-Drone

Mouse grayscale WebGL displacement shader

Mouse-grayscale-webgl-displacement-shader

Only CSS: 3D Scan

Only-CSS-3D-Scan

Direction aware hover effect

Direction-aware-hover-effect

Melt

melt

Offf

offf

Rushing rapid in a forest by Three.js

33-_-Rushing-rapid-in-a-forest-by-Three

Musical Bubble Sort (CPC Bubble Sort)

Musical-Bubble-Sort-(CPC-Bubble-Sort)

Line Drawing

Line-Drawing.

Drag and Juuump!! and drop

Drag-and-Juuump-and-drop

Useless Machine

Useless-Machine

Mandala-3D

Mandala-3D

gl22

gl22

Motion detection with camera feed

motioncamera

Sun & Earth

Sun-&-Earth

enFont Terrible

enfont

Canvas Cloud

Canvas-Cloud

Rocket Through Space

Rocket-Through-Space

Awesome Demos Roundup #4 was written by Mary Lou and published on Codrops.

Awesome Demos Roundup #3

For this third Awesome Demos Roundup we’ve collected some mesmerizing animations and artful experiments. Among them are some great ideas that will get you thinking “how was it done?” and that will make you wanna tinker with the variables. Dive in and get some inspiration for your next side project.

Enjoy!

Magnet

magnet

Particles Field

Particles-Field

Art of Noise #6

Art-of-Noise-6

Potential Flow

Potential-Flow

The Cube

The-Cube

GLSL: Looping simplex noise

GLSL–Looping-simplex-noise

React App

React-App

CSS Grid: Floor Plan

CSS-Grid–Floor-Plan

Wolfenstein: Ray Tracing On using WebGL1

Wolfenstein

Bach SVG Music Animation

Bach-SVG-Music-Animation

Lumina

Lumina

Art of Noise #8

Art-of-Noise-8

The Plastic Ocean

The-Plastic-Ocean

Model transitions

Model-transitions

Multiscale Turing Patterns

Multiscale-Turing-Patterns

Magical Light Tunnel

Magical-Light-Tunnel

Naughts and Crosses 3

Naughts-and-Crosses-3

Alien Invasion by Gal Shir : Web Animation by Kono

Alien-Invasion-by-Gal-Shir

GRASS

GRASS

Unicode art gallery – Unicode art gallery

Unicode-art-gallery

Course Clear! (Splitting.js Demo)

Course-Clear!

Floating heart

Floating-heart

Nails

nails

Whirling

Whirling

GLSL: Blinn-phong shading

Blinn-phong-shading

Chasing

Chasing

Previous Roundups

Awesome Demos Roundup #1

AwesomeDemos1

Awesome Demos Roundup #2

AwesomeDemosRoundup2_featured

Awesome Demos Roundup #3 was written by Mary Lou and published on Codrops.

Memory Usage of OpenWhisk Functions

Last week Red Hat introduced the open source framework Quarkus which promises fast boot times and low memory usages. This makes Quarkus interesting for Java workloads running as serverless functions.

I've done a little experiment to compare how much memory functions require which run on Apache OpenWhisk and have been implemented with Java and JavaScript.

Awesome Demos Roundup #2

In our second Awesome Demos Roundup we are featuring some great experiments including pure CSS goodness and WebGL wonders. Play evolution with Matthew Main’s “Kiss The Sky” or swing the racket in Jon Slater’s “CSS Only Tennis Game”. But above all, we hope you get inspired with this little selection.

Enjoy!

Morphed Sphere

Morphed-Sphere

Shooting Star

Shooting-Star

Bubbles (CodePen Circles Challenge)

bubbles

Randomly generated Pure CSS menu icons w/ markup and SCSS

Randomly-generated-Pure-CSS-menu-icons

Blob study

blobstudy

Loader turbulence

Loader-turbulence

Particles

Particles
Check out this tweet.

Blobby hill

blobby-hill

Portal

Portal

Our new land [SVG]

our-new-land-[SVG]

Polygon Surface

Polygon-Surface

WebGL Wonderland #5

WebGL-Wonderland-#5

Kiss The Sky

Kiss-The-Sky

WebGL Wonderland #7

WebGL-Wonderland-#7

Displacement Scroll

Displacement-Scroll

Trippy polygons

Trippy-polygons

CurveBall

CurveBall

CSS Scroll Snap: How Do I Look In This?

CSS-Scroll-Snap–How-Do-I-Look-In-This-

Waterfall

Waterfall

Physarum #5

physarum-#5

View the Github repo.

CSS Only Tennis Game

CSS-Only-Tennis-Game

Awesome Demos Roundup #2 was written by Mary Lou and published on Codrops.

Awesome Demos Roundup #1

If you read our Collective, you know that we usually add some interesting demos to every issue. In this new series we want to gather and showcase the most original demos and experiments from around the web. It’s a great way to see what exciting new technologies are emerging and how they can be put to use. We hope you find this interesting and inspiring! Enjoy!

Twintail

Twintail

Birthday Pure CSS Pen

Birthday-Pure-CSS-Pen

Paint on Mouse Move

Paint-on-Mouse-Move

All Gone (No Escape)

All-Gone-(No-Escape)

Web A Skeb

Web-A-Skeb

2019 – with love from Mazarine

Mazarine

Infinite SVG Triangle Fusion

Infinite-SVG-Triangle-Fusion

Coalesce 12 – Phosphorescence 6

Coalesce-12—Phosphorescence-6

CSS Grid: Train Ticket

Train-Ticket

Double exposure depth experiment

Double-exposure-depth-experiment

Layered Water

Layered-Water

Cycle #2, pure CSS tetrahedron

tetrahedron

Volume Controlled Variable Fonts!!!!

Screen-Shot-2019-02-14-at-18.06.03

Animated Boxes (three.js + anime.js)

Animated-Boxes-(three.js-+-anime.js)

Interactive Cube

Interactive-Cube

WebAudio Synth

WebAudio-Synth

Playing with sound and three.js

Playing-with-sound-and-threejs

Interactive 3D ASCII scenes

Interactive-3D-ASCII-scenes

Third Attempt at a Fire Shader

Third-Attempt-at-a-Fire-Shader

Bubble Toggle

Bubble-Toggle

Oddity Iteration n°2

Oddity-Iteration-n°2

rymd

rymd
Also, check out rymdkrig and find the source code here

Liquify your SVGs!

Liquify-your-SVGs!

Solar System 3D Animation (Pure CSS)

Solar-System-3D-Animation-(Pure-CSS)

CSS (on hover) animated SVG icons

CSS-(on-hover)-animated-SVG-icons

#CodepenChallenge Canvas Times Tables (Circles)

#CodepenChallenge-Canvas-Times-Tables-(Circles)

SVG Filters are 💕

SVG-Filters-are

Rainbow Tunnel

rainbowtunnel

Pure CSS Still Life – Water and Lemons

Still-Life

MIDI CITY 2000

MIDI-CITY-2000

Awesome Demos Roundup #1 was written by Mary Lou and published on Codrops.

Awesome Demos from 2018

Demos2018_featured

Today we’d like to share a collection of our favorite demos and experiments from 2018. This is just a small number compared to all the fantastic stuff that was made and shared in 2018, but we hope you enjoy this little selection of our favorite picks.

Please note that a lot of these demos are experimental and will require a modern browser to work.

Simplex Flower Generator by Jack Rugile

Simplex-Flower-Generator

Jelly by Adam Brooks

jelly

Repellers by Johan Karlsson

Repellers

2018.makemepulse.com by the team of Makemepulse

2018.makemepulse.com

Only CSS: Infinite Steps by Yusuke Nakaya

Only-CSS-Infinite-Steps

This alter world by Gerard Ferrandez

This-alter-world

CSS Space Shooter by Michael Bromley

CSS-Space-Shooter

Psychedelic waves by Karim Maaloul

Psychedelic-waves

Stinkmoji by Stink Studios

Stinkmoji

Song Maker by the Chrome Music Lab

chrome

The Chameleon from Null Island by kittons

The-Chameleon-from-Null-Island

Neural Drum Machine by Tero Parviainen

Neural-Drum-Machine

Toon Shading by Misaki Nakano

Toon-Shading

Wiggly Squiggly by Steve Gardner

Wiggly-Squiggly

Skin and Eye Rendering by David Lenaerts

Skin-and-Eye-Rendering

Perlin Noise by yasaisai

Perlin-Noise

Only CSS: 404 Rolling Box by Yusuke Nakaya

Only-CSS-404-Rolling-Box

Lost Without You by Jack Rugile and Nicolle Witte

Lost-Without-You

VHS Effects (regl) by halvves

VHS-Effects-(regl)

Pure CSS 4 Designers by Julia Muzafarova

Pure-CSS-4-Designers

Pure CSS Francine by Diana Smith

Pure-CSS-Francine

Pin Screen by Johan Karlsson

Pin-Screen

Pure CSS watch animation by Grzegorz Witczak

Pure-CSS-watch-animation

Line Lisa by Nikita Dubko

Line-Lisa

Going Home by 302 chanwoo

Going-Home

Heraclos by students of GOBELINS Paris

Heraclos

Solids by Dave DeSandro

Solids

Thank You by Liam Egan

Thank-You

Tenori-off by Monica Dinculescu

Tenori-off

Ghost Mouse by Liam Egan

Ghost-Mouse

Track by Little Workshop

Track

Isometric eCommerce CSSGrid by Andy Barefoot

Isometric-eCommerce-CSSGrid

Halftone Effect by Misaki Nakano

Halftone-Effect

Zippity Zappity (SVG) by Steve Gardner

Zippity-Zappity-(SVG)

Pure CSS Stack by Ben Szabo

Pure-CSS-Stack

Little Big City by Yi Shen

Little-Big-City

Pure CSS Moustached Nanny by Julia Muzafarova

Pure-CSS-Moustached-Nanny

Dot Menu Animations by Tamino Martinius

Dot-Menu-Animations

Fake 3D effect with depth map by Robin Delaporte

Fake-3D-effect-with-depth-map

CSS Snake & Ladders by Alvaro Montoro

CSS-Snake-&-Ladders

Perlin Noise by Victor Vergara

Perlin-Noise-(2)

Pure CSS The Carlton Dance by Grzegorz Witczak

Pure-CSS-The-Carlton-Dance

Exoplanet Explorer by Thomas Van Glabeke

Exoplanet-Explorer

How Many Steps Does It Take To Get From Me To You? by Jase Smith

steps

Bellwoods by Matt DesLauriers

Bellwoods

HyperMorph 3000™ by Andreas Borgen

HyperMorph-3000™

Interplanetary Postal Service by Sebastian Macke

Interplanetary-Postal-Service

Ripple Mouse (with plasma) by Liam Egan

Ripple-Mouse-(with-plasma)

Lissajous Table – Pannable by Jacob Foster
Lissajous-Table—Pannable

Falling by Yuan Chuan
Falling

Dragon Snake by Thomas Hooper

Dragon-Snake

Color Changing Chameleon by Cassie Evans

Color-Changing-Chameleon

#codevember – 1 – Infinity by Johan Karlsson
#codevember—1—Infinity

Have you ever been lonely? by Gerard Ferrandez and Angelo Plessas

Have-you-ever-been-lonely-

Layerscape by André Mattos

Layerscape

Fashion concept by Jesper Landberg

Fashion-concept

Jellyfish by Rafael Castro Couto

Jellyfish

My journey had lasted seven hours by Gerard Ferrandez

My-journey-had-lasted-seven-hours

#codevember – 15 – Flame by Liam Egan

#codevember—15—Flame

Laser Bag Pipe by Lars Berg

Laser-Bag-Pipe

Flameout by Rye Terrell

flameout

#codevember — bread by Noel Delgado

bread

Canvas Proximity Mask by Ricardo Mendieta

Canvas-Proximity-Mask

Astray 2 by Rye Terrell

Astray-2

Electricity by Vicente Lucendo

Electricity

Dreamsynth by odbol

Dreamsynth

Happy Shopper by Lars Berg

Happy-Shopper

Tiny Explorer by Rachel Richardson

Tiny-Explorer

Pure CSS Pink by Diana Smith

Pure-CSS-Pink

Mikuboard by Daniwell

Mikuboard

Under by Weston C. Beecroft

Under

Choir by David Li

Choir

Retro Pixel by Misaki Nakano

Retro-Pixel

Glimmer by Nicolas Riciotti

Glimmer

Spotify Wrapped Animation using GSAP by Peter Barr

Spotify-Wrapped-Animation-using-GSAP

Sandspiel by Max Bittker

Sandspiel

HyperSpace Jump by Ricardo Mendieta

HyperSpace-Jump

Magic sketchpad by Monica Dinculescu

Magic-sketchpad

Flame in the wind by Blake Bowen
Flame-in-the-wind

Infinite Gift by Jaume Sanchez Elias

InfiniteGift

Awesome Demos from 2018 was written by Mary Lou and published on Codrops.