Responsive navigation and full page layout
You can control scrolling or hiding through media queries... to optimizing for touchable devices. Codepen page: http://codepen.io/anon/pen/dPRpqm Author: How Bizarre Created June 17, 2013
View ArticleSpinKit - a collection of loading indicators animated with CSS
Simple loading spinners animated with CSS. SpinKit uses CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser—if you're...
View ArticleKontext slideshow
A context-shift transition inspired by iOS. Use the dots below or your keyoard arrows. Codepen page: http://codepen.io/hakimel/pen/FAiKv Author: Hakim El Hattab Created February 26, 2013
View ArticleBootstrap - the most popular HTML, CSS, and JavaScript framework
Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by Mark Otto and Jacob Thornton, and maintained by the core team with the massive...
View ArticleLife timeline with a filter navigation system
This is a little life and work timeline project I was working on. Made with Fontello icon fonts, a filter navigation system, a bit of jquery and a bunch of CSS3 features. Feel free to use the 'J' and...
View ArticlePure CSS - a set of small, responsive CSS modules
Unlike other frameworks, Pure's design is unopinionated, minimal and flat. We believe that it's much easier to add new CSS rules than to overwrite existing rules. By adding a few lines of CSS, you can...
View ArticleResponsive progress meter
Demos using a for loop to calculate the positions of a series of way-points with an animated progress bar. Uses content: counter(point) to auto-configure the numbering. Codepen page:...
View ArticleFont Awesome - iconic font and CSS framework
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. GitHub page:...
View ArticleFixed image backgrounds
Author: Louis Coyle Created: May 11, 2013 Codepen page: http://codepen.io/dropside/pen/bxhke
View ArticleAnimate.css - a cross-browser library of CSS animations
Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. GitHub page:...
View ArticleClik here to view.
Curved Cut
Actually I just wanted to code a layout idea with a curved cut header image, but ended up with this one. Even though it looks fine and performance quite good, I dislike the idea of having an inline svg...
View ArticleClik here to view.
Collection of Button Hover Effects
Collection of Button Hover Effects by David Conner. A few examples of flashy hover effects.Created January 11, 2015.http://codepen.io/davidicus/pen/emgQKJdemo (gif)
View ArticleClik here to view.
Wipe Hover Effect
Wipe Hover Effect by Travis Arnold. Created December 18, 2014.http://codepen.io/ftntravis/pen/pvbdWedemo (gif)
View ArticleClik here to view.
Magnify - a lightweight jQuery zoom plugin
Magnify JS is a simple, lightweight jQuery plugin that adds a magnifying glass style zoom functionality to images. It is a useful feature to have for product images on ecommerce websites, or if you...
View ArticleClik here to view.
Single-element Toggle Switch
Single-element Toggle Switch by Keith Pickering. Just another toggle switch.Created January 11, 2015.http://codepen.io/keithpickering/pen/EaZGQEdemo (gif)
View ArticleClik here to view.
Animated heading using css and javascript
Animated heading using css and javascript by Travis Arnold. Created January 11, 2015.http://codepen.io/ftntravis/pen/YPNOvMdemo (gif)
View ArticleClik here to view.
Timeline
Timeline by Bruno Rodrigues. Timeline for a personal project. Created January 11, 2015.http://codepen.io/brunodsgn/pen/KwarLp
View ArticleClik here to view.
iOS 7 Progress bar
iOS 7 Progress Bar by Marco Biedermann. A nice animated iOS 7 Progress Bar with long Shadow.Colors by Jordi Manuel. Created January 11, 2015.http://codepen.io/m412c0/pen/LExXWWdemo (gif)
View ArticleClik here to view.
Minimal About Page
Minimal About Page by DivDax. Created January 10, 2015.http://codepen.io/DivDax/pen/QwdBpo
View ArticleClik here to view.
TheaterJS
TheaterJS - typing effect mimicking human behavior.Features:Multiple actorsMistakesVariable speedScenario creationEventshttps://github.com/Zhouzi/TheaterJSdemo (gif)
View Article
