RSS

44sunsets + jquery   62

turn.js - The page flip effect for HTML5
jquery  pageturner  page  turner  turn  turning  animated  flip  flipper  flipping  pageflipping  book  pages  html5  plugin  tablets  smartphones  phones  mobile 
yesterday by 44sunsets
jmpress.js | a jQuery plugin to build a website on the infinite canvas
jquery  jmpress  impress.js  js  plugin  fork 
yesterday by 44sunsets
FredHQ - Roundabout for jQuery by Fred LeBlanc
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
jquery  roundtable  circular  plugin  carousel  round  circle  animation  animated 
yesterday by 44sunsets
Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
jquery  backgroundimage  background  image  bg  images  resize  dynamic  resized 
6 weeks ago by 44sunsets
izilla/jQuery-touchMenuHover - GitHub
Allows ULs that open on li:hover to open on tap/click on mobile platforms such as Android, WP7 etc.

Safari on iOS is the only major mobile browser that opens child ULs when tapped; every other platform just follows the link. With this plugin, the click/tap event is intercepted allowing the menu to be opened. Tapping the link again will follow it. Tapping anywhere else on the document will close the menu.
mobile  ios  android  jquery  plugin  touch  hover  menu  open  close  show  hide  expand  collapse  mouseover  onhover  tap  ontap 
february 2012 by 44sunsets
jQuery silhouette rollovers - Band Rollovers
jquery  silhouette  rollovers  fade  fading  effect  rollover  mouseover  hover  opacity 
february 2012 by 44sunsets
Contextual Slideout Tips With jQuery & CSS3 | Tutorialzine
By now, you’ve probably heard about Adobe’s new CS5 software pack. Also, you’ve probably seen their product pages, where they present the new features of the suite. Apart from the great design, they’ve also implemented an interesting solution for showcasing the new features their products are capable of – using contextual slideout tips.

Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.
contextual  slideout  slideouts  sliding  mouseover  hover  jquery  box  boxes 
february 2012 by 44sunsets
Awesome Bubble Navigation with jQuery
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started. The Markup The HTML will ...
circle  circular  bubble  navigation  jquery  hover  easing 
february 2012 by 44sunsets
AviaSlider - a unique jQuery Image slideshow plugin!
jquery  unique  curtain  effects  slider  image  plugin  images  sliding  diagonal  dropping  fading  winding  blocks 
february 2012 by 44sunsets
Mosaic - Sliding Boxes and Captions jQuery Plugin
So, what exactly does Mosaic do?

Automatically generates sliding boxes & captions
Allows slide & fade animations with custom directions
Preloads images within boxes
mosaic  sliding  boxes  box  slide  jquery  plugin  titles  captions  caption  title  fade  animation  animations  directions 
february 2012 by 44sunsets
How To Build an Animated Header in jQuery
Why not give a little flair to your header. This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.

What We Are Building

We are going to build a header that animates it’s background. We will also encase the header in shadow for the little extra dramatic effect.
jquery  animated  header  banner  background  shadow  dark  image  scrolling  moving  animation  js 
february 2012 by 44sunsets
Building a Custom HTML5 Audio Player with jQuery « Neutron Creations
We recently built an HTML5 audio player for Tim Van Damme‘s The Box, a new podcast where he interviews people who make cool stuff. Tim wanted an HTML5 audio player on the site, and we put together some jQuery to hook up the player interface he designed. In this article we’ll run through the code to explain how it works, covering a few caveats along the way.

