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.