You-Dont-Need-JavaScript

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

Github星跟蹤圖

You Don't Need JavaScript

Join the community on Spectrum

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;

 

  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. Info on hover/ Popover
  8. Image Gallery
  9. Menu
  10. Mobile menu off canvas
  11. Burger menu
  12. Fancy menu
  13. Modal/Popup
  14. Mouse tracking
  15. Parallax scrolling
  16. Tabs
  17. Todo List
  18. Tooltips
  19. Treeview
  20. Twitter Heart Animation
  21. Dynamic Image Colorizing
  22. Ripple Effect
  23. Responsive Counter Showing # of Items That Didn't Fit Screen

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


 

Info on hover/ Popover




⬆ back to top


 


⬆ 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


 

Responsive Counter Showing # of Items That Didn't Fit Screen

⬆ back to top


 

Contributing

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

主要指標

概覽
名稱與所有者you-dont-need/You-Dont-Need-JavaScript
主編程語言HTML
編程語言CSS (語言數: 4)
平台
許可證GNU General Public License v3.0
所有者活动
創建於2016-07-05 07:30:42
推送於2024-12-15 14:55:06
最后一次提交2024-12-15 20:40:06
發布數0
用户参与
星數20.2k
關注者數330
派生數1.4k
提交數1.1k
已啟用問題?
問題數155
打開的問題數43
拉請求數382
打開的拉請求數39
關閉的拉請求數148
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?