Here’s the player interface, and the markup for it.
html5  audio  player  tutorial  jquery  javascript 
november 2011 by 44sunsets
MediaElement.js - HTML5 video player and audio player with Flash and Silverlight shims
html5  javascript  jquery  video  audio  player 
november 2011 by 44sunsets
AutoSuggest jQuery Plugin | Drewwilson.com
So I needed to add some auto-completing functionality to my project Build It With Me. I figured it would be easy to find a ready-made jQuery plugin to do the work for me. I was wrong.
Naturally I took it upon myself to solve this problem for all of you :) I created this plugin to be as general purpose as possible. As a result it ended up being vastly more customizable than any other jQuery auto-complete plugin. Not only that, I am using actual jQuery. For some reason all the other "jQuery" plugins don't really take advantage of the radness that is jQuery. Consequently, my plugin ended up being dramatically smaller in size (way less code). Just 7kb 8.8kb minified and only 6kb packed. Have fun with it!
AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.
javascript  jquery  plugin  autocomplete  autosuggest  auto  suggestions  suggestion  suggest  complete  autofill  js  webdev 
november 2011 by 44sunsets
javascript - In jQuery, how to attach events to dynamic html elements? - Stack Overflow
4 down vote favorite
share [fb] share [tw]


Suppose I have some jQuery code that attaches an event handler to all elements with class "myclass". For example:

$(function(){
$(".myclass").click( function() {
// do something
});
});

And my html might be as follows:

<a class="myclass" href="#">test1</a>
<a class="myclass" href="#">test2</a>
<a class="myclass" href="#">test3</a>

That works with no problem. However, consider if the "myclass" elements were written to the page at some future time.
jquery  future  dynamic  events  elements  element  dynamically  created  attach  handler  live  die 
september 2011 by 44sunsets
FlexSlider - The Best Responsive jQuery Slider
In this post, we are glad to release a responsive jQuery slider plugin Flexslider which has been created, developed and maintained by Tyler Smith and released for Smashing Magazine and its readers. As usual, the plugin is absolutely free to use in private and commerical projects. The plugin includes fade and slide animations, customizable options as well as all the navigation options you would expect in such a plugin — touch gestures inclusive! It uses simple, semantic markup to create the slider and is lightweight, weighing only 5 Kb (minified). The plugin has been tested in Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+, and IE7+. iOS and Android devices are supported as well. In three simple steps, you can have a fully responsive slider for your responsive design.
javascript  jquery  slider  sliding  slideshow  imageslider  ios  android  iphone  ipad 
august 2011 by 44sunsets
How to Track File Downloads in Google Analytics | Web Analytics Blog
Out of the box, Google Analytics will not track how many times people download PDFs or other file types, simply because those files do not have the ability to request a tracking pixel. In this blog post, we’ll be covering the ways to properly track file downloads in Google Analytics.

Throughout this blog post, I’ll be assuming that you are wanting to track a PDF download, but keep in mind that you could use this same technique to track the download of a .mp3, .mp4, .xlsx, etc — it really does not matter. Additionally, I recommend tracking file downloads as events (so that you are not inflating pageviews on your site), but you could very well track them as pageviews. In the new Google Analytics v5, you can now setup events as goals!
ga  googleanalytics  analytics  google  js  jquery  download  downloads  tracking  track  pdf  doc  xls  ppt  mp3  event  events  pageviews 
june 2011 by 44sunsets
Timeglider jQuery Plugin/Widget
Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning, and much more. This Javascript/jQuery plugin is completely free & open-source [MIT]. Commercial solutions are under development which will complement the timeline viewer: authoring tools, databases, support plans, etc. Our code repository is at github.com/timeglider.

The timeline can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller. Any white area on the "stage" of the timeline can be dragged left and right, as can the blue "ruler" which marks out different units of time. Clicking on an event brings up a small modal window with a description and links if any are provided in the data.

In addition to being loaded from a JSON file (or JSON-formatted PHP, etc), Timeglider timelines can load directly from data you provide in an HTML table.
time  glider  timeline  timelines  jquery  plugin  javascript  webdev  opensource  mit  free 
april 2011 by 44sunsets
FullCalendar - Full-sized Calendar jQuery Plugin
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). It is open source and dual licensed under the MIT or GPL Version 2 licenses.
js  javascript  jquery  calendar  month  week  day  daily  weekly  monthly  view  google  googlecalendar  plugin  ajax 
march 2011 by 44sunsets
Graphics Atlas: Search Processes
timeline  control  slider  MIT  js  jquery  javascript  webdev 
february 2011 by 44sunsets
Update: A New & Improved jQuery Script to Automatically Preload images from CSS | Filament Group, Inc., Boston, MA
New version improvements

