best jquery plugins

102
Learning from the Best jQuery Plugins by Marc Grabanski

Upload: rathiika

Post on 10-Nov-2014

36 views

Category:

Documents


5 download

DESCRIPTION

Jquery tutorial, best tutorial

TRANSCRIPT

Page 1: Best Jquery Plugins

Learning from the Best jQuery Plugins

by Marc Grabanski

Page 2: Best Jquery Plugins

Created jQuery UI Datepicker and watch it grow like a weed

Page 3: Best Jquery Plugins

Made me very interestedin examining plugins projects

Page 4: Best Jquery Plugins

TONS of jQuery Plugins

Page 5: Best Jquery Plugins

Looked at 500+ pluginsand selected 30+ best

Page 6: Best Jquery Plugins

Picked plugins based on what I use or what was recommended

Page 7: Best Jquery Plugins

jQuery Plugins Toolboxhttp://marcgrabanski.com/jquery-plugins-toolbox/

My BEST plugins list

Page 8: Best Jquery Plugins

What lessons can learn by examining plugin projects?

Page 10: Best Jquery Plugins

Everything one click away

Page 11: Best Jquery Plugins

Focused on Community

Page 12: Best Jquery Plugins

“it started out as a little snippet of code that almost every web developer, at one

point or another, has written..”

Ben Alman

Page 15: Best Jquery Plugins

Themes

Page 16: Best Jquery Plugins

very customizable, 36 options

Page 17: Best Jquery Plugins

“I would make a selection based on how well it's appearance fit the project at hand.”

Jack Moore

Page 18: Best Jquery Plugins

“..added it to the jQuery plugin repository and make a post about it on Reddit.com. Bloggers

picked it up from there”

Page 20: Best Jquery Plugins

Simple API, great functionality, looks good

Page 22: Best Jquery Plugins

“jQuery itself lacked such functionality. cookie handling is such a basic requirement”

Klaus Hartl

Page 24: Best Jquery Plugins

“at this stage in its lifecycle it's less about adding features and more about adding demos.”

Mike Alsup

Page 25: Best Jquery Plugins

tons of demoscommitment to community

Page 27: Best Jquery Plugins

mixes date picker with english

Page 28: Best Jquery Plugins

http://lab.smashup.it/flip/

Page 29: Best Jquery Plugins

“I built Flip after discovering that you can create triangles/polygons by changing border properties of an element”

Luca Manno

Page 30: Best Jquery Plugins

“people started downloading it and ask me for new features/bug fixing”

Page 31: Best Jquery Plugins

http://jquery.malsup.com/form/

Page 32: Best Jquery Plugins

“early 2008 the form plugin initially evolved as a collaborative effort [through the mailing list].”

Mike Alsup

Page 33: Best Jquery Plugins

“The most notable feature addition I made was the ability to support file uploads.”

Page 34: Best Jquery Plugins

“I really don't make an effort to spread the word about the Form Plugin, it seems to thrive on its own.”

Page 35: Best Jquery Plugins

http://code.google.com/p/flot/

Page 36: Best Jquery Plugins

answers our burning questions of browser support

right away

Page 37: Best Jquery Plugins

diverse demos shows versatility

Page 38: Best Jquery Plugins

“the existing open source Javascript chart solutions were somewhat limited. We specifically missed some interactive features for a client”

Ole

Page 39: Best Jquery Plugins

“It is complicated. Really, you need to weigh the usefulness of new features against the complexity they add.”

Page 42: Best Jquery Plugins

“I built this plugin just to scratch an itch. I needed a masked input for a project I was working on and I wasn't happy with the current offerings” Josh

Page 43: Best Jquery Plugins

“The only place I've ever really talked about it was on the jQuery mailing list”

Page 44: Best Jquery Plugins

“Several people have submitted patches and bug reports. When I see something that I feel like I

might use, then I'll implement it or roll a patch in.”

Page 45: Best Jquery Plugins

http://sorgalla.com/jcarousel/

Page 46: Best Jquery Plugins

DEMOS!

Page 48: Best Jquery Plugins

DEMOS!

Page 49: Best Jquery Plugins

“I originally built Jcrop because I had searched for competing image cropping plugins for jQuery and the offerings were marginal.” Kelly Hallman

Page 50: Best Jquery Plugins

