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

Pinned

George Francis

Mar 11 '21

A Generative SVG Starter Kit

#webdev #tutorial #javascript #css

410 14

12 min read

George Francis

Feb 25 '21

A beginner's guide to applying color in UI design

#tutorial #webdev #css #codenewbie

905 41

14 min read

George Francis

Feb 8 '21

Create a generative landing page & WebGL powered background animation

#webdev #tutorial #javascript #css

415 13

14 min read

George Francis

Jan 25 '21

Create generative social images using SVG!

#tutorial #webdev #javascript #design

203 8

15 min read

George Francis

Jan 15 '21

Build a smooth, animated blob using SVG + JS

#showdev #javascript #webdev #tutorial

158 5

10 min read

George Francis

May 19 '21

CodePen - Wibbly Wobbly SVG Jelly ✨

#codepen #webdev #javascript

39 3

1 min read

Introducing... My New Site! ✨

Ah! I think I may know why this is... thanks for the heads up...

May 9 '21

Introducing... My New Site! ✨

Thank you!

May 8 '21

Introducing... My New Site! ✨

Thank you! To write my articles? I use the Hemingway app usua...

May 8 '21

What was your win this week?

I finally! launched my new site 🎉

May 8 '21

Introducing... My New Site! ✨

Thanks very much! 🎨

May 8 '21

Introducing... My New Site! ✨

Thank you :)

May 8 '21

Introducing... My New Site! ✨

Haha! Just for luck!

May 8 '21

Introducing... My New Site! ✨

Thank you!

May 8 '21

View all 91 comments

George Francis

May 7 '21

Introducing... My New Site! ✨

#showdev #webdev #css #news

204 56

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

33 4

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

159 13

1 min read

George Francis

Mar 6 '21

CodePen - A Simple SVG Blob Editor [GSAP]

#codepen #javascript #webdev

39 6

1 min read

George Francis

Feb 17 '21

CodePen - BauBuds - Generative Bauhaus inspired Characters

#codepen #javascript #css #webdev

14 3

1 min read

George Francis

Feb 16 '21

CodePen - Generative “Embroidery Ring” Style Hills

#codepen #webdev #css

11 2

1 min read

George Francis

Feb 4 '21

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

#codepen #webdev #javascript

20 1

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

12 4

1 min read

George Francis

Jan 22 '21

CodePen - Generative + Customisable SVG Social Images!

#codepen #javascript #svg #webdev

25 2

1 min read

George Francis

Jan 19 '21

CodePen - Soften up your designs with a Squircle!

#codepen #webdev #css

13 2

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 5

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

6 4

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

7 2

1 min read

George Francis

Dec 1 '20

HTML5 canvas... responsive!

#webdev #javascript #html

35 5

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

15 1

1 min read

DEV Community is a community of 861,926 amazing developers

Recent comments

Introducing... My New Site! ✨

Introducing... My New Site! ✨

Introducing... My New Site! ✨

What was your win this week?

Introducing... My New Site! ✨

Introducing... My New Site! ✨

Introducing... My New Site! ✨

Introducing... My New Site! ✨