Among other small improvements, this release allows preloading images from any directory specified in the CSS. Also offers load status updates for text and image-based load bars.
jquery  js  javascript  css  preload  load  images  image  cache  webdev 
january 2011 by 44sunsets
Easiest Tooltip and Image Preview Using jQuery | Css Globe
I love jQuery and the way it makes developer's life easier. Although it took me a while to accept it and I still prefer to write my own stuff, I can't deny its advantages. Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library. So I came up with a script so simple it hurts! The best thing yet is that it can be applied for a variety of purposes. Today I will show you 3 examples of using the same very, very simple script.
jquery  hover  hovering  image  preview  tooltip  thumbnail  images  photo 
october 2010 by 44sunsets
Beautiful Photo Stack Gallery with jQuery and CSS3 | Codrops
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.
jquery  photo  stack  stacking  shuffling  return  top  most  animated  animation  browse  image  photos 
october 2010 by 44sunsets
JQuery Twitter Search Plugin
jquery  twitter  search  plugin 
october 2010 by 44sunsets
Interactive Photo Desk with jQuery and CSS3 | Codrops
In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
interactive  drag&drop  dragndrop  draganddrop  photo  photos  selection  shuffle  pile  stack  images  jquery  javascript  rotate  slideshow  desk  table 
october 2010 by 44sunsets
imgAreaSelect - image selection/cropping jQuery plugin - odyniec.net
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
image  area  select  selection  plugin  jquery  javascript  rectangular  cropping  photo  tag  tagging  tags  flickr 
september 2010 by 44sunsets
jPlayer : the CSS styleable jQuery audio player plugin
jPlayer is a jQuery plugin that allows you to:

play and control audio files in your webpage
create and style an audio player using just HTML and CSS
add sound effects to your jQuery projects
support more devices using HTML5
All of this with HTML5 <audio> support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash
jplayer  jquery  javascript  html5  audio  playback  player  script  js  sound  mp3  ogg  flash  fallback  plugin  plugins  webdev  css 
september 2010 by 44sunsets
CrossSlide
CrossSlide is a jQuery plugin implementing in 2kB1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!)
jquery  cross  sliding  kenburns  ken  burns  effect  fading  fade  crossfading  animation  gallery  slideshow  javascript  image  images  crossslide  plugin 
august 2010 by 44sunsets
AJAX-ZOOM jQuery Image Zoom & Pan Gallery, PHP - Javascript image magnifier
AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery (JavaScript) and PHP. It is a completely packaged low cost solution1 to present high resolution images on the web. With over 250 options AJAX-ZOOM is very flexible and can be seamlessly integrated into any website - branding free! AJAX-ZOOM also doesn't require any browser plugins such as Flash, Java or Silverlight. It's all cross-browser javascript and PHP.
jquery  php  javascript  zoom  zoomify  zoomer  pan  panning  image  gallery  viewer  magnifier  images  zooming  ajax 
august 2010 by 44sunsets
jQuery Smooth Div Scroll by Thomas Kahn
Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key here.
jquery  javascript  smooth  scroll  scrolling  scroller  div  image  gallery  panorama 
august 2010 by 44sunsets
jQuery idleTimer plugin « Paul Irish
There are a few cases where you want to know if the user is idle. Namely:

* You want to preload more assets
* You want to grab their attention to pull them back
* You want close their banking session after 5 minutes of inactivity. (Jerk!)
* You want the site to sneak off the screen and see if they notice ;-)

Nick Zakas wrote a script for YUI3 to handle these cases. His writeup has a great description of the architecture approach he took to the script.

In my jQuery adaptation, I did a few different things:

