Thursday, September 25th, 2008

input type=camera to give us a simple way to integrate to Webcams

Category: Browsers, Component, Firefox, HTML, Mozilla

There are a substantial number of iPhone apps that tie into the builtin native components such as the camera. Brad Lassey has been hacking on Fennec (the Mozilla mobile browser) as well as Firefox itself to integrate with camera phones and Webcams alike: I wrapped a video tag, image and a few buttons in xbl Read the rest…

Posted by Dion Almaer at 6:13 am

2.3 rating from 80 votes

Monday, August 4th, 2008

NoGray Visual Time Picker

Category: Component, JavaScript

The NoGray Time Picker is a component that lets you add a time picker that is visual. The clock shows up, and you move the hands to wherever you need to be. All via a simple: < View plain text > javascript var tp = new TimePicker(‘time2_picker’, ‘time2’, ‘time2_toggler’, {format24:true}); Or a more complex version Read the rest…

Posted by Dion Almaer at 7:54 am

3.3 rating from 36 votes

Friday, July 11th, 2008

YPulse: Fades and Pulsations Library

Category: Component, JavaScript, Library, Yahoo!

Kent Johnson has released YPulse a simple open source wrapper for the YUI Animation library that makes creating highlight fades and pulsing button glows a bit easier. You pulse away with something like: < View plain text > javascript var pulser = new YAHOO.squarebits.YPulse(   ‘my-div’,   ‘backgroundColor’,   ‘#FFFFFF’, // starting   ‘#FFFF00′, // Read the rest…

Posted by Dion Almaer at 8:42 am
1 Comment

2.4 rating from 31 votes

Friday, June 27th, 2008

dragtable: drag-and-drop reorderable columns for an HTML table

Category: Component, JavaScript

Dan Vanderkam has announced a new component dragtable: Over the past several years, Stuart Langridge’s sorttable Javascript library has found widespread use. It’s easy to see why. Just add class=sortable to a table tag and its column headers automatically support click to sort. Pretty slick. But sometimes sorting just isn’t enough. What if you want Read the rest…

Posted by Dion Almaer at 9:20 am

3.9 rating from 40 votes

Friday, June 20th, 2008

jsTree: jQuery-based JavaScript tree component

Category: Ajax, Component, JavaScript

Ivan Bozhanov walked us through his jQuery-based tree component recently. The state of trees out there is interesting. YUI! has a nice, stable tree control but Dojo’s once feature-rich tree has been replaced with a fairly basic tree (i.e., doesn’t appear to have in-line editing and drag-and-drop still seems flakey; Dojo guys, correct me if Read the rest…

Posted by Ben Galbraith at 5:00 am

3.9 rating from 136 votes

Monday, April 28th, 2008

FancyUpload: Swiff meets Ajax

Category: Component, Flash, JavaScript, MooTools

Harald Kirschner has created a new version of FancyUpload “a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.” A good example is the Queued Photo Uploader which is coded by: < View plain text > javascript var swiffy = new FancyUpload2($(‘demo-status’), $(‘demo-list’), {     ‘url’: Read the rest…

Posted by Dion Almaer at 8:37 am

4.4 rating from 88 votes

Wednesday, April 23rd, 2008

Timeframe: Prototype date range component

Category: Component, JavaScript, Library, Prototype

Stephen Celis got tired of wiring together two date pickers for the common use case of grabbing a date range, so he created timeframe, which is “Click-draggable. Range-makeable. A better calendar.” Based on Prototype, you can whip up some code such as: < View plain text > javascript new Timeframe(‘calendars’, {         Read the rest…

Posted by Dion Almaer at 6:25 am

3.4 rating from 16 votes

Tuesday, April 22nd, 2008

Making application modules communicate with each other using Decoupling

Category: Component, Examples, Framework, JavaScript, Yahoo!

I’ve been talking about event driven application design in JavaScript in January last year and inspired Caridy Patiño to write his Bubbling Library based on these ideas. Caridy now upped the ante a bit by talking about decoupling using the bubbling library over on the YUI blog. In essence, his solution allows you to have Read the rest…

Posted by Chris Heilmann at 5:17 pm

4 rating from 29 votes

Tuesday, April 8th, 2008

JS Time Machine

Category: Component, JavaScript, UI

Kristian Thornley had a unique requirement for displaying data change overtime and thought that he would build a Mac Leopard JS Time Machine. Kristian told us that “currently the effect suffers if the data in the panels are too detailed and I will probably set up some event handlers e.g. onScale preScale postScale which could Read the rest…

Posted by Dion Almaer at 9:31 am

-1031 rating from 29 votes

Tuesday, March 11th, 2008

ProtoFlow: Coverflow for Prototype

Category: Component, JavaScript, Prototype, Scriptaculous

Obaid Ahmed has written a coverflow-like component on top of Prototype and called ProtoFlow. It is simple to use: < View plain text > HTML <div id="protoflow">     <img src="imgs/DSCN0940_91360.jpg"/>     <img src="imgs/stimme_von_oben_187192.jpg"/>     <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>     <img src="imgs/farbraum_012_147508.jpg"/>     <img src="imgs/IMG_4906_199357.jpg"/>     <img src="imgs/Tropfen_1_Kopie_201721.jpg"/>     <img Read the rest…

Posted by Dion Almaer at 7:28 am

3.7 rating from 72 votes

Monday, February 25th, 2008

Gaia Tranquility – Ajax Components for .Net

Category: Ajax, Component

Gaiaware, developers of Gaia .Net Ajax suite of components, have released a new version of their suite called Tranquility. The release focuses heavily on improving the overall quality and performance of the framework with much client-side refactoring done. They’ve also upgraded to the latest release of Prototype and We have refactored the client side Read the rest…

Posted by Rey Bango at 6:08 am
1 Comment

4.1 rating from 37 votes

Thursday, December 27th, 2007

jQuery Glider Component

Category: Component, jQuery

The nice folks over at Dynamic Drive have created a new jQuery plugin that lets you turn ordinary pieces of HTML content on your page into an interactive, “glide in” slideshow, with several configurable options: This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content Read the rest…

Posted by Dion Almaer at 5:42 am

2.9 rating from 38 votes

Friday, December 14th, 2007

Canvas Bevel Script

Category: Canvas, Component

The champion of unobtrusive canvas, Christian Effenberger, has come out with a new microformat script that enables you to add bevels to your images (and also shading, shining and glowing). Why would you want to do this via canvas? Fast and easy to implement. Just add class=”bevel” to the image and your good to go Read the rest…

Posted by Dion Almaer at 6:59 am

4.2 rating from 56 votes

Thursday, December 6th, 2007

Use the Google Chart API to create charts for your web applications

Category: Component, Google

I love simple APIs, and this one eats the pie. With the Google Chart API you can build a URL that will dynamically create a chart for you. This service is used internally for Google Finance, Google Video, and beyond. Now, anyone can use it! Although it is simple to use (just a darn URL Read the rest…

Posted by Dion Almaer at 12:37 pm

4.1 rating from 126 votes

Wednesday, November 28th, 2007

MooTools Calendar Component

Category: Calendar, Component, JavaScript, MooTools

We just featured SCal, and now we have a MooTools Calendar component created by Aeron Glemann. I have tried to make Calendar as semantic as possible–with proper usage of CAPTION, THEAD, TBODY, TH and TD elements–and lots of CSS styling hooks. View the Calendar stylesheet for examples of the CSS; see the Styling Your Calendar Read the rest…

Posted by Dion Almaer at 7:58 am

4.1 rating from 98 votes

Monday, November 26th, 2007

Scal: Calendar widget for Prototype

Category: Component, Prototype

Scal is a a simple Javascript calendar based on Prototype which features: Lightweight Fast and easy to setup Multiple Calendars can be initiated without conflict Valid HTML/XHTML generated code Skinnable Language translation supported Event Planner To use, you simply tell it the div and callback that you want: < View plain text > javascript var Read the rest…

Posted by Dion Almaer at 6:41 am

3.7 rating from 80 votes