Component
Thursday, September 25th, 2008
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…
Monday, August 4th, 2008
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: PLAIN TEXT JAVASCRIPT: var tp = new TimePicker('time2_picker', 'time2', 'time2_toggler', {format24:true}); Or a more complex version that Read the rest...
Friday, July 11th, 2008
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: PLAIN TEXT JAVASCRIPT: var pulser = new YAHOO.squarebits.YPulse( ‘my-div’, ‘backgroundColor’, ‘#FFFFFF’, // starting ‘#FFFF00′, // ending Read the rest...
Friday, June 27th, 2008
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...
Friday, June 20th, 2008
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...
3.9 rating from 131 votes
Monday, April 28th, 2008
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: PLAIN TEXT JAVASCRIPT: var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), { 'url': Read the rest...
Wednesday, April 23rd, 2008
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: PLAIN TEXT JAVASCRIPT: new Timeframe('calendars', { Read the rest...
Tuesday, April 22nd, 2008
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...
Tuesday, April 8th, 2008
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...
-1300.8 rating from 23 votes
Tuesday, March 11th, 2008
Category: Component
, JavaScript
, Prototype
, Scriptaculous
Obaid Ahmed has written a coverflow-like component on top of Prototype and Script.aculo.us called ProtoFlow. It is simple to use: 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 Read the rest...
Monday, February 25th, 2008
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 Scipt.aculo.us. We have refactored the client side Read the rest...
Thursday, December 27th, 2007
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...
Friday, December 14th, 2007
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...
Thursday, December 6th, 2007
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...
4.2 rating from 114 votes
Wednesday, November 28th, 2007
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...
Monday, November 26th, 2007
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: PLAIN TEXT JAVASCRIPT: var samplecal = Read the rest...