1. Leveraged event namespaces for easy unbinding
2. Considered mousewheel as activity, in addition to keyboard and mouse movement.
3. Gave it a bit more jQuery-ish of an API
jquery  javascript  idle  idletimer  settimeout  timeout  page  keyboard  mouse  event  plugin  timer  activity 
july 2010 by 44sunsets
Create an iPhone optimised website using jQTouch | TutToaster
Recently I have been digging deeper into the world of web development for mobile devices. In particular for mobile Safari which is the browser that the iPhone and iPod Touch uses. I have recently been working on a redesign of my main freelancing website and I’ve decided that I’d like an iPhone-friendly version and so I have chosen to create a tutorial out of developing my own iPhone optimised website.
jqtouch  tutorial  site  website  iphone  webdev  webdesign  jquery  mobile 
june 2010 by 44sunsets
Show/Hide Content with Noscript, CSS & jQuery | Brightscape Blog
Within the CSS you need to set the #hasjs paragraph to display:none. We will then use jQuery to override the CSS if JavaScript is enabled.

<style type="text/css">
#hasjs {
display:none
}
</style>

The jQuery

The following piece of JavaScript tells the browser to hide the #nojs paragraph and show the #js paragraph. This obviously only applies if JavaScript is enabled in the browser.

<script type="text/javascript">
$(document).ready(function(){
$('#nojs').hide();
$('#hasjs').show();
});
</script>
css  javascript  jquery  accessibility  noscript  show  hide  content  accessible  graceful  degradation  degrade  progressive  enhancement 
june 2010 by 44sunsets
jQuery for Designers - Tutorials and screencasts
javascript  jquery  ajax  inspiration  tutorials  showcase  web  design  webdesign  webdev  css  howto  designer  interface  ui  tutorial  resources 
may 2010 by 44sunsets
Expand and collapse content accessibly with progressive enhancement, jQuery, and ARIA | Filament Group, Inc., Boston, MA
Collapsible content areas are frequently presented in web sites and applications as a way to let users to control how content is shown or hidden on the page. Also called collapsibles, spin-downs, toggle panels, twisties, and content disclosures, they're ideal for selectively displaying optional information — like instructional text or additional details, for example — so users can focus on the task at hand and view this content only as needed.

The collapsible content area widget is fairly simple — a couple of HTML elements controlled with minimal CSS and JavaScript — but when we were researching our book, Designing with Progressive Enhancement, we discovered that many common approaches to creating collapsible content fail to incorporate accessibility features. Happily, there is a way to build collapsible content with progressive enhancement so it delivers an optimal accessible experience for sighted and screen reader users alike.
jquery  progressive  enhancement  JS  javascript  webdev  web  development  show  hide  showhide  collapse  expand  script  aria  accessible  accessibility 
may 2010 by 44sunsets
Nivo Slider - The Most Awesome jQuery Image Slider
16 unique transition effects
Simple clean & valid markup
Loads of settings to tweak
Built in directional and control navigation
Packed version only weighs 15kb
Supports linking images
Keyboard Navigation
HTML Captions
Free to use and abuse under the MIT license

Browser Support

Nivo Slider has been tested in the following browsers:

Internet Explorer v7+
Firefox v3+
Google Chrome v4+
Safari v4+
Opera v10+
webdev  web  design  development  javascript  jquery  image  images  slider  scroller  slideshow  script  gallery  transition  effects  imageslider  nivo  plugin  carousel  js  photo 
april 2010 by 44sunsets
Highcharts - Interactive JavaScript charts for your webpage
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

It works in all modern browsers including the iPhone and Internet Explorer from version 6. Standard browsers use the Canvas element and in some cases SVG for the graphics rendering. In Internet Explorer graphics are drawn using VML.
jquery  mootools  javascript  js  webdev  web  development  chart  charts  graphs  pie  graph  graphing  library  data  visualization  visualisation  svg  vml  highcharts  canvas 
january 2010 by 44sunsets
Toggle Tutorial - jQuery CSS Toggle Effect - javascript toggle tutorial - simple Toggle Effect
I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the “open” and “close” graphic state.

