Posts Tagged ‘Development’

Posted on June 12, 2009 - by ruby

jQuery validation engine, jquery inline form validation

jQuery validation engine, yet another nice form validation plugin for jquery javascript framework, comes with language localization supported and many predefined validation rules:

• optional: Special: Only validate when the field is not empty
• required: Field is required
• length[0,100] : Between x and x characters allowed
• minCheckbox[7] : Set the maximum checkbox autorized for a group
• confirm[fieldID] : Match the other field (ie:confirm password)
• telephone : Match telephone regEx rule.
• email : Match email regEx rule.
• onlyNumber : Numbers only
• noSpecialCaracters : No special characters allowed
• onlyLetter : Letters only
• date : Invalid date, must be in YYYY-MM-DD format

but you also could define a custom validation rule i.e:

"telephone":{
"regex":"/^[0-9-()]+$/",
"alertText":"* Invalid phone number"},

Has been tested in Internet Exploder 6 & 7, Firefox 3+, Safari 4, Chrome 1+

Download and Demos

Posted on June 12, 2009 - by ruby

Js.Class Ruby style javascript

JS.Class is a library designed to facilitate object-oriented development in JavaScript. It implements Ruby’s core object, module and class system and some of its metaprogramming facilities, giving you a powerful base to build well-structured OOP.

(more…)

Posted on June 12, 2009 - by ruby

Javascript Infovis Toolkit

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

Features:

• Multiple Data Representations,
  Treemaps, Radial Layouts, HyperTrees/Graphs, SpaceTree-like Layouts, and more…
• Major Browsers Support,
  IE6+, Firefox2+, Safari3+, Opera9.5+
• Open Source,
  Licensed under the BSD License
• Library Agnostic,
  You may use the JIT with your favorite DOM manipulation framework
• Extensible,
  All visualization classes are mutable, so you can easily add/override any method you want.
• Composable,
  Visualizations can be combined in order to create new visualization methods.

Check out the demo page along with source code example

Posted on May 21, 2009 - by ruby

Website Optimization Best Practices, speed up your website load

Once i have performance issue in a website project i am working at, and i have wasted hours of my time to fix it up both in the server-side and client-side, for future checklist i searched on web and found great list of best practices to speed up our web page load at yahoo developer network.

Below are the summary:
(more…)

Posted on May 8, 2009 - by ruby

Get Flickr Photos with Flickr API & Classic ASP

For classic asp developer among you who have been trying to embed flickr photos in your own web page, this is maybe for you, I have written an article about how to get flickr photos via flickr API and classic asp.

This script was made while I am redesigning my freelance web work site, since I already put some of portfolio screenshots in my flickr account, then i decided to use it in my portfolio section rather than re-uploaded in my own server.

Check out the detail codes, or preview the codes in action.

Posted on May 8, 2009 - by ruby

Cufon text replacement with canvas and VML

For web designers among you who have been using sIFR, facelift or other image replacement techniques, and has facing problems in particular browser then you may need to try Cufon, a fast text replacement with canvas and VML.

Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set and have been met:

1. No plug-ins required – it can only use features natively supported by the client
2. Compatibility – it has to work on every major browser on the market
3. Ease of use – no or near-zero configuration needed for standard use cases
4. Speed – it has to be fast, even for sufficiently large amounts of text

Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript. Cufon has been tested in Internet Explorer 6, 7 and 8, Mozilla Firefox 1.5+, Safari 3+, Opera 9.5+ & Google Chrome.

Cufón has been designed with developers in mind. Therefore the API is simple and configuration is usually not needed at all, as most of the needed information is provided by CSS style sheets.

The Implementation is pretty easy:

1. Download Cufon (recommended the YUI-compressed version)
2. Generate your personalized font
3. Replacing the text:

   <script src="cufon-yui.js" type="text/javascript"></script>
   <script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
   <script type="text/javascript">
   	Cufon.replace('h1'); // replace as necessary
   </script>
   

4. Avoid delay display in IE by adding this line just before body closing tag:

   <script type="text/javascript"> Cufon.now(); </script>

And you are done. Try some demos before you try it yourself

Posted on May 4, 2009 - by ruby

Preview Rico 3.0 Alpha, Now Run Multiple Libraries

Spreading out news from Dion Almaer of Ajaxian about the preview of new Rico 3.0 (alpha version). If you haven’t heard about Rico (officially called OpenRico), Rico is an open source javaScript framework used to create rich, highly interactive web applications. It includes grids, calendar & tree controls, drag & drop, ajax, and more.

(more…)

Posted on April 15, 2009 - by ruby

ierange: Implementing W3C DOM ranges for IE

Published at ajaxian a script made by Tim Cameron Ryan a full, feature complete version of W3C DOM Ranges that adds support to IE, ierange.

Ranges:

• document.createRange()
• startContainer, startOffset, endContainer, endOffset, commonAncestorContainer, collapsed
• setStart(), setEnd(), setStartBefore(), setStartAfter(), setEndBefore(), setEndAfter(), selectNode(), selectNodeContents(), collapse()
• insertNode(), surroundContents()
• extractContents(), cloneContents(), deleteContents()
• compareBoundaryPoints(), cloneRange(), createContextualFragment(), toString()

Selection:

• Range support (Webkit-style)
• window.getSelection()
• addRange(), removeAllRanges(), getRangeAt(), toString()

Not yet implemented:

• DOM Exception throwing
• detach()
• Live range support (Mozilla-style), removeRange()

Finally test it out in IE

Posted on April 15, 2009 - by ruby

Evidens free wordpress theme

Designdisease has released new free wordpress theme called evidens. 3 columns, fluid width layout, great typos, comes with optional flickr photostream, twitter integration, and logo changer options either using image or blog name setting.

Available in 2 variation styles dark design (download, preview demo) and white design (download, preview demo) Download files also packed with PSD logo and required plugins.

Licensed under licensed Creative Commons Attribution-Share Alike 3.0 license, means use it for free, modify it as needed but keep the credits intact at the bottom

Posted on April 5, 2009 - by ruby

JavaScript PNG Resizing Image

JavaScript PNG Resizing Image Library (JPRIL) automatically replaces any PNGs in the document with it’s compressed version, garbage collecting the older, larger version.

JavaScript PNG Resizing Image Library (JPRIL) is easy to use. Just include the library in your document and it will find all the PNG files on your page and compress them for you. You can also call JPRIL directly on a PNG file.

JPRIL('myPngElementId');

download and examples could be found here