Skip to content

DEV Community

Codepen Designs Series' Articles

Back to Jon Snow's Series

Cover image for CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS

Jon Snow

Dec 17 '22

CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS

#french

1 min read

Cover image for CodePen Designs - 2 : 90s Vaporwave Computer Screen - CSS Animated Pixel Art

Jon Snow

Dec 17 '22

CodePen Designs - 2 : 90s Vaporwave Computer Screen - CSS Animated Pixel Art

#codepen #css #design #codependesigns

1 min read

Cover image for CodePen Designs - 3 : Rounded Box - Matcap texture

Jon Snow

Dec 17 '22

CodePen Designs - 3 : Rounded Box - Matcap texture

#codependesigns #codepen #css #design

1 min read

Cover image for CodePen Designs - 4 : 3D Room - Pure CSS

Jon Snow

Dec 18 '22

CodePen Designs - 4 : 3D Room - Pure CSS

#codepen #codependesigns #css #design

1 min read

Cover image for CodePen Designs - 5 : Snowball Preloader

Jon Snow

Dec 19 '22

CodePen Designs - 5 : Snowball Preloader

#watercooler

1 min read

Cover image for CodePen Designs - 6 : LEGO Preloader

Jon Snow

Dec 20 '22

CodePen Designs - 6 : LEGO Preloader

#codepen #codependesigns #css #design

1 min read

Cover image for CodePen Designs - 7 : Christmas Cannon

Jon Snow

Dec 21 '22

CodePen Designs - 7 : Christmas Cannon

#productivity #tooling

1 min read

Cover image for CodePen Designs - 8 : ThreeJS Toys - Particles Cursor

Jon Snow

Dec 22 '22

CodePen Designs - 8 : ThreeJS Toys - Particles Cursor

#gratitude

1 min read

Cover image for CodePen Designs - 9 : Dreaming of Jupiter - Three.js

Jon Snow

Dec 23 '22

CodePen Designs - 9 : Dreaming of Jupiter - Three.js

#codepen #css #design #codependesigns

1 min read

Cover image for CodePen Designs - 10 : Just Ice

Jon Snow

Dec 24 '22

CodePen Designs - 10 : Just Ice

#startup #marketing #saas #community

1 min read

Cover image for CodePen Designs - 11 : Impossible Checkbox v2 🐻

Jon Snow

Dec 26 '22

CodePen Designs - 11 : Impossible Checkbox v2 🐻

#gratitude

1 min read

Cover image for CodePen Designs - 12 : Pixel art studio

Jon Snow

Dec 27 '22

CodePen Designs - 12 : Pixel art studio

#codepen #css #design #codependesigns

1 min read

Cover image for CodePen Designs - 13 : Emoji Art Maker -Automatic Emoji Mosaics

Jon Snow

Dec 29 '22

CodePen Designs - 13 : Emoji Art Maker -Automatic Emoji Mosaics

#githubcopilot #productivity #software #ai

1 min read

Cover image for CodePen Designs - 14 : Sunrise and sunset

Jon Snow

Dec 31 '22

CodePen Designs - 14 : Sunrise and sunset

#codepen #css #design #codependesigns

1 min read

Cover image for CodePen Designs - 15 : Neumorphic Elements

Jon Snow

Jan 2 '23

CodePen Designs - 15 : Neumorphic Elements

#emptystring

1 min read

Cover image for CodePen Designs - 16 : SVG rope from path

Jon Snow

Jan 5 '23

CodePen Designs - 16 : SVG rope from path

#watercooler #vibecoding #jokes

1 min read

Cover image for CodePen Designs - 17 : Daily UI #002: Credit Card Checkout

Jon Snow

Jan 7 '23

CodePen Designs - 17 : Daily UI #002: Credit Card Checkout

#codepen #css #webdev #design

1 min read

Cover image for CodePen Designs - 18 : Video Sharing Platform UI

Jon Snow

Jan 9 '23

CodePen Designs - 18 : Video Sharing Platform UI

#productivity #agile #softwareengineering

1 min read

Cover image for CodePen Designs - 19 : CodePen Loader

Jon Snow

Jan 12 '23

CodePen Designs - 19 : CodePen Loader

#codepen #css #webdev #design

1 min read

Cover image for CodePen Designs - 20 : NightLight

Jon Snow

Jan 14 '23

CodePen Designs - 20 : NightLight

#discuss #programming #react #webdev

1 min read

Cover image for CodePen Designs - 21 : Scroll direction rotation

Jon Snow

Jan 16 '23

CodePen Designs - 21 : Scroll direction rotation

#gratitude

1 min read

Cover image for CodePen Designs - 22 : Auto Rotate Slider

Jon Snow

Jan 18 '23

CodePen Designs - 22 : Auto Rotate Slider

#discuss #programming #refactor #productivity

1 min read

Cover image for CodePen Designs - 23 : Services Section | Learn CSS Garden

Jon Snow

Jan 20 '23

CodePen Designs - 23 : Services Section | Learn CSS Garden

#showdev

1 min read

Cover image for CodePen Designs - 24 : 3D Card

Jon Snow

Jan 22 '23

CodePen Designs - 24 : 3D Card

#gratitude

1 min read

Cover image for CodePen Designs - 25 : Music App

Jon Snow

Jan 24 '23

CodePen Designs - 25 : Music App

#codepen #css #webdev #design

1 min read

Cover image for CodePen Designs - 26 : A Pen by Paul Slaymaker

Jon Snow

Jan 26 '23

CodePen Designs - 26 : A Pen by Paul Slaymaker

#discuss #react #learning

1 min read

Cover image for CodePen Designs - 27 : Colorful Vitamins

Jon Snow

Jan 27 '23

CodePen Designs - 27 : Colorful Vitamins

#codepen #css #webdev #design

1 min read

Jon Snow

Jan 29 '23

CodePen Designs - 28 : CSS Only Cubes Hover Effects

#codepen #css #webdev #design

1 min read

Cover image for CodePen Designs - 29 : tsParticles - Cursor Rainbow Shapes Trail

Jon Snow

Jan 30 '23

CodePen Designs - 29 : tsParticles - Cursor Rainbow Shapes Trail

#react #webdev #api #tooling

1 min read

Cover image for CodePen Designs - 30 : Daily UI #008 - 404 Page

Jon Snow

Jan 31 '23

CodePen Designs - 30 : Daily UI #008 - 404 Page

#codepen #css #webdev #devops

1 min read