After reading a few tutorials and mix and matching techniques I was able to achieve this effect, but wanted to share it with those who experienced the same frustration that I had gone through.
jquery  webdev  open  close  toggle  active  inactive  state  states  graphic  graphics  expand  collapse  animated  animate  showhide  web  design  css  javascript  tutorial  animation 
january 2010 by 44sunsets
Simplest jQuery Slideshow - Snook.ca
A friend was looking at doing a simple slideshow. The requirements were very straightforward:

* No animation controls. eg: play, stop.
* Images should cross-fade.

Her instinct was to find an existing jQuery plug-in and revise it to work to her needs. That would seem simple enough but if you do a search for jQuery slideshows, you'll find that there are plenty of them and they are filled with plenty of functionality.

Using an existing plug-in wasn't very practical and hard to work with. I had even recommended a script that I, myself, had written but she quickly realized it didn't meet the requirements.

I put my thinking cap on and decided to write a script from scratch. "Under 20 lines," I exclaimed! In the end, it turned out much simpler than even I predicted.
jquery  simple  minimalist  auto  playing  slideshow  crossfade  crossfading  fading  fade  gallery  photo  tutorial 
december 2009 by 44sunsets
Meerkat - A jQuery Plugin
Meerkat, depending on the options you have set, will slide or fade in from the top or bottom of the browser window and remain in its fixed position while the rest of the page will scroll normally. You have a choice of providing a close option which will simply close Meerkat until the page has been reloaded, or a dontShow option, which will close Meerkat until the browser session has ended, or for a set amount of days, depending on the options you have defined.
jquery  plugin  js  javascript  webdev  meerkat  sliding  top  bottom  popup  message  box  messagebox  fading  fade  slide  slider  fixed  alert  news  urgent  cookie  cookies 
december 2009 by 44sunsets
Building iPhone Apps with HTML, CSS, and JavaScript
Now web designers and developers can join the iPhone app party without having to learn Cocoa's Objective-C programming language. It's true: You can write iPhone apps quickly and efficiently using your existing skills with HTML, CSS, and JavaScript. This book shows you how with lots of detailed examples, step-by-step instructions, and hands-on exercises.
webdev  web  design  development  webapps  apps  iphone  app  native  guide  tutorial  book  free  creativecommons  html  ebook  mobile  webapp  oreilly  css  javascript  jquery  software 
december 2009 by 44sunsets
tipsy - Facebook-style tooltip plugin for jQuery
Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.
jquery  js  javascript  tooltip  tooltips  hover  effect  anchor  title  attribute  plugins  facebook 
december 2009 by 44sunsets
Galleria - a Javascript Image Gallery | DevKick Lab
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
webdev  web  design  css  jquery  javascript  gallery  photo  image  images  slider  scroller  thumbnail  thumbnails  galleria  imagegallery  slideshow  noautoplay 
november 2009 by 44sunsets
Slick jQuery Slidehow: Demo
left/right slideshow scroller with no autoplay or jumping
web  design  css  webdev  jquery  javascript  scroller  slider  gallery  content  carousel  slideshow  inspiration 
november 2009 by 44sunsets
Image Rotator w/ Teaser - CSS & jQuery Tutorial
web  design  css  javascript  jquery  vertical  list  image  images  gallery  carousel 
november 2009 by 44sunsets
Superfish - Suckerfish on 'roids
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements:
jquery  suckerfish  dropdown  dropdowns  menu  menus  javascript  hover  timed  delay  timeout  onmouseout  mouseout  js  webdev  web  design  development  css  plugin  dropdownmenu 
november 2009 by 44sunsets
:hover Pseudo Class Bug Fix for IE6 | RobSpangler.com
For those of you familiar with the :hover pseudo class, you probably know that IE6 and below is not.

A simple example of the :hover pseudo class in action is when you mouse over a Hyperlink and it changes color, or it becomes underlined or something dazzling like that. A more advanced example is applying :hover to other tags such as a <td> to make the data cell of a table change color, this is the example I’m going to talk about today.

To get this working in IE6 I have gone through a large amount of resources with javascript fixes, that work—but can be overly complicated. I have also attempted to use some .htc behavior fixes, which can be incredibly finicky and are also invalid CSS according to W3 standards.

