Quantcast
Channel: CODE STUFF
Browsing latest articles
Browse All 156 View Live

Animate.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 Article


Fixed image backgrounds

Author: Louis Coyle Created: May 11, 2013 Codepen page: http://codepen.io/dropside/pen/bxhke

View Article


Font 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 Article

Responsive 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 Article

Pure 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 Article


Life 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 Article

Bootstrap - 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 Article

Kontext 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 Article


SpinKit - 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 Article


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 Article
Browsing latest articles
Browse All 156 View Live