inkedcode / You-Dont-Need-JavaScript

CSS is powerful, you can do a lot of things without JS.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

You Don't Need JavaScript

Please note these demos should be considered as CSS "Proofs of Concepts". They may have serious issues from accessibility point of view (keyboard navigation, speech synthesis, etc.), or progressive enhancement/degradation/etc.

Style Guide:

## Subject

[<img src="images/image1.png" height="230" title="Demo 1">](http://url-to-page)
[<img src="images/image2.png" height="230" title="Demo 2">](http://url-to-page)
[<img src="images/image3.png" height="230" title="Demo 3">](http://url-to-page)

***
&nbsp;

 

Quick links

  1. Accordion / Toggle
  2. Carousel
  3. Counter of checked check-boxes
  4. Flip on click
  5. Floating label on Textfield
  6. Font-Face (Latin)
  7. Games
  8. Info on hover/ Popover
  9. Image Gallery
  10. Menu
  11. Mobile menu off canvas
  12. Burger menu
  13. Fancy menu
  14. Modal/Popup
  15. Mouse tracking
  16. Parallax scrolling
  17. Tabs
  18. Todo List
  19. Tooltips
  20. Treeview
  21. Twitter Heart Animation
  22. Dynamic Image Colorizing
  23. Ripple Effect

Accordion / Toggle

back to top


 

Carousel

back to top


 

Counter of checked check-boxes

back to top


 

Flip on click

back to top


 

Floating label on Textfield

back to top


 

Font-Face (Latin)

back to top


 

Games

back to top


 

Info on hover/ Popover

back to top


 

Image Gallery

back to top


 

Loaders

back to top


 

Menu

back to top


 

Mobile menu off canvas

back to top


 

Burger Menu

back to top


 

Fancy Menu

back to top


 

Modal/Popup

back to top


 

Mouse tracking

back to top


 

Parallax scrolling

back to top


 

Tabs

back to top


 

Todo List

back to top


 

Tooltips

Treeview

back to top


 

Twitter Heart Animation

back to top


 

Dynamic Image Colorizing

back to top


 

Ripple Effect

back to top


 

Contributing

Welcome to contribute to this project. Send us a Pull Request now!

About

CSS is powerful, you can do a lot of things without JS.

License:Other


Languages

Language:CSS 100.0%