DEV Community

Gracie Gregory (she/her)
Gracie Gregory (she/her)

Posted on

What are some of the coolest things you've made using *just* HTML or CSS?

The format of DEV's first official podcast, DevDiscuss, begins with an interview and ends with commentary from the community.

For this week’s episode, we want to know...

What are some of the coolest things you’ve made using just HTML or CSS?

If you'd like a chance to be featured in the episode, please send us a voice memo or leave a comment below by Wednesday, June 24th.

Details on how to participate:

  • Call our Google Voice at +1 (929)500-1513 and leave a message 📞
  • Send a voice memo to pod@dev.to 🎙

OR, if you don't want your voice recorded...just leave a comment here and we'll read your response aloud for you 🗣

Our most recent episode:

play pause DevDiscuss

Latest comments (46)

Collapse
 
themoviemadman profile image
Eliseo D'Annunzio

I recently created a pure CSS/HTML functional calendar which can correctly display months from Jan 1800 to Dec 2999 with no JavaScript, all through the use of CSS variables and some clever comparison logic functions I created, also in CSS.

Feel free to check it out at: codepen.io/eliseodannunzio/details...

Collapse
 
mikenickaloff profile image
Mike Nickaloff

nothing. html and css alone are almost useless without javascript

Collapse
 
anatolelucet profile image
Anatole Lucet

This:

Collapse
 
ayrtonvwf profile image
Ayrton Fidelis
Collapse
 
varunbhalla19 profile image
varunbhalla19

1) A beautiful Hamburger Menu Micro-interaction
codepen.io/varunbhalla19/pen/mdevBQB

2) A Login/Signup Page Animation
codepen.io/varunbhalla19/pen/PoPydjj

Collapse
 
gdebojyoti profile image
Debojyoti Ghosh

Thank you. 😊

Collapse
 
kretaceous profile image
Abhijit Hota

All the following pens are like 3-4 years old. These may/may not be cool but the title says "coolest things you've made"! 😁

  1. A Rainbow Loader
  2. Reflection effect
  3. A hole (parallax?)
  4. A Dribbble clone that I'm proud of
Collapse
 
gdebojyoti profile image
Debojyoti Ghosh

Amusement Park. HTML & CSS only. No images.
debojyotighosh.com/xp/amusement-park/

Best viewed on desktop.

Collapse
 
shaystibelman profile image
ShayStibelman

My whole homepage, stibelman.com is pure HTML and CSS. I have some JavaScript for cleanup and automation of a couple of things, but the rest is CSS.
It's kind of a hobby of mine to try to solve JavaScript solutions in CSS.

Collapse
 
geek_coding profile image
The Coding Geek

I have a couple CSS illustrations:

  1. NES controller
  2. Death-Star illustration

I also created a Markdown -> HTML converter however it mainly uses JS.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.