“I sent out a message to the jQuery mailing list and sent messages inviting several high-profile web

development blogs.”

Page 53: Best Jquery Plugins

DEMOS!

Page 54: Best Jquery Plugins

 “as a Mac user I was familiar with Growl and decided that would serve as a good basis for what

we were trying to do.”

Stan Lemon

Page 56: Best Jquery Plugins

Deep API and supporting documentation

Page 57: Best Jquery Plugins

DEMOS!

Page 58: Best Jquery Plugins

“I started the idea when I needed an easy way to represent database information in my project.” Tony

Page 59: Best Jquery Plugins

“I really try to extract the essence from the user requests.”

Page 61: Best Jquery Plugins

http://www.jstree.com/

Page 62: Best Jquery Plugins

deep documentation and demos

Page 63: Best Jquery Plugins

“I decided to create a tree view after spending countless hours in searching for a tree that met all the requirements for a web-based CMS I was creating” Ivan

Page 64: Best Jquery Plugins

http://layout.jquery-dev.net/

Page 66: Best Jquery Plugins

“I build it for my personal need. I needed an simple editor which was not a bloated WYSIWYG editor.” Jay Salvat

Page 70: Best Jquery Plugins

“I was really tired of seeing the same lightbox modal windows”

Christoph Schüßler

“I wanted a gallery that could exist inline with the content”

Page 71: Best Jquery Plugins

“I posted a link on dzone and on on digg.”

Page 72: Best Jquery Plugins

“I added a dedicated site and an account at uservoice ... there are also many requests which I'm not going to follow, as they deviated too much from

the original purpose of the plugin.”

Page 74: Best Jquery Plugins

Partnered with a designer to“create stunning demo & documentation website”

Page 75: Best Jquery Plugins

“I loved this effect on Mac apps”

Jack

“I don't like Flash”

“[I wanted to] do something cool and share it with people.. give back”

Page 76: Best Jquery Plugins

“submitted the plugin to the jQuery website plugin repository, and drop a message on the jQuery group.”

Page 78: Best Jquery Plugins

“After reading Karl's article I realized that was a pretty useful thing that I needed myself”

Ariel Flesler

Page 79: Best Jquery Plugins

“I didn't do much really, I posted on jquery-en about it, and kept doing that for major releases.”

Page 80: Best Jquery Plugins

“I tried filtering through the requests and rejecting those features that seemed out of scope.”

Page 82: Best Jquery Plugins

http://tablesorter.com/docs/

Page 84: Best Jquery Plugins

“[there is a] universally accepted form and behavior [of calendars] while there is no such thing for a time picker.”

“Principally for fun and exploration purpose.”

Maxime Haineault

Page 85: Best Jquery Plugins

“I posted a link on reddit and woke up the next morning to see that my submission had taken off quite well, enough to crash my VPS and down my

site overnight.”

Page 86: Best Jquery Plugins

“.. when other programmers send me patches, I always commit them as soon as I can.”

Page 87: Best Jquery Plugins

“The most enriching part was probably learning how to deal with many ‘willing’ contributors. I

learned that often hell is paved with good intentions, but I also learned how to manage hell.”

Page 89: Best Jquery Plugins

http://jqueryui.com/

Page 90: Best Jquery Plugins

ThemeRoller

Page 92: Best Jquery Plugins

http://www.uploadify.com/

Page 94: Best Jquery Plugins

Demos

Page 95: Best Jquery Plugins

“The validation plugin is the only one I've wrote from scratch, the others, like Tooltip, Accordion and Autocomplete, started with some code from someone else, usually where someone abandoned his plugin.”

Jörn

Page 97: Best Jquery Plugins

plugin theme SONG

Page 98: Best Jquery Plugins

In Summary

Page 99: Best Jquery Plugins

Authors Build Plugins to..

• Make Something Better• Fun / Exploration• Client Needs it

Page 100: Best Jquery Plugins

It is tough to decide on features and manage users’ feedback and patches.

Page 101: Best Jquery Plugins

The Best Plugins Have

• Great demos• Documentation• Browser Support / Testing• Fun!

Page 102: Best Jquery Plugins

Questions?

Marc Grabanski: http://marcgrabanski.com

Twitter: http://twitter.com/1MarcEmail: [email protected]

User interface and web application development. Examples: http://mjgin.com/work.html