lheredia Goto Github PK

codrops-svg-drums

SVG animated drum kit you can play, built for a tutorial on Codrops

colorextraction

Creating a color palette from images in a fun way using CSS Filters and Vibrant.js

content-filter

A slide-in filter panel powered by CSS and jQuery.

creativegooeyeffects

Practical examples of how to apply the Gooey effect by Lucas Bebber

cssutil-for-sencha-touch2

CSS Util class

dashboards

Responsive dashboard templates for Bootstrap

dialogeffects

A collection of dialog effects using CSS (and SVG) animations.

dotnavigationstyles

A set of subtle effects and styles for simple dot navigation.

dragdropinteractions

Some inspiration for drag and drop interactions for the modern UI.

draggabledualviewslideshow

A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

elasticprogress

Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw

elasticsvgelements

Adding elasticity with SVG shape animations for enhanced UI interactions.

elementtransitions.js

Simple transitions for web pages

expandable-project-presentation

A gallery of project preview images that expand on click to reveal the full case study.

extjs-upload-widget

File upload widget for ExtJS v4

fancyletteranimation

An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).

filterableproductgrid

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.

fixed-background-effect

fourboxes

A tutorial on how to recreate the four panel background image slideshow seen on Atelier Serge Thoroval's website.

freewall

Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet...

fullscreenform

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.

fullscreenoverlaystyles

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

fullwidthtabs

100% width tabbed content with some example media queries for smaller screens.

ganon

Automatically exported from code.google.com/p/ganon

github-cheat-sheet

A list of cool features of Git and GitHub.

googlenexuswebsitemenu

A tutorial on how to recreate the slide out sidebar menu that can be seen on the Google Nexus 7 website.

grunt-mysql-dump

Code and database deployments using GruntJS

hero-slider

hextris

A fast paced puzzle game inspired by Tetris

hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.