30 Seconds of CSS
Tag: element
HEAD – A free guide to elements
HEAD – A free guide to elements
HTML Reference
HTML Reference
The Definitive Guide to CSS Pseudo-Classes
jQuery Flat Shadow by Pete R. | The Pete Design Add depth to your flat UI with jQuery Flat Shadow. Automatically casts a shadow creating depth for your flat UI elements.
Natural Language Form with Custom Input Elements | Codrops An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements. VIEW DEMO DOWNLOAD SOURCE There is something really interesting about Natural Language UIs and after visiting awesome Escape Flight, we wanted to play around with NL forms and custom form […]
Examples of Pseudo-Elements Animations and Transitions | Codrops Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects. VIEW DEMO DOWNLOAD SOURCE Today we are going to experiment with animations and transitions on pseudo-elements (:before and :after) and we are going to discover their potential. We will talk a bit about animating […]
Packery
Packery Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.
Flat UI: A delightful alternative to Bootstrap’s default look, sans gradients and drop shadows – The Next Web Bootstrap, the popular front-end framework which hailed from Twitter, continues to grow as a quick way for developers to get an attractive site up and running in little time. It’s a great starting point, but Bootstrap is […]
Responsive & Touch-Friendly Audio Player | Codrops A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. VIEW DEMO DOWNLOAD SOURCE You know that feeling when you are in the design heaven of Photoshop (or another maybe not that overpriced app), then come to writing the markup and things […]