DEV Community

Codepen Designs Series' Articles

Back to Jon Snow's Series
CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!
Cover image for CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!
jon_snow789 profile

CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!

#codepen #css #webdev #design
1
Comments 2
2 min read
CodePen Designs - 32 : Space globe - Three.js
Cover image for CodePen Designs - 32 : Space globe - Three.js
jon_snow789 profile

CodePen Designs - 32 : Space globe - Three.js

#codepen #css #design #webdev
4
Comments 1
1 min read
CodePen Designs - 33 : playing kid — morph and skeletal animation
Cover image for CodePen Designs - 33 : playing kid — morph and skeletal animation
00:48
jon_snow789 profile

CodePen Designs - 33 : playing kid — morph and skeletal animation

#devto #announcement #career #productivity
2
Comments
1 min read
CodePen Designs - 34 : Pricing - pure css - #16
Cover image for CodePen Designs - 34 : Pricing - pure css - #16
jon_snow789 profile

CodePen Designs - 34 : Pricing - pure css - #16

#web3 #blockchain #devto #announcement
Comments
1 min read
CodePen Designs - 35 : 3D Ecommerce Experience with Spline
Cover image for CodePen Designs - 35 : 3D Ecommerce Experience with Spline
jon_snow789 profile

CodePen Designs - 35 : 3D Ecommerce Experience with Spline

#debugging #productivity #coding
5
Comments
1 min read
CodePen Designs - 36 : Kill The King - Vue / HTML game
Cover image for CodePen Designs - 36 : Kill The King - Vue / HTML game
jon_snow789 profile

CodePen Designs - 36 : Kill The King - Vue / HTML game

#containers #docker #howto #productivity
3
Comments
1 min read
CodePen Designs - 37 : How Fast Can You Scroll?
Cover image for CodePen Designs - 37 : How Fast Can You Scroll?
jon_snow789 profile

CodePen Designs - 37 : How Fast Can You Scroll?

#codepen #css #webdev #design
1
Comments
1 min read
CodePen Designs - 38 : Exhibition
Cover image for CodePen Designs - 38 : Exhibition
jon_snow789 profile

CodePen Designs - 38 : Exhibition

#codepen #css #design #webdev
1
Comments
1 min read
CodePen Designs - 39 : Interactive particles text create with three.js
Cover image for CodePen Designs - 39 : Interactive particles text create with three.js
jon_snow789 profile

CodePen Designs - 39 : Interactive particles text create with three.js

#discuss #beginners
5
Comments
1 min read
CodePen Designs - 40 : 3D First Person Art Gallery - No Javascript!
Cover image for CodePen Designs - 40 : 3D First Person Art Gallery - No Javascript!
jon_snow789 profile

CodePen Designs - 40 : 3D First Person Art Gallery - No Javascript!

#codepen #css #webdev #design
1
Comments
2 min read
CodePen Designs - 41 : Traffic Run Game with Three.js
Cover image for CodePen Designs - 41 : Traffic Run Game with Three.js
jon_snow789 profile

CodePen Designs - 41 : Traffic Run Game with Three.js

#codepen #css #design #webdev
3
Comments
2 min read
CodePen Designs - 42 : Keyboard Hero
Cover image for CodePen Designs - 42 : Keyboard Hero
jon_snow789 profile

CodePen Designs - 42 : Keyboard Hero

#productivity #motivation
1
Comments
1 min read
CodePen Designs - 43 : Lottie Animations in React
Cover image for CodePen Designs - 43 : Lottie Animations in React
jon_snow789 profile

CodePen Designs - 43 : Lottie Animations in React

#css #codepen #webdev #design
4
Comments
1 min read
CodePen Designs - 44 : Newton's Light Bulbs 💡😎
Cover image for CodePen Designs - 44 : Newton's Light Bulbs 💡😎
jon_snow789 profile

CodePen Designs - 44 : Newton's Light Bulbs 💡😎

#codepen #css #design #webdev
3
Comments
1 min read
CodePen Designs - 45 : CSS Sleeping Blob
Cover image for CodePen Designs - 45 : CSS Sleeping Blob
jon_snow789 profile

CodePen Designs - 45 : CSS Sleeping Blob

#codepen #css #design #javascript
7
Comments
1 min read
A Realistic 3D Card hover effect using only CSS
Cover image for A Realistic 3D Card hover effect using only CSS
jon_snow789 profile

A Realistic 3D Card hover effect using only CSS

17
Comments
1 min read
Hexagon rotating gradient border
Cover image for Hexagon rotating gradient border
jon_snow789 profile

Hexagon rotating gradient border

7
Comments
1 min read
Image gallery with smooth hover effect
Cover image for Image gallery with smooth hover effect
jon_snow789 profile

Image gallery with smooth hover effect

#codepen #css #animation #webdev
15
Comments
1 min read
Mind-blowing CodePen for web developers
Cover image for Mind-blowing CodePen for web developers
jon_snow789 profile

Mind-blowing CodePen for web developers

#codepen #css #webdev #programming
11
Comments 3
3 min read