George Francis - DEV Community

Pinned

George Francis

Mar 11

A Generative SVG Starter Kit

#webdev #tutorial #javascript #css

376 12

12 min read

George Francis

Feb 25

A beginner's guide to applying color in UI design

#tutorial #webdev #css #codenewbie

882 41

14 min read

George Francis

Feb 8

Create a generative landing page & WebGL powered background animation

#webdev #tutorial #javascript #css

387 12

14 min read

George Francis

Jan 25

Create generative social images using SVG!

#tutorial #webdev #javascript #design

199 8

15 min read

George Francis

Jan 15

Build a smooth, animated blob using SVG + JS

#showdev #javascript #webdev #tutorial

150 3

10 min read

George Francis

May 7

Introducing... My New Site! ✨

#showdev #webdev #css #news

112 43

1 min read

Introducing... My New Site! ✨

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

May 9

Introducing... My New Site! ✨

Thank you!

May 8

Introducing... My New Site! ✨

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

May 8

What was your win this week?

I finally! launched my new site 🎉

May 8

Introducing... My New Site! ✨

Thanks very much! 🎨

May 8

Introducing... My New Site! ✨

Thank you :)

May 8

Introducing... My New Site! ✨

Haha! Just for luck!

May 8

Introducing... My New Site! ✨

Thank you!

May 8

View all 91 comments

George Francis

Apr 16

CodePen - A Very Wobbly Liquid SVG Button ✨

#codepen #webdev #javascript

1 min read

George Francis

Apr 8

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

#codepen #webdev #javascript #design

32 4

1 min read

George Francis

Mar 19

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

#codepen #webdev #javascript

1 min read

George Francis

Mar 13

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

#codepen #javascript #webdev #css

150 13

1 min read

George Francis

Mar 6

CodePen - A Simple SVG Blob Editor [GSAP]

#codepen #javascript #webdev

39 6

1 min read

George Francis

Feb 17

CodePen - BauBuds - Generative Bauhaus inspired Characters

#codepen #javascript #css #webdev

14 3

1 min read

George Francis

Feb 16

CodePen - Generative “Embroidery Ring” Style Hills

#codepen #webdev #css

11 2

1 min read

George Francis

Feb 4

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

#codepen #webdev #javascript

18 1

1 min read

George Francis

Jan 31

CodePen - Bridget Riley Inspired Generative SVG

#codepen #webdev #javascript

1 min read

George Francis

Jan 30

CodePen - Glitchy Synthwave SVG Sun

#codepen #webdev #javascript

12 4

1 min read

George Francis

Jan 22

CodePen - Generative + Customisable SVG Social Images!

#codepen #javascript #svg #webdev

25 2

1 min read

George Francis

Jan 19

CodePen - Soften up your designs with a Squircle!

#codepen #webdev #css

10 2

1 min read

George Francis

Jan 13

CodePen - 60° Gradient Morphing Blob

#codepen #javascript #svg #webdev

1 min read

George Francis

Jan 11

Generative blob characters using SVG!

#webdev #tutorial #javascript #codepen

106 5

11 min read

George Francis

Jan 4

CodePen - Generative Ballpoint Pen Shapes [p5.js]

#codepen

1 min read

George Francis

Jan 2

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

1 min read

DEV Community is a community of 616,766 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! ✨