PaulSpoerry.com

You found me… insights on technology, philosophy, Windows, hacking and more.
  • Home
  • Archive
  • Contact
  • Categories
  • Search
  • About

3 New AJAX and JavaScript File Upload Examples

PaulSpoerry | March 9, 2009

Multiple file uploader
Allows you to create a form in which users can upload more than one file using MooTools. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Fancy Upload
FancyUpload is a file-input replacement tool that features an unobtrusive multiple-file selection menu and queued upload, with an animated progress bar. It is easy to set up, server-independent and completely styleable via CSS and XHTML. It uses MooTools, so it works in all modern browsers. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Extension:UploadForm
The Extension:UploadForm is an Ext.form.BasicForm extension that allows you to easily upload multiple files to a server. The files are added to a queue first and then uploaded to the server. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Read the full article at SmashingMagazine: 70 New, Useful AJAX And JavaScript Techniques

Comments
1 Comment »
Categories
Code, Tech, Web Life
Tags
ajax file upload, ajax upload, css, css design, design, javascript upload, jqeury, smashingmagazine
Comments rss Comments rss
Trackback Trackback

4 New AJAX and JavaScript Tooltips

PaulSpoerry | March 9, 2009

Duplicate the jQuery home page tool tips using MooTools
The jQuery home page has a pretty suave tool tip-like effect, as seen above. Here’s how to accomplish the same effect using MooTools.

Fresh, New and Useful Javascript & Ajax Techniques

Prototip
Prototip allows you to easily create both simple and complex tool tips using the Prototype JavaScript framework. You can easily customize it, control the tool tip position and get configurable rounded corners (with no PNG images required).

Fresh, New and Useful Javascript & Ajax Techniques

Simpletip
Simpletip is a plug-in for the popular jQuery JavaScript library. It allows you to create tool tips with ease for any element on the page using the power of jQuery’s selectors and event management. The tool tips can be static, dynamic or even loaded through AJAX with a variety of different visual effects.

Fresh, New and Useful Javascript & Ajax Techniques

Coda pop-up bubbles
Re-create Coda’s ‘puff’ pop-up bubbles, shown when you mouse over a downloadable image.

Fresh, New and Useful Javascript & Ajax Techniques

Read the full article at SmashingMagazine: 70 New, Useful AJAX And JavaScript Techniques

Comments
3 Comments »
Categories
Code, Tech, Web Life
Tags
ajax tooltip, Code, css, css design, css tooltip, javascript tooltip, jquery, jquery tooltip, smashingmagazine
Comments rss Comments rss
Trackback Trackback

6 New AJAX and JavaScript Calendars and Timelines

PaulSpoerry | March 9, 2009

Timeframe
A click-and-drag timeframe, with a function for defining ranges. A better calendar. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Create astonishing iCal-like calendars with jQuery
Similar to the iPhone Calendar application, with event description that shows up on mouse hover. The trickiest part is making your images seamless and using a single image for all the graphics whenever possible to decrease download time. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Dateslider
This element enables you to pick dates with a simple slider bar. By dragging the bar over the timeline, the dates change instantly. And when the user decides to manually change dates, the bar is automatically adjusted to the corresponding dates. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Elegant animated weekly timeline
This tutorial explains how to design an elegant and animated weekly timeline, with daily annotations, that you can customize and reuse quickly in your Web projects. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

70 New, Useful AJAX And JavaScript Techniques

Unobtrusive datePicker widget
This unobtrusive datePicker (calendar), which is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/XHTML+XML. Check out the demo here.

Fresh, New and Useful Javascript & Ajax Techniques

Date Picker
Date Picker jQuery plug-in allows users to select a date or range of dates easily. It includes a lot of options: multiple calendars; single, multiple and range selection; marking of special, weekend and special dates; an easy-to-customize look via CSS; custom day to start the week, a fit with the viewport.

Fresh, New and Useful Javascript & Ajax Techniques

Read the full article at SmashingMagazine: 70 New, Useful AJAX And JavaScript Techniques

Comments
4 Comments »
Categories
Code, Tech, Web Life
Tags
ajax datepicker, Code, css, css calendar, css design, dateslider, ical calendar, javascript calendar, jquery, jquery datapicker, smashingmagazine, timefreame
Comments rss Comments rss
Trackback Trackback

Top CSS Web Design Sites

PaulSpoerry | April 2, 2008

CSS Web Design Examples, Tutorials and Other Resource

CSS Beauty is not only an active database for well-designed CSS sites but it is also a way to connect designers with potential clients and a source for web design and general aesthetic inspiration.

Web Design Inspiration is a collection of screenshots showing excellent web designs. It is well worth browsing simply for graphic and web design inspiration.

Web Creme is a very simple site and easy to follow on RSS: screenshots are posted, often more than once per day, of truly impressive web designs.

Unmatched Style is a source for businesses and designers who seek inspiration from particularly attractive, interesting and progressive web designs.

Design Firms is one of many sites on which you can find designers directly but your best bet might be a simple Google search or simply contacting the author of a design found through one of the above-listed design inspiration sites.

25 Beautiful Minimalist Web Designs shows the awesome power of simplicity when it comes to web design – more isn’t necessarily better.

24 Great Niche Galleries has screenshots with descriptions and links to various galleries that you might want to see for more web design inspiration.

10 Great Web [Re]Designs of 2007 features mostly popular and mainstream sites you may already be familiar with but also provides some useful analysis.

Best of CSS 2007 is another great screenshot-packed eye-candy collection of cool web designs from last year – worth bookmarking for future inspiration.

Comments
No Comments »
Categories
Code, Tech, Web Life
Tags
active database, best bet, candy collection, cool web designs, css design, css layout, css web, design firms, design inspiration, designers, eye candy, google, google search, impressive web, inspiration web design, minimalist web, niche galleries, progressive web, simplicity, unmatched style, web 2.0, web design, web design examples, worth bookmarking
Comments rss Comments rss
Trackback Trackback

Recent Posts

  • FCC releases Internet speed test tool
  • Microsoft shows games on Mobile, PC, and Xbox
  • Google Voice Explained
  • Windows Mobile 7 to be announced, 6.x to become free
  • Microsoft finally patches 17-year-old bug

Popular Posts

  • µTorrent 1.8.3 Final (uTorrent 1.8.3)
  • Google Chrome’s JavaScript Engine Is CRAZY FAST
  • Google Chrome’s JavaScript Engine Is CRAZY FAST
  • 20 Classic Hip Hop Album Covers Redone With Legos
  • Windows 7 Benchmarks – XP vs Vista vs 7

Recommended Hosting

rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox