It contains an eight-column grid optimized for a line-height of 24px & a set of typography presets based on the golden ratio which is parallel to the grid’s vertical rhythm.

Web pages created with the framework collapse smartly into a single column in modern browsers & on small screens.

Less Framework uses the HTML5 enabling script by Remy Sharp & optionally there is a JavaScript function provided (requires jQuery) included which mimics the function of min-device-width for browsers that do not support it.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Plupload: Advanced Multiple File Uploader
• Live Data While Scrolling For Ext JS
• HTML5 And Javascript Audio Interface: JAI
• Feature-Rich Data Grid For jQuery: Flexigrid
• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr

It is activated with a hotkey (Alt+g) & can toggle between displaying the grid in the foreground or background.

By default, #grid comes with a 980-pixel-wide background image to provide the vertical grid lines (a 940-pixel-wide content area with 20px gutters).  But, when working on different grids, you can create a new image for your guides.

Usage is very straightforward, just include the JavaScript file & CSS to your project.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System
• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid

With the help of reset.css & base.css files, Baseline clears the default behavior of your browser & builds a basic typographic layout to start with.

Compared to most other frameworks, Baseline uses the font metrics to line up headlines, paragraphs, form labels and any other major elements rather than regular line-height. And, it is compatible only with the recent web browsers (Safari 3+, FF3+, IE8+..).

The download package includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System
• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid

Currently there are 8 components:

• ExtendedDropDownList
• LiveGrid
• FancyUpload
• ImageCheckBox
• Rating
• DynamicImage
• CaptchaImage
• GradientButton

They are all are ready with native support for the latest framework (ASP.NET 3.5) and IDE (Visual Studio 2008).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Web 2.0 Badges Collection
• Resource On Grids: The Grid System
• Photoshop Brushes, Styles & Custom Shapes: myPhotoshopBrushes.com
• Live Data While Scrolling For Ext JS

Cloud hosting, storage & content delivery networks (CDNs)

An application hosted in the cloud will:

• easily scale (with instantly deployable & API controlled instances, unlimited diskspaces, etc..)
• serve files faster with content delivery network (CDN) support
• have a better availability (with strong SLAs)

With the increasing number of providers & tools created, cloud hosting is getting simpler & simpler everyday.

Getting in the cloud, in most cases, will save so much time & resources when running a growing web application. You won't need to think of the hardware, better react to the system resources & bandwidth usage fluctuations, pay exactly for what you use & much more.

Here is a collection of popular options & tools that can help you in hosting your applications in the cloud:

Cloud Hosting & Storage Options

Rackspace Cloud

Cloud Servers – (hosting)

The service provides instantly deployable servers with a choice of popular Linux distributions (no Windows). Currently, there is no API support but it is on the way.

Cloud Files – (storage)

A redundant data storage service which replicates the data in 3 seperate locations.

Files can be managed from a web-based interface or an API. The system is integrated with LimeLight content delivery network & files can be selected to be served faster via this network.

Amazon Web Services (AWS)

Amazon Elastic Compute Cloud (Amazon EC2) – (hosting)

Amazon EC2 is a web service that provides you the environment to instantly launch (or remove) new servers (instances) with the OS & configuration you need which makes scaling of a web application much easier.

This functionality can be controlled via the web service APIs or tools to be mentioned in this post.

You are charged with the resources consumed like hours your servers (instances) work or the bandwidth used.

Amazon Simple Storage Service (S3) (storage)

Amazon S3 is the cloud storage option of AWS where unlimited number of files can be stored & retrieved.

It can be used with the API provided or various tools (mentioned in this post).

Pricing of the service is calculated with the number of requests made, amount of data stored & bandwidth used (transfers between EC2 & S3 are free)

AWS also offers other services that power (or powered by) EC2 & S3:

• Amazon CloudFront: content delivery network which enables faster delivery of files hosted on S3 to end users by distributing the files to various locations.
• Amazon CloudWatch: monitoring for EC2 resources like CPU, RAM, disk read/writes & more.
• Amazon SimpleDB: a simple web based database which provides basic db functions.

GoGrid

Hosting

Like S3, GoGrid also comes with ready to deploy server images with various configurations (Linux & Windows).

The system can be controlled via a web-based GUI or an API.

It also offers a service named Cloud Connect which combines the elasticity of cloud computing with the customization of dedicated servers in one unified solution.

Storage

GoGrid Cloud Storage can be reached by mounting the drive to any server (protocols supported are: SCP, FTP, SAMBA/CIFS, and RSYNC). An API for this service is not yet available but on the way.

Google App Engine (hosting)

Google enables developers to host their applications inside its own infrastructure. And besides many other cloud hosting systems, Google doesn't provide you root access but gives the possibility of unlimited resource usage.

The platform supports 2 languages: Python & Java. But there are tricks to run other languages in the engine (Run PHP on the Google App Engine).

The service comes with a free quota where a basic application can be easily hosted for free. For over-quota, the pricing is applied.

CloudLayer

CloudLayer Computing – (hosting)

On-demand computing instances with several OS options can be ran in a very short time like 5 minutes.

Created instances can be standalone or integrated with other SoftLayer dedicated servers, virtual servers, automated services, and additional CloudLayer Services which makes the usage highly flexible.

Instances can be reached via KVM over IP & managed via an API or the web-based control panel.

CloudLayer Storage – (storage)

The cloud storage of SoftLayer can be reached via API, a native Windows client, WebDav, or mobile devices. The system also integrates with CloudLayer CDN which offers fast delivery of content from 21 locations around the world.

NewServers (hosting)

NewServers is a cloud hosting provider which offers controlling the system via a web app. or an API.

Currently no cloud storage or CDN is offered.

Cloud Hosting & Storage Tools

CloudBerry S3 Explorer – (free)

This is a free Amazon S3 file browser application that enables creating-deleting-updating buckets, folders & files.

It supports:

• multiple S3 accounts
• setting up file access permissions
• generating external URLs & more..

CloudBerry S3 Explorer is a must-have for Amazon S3 users.

ElasticFox – (free)

This is an amazing Firefox extension for managing Amazon EC2. Using ElasticFox, it is possible to create & delete instances, volumes, IPs, get the root passwords & much more..

S3Fox Organizer – (free)

A FTP-like Firefox addon which enable anyone to reach S3 buckets for uploading & downloading files.

It supports managing CloudFront, changing access policies & syncronizing S3 with the local system.

JungleDisk – (paid)

JungleDisk is an application which can work with Amazon S3 & Mosso Cloud Files to create an online storage.

Besides the backup capabilities, it offers a great feature which is mounting the cloud drive as a local drive. This way, anyone can use cloud storage without the need of coding with API.

JetS3t – (free)

It is an open-source Java toolkit and application suite for the Amazon S3 and Amazon CloudFront content delivery network.

The toolkit contains 5 applications for reaching, syncronizing & creating an authorization service to mediate to S3 accounts.

GridGain – (free)

An open source cloud platform, built with Java, that enables developers to develop and run applications on private or public clouds.

The application is simply focused on providing the best Java software middleware to develop and run grid applications on the cloud infrastructure in a simple and productive way.

abiCloud – (free)

abiCloud is an open source software for creating & managing public or private clouds.

The tool mainly offers users the capacity for scaling, management, automatic and immediate provision of servers, storage, networks, virtual network devices as well as applications.

Tarzan – (free)

For any developer who wants to use Amazon Web Services, Tarzan offers an unique experience for an easier integration.

Besides being a high-performance development framework, it can:

• manage Amazon S3 with added functionality like moving, renaming, copying entire buckets, and storing remote files.
• integrates with SimpleDB
• manage EC2 & more..

You should also check:

• S3tools – various open source tools for reaching Amazon S3.
• Appscale – an open source implementation of Google App Engine cloud computing interface.
• Windows PowerShell Snap-In for GoGrid
• CDNTools: A Wordpress plugin that integrates your blog with Mosso Cloud Files for serving the images from their CDN.

These are definitely not the all options & resources on cloud hosting & there can be more great ones not listed here. If you know them, please share in the comments.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• A Common API For All Cloud Providers: libcloud
• Zoomable CSS Framework: Typogridphy
• Windows 2008 Hosting Discount Offer: Easy CGI
• Tips To Improve Website Speed
• Resource On Grids: The Grid System

After the pure CSS data chart, Css Globe is presenting a very creative tutorial (with source codes) on creating a pure CSS line graph.

The solution creates a vertical/horizontal grid with dd & dl elements in the background. And, a smartly prepared image is used with CSS sprites technique to display the lines.

Although it looks complicated, the technique is simple yet clever & inspiring.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System
• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid

The Grid System is a resource on grid based designs.

It covers:

• articles
• tools
• books
• templates & more on grids.

It is a very fresh website but already presents handy InDesign & Photoshop grid templates, interesting tools like Syncotype, Phiculator & more.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Live Data While Scrolling For Ext JS
• HTML5-Powered CSS Framework: Less
• Feature-Rich Data Grid For jQuery: Flexigrid
• Design With Grids: 960 Grid System

It is created by the author of Hartija (see WRD post) & Formy (see WRD post) CSS frameworks and powers users with:

• Personalized width of the page in em,px,%.
• Use of fixed and fluid columns in the grid.
• Elastic Layout with "em"

 From the author:

I analyzed all the Grid CSS frameworks and almost everything connected with the Grid System. But I did not want to reinvent the wheel, just to improve the main defects of the existent CSS Frameworks and to add some new features.

Emastic is lightweight (compressed size is less than 4kb) and several examples can be found in the project page.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoomable CSS Framework: Typogridphy
• Perfect Multi-Column CSS Liquid Layouts
• Nice Looking Forms With Uni-Form
• Nice And Free XHTML / CSS Templates (Advert)
• Free Newsletter Templates From CakeMail

Typogridphy uses ems which means that the content is zoomable without creating problems for the design.

Based on the popular 960 Grid System (see WRD post), Typogridphy makes creating grid layouts which are versatile and great looking much easier. This CSS framework is made of fully validated, semantic and strict XHTML, and validated CSS.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• CSS Grid Framework: Emastic
• Perfect Multi-Column CSS Liquid Layouts
• Nice Looking Forms With Uni-Form
• Nice And Free XHTML / CSS Templates (Advert)
• Free Newsletter Templates From CakeMail

960 Grid System is an effort to streamline web development (for rapid prototyping and for production environments) workflow by providing commonly used dimensions , based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Why 960 pixels?

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

What is in the package?

In the download package, you can find PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML .

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Online Image Editors – Why To Use Them And 5 Amazing Ones For Designers
• Lightweight Image Editor Software: StylePix
• 20+ Cheat Sheets Handy For Designers
• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System