10 Coding Tips to Write Superior jQuery Plugins
february 2012 by tstephens
Following a consistent design pattern and structure also helps when fixing bugs or building on top of a plugin. Having a structure that has proved to stand well in my other plugins means I won’t have to rehash my code to account for new details. I know it can hold well with small plugins as well as larger ones.
jquery
javascript
plugin
howto
tips
via:popular
february 2012 by tstephens
Redesigning the Country Selector
november 2011 by tstephens
From the Baymard Institute: "During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user's tab-flow.
So we took it upon ourselves to redesign the country selector."
forms
javascript
jquery
ui
So we took it upon ourselves to redesign the country selector."
november 2011 by tstephens
jQuery Performance Tips and Tricks (2011)
august 2011 by tstephens
Nice slideshow of a few good tricks about the underpinnings of speed and jQuery.
jquery
js
tips
webdev
coding
august 2011 by tstephens
Chosen - a javascript select thingy
july 2011 by tstephens
Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
forms
javascript
jquery
july 2011 by tstephens
Isotope
february 2011 by tstephens
David DeSandro has written a pretty cool jQuery plugin that adjusts your layout all sorts of crazy and cool ways. Check out the demos, words just don't work here.
layout
jquery
javascript
css
webdev
february 2011 by tstephens
FullCalendar - Full-sized Calendar jQuery Plugin
april 2009 by tstephens
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
jquery
javascript
demo
calendar
april 2009 by tstephens
jQuery plugin: Tablesorter 2.0
february 2009 by tstephens
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.
jquery
plugin
tables
datagrid
february 2009 by tstephens
Sorted Column Highlighting Widget for jQuery TableSorter Plugin
february 2009 by tstephens
Since Bill Beckman switched to using client side sorting for my tables via the tablesorter.js plugin created by Christian Bach, the one thing he have missed from the server side method he was using before is the highlighting of the sorted columns. He created a nice widget for this.
jquery
javascript
plugin
table
february 2009 by tstephens
The Sexy Curls jQuery Plugin by Elliott Kember
january 2009 by tstephens
You know that page-curl effect you get sometimes on sites? This is how to do it with jQuery. Not bad.
jquery
plugin
january 2009 by tstephens
Facebox 1.2
january 2009 by tstephens
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's simple to use and easy on the eyes. You'll need a loading image, close label, four corners, and solid border images in addition to the javascript and css files
jquery
css
javascript
plugin
lightbox
ui
january 2009 by tstephens
Visual Event
december 2008 by tstephens
A Javascript bookmarklet called Visual Event which visually shows the elements on a page that have events subscribed to them, what those events are and the function that the event would run when triggered. This is primarily intended to assist debugging, but it can also be very interesting and informative to see the subscribed events on other pages.
javascript
webdesign
tools
jquery
tool
bookmarklet
december 2008 by tstephens
Beautiful sIFR Replaced Text with a jQuery Plugin
december 2008 by tstephens
The jQuery sIFR Plugin is an addon for jQuery that makes it easy to replace text in a web page with flash text (sIFR, Scalable Inman Flash Replacement). It gives you a function in javascript to replace text in a web page dynamically with sIFR text, using native jQuery functionality along with the jQuery Flash Plugin.
jquery
javascript
design
typography
plugin
december 2008 by tstephens
prettyGallery - by Stephane Caron
november 2008 by tstephens
A nice image gallery script written in jQuery.
jquery
javascript
photos
gallery
how-to
november 2008 by tstephens
5 Tips for Better jQuery Code: jQuery, Tutorial
november 2008 by tstephens
Nice list of better jQuery techniques. I wasn't aware of some of the items in the list.
jquery
javascript
list
reference
tips
november 2008 by tstephens
Galleriffic - A jQuery plugin for rendering fast-performing photo galleries
october 2008 by tstephens
Nice image gallery script, fast.
jquery
plugin
gallery
javascript
webdesign
photos
october 2008 by tstephens
jQuery & CSS Example
october 2008 by tstephens
An extremely basic, yet extremely powerful, technique for adding dropdown menus using jQuery and CSS.
CSS
webdesign
jQuery
HowTo
tutorials
javascript
menus
october 2008 by tstephens
Microsoft and jQuery
september 2008 by tstephens
Microsoft is looking to make jQuery part of their official development platform. Their JavaScript offering today includes the ASP.NET Ajax Framework and they’re looking to expand it with the use of jQuery. This means that jQuery will be distributed with Visual Studio (which will include jQuery intellisense, snippets, examples, and documentation).
javascript
jquery
web
development
Microsoft
september 2008 by tstephens
10 Smart Javascript Techniques to Improve Your UI
september 2008 by tstephens
Nice list. Includes: jQuery Hover Sub Tag Cloud, Opacity Change, Image Upload and Auto Crop, Password Strength Meter, Magic Zoom, jQuery Autotab, Incredible Javascript Login Form, Context Highlighting Web Forms, Sliding Top Panel, Social History
javascript
jquery
lists
how-to
coding
september 2008 by tstephens
j.Parallax
september 2008 by tstephens
Parallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.
j
javascript
design
webdesign
inspiration
UI
jquery
animation
awesome
HowTo
plugin
plugins
js
september 2008 by tstephens
Flickr and jQuery
august 2008 by tstephens
Query Flickr plug-in is a JavaScript interface for Flickr Services API written on top of the jQuery library. It’s function is to process a Flickr API Standard Photo List returned in JSON and create a semantic gallery (unordered list) of thumbnail images (list items) with links to full size images. When combined with jQuery Litebox, a rich slide show, lightbox plug-in, jQuery Flickr provides a completely client-side solution, for integrating Flickr into your website, perfect for hosted blogs.
javascript
jquery
flickr
photo
august 2008 by tstephens
Qualified Selectors in jQuery
may 2008 by tstephens
Nice overview of .has(), and how to create a plugin that does ("a > img")
jquery
javascript
css
how-to
HowTo
may 2008 by tstephens
Do you have a pretty date?
january 2008 by tstephens
Pretty Dates are a nice way to display dates. Rather than put in Tuesday, Jan 29, 2008, this would put in "Today".
jquery
javascript
january 2008 by tstephens
Ingrid, the jQuery Datagrid.
december 2007 by tstephens
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
javascript
jquery
example
december 2007 by tstephens
related tags
animation ⊕ awesome ⊕ bookmarklet ⊕ bootstrap ⊕ calendar ⊕ coding ⊕ comparison ⊕ css ⊕ datagrid ⊕ demo ⊕ design ⊕ dev ⊕ development ⊕ effect ⊕ effects ⊕ example ⊕ flickr ⊕ forms ⊕ gallery ⊕ how-to ⊕ howto ⊕ html ⊕ html5 ⊕ inspiration ⊕ j ⊕ javascript ⊕ jquery ⊖ jqueryui ⊕ js ⊕ layout ⊕ lightbox ⊕ list ⊕ lists ⊕ menu ⊕ menus ⊕ Microsoft ⊕ navigation ⊕ notification ⊕ notifications ⊕ patterns ⊕ performance ⊕ photo ⊕ photos ⊕ plugin ⊕ plugins ⊕ programming ⊕ prototype ⊕ reference ⊕ table ⊕ tables ⊕ tips ⊕ tool ⊕ tools ⊕ tutorial ⊕ tutorials ⊕ typography ⊕ ui ⊕ via:popular ⊕ web ⊕ webdesign ⊕ webdev ⊕Copy this bookmark: