George Francis

UI developer ⚡️ Generative everything ❤️ I write about creative coding & front-end development ✨

Lewes, UK Joined on Apr 6, 2020 georgedoescode@gmail.com https://georgefrancis.dev/

Work

UI Developer at ProdPad

HTML, CSS, JavaScript, SVG, Generative Everything, Typography, Web Design, Animation.

WebGL!

Currently I am focused on creating fun tutorials based on generative art, web development, design and animation. I also build and maintain a few JavaScript libraries such as VBCanvas + squircley.js!

32 posts published

91 comments written

10 tags followed

Pinned

George Francis

Mar 11 '21

A Generative SVG Starter Kit

#webdev #tutorial #javascript #css

415

12 min read

George Francis

Feb 25 '21

A beginner's guide to applying color in UI design

#tutorial #webdev #css #codenewbie

907

14 min read

George Francis

Feb 8 '21

Create a generative landing page & WebGL powered background animation

#webdev #tutorial #javascript #css

423

14 min read

George Francis

Jan 25 '21

Create generative social images using SVG!

#tutorial #webdev #javascript #design

203

15 min read

George Francis

Jan 15 '21

Build a smooth, animated blob using SVG + JS

#showdev #javascript #webdev #tutorial

163

10 min read

George Francis

May 19 '21

CodePen - Wibbly Wobbly SVG Jelly ✨

#codepen #webdev #javascript

1 min read

Want to connect with George Francis?

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

Create Account

Already have an account? Sign in

George Francis

May 7 '21

Introducing... My New Site! ✨

#showdev #webdev #css #news

204

1 min read

George Francis

Apr 16 '21

CodePen - A Very Wobbly Liquid SVG Button ✨

#codepen #webdev #javascript

1 min read

George Francis

Apr 8 '21

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

#codepen #webdev #javascript #design

1 min read

George Francis

Mar 19 '21

CodePen - Fuzzy VHS Dream Clouds 📼 ☁️ [PIXI]

#codepen #webdev #javascript

1 min read

George Francis

Mar 13 '21

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

#codepen #javascript #webdev #css

160

1 min read

George Francis

Mar 6 '21

CodePen - A Simple SVG Blob Editor [GSAP]

#codepen #javascript #webdev

1 min read

George Francis

Feb 17 '21

CodePen - BauBuds - Generative Bauhaus inspired Characters

#codepen #javascript #css #webdev

1 min read

George Francis

Feb 16 '21

CodePen - Generative “Embroidery Ring” Style Hills

#codepen #webdev #css

1 min read

George Francis

Feb 4 '21

CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

#codepen #webdev #javascript

1 min read

George Francis

Jan 31 '21

CodePen - Bridget Riley Inspired Generative SVG

#codepen #webdev #javascript

1 min read

George Francis

Jan 30 '21

CodePen - Glitchy Synthwave SVG Sun

#codepen #webdev #javascript

1 min read

George Francis

Jan 22 '21

CodePen - Generative + Customisable SVG Social Images!

#codepen #javascript #svg #webdev

1 min read

George Francis

Jan 19 '21

CodePen - Soften up your designs with a Squircle!

#codepen #webdev #css

1 min read

George Francis

Jan 13 '21

CodePen - 60° Gradient Morphing Blob

#codepen #javascript #svg #webdev

1 min read

George Francis

Jan 11 '21

Generative blob characters using SVG!

#webdev #tutorial #javascript #codepen

114

11 min read

George Francis

Jan 4 '21

CodePen - Generative Ballpoint Pen Shapes [p5.js]

#codepen

1 min read

George Francis

Jan 2 '21

Correct HTML structure for 2 inputs controlling a single value?

#help #html #a11y

1 min read

George Francis

Dec 31 '20

CodePen - Generative Cacti [p5.js]

#codepen

1 min read

George Francis

Dec 30 '20

CodePen - Generative Soft Gradients [SVG]

#codepen

1 min read

George Francis

Dec 26 '20

CodePen - Generative Voronoi Splodges (PIXI)

#codepen #javascript

1 min read

George Francis

Dec 13 '20

Generative SVG Christmas Tree Card 🎄

#codepen #svg #generative

1 min read

George Francis

Dec 8 '20

SVG Highlighter Hover State (feTurbulence + clip) 🎨

#codepen #svg #animation #css

1 min read

George Francis

Dec 5 '20

viewbox challenge - altBud!

#codepen #svg #animation #a11y

1 min read

George Francis

Dec 1 '20

HTML5 canvas... responsive!

#webdev #javascript #html

2 min read

George Francis

Jul 12 '20

Introducing Squircley, a simple SVG squircle maker!

#showdev #webdev #design #vue

1 min read

George Francis

Apr 24 '20

Simplify your imports with webpack aliases 👍

#webpack #javascript #webdev

1 min read

Four Year Club

Writing Debut

Three Year Club

Two Year Club

One Year Club

16 Week Writing Streak

CSS

Top 7

8 Week Writing Streak

4 Week Writing Streak

Want to connect with George Francis?