codrops Goto Github PK

repos: 329.0 gists: 0.0

Name: Codrops

Type: Organization

Blog: http://www.codrops.com

Codrops's Projects

blueprint-fixedbackgroundscrollinglayout

A fixed background image scrolling layout with 100% height panels and smooth scrolling.

blueprint-fullwidthimageslider

A very simple 100% width slider that scales down to mobile.

blueprint-horizontaldropdownmenu

A responsive horizontal drop-down menu inspired by the Microsoft.com menu.

blueprint-nestedaccordion

A simple, nestable accordion with some examples of nesting levels and a media query.

blueprint-quotesrotator

A simple automatic quotes rotator with progress bar and example media query.

blueprint-responsivefullwidthgrid

A responsive grid layout for multiple items in a row that fill all the available width.

blueprint-slidepushmenus

Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.

blueprint-verticaliconmenu

A fixed vertical icon menu that adjusts its size for smaller screens.

blueprint-verticaltimeline

A responsive vertical timeline layout with icons and example media queries.

bookblock

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

buttoncomponentmorph

Inspiration for revealing content by morphing the action element.

buttonhoverstyles

Some ideas for CSS-only button hover styles and animations

buttonstylesinspiration

Some ideas for modern and subtle button styles and effects

calendario

A jQuery calendar plugin for creating flexible calendars.

captionhovereffects

A tutorial on how to create some subtle and modern caption hover effects.

cardstackeffects

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

checkoutconcepts

Some simple ideas for enhancing the checkout process.

circularprogressbutton

Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)

circulartexteffect

An experimental circular SVG text animation

clickeffects

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.