Rik Roots

Proud father of two cats. Will code for food.

London, UK Joined on Oct 24, 2020 https://blog.rikworks.co.uk/

Work

Web Developer at Self-employed

Scrawl-canvas

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

JavaScript • 302 stars

rikverse2020

Code for the RikVerse website, as discussed in various posts on my blog

HTML • 1 star

HTML5, CSS3, Javascript, SQL. Frontend is more fun than backend. Love canvases and animations.

Scrawl-canvas - my Javascript library for happy coding of the HTML5 canvas element.

14 posts published

1 comment written

9 tags followed

Cover image for Header text colorise and animate effects

Rik Roots

Jun 13 '22

Header text colorise and animate effects

#codepen #webdev #javascript #css

1 min read

Want to connect with Rik Roots?

Create an account to connect with Rik Roots. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Cover image for Responsive, interactive and accessible before-after image slider infographic effect

Rik Roots

May 15 '22

Responsive, interactive and accessible before-after image slider infographic effect

#javascript #webdev #html #ux

1 min read

Cover image for New version of Scrawl-canvas - v8.6.1 - released today.

Rik Roots

Sep 13 '21

New version of Scrawl-canvas - v8.6.1 - released today.

#javascript #html #a11y #canvas

1 min read

Rik Roots

Aug 24 '21

Scrawl-canvas: generate and use a noisy 'Risograph-style' Gradient

#codepen

1 min read

Rik Roots

Jul 16 '21

Scrawl-canvas: kaleidoscope video creator

#codepen

1 min read

Cover image for Let's play Connect-The-Dots ... on your face!

Rik Roots

Jun 10 '21

Let's play Connect-The-Dots ... on your face!

#machinelearning #javascript

1 min read

Cover image for Scrawl-canvas Javascript library for the HTML5 canvas element - v8.5.3 released into the wild!

Rik Roots

Jun 6 '21

Scrawl-canvas Javascript library for the HTML5 canvas element - v8.5.3 released into the wild!

#javascript #html #canvas

1 min read

Rik Roots

May 31 '21

Emulating the new Stripe gradient background

#codepen

1 min read

Rik Roots

May 15 '21

Blurry rotating background blobs - no canvas or Javascript, just CSS3

#codepen

1 min read

Rik Roots

Dec 28 '20

Scrawl-canvas: Creative coding 20201228-2

#codepen

1 min read

Rik Roots

Dec 27 '20

Scrawl-canvas: Creative coding 20201227-1

#codepen

1 min read

Cover image for CPC Challenge Dec 2020 Week 2

Rik Roots

Dec 17 '20

CPC Challenge Dec 2020 Week 2

#codepen

1 min read

Cover image for Scrawl-canvas v8 - drag-and-drop Net particles

Rik Roots

Dec 2 '20

Scrawl-canvas v8 - drag-and-drop Net particles

#codepen

1 min read

Rik Roots

Oct 24 '20

Shape and animate an image between 2 paths

#showdev #codepen #javascript

1 min read

Forem

Rik Roots

Badges

Five Year Club

Four Year Club

Writing Debut

Three Year Club

Two Year Club

One Year Club

GitHub Repositories

Skills/Languages

Currently hacking on

Header text colorise and animate effects

Want to connect with Rik Roots?

Responsive, interactive and accessible before-after image slider infographic effect

New version of Scrawl-canvas - v8.6.1 - released today.

Scrawl-canvas: generate and use a noisy 'Risograph-style' Gradient

Scrawl-canvas: kaleidoscope video creator

Let's play Connect-The-Dots ... on your face!

Scrawl-canvas Javascript library for the HTML5 canvas element - v8.5.3 released into the wild!

Emulating the new Stripe gradient background

Blurry rotating background blobs - no canvas or Javascript, just CSS3

Scrawl-canvas: Creative coding 20201228-2

Scrawl-canvas: Creative coding 20201227-1

CPC Challenge Dec 2020 Week 2

Scrawl-canvas v8 - drag-and-drop Net particles

Shape and animate an image between 2 paths