tstephens + javascript 120
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
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
Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade
july 2011 by tstephens
Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.
code
javascript
maps
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
YUI 3
june 2009 by tstephens
The YUI JavaScript Library is going to version 3 (beta) hopefully this week. In an effort to make the library as flexible as possible, YUI 3 introduces an all new plugin architecture that allows you to add your own functionality to nodes and widgets.
javascript
webdesign
framework
ui
programming
yui
june 2009 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
Firediff - In Case of Stairs
april 2009 by tstephens
Firediff is a Firebug extension that tracks changes to a pages DOM and CSS.
javascript
tools
browsers
plugin
firefox
webdev
april 2009 by tstephens
Browswer Ball
march 2009 by tstephens
Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. It's quite fun.
webdesign
games
cool
fun
javascript
js
experiment
march 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
Fluid 960 Grid System | 16-column Grid
january 2009 by tstephens
A good demo page showing a fluid 16 column grid, in conjuction with mooTools.
javascript
demo
reference
mootools
grid
webdesign
template
january 2009 by tstephens
Select Cuts Off Options In IE (Fix)
january 2009 by tstephens
If you set a static width on the <select> element, any <option> elements that are wider get cut of in IE 7 and below. There is no good CSS solution for this that I can come up with or find. It has been tackled with JavaScript a number of ways.
javascript
CSS
browsers
how-to
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
Yahoo! UI Library: Rich Text Editor
december 2008 by tstephens
I don't use YUI, I'm more of a jQuery type of guy. But this is very nice. Very very nice indeed.
javascript
design
yui
library
CSS
webdesign
tools
html
forms
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
Displaying code on your blog
november 2008 by tstephens
Nice embeddable code using SyntxHighlighter
coding
html
development
javascript
plugins
november 2008 by tstephens
Ten Web Development Tips I Wish I'd Known Two Years Ago
november 2008 by tstephens
A very nice list of tips. I particularly endorse both the charging for IE 6 support, and the learning of a JavaScript API (jQuery, mootools, etc)
lists
javascript
webdesign
design
CSS
tips
development
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
CSS Text Wrapper
december 2007 by tstephens
Wrap your text into any shape whatsoever. Seriously, go play with the demo, check it out.
css
javascript
demo
december 2007 by tstephens
mooFx v2.
november 2006 by tstephens
moo.fx2 Introduces a lot of new stuff: beginning with Fx.Style, to modify any chosen CSS property, then Fx.Styles, to modify any number of CSS properties at once. Those two are the most powerful effects, and if you're hardcore enough, the ones you'll ever
javascript
coding
web2.0
tools
november 2006 by tstephens
WordPress Comments System built with Yahoo! UI
october 2006 by tstephens
WordPress Comments System built with Yahoo! UI
cool
ajax
wordpress
coding
javascript
yahoo
october 2006 by tstephens
Lightbox JS: Fullsize Image Overlays
december 2005 by tstephens
Nice JS effect for popup images without the popups.
javascript
coding
reference
UI
webdesign
photos
how-to
december 2005 by tstephens
JavaScript Style Attributes
december 2005 by tstephens
Listed below are the tables of CSS properties for various HTML element style attributes.
javascript
reference
css
how-to
december 2005 by tstephens
SilverStripe Tree Control
october 2005 by tstephens
Nifty Javascript Tree Control
javascript
reference
coding
html
how-to
october 2005 by tstephens
JamesDam.com ≈ AJAX Login System Demo
august 2005 by tstephens
Interesting Login. Very different than the expected norm.
ajax
coding
javascript
reference
how-to
august 2005 by tstephens
related tags
accessibility ⊕ ajax ⊕ animation ⊕ architecture ⊕ awesome ⊕ bookmarklet ⊕ browsers ⊕ bugs ⊕ calendar ⊕ career ⊕ charts ⊕ code ⊕ coding ⊕ comparison ⊕ cool ⊕ css ⊕ d3 ⊕ data ⊕ debugging ⊕ demo ⊕ design ⊕ dev ⊕ development ⊕ effect ⊕ effects ⊕ example ⊕ experiment ⊕ firebug ⊕ firefox ⊕ flickr ⊕ forms ⊕ framework ⊕ frontend ⊕ fun ⊕ gallery ⊕ games ⊕ graphing ⊕ grid ⊕ hacks ⊕ how-to ⊕ howto ⊕ html ⊕ HTML5 ⊕ iframe ⊕ infographics ⊕ inspiration ⊕ interview ⊕ ios ⊕ ipad ⊕ j ⊕ java ⊕ javascript ⊖ jobs ⊕ jquery ⊕ js ⊕ layout ⊕ library ⊕ lightbox ⊕ list ⊕ lists ⊕ logging ⊕ look_and_feel ⊕ maps ⊕ menu ⊕ menus ⊕ Microsoft ⊕ mootools ⊕ navigation ⊕ notification ⊕ notifications ⊕ patterns ⊕ performance ⊕ photo ⊕ photos ⊕ plugin ⊕ plugins ⊕ programming ⊕ prototype ⊕ query ⊕ readlater ⊕ reference ⊕ regex ⊕ responsive ⊕ search ⊕ slider ⊕ slideshow ⊕ standards ⊕ table ⊕ template ⊕ testing ⊕ tips ⊕ tool ⊕ tools ⊕ tutorial ⊕ tutorials ⊕ typography ⊕ ui ⊕ via:popular ⊕ visualization ⊕ web ⊕ web2.0 ⊕ webdesign ⊕ webdev ⊕ wordpress ⊕ yahoo ⊕ yui ⊕Copy this bookmark: