Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user. Getting Started For this tutorial I’m using jQuery and an icon font called symbolset.
tubular, a YouTube Background Player jQuery Plugin
Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options);
1.3.7 demo - jQuery
Window 1 I am plumbed with a Bezier connector to Window 2 and a label, with Blank endpoints. Window 2 I am plumbed with a Bezier connector to Window 1, and a Bezier connector with Rectangle endpoints to Window 3 Window 3 I am plumbed with a Bezier connector and Rectangle endpoints to Window 2, and a Bezier connector with Dot endpoints and a label to Window 4.
jQuery Zoom
A plugin to enlarge images on touch, click, or mouseover. Demo Hover Grab Released under the MIT License, source on Github (changelog)
Bomb Girls - GlobalTV.com: Official Site of Global Television
Bomb Girls content provided by: Shaw Media Website Producer, GlobalTV.com: Lori Harito Manager, Products, Dramatics & Factual: Zach Feldberg Managing Editor, Branded and Original Content, Shaw Media: Marty Flanagan Video Producer, Shaw Media: Dave Kim Video Producer, Shaw Media: Laura Purchase Manager Video Distribution, Shaw Media: Roy Dos Santos Development Team Lead, Shaw Media: Ehsan Motamedi Sr Quality Assurance Analyst, Shaw Media: Stan Loundine Production Executive, Shaw Media: Susan Alexander Senior Director, Original Drama Content: Tara Ellis Brand Associate, Global TV: Jordena Kraut Publicity Manager, Global TV: Grace Park Website created by: Secret Location The Singapore Sling 2 ounces 3/4 ounce 2 teaspoons 2 teaspoons 2 ounces 3/4 ounce 2 dashes 1 dash to taste Combine all except soda water in an iced cocktail shaker. Shake, and strain into a highball or collins glass with a couple of lumps of ice.
Cubism.js
Time Series Visualization foo7.6 bar−6.2 foo + bar1.4 foo - bar14 Cubism.js is a D3 plugin for visualizing time series.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement
Posted by Maggie on 03/12/2010 Topics: accessibility
Parallax Scrolling and Its Usage in Web Design
The parallax effect, also called parallax scrolling, is a special technique used in computer graphics at first, where background images move by the camera slower than foreground images. This is the actual concept where websites with parallax scrolling started. It was widely used in the gaming industry more than 10-15 years ago and it is still used today in different domains. In the past years the parallax effect started to be used widely in web design. Its popularity went through the clouds when Nike redesigned their website based on this concept. Their example can be seen in the showcase below the conclusion.
Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - Quick Start Guide
← Tutorials This step-by-step guide will quickly get you started on Leaflet basics, including setting up a Leaflet map, working with markers, polylines and popups, and dealing with events. Preparing your page Before writing any code for the map, you need to do the following preparation steps on your page:
