0

Build Flexible Multi Column Layouts With Less CSS Framework

Posted by W3Avenue Team on Mar 2, 2010 in Javascript, Silver Light  | View Original Article
 

Less Framework is an HTML5 powered CSS framework for building flexible multi column website layouts for varying screen widths. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

Less Framework layouts work perfectly in Chrome, Safari 3.0+, Firefox 3.0+ and Internet Explorer 7+. Your layout will collapse into a single column in legacy browsers and on small screens. The frameworks allow you to use HTML5 tags with the help of HTML5 enabling JavaScript file.

Developed by Joni Korpi; Less Framework is available for download under Creative Commons Attribution License.  You can find further information, demos & download on Less Framework Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

EZ-CSS: Lightweight CSS Framework

Posted by W3Avenue Team on Feb 21, 2010 in Javascript, Silver Light  | View Original Article
 

EZ-CSS is a lightweight, browser-friendly and easy to use CSS framework for creating CSS layouts for your website. When using EZ-CSS framework you are not bound to a grid; and it lets you create multiple columns of any width, with or without gutters of any width.

EZZ-CSS promotes “Cut & Paste” methodology by providing several code snippets for your layout. You can select a code snippet for your layout and paste it in your code; and since EZZ-CSS facilitates deep nesting, you can nest another block of code inside existing blocks of code to achieve the layout you want.

Developed by Thierry Koblentz; EZ-CSS is available for download under MIT and BSD licenses.  You can find further information, demos & download on EZ-CSS Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

EnhanceJS: JavaScript Framework For Progressive Enhancement

Posted by W3Avenue Team on Feb 18, 2010 in Javascript, Silver Light  | View Original Article
 

EnhanceJS is a JavaScript framework that enables you to easily start building sites with test-driven progressive enhancement. It test the browser to determine whether it is capable of correctly supporting a range of essential CSS and JavaScript properties, and delivers features only to those that pass the test.

EnhanceJS consist of only single 2.5kb JavaScript file (minified/gzipped),  and is written in pure JavaScript – so it has no dependencies, enabling it to work perfectly alongside other JavaScript libraries.

The list of browsers that pass the default EnhanceJS test suite includes modern browsers back to Internet Explorer 6, Safari 3, Firefox 1.5, and mobile safari (iPhone); while browsers like Internet Explorer 5.5, Safari 2, and the Blackberry browser will receive the basic experience. The EnhanceJS test suite can be configured to meet the needs of any project, so the division of browsers will change depending on the capabilities you choose to test. The test suite is also customizable, so you can run tests for any capabilities that are essential to the functionality of a given site.

EnhanceJS is developed and maintained by Filament Group, Inc. and was developed as part of the book “Designing With Progressive Enhancement“. It is available for download under MIT License; you can find further information & download on EnhanceJS Project Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

Grafico: JavaScript Charting Library

Posted by W3Avenue Team on Feb 16, 2010 in Javascript, Silver Light  | View Original Article
 

Grafico is a JavaScript charting library powered by Raphaël and Prototype. It is really flexible to implement; produces good, clean looking graphs; and is cross browser library that has been tested on Firefox, Chrome, Safari, Opera and Internet Explorer 6+.

Grafico provides numerous API options to customize the look and functionality of various types of graphs/charts: Line, Area, Stacked Area, Stream, Bar, Horizontal Bar, Sparklines, Sparkbars, and Sparkareas.

Features

  • Selects the best range to display your data
  • Display additional information such as the value when hovering over charts
  • Display meanline that display average of all datapoints
  • Use an image as a watermark over your graphs

Developed by Kilian Valkhof (Based on Ico by Alex Young); Grafico is available for download under MIT license. You can find further information, demos & download on Grafico Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , , ,

 
0

Clean AJAX Framework

Posted by W3Avenue Team on Jan 28, 2010 in Ajax, Javascript, Silver Light  | View Original Article
 

Clean is an open source engine for AJAX, that provides you high level easy to use interface for AJAX interactions. It is developed in pure JavaScript enabling you to use it with any other JavaScript framework. Clean AJAX architecture is based on successful design patterns and inspired by Java Message Service API.

Clean AJAX uses messages to control AJAX requests and provides message queue, XSLT, XPath, encryption (SHA1, MD5), web service access (SOAP, XML-RPC, JSON-RPC), cross browser AJAX, AJAX history and cache control.

Features

  • 100% pure JavaScript
  • You can use it with any server side language
  • Small learning curve
  • Simple to install, configure and use

Developed by Carlos Eduardo Goncalves; Clean AJAX Framework is available for download under GPL License.  You can find further information, demo & download on Clean AJAX Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , ,

 
0

Cross Domain JavaScript With Simple PHP Proxy

Posted by W3Avenue Team on Jan 27, 2010 in Javascript, PHP, Silver Light  | View Original Article
 

Simple PHP Proxy is a small PHP script that allows your JavaScript to access HTML, XML or JSON data in remote web pages. It overcomes the cross-domain security limitations, even if data is not available in JSONP format.

By using Simple PHP Proxy, your server can act as an intermediary between your JavaScript and the remote data, removing any cross-domain issued from the equation. It just needs to take a request, forward it to a remote server, and return the results. You can use any JavaScript library with it or code your XMLHttpRequest objects by hand.

