Skip to content
What's in my repo
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.md

README.md

Table of Contents

jQuery Plugins

A fluid asymmetrical animated grid plugin for jQuery

Skrollr, Stand-alone parallax scrolling library with zero dependencies. No jQuery. Just plain JavaScript

Accordion Form

SideTap, implementation of the side navigation pattern popularized by apps like Sparrow and Facebook.

Forkit.js An experimental animated ribbon which reveals a curtain of additional content.

Javascript spinner

Detect IE Alert

View - https://github.com/smillea/ie_alert

Click to unfold content

View - https://github.com/smillea/jquery-unfold

A javascript library for multi-touch gestures

View - https://github.com/smillea/hammer.js

A collection of CSS list scroll effects.

View - https://github.com/smillea/stroll.js

Notifications

View - https://github.com/smillea/noty

Transitions

View - http://ricostacruz.com/jquery.transit/

Page Slide

View - http://srobbin.com/jquery-plugins/pageslide/

Timeline

View - https://github.com/smillea/Timeline

Layout dynamic grids

View - https://github.com/smillea/Wookmark-jQuery

Time Glider

View - https://github.com/smillea/jquery_widget

Slider

View - https://github.com/smillea/bxslider

Sider Plugin with Infinite Style

View - https://github.com/smillea/Sequence

Camera slideshow is an open source project

View - https://github.com/smillea/Camera

A resoultion indepentent indicator that works in any browser

View - https://github.com/smillea/jquery-plugins

plugin for inflating web type

View - https://github.com/smillea/FitText.js

Mosaic sliding boxes

Automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, preloads images within boxes View - https://github.com/smillea/mosaic

rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.

View - https://github.com/smillea/rlightbox2

plugin for reordering and filtering items with a nice shuffling animation like the one in this video.

View - https://github.com/smillea/quicksand

An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

View - https://github.com/smillea/isotope

Tooltip plugin for control-obsessed designers.

View - https://github.com/smillea/tooltipsy

plugin that enables card-flip animations with only css animation

View - https://github.com/smillea/Flip-jQuery

Client side pagination with jQuery and CSS3

View - https://github.com/smillea/jPages

EasyZoom is an elegant, highly optimised jQuery image zoom and panning plugin based on the original

View -https://github.com/smillea/EasyZoom

Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

View - https://github.com/smillea/jquery-waypoints

jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

View - http://www.spritely.net/download/

A super simple JQuery plugin for modal windows.

View - https://github.com/smillea/leanModal.js

Chosen is a library for making long, unwieldy select boxes more friendly.

View - https://github.com/smillea/chosen

An easy-to-use jQuery plugin for making zooming web pages.

View - https://github.com/smillea/zoomooz

A plugin for defining custom scroll paths.

View - https://github.com/smillea/scrollpath

The page flip effect for HTML5

View - https://github.com/smillea/turn.js

Mobile Design

Sketch Sheets

Mobile design patterns, a list of mobile app UI's

Mobile inspired UI's

Pull down navigation

View - https://github.com/smillea/Pull-Down-for-Navigation

Overlay a grid on your site

View - http://www.developerdrive.com/2011/09/what-the-heads-up-grid-can-do-for-you/

Image replacement for retina display

View - http://www.noupe.com/design/the-mobile-web-css-image-replacement-for-retina-display-devices.html

CSS3 Techniques

Media Queries

View - http://www.developerdrive.com/2012/07/w3c-media-queries-proposal-boosts-responsive-web-design/

3D text

View - http://markdotto.com/playground/3d-text/

3D Button

View - http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/ Demo - http://css3exp.com/button/

Drop-shadows without images

View - http://nicolasgallagher.com/css-drop-shadows-without-images/ Demo - http://nicolasgallagher.com/css-drop-shadows-without-images/demo/

Patterns Gallery

Demo - http://lea.verou.me/css3exp/

A big ol' goody bag filled with CSS animations for WebKit, Firefox and beyond

View - https://github.com/smillea/animate.css Demo - https://github.com/smillea/animate.css

The Cross-Browser CSS3 Rule Generator

View - http://css3please.com/

Ultimate CSS Gradient Generator

View - http://www.colorzilla.com/gradient-editor/

CSS3 Maker

View - http://www.css3maker.com/

Grayscale images

View - http://jsfiddle.net/KDtAX/8/

CSS3 Pie makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.

View - http://css3pie.com/

Border Radius creator

View - http://border-radius.com/

Button generator

View - http://css3buttongenerator.com/

Cross-Browser Image Grayscale with CSS

View - http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html

HTML5

Easy Template

View - http://www.impressivewebs.com/easy-html5-template/

HTML5 Reset

View - https://github.com/smillea/HTML5-Reset

Fonts

Font face generator

30 Examples of Effective Font Replacement in Web Design

View - http://webdesignledger.com/inspiration/30-examples-of-effective-font-replacement-in-web-design

10 Fresh High-Quality Free Fonts

View - http://webdesignledger.com/freebies/10-fresh-high-quality-free-fonts

Custom icon sets that are stored in a handy web font

View - http://www.zurb.com/playground/foundation-icons

Reading

Designing for the Web

View - http://designingfortheweb.co.uk/book/index.php

Fundamentals

View - http://jqfundamentals.com/book/

Dive into HTML5

View - http://diveintohtml5.org/

10 Principles Of Effective Web Design

View - http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/

10 Useful Usability Findings and Guidelines

View - http://uxdesign.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/

Something went wrong with that request. Please try again.