But don’t worry! There is hope! Finally after wrestling with this issue for a long time and doing some good investigating for a decent fix, I found it through the use of jQuery.
jquery  js  javascript  fix  ie6  hover  pseudoclass 
november 2009 by 44sunsets
Plugins | jQuery Plugins
An Image Overlay plugin for the jQuery JavaScript library. Allows you to display additional information in a translucent pane above an image that gracefully appears when a user hovers over the image. Support for the metadata plugin is included. Brought to you by Jon Neal of ferretarmy.com.
jquery  JS  overlay  sliding  slider  image  images  photo  hover 
november 2009 by 44sunsets
Setting Equal Heights with jQuery | Filament Group, Inc., Boston, MA
We wrote a script to "equalize" the heights of boxes within the same container and create a tidy grid — with little overhead.

Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
jquery  javascript  webdev  web  development  equal  height  heights  columns  grid  boxes  equalise  equalheight  layout  webdesign  css  js 
october 2009 by 44sunsets
Sliding Boxes and Captions with jQuery | Build Internet!
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
jquery  sliding  box  boxes  caption  captions  effect  mouseover  hover  javascript  web  design  webdev  animation  ui  howto  tutorial  tutorials  slide  image  images 
october 2009 by 44sunsets
jQuery Tools - Scrollable - A complete scrollable navigational system
jquery  tools  scroller  scrolling  image  gallery  carousel  javascript  web  design  development 
october 2009 by 44sunsets
jQuery Carousel
jquery  carousel  pagination  controls  external  jumpto  jump  page  javascript  scroller  slider  slideshow  webdev 
september 2009 by 44sunsets
jCarousel - Riding carousels with jQuery
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
jquery  web  design  javascript  carousel  scroller  horizontal  vertical  image  images  content  html  jcarousel  slideshow  animation  slide  slider  css 
september 2009 by 44sunsets
bassistance.de » jQuery plugin: Tooltip
jquery  tooltip  tooltips  plugin  fade  fading  web  design  webdesign  javascript  js  hover 
september 2009 by 44sunsets
jQuery.validity
jQuery.validity is a simple and powerful jQuery plug-in you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
jquery  form  input  validator  validation  js  javascript  unobtrusive  library  validity  valid 
september 2009 by 44sunsets
prettyGallery - by Stephane Caron
prettyGallery another way to display galleries
by: Stéphane Caron

Once again, I wasn't satisifed with most of the gallery scripts out there. So I decided to build my own.

If you have any comment or ways to improve it, just leave me a comment!

Bellow you can see a demo of galleries.
jquery  gallery  slider  scroller  carousel  images  text  content  html  JS  javascript  image  photo  galleries  photos  prettygallery  photogallery 
august 2009 by 44sunsets
jQuery Sparklines
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7.

Each example displayed below takes just 1 line of HTML or javascript to generate.

The plugin was written by Gareth Watts for Splunk Inc and released under the New BSD License.
jquery  sparklines  graph  graphs  JS  javascript  pie  line  chart  charts  plot  plotting  statistics  dynamic 
march 2009 by 44sunsets
jQuery virtual tour - OpenStudio - Freelance Web Developer
This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform (...)
imported  Bookmarks  jquery  virtual  panorama  landscape  viewer  3D  360  javascript  tour 
september 2008 by 44sunsets
Dulee Noted | Masuga Design - Web Design and Development Located in Grand Rapids, MI
Create a non-editable note field type for adding general weblog instructions. This really is pretty simple. I needed a way to get generic, per-weblog instructions in the control panel. So what this extension does is to create a non-editable not…
imported  Bookmarks  EE  expressionengine  addon  extension  instruction  help  text  weblog  edit  editor  note  field  jQuery 
june 2008 by 44sunsets
Superfish - Suckerfish on 'roids
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements:
imported  Bookmarks  JS  superfish  CSS  web  design  JavaScript  accessible  graceful  degradation  gracefully  suckerfish  dropdown  menu  hover  delayed  mouseout  animation  jQuery  plugin  progressive  enhancement  vertical  horizontal 
january 2008 by 44sunsets
jCarousel Lite
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexib…
imported  Bookmarks  jCarousel  jQuery  plugin  image  HTML  carousel  scroller  scrolling  light  weight  compact  lite  javascript 
october 2007 by 44sunsets
jQuery: The Write Less, Do More, JavaScript Library
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.
imported  Bookmarks  jQuery  JS  JavaScript  web  development  library  light  weight  lightweight  AJAX  simple  simplified  standards  compliant  cross-browser  cross  browser 
july 2007 by 44sunsets