Features

  • Requested URLs can be white-listed and validated against a regex
  • Optionally forward client cookies / SID to the remote server
  • Optionally forward configurable User Agent to the remote server
  • Requests can use either GET or POST request methods
  • Remote data can be delivered as-is with all remote headers intact (disabled by default to limit XSS vulnerabilities)
  • Remote data can be wrapped in a JSON/P structure that includes status codes and remote headers (JSONP disabled by default to limit abuse)
  • If using JSON/P and remote data is valid JSON, it will be merged into the resulting data object

Developed by Ben Alman; Simple PHP Proxy is available for download under GPL and MIT License.  You can find further information, demo & download on Simple PHP Proxy Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

DOMAssistant JavaScript Library

Posted by W3Avenue Team on Jan 19, 2010 in CSS, Javascript, Silver Light  | View Original Article
 

DOMAssistant is a modular lightweight JavaScript library, with CSS selectors, event handling, AJAX and complete Unicode support. It consists of 6 individual modules (Core, AJAX, Content, CSS, Events, and Load), but only the core DOMAssistant module is required. All other modules are optional, and you can choose to only use the ones you find necessary in your application.

The main concept behind DOMAssistant is to provide a simpler and more consistent way to script against the Document Object Model (DOM) in web browsers. The idea is that everything starts with the element(s) in question, selected through id or CSS selectors, and then perform various methods on it, such as adding or removing classes, events etc.

DOMAssistant is a cross browser JavaScript library that has been tested and verified to work in Internet Explorer 5.5+, Firefox 1.5+, Safari 2, and Opera 9. It utilizes XPath, querySelectorAll and native getElementsByClassName in web browsers that support it, for best performance. It is also optimized to avoid causing memory leaks in Internet Explorer.

Originally developed by Robert Nyman; it is now maintained by Lim Cheng Hong, Pelle Wessman and Gustaf Lindqvist. DOMAssistant is available for download under a MIT License. You can find further information, documentations, plugins and downloads on DOMAssistant Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

Common PHP Based Interface For Cloud Services

Posted by W3Avenue Team on Jan 18, 2010 in Javascript, PHP, Silver Light  | View Original Article
 

The Simple Cloud API is an open source project providing common PHP interfaces for File Storage, Document Storage, and Simple Queue cloud services. It will enable you to easily connect your application with a new service without having to learn their specific API. Primarily developed as a new Zend Framework component called ‘Zend_Cloud’, you can use it independently of Zend Framework.

Presently Simple Cloud API provides adapters for Amazon S3, Windows Azure Blob Storage, Nirvanix and Local Storage API. The project is under development and have plans to include more vendors and services in the future.

Following adapters will be available in next few months:

File Storage

  • Rackspace Cloud Files
  • GoGrid Cloud Storage

Document Storage

  • Amazon SQS
  • Windows Azure Queue Storage
  • Local

Simple Queue

  • Amazon SimpleDB
  • Windows Azure Table Storage
  • Local

Simple Cloud API is a joint effort between Zend, open source community and software vendors including IBM, Microsoft, Rackspace, Nirvanix, and GoGrid. You can find further information, documentation and download on Simple Cloud API Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

Common PHP Based Interface For Cloud Services

Posted by W3Avenue Team on Jan 18, 2010 in Javascript, PHP, Silver Light  | View Original Article
 

The Simple Cloud API is an open source project providing common PHP interfaces for File Storage, Document Storage, and Simple Queue cloud services. It will enable you to easily connect your application with a new service without having to learn their specific API. Primarily developed as a new Zend Framework component called ‘Zend_Cloud’, you can use it independently of Zend Framework.

Presently Simple Cloud API provides adapters for Amazon S3, Windows Azure Blob Storage, Nirvanix and Local Storage API. The project is under development and have plans to include more vendors and services in the future.

Following adapters will be available in next few months:

File Storage

  • Rackspace Cloud Files
  • GoGrid Cloud Storage

Document Storage

  • Amazon SQS
  • Windows Azure Queue Storage
  • Local

Simple Queue

  • Amazon SimpleDB
  • Windows Azure Table Storage
  • Local

Simple Cloud API is a joint effort between Zend, open source community and software vendors including IBM, Microsoft, Rackspace, Nirvanix, and GoGrid. You can find further information, documentation and download on Simple Cloud API Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

CSS3 Pseudo Selector Emulation For Internet Explorer 5-8

Posted by W3Avenue Team on Jan 17, 2010 in CSS, Javascript, Silver Light  | View Original Article
 

ie-css3.js is a JavaScript library that allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets.

ie-css3.js downloads each style sheet on the page and parses it for CSS3 pseduo selectors. If a selector is found it’s replaced by CSS class of a similar name. For example: div:nth-child(2) will become div._iecss-nth-child-2. Robert Nyman’s DOMAssistant is also required, which is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied them. Finally, the original stylesheet is replaced with the new version and any elements targeted with CSS3 selectors will be styled.

Supported Pseudo Selectors

  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • :first-child
  • :last-child
  • :only-child
  • :first-of-type
  • :last-of-type
  • :only-of-type
  • :empty

Developed by Keith Clark; ie-css3.js is available for download for under MIT License. You can find further information & download on Keith Clark’s Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

Copyright © 2010 Answer My Query All rights reserved. Maintained by Orange Brains .