DEV Community

CSS Abuse

Abdelrahman Ismail on May 06, 2018

It’s all about CSS. All authors here either forgot to use JavaScript or they had disabled it in their browser and can not enable it back again; so ...
Collapse
 
renanlecaro profile image
Renan LE CARO • Edited

The menu trick is nice, I use something similar on a production website ciboulette.net/

The menu button (on mobile only) is a label for a checkbox, and the menu is shown via input:checked ~ menu.

I'm often browsing without js on mobile, because it's so much faster, but most website hamburger menus are broken without js. So I thought I'd make it work here, even though it doesn't matter to most people

Collapse
 
acard1990 profile image
Scott Cardinali

Wow, these are awesome. Glad to see I'm not the only one who loves CSS.

Collapse
 
myterminal profile image
Mohammed Ismail Ansari • Edited

This post started something that is impossibly hard to recover from. For a few days, I'll stare at random objects for long duration & lose a lot of sleep just thinking about those examples...

After all these years being fascinated with CSS and now having seen all this, I feel amazed, intimidated and ashamed, all at the same time.

Collapse
 
johnkreitlow profile image
John Kreitlow

I made an illustration of Homer Simpson in CSS a few years ago: radium-v.com/stuff/homer/

Collapse
 
yorodm profile image
Yoandy Rodriguez Martinez

Impresive!!!!

Collapse
 
chiangs profile image
Stephen Chiang

Absolutely insane and impressive.

Collapse
 
ashleyjsheridan profile image
Ashley Sheridan • Edited

Does a single div Mona Lisa count?

ashleysheridan.co.uk/blog/Single+D...

I've made a generator in PHP for these images too.

Collapse
 
ismail9k profile image
Abdelrahman Ismail

Yes for sure 😄

Collapse
 
cess11 profile image
PNS11

Quite interesting, thanks.

Collapse
 
kushagra21 profile image
Kushagra Sinha

Nice Work !!

Collapse
 
chemaclass profile image
Jose Maria Valera Reales

This is as crazy as amazing. Incredible 👏