related tags

3D ⊕  accessibility ⊕  accessible ⊕  active ⊕  activity ⊕  addon ⊕  ajax ⊕  alert ⊕  analytics ⊕  anchor ⊕  android ⊕  animate ⊕  animated ⊕  animation ⊕  animations ⊕  app ⊕  apps ⊕  area ⊕  aria ⊕  attach ⊕  attribute ⊕  audio ⊕  auto ⊕  autocomplete ⊕  autofill ⊕  autosuggest ⊕  background ⊕  backgroundimage ⊕  banner ⊕  bg ⊕  blocks ⊕  book ⊕  Bookmarks ⊕  bottom ⊕  box ⊕  boxes ⊕  browse ⊕  browser ⊕  bubble ⊕  burns ⊕  cache ⊕  calendar ⊕  canvas ⊕  caption ⊕  captions ⊕  carousel ⊕  chart ⊕  charts ⊕  circle ⊕  circular ⊕  close ⊕  collapse ⊕  columns ⊕  compact ⊕  complete ⊕  compliant ⊕  content ⊕  contextual ⊕  control ⊕  controls ⊕  cookie ⊕  cookies ⊕  created ⊕  creativecommons ⊕  cropping ⊕  cross ⊕  cross-browser ⊕  crossfade ⊕  crossfading ⊕  crossslide ⊕  css ⊕  curtain ⊕  daily ⊕  dark ⊕  data ⊕  day ⊕  degradation ⊕  degrade ⊕  delay ⊕  delayed ⊕  design ⊕  designer ⊕  desk ⊕  development ⊕  diagonal ⊕  die ⊕  directions ⊕  div ⊕  doc ⊕  download ⊕  downloads ⊕  drag&drop ⊕  draganddrop ⊕  dragndrop ⊕  dropdown ⊕  dropdownmenu ⊕  dropdowns ⊕  dropping ⊕  dynamic ⊕  dynamically ⊕  easing ⊕  ebook ⊕  edit ⊕  editor ⊕  EE ⊕  effect ⊕  effects ⊕  element ⊕  elements ⊕  enhancement ⊕  equal ⊕  equalheight ⊕  equalise ⊕  event ⊕  events ⊕  expand ⊕  expressionengine ⊕  extension ⊕  external ⊕  facebook ⊕  fade ⊕  fading ⊕  fallback ⊕  field ⊕  fix ⊕  fixed ⊕  flash ⊕  flickr ⊕  flip ⊕  flipper ⊕  flipping ⊕  fork ⊕  form ⊕  free ⊕  future ⊕  ga ⊕  galleria ⊕  galleries ⊕  gallery ⊕  glider ⊕  google ⊕  googleanalytics ⊕  googlecalendar ⊕  graceful ⊕  gracefully ⊕  graph ⊕  graphic ⊕  graphics ⊕  graphing ⊕  graphs ⊕  grid ⊕  guide ⊕  handler ⊕  header ⊕  height ⊕  heights ⊕  help ⊕  hide ⊕  highcharts ⊕  horizontal ⊕  hover ⊕  hovering ⊕  howto ⊕  html ⊕  html5 ⊕  idle ⊕  idletimer ⊕  ie6 ⊕  image ⊕  imagegallery ⊕  images ⊕  imageslider ⊕  imported ⊕  impress.js ⊕  inactive ⊕  input ⊕  inspiration ⊕  instruction ⊕  interactive ⊕  interface ⊕  ios ⊕  ipad ⊕  iphone ⊕  javascript ⊕  jcarousel ⊕  jmpress ⊕  jplayer ⊕  jqtouch ⊕  jquery ⊖  js ⊕  jump ⊕  jumpto ⊕  ken ⊕  kenburns ⊕  keyboard ⊕  landscape ⊕  layout ⊕  library ⊕  light ⊕  lightweight ⊕  line ⊕  list ⊕  lite ⊕  live ⊕  load ⊕  magnifier ⊕  meerkat ⊕  menu ⊕  menus ⊕  message ⊕  messagebox ⊕  minimalist ⊕  mit ⊕  mobile ⊕  month ⊕  monthly ⊕  mootools ⊕  mosaic ⊕  most ⊕  mouse ⊕  mouseout ⊕  mouseover ⊕  moving ⊕  mp3 ⊕  native ⊕  navigation ⊕  news ⊕  nivo ⊕  noautoplay ⊕  noscript ⊕  note ⊕  ogg ⊕  onhover ⊕  onmouseout ⊕  ontap ⊕  opacity ⊕  open ⊕  opensource ⊕  oreilly ⊕  overlay ⊕  page ⊕  pageflipping ⊕  pages ⊕  pageturner ⊕  pageviews ⊕  pagination ⊕  pan ⊕  panning ⊕  panorama ⊕  pdf ⊕  phones ⊕  photo ⊕  photogallery ⊕  photos ⊕  php ⊕  pie ⊕  pile ⊕  playback ⊕  player ⊕  playing ⊕  plot ⊕  plotting ⊕  plugin ⊕  plugins ⊕  popup ⊕  ppt ⊕  preload ⊕  prettygallery ⊕  preview ⊕  progressive ⊕  pseudoclass ⊕  rectangular ⊕  resize ⊕  resized ⊕  resources ⊕  return ⊕  rollover ⊕  rollovers ⊕  rotate ⊕  round ⊕  roundtable ⊕  script ⊕  scroll ⊕  scroller ⊕  scrolling ⊕  search ⊕  select ⊕  selection ⊕  settimeout ⊕  shadow ⊕  show ⊕  showcase ⊕  showhide ⊕  shuffle ⊕  shuffling ⊕  silhouette ⊕  simple ⊕  simplified ⊕  site ⊕  slide ⊕  slideout ⊕  slideouts ⊕  slider ⊕  slideshow ⊕  sliding ⊕  smartphones ⊕  smooth ⊕  software ⊕  sound ⊕  sparklines ⊕  stack ⊕  stacking ⊕  standards ⊕  state ⊕  states ⊕  statistics ⊕  suckerfish ⊕  suggest ⊕  suggestion ⊕  suggestions ⊕  superfish ⊕  svg ⊕  table ⊕  tablets ⊕  tag ⊕  tagging ⊕  tags ⊕  tap ⊕  text ⊕  thumbnail ⊕  thumbnails ⊕  time ⊕  timed ⊕  timeline ⊕  timelines ⊕  timeout ⊕  timer ⊕  title ⊕  titles ⊕  toggle ⊕  tools ⊕  tooltip ⊕  tooltips ⊕  top ⊕  touch ⊕  tour ⊕  track ⊕  tracking ⊕  transition ⊕  turn ⊕  turner ⊕  turning ⊕  tutorial ⊕  tutorials ⊕  twitter ⊕  ui ⊕  unique ⊕  unobtrusive ⊕  urgent ⊕  valid ⊕  validation ⊕  validator ⊕  validity ⊕  vertical ⊕  video ⊕  view ⊕  viewer ⊕  virtual ⊕  visualisation ⊕  visualization ⊕  vml ⊕  web ⊕  webapp ⊕  webapps ⊕  webdesign ⊕  webdev ⊕  weblog ⊕  website ⊕  week ⊕  weekly ⊕  weight ⊕  winding ⊕  xls ⊕  zoom ⊕  zoomer ⊕  zoomify ⊕  zooming ⊕ 

Copy this bookmark:



description:


tags: