Advertise here with BSA

CSS galleries are beautiful resources for getting inspired & promoting the websites we created.

In order to submit websites to these galleries, you need to:

• have a list of the galleries
• know which ones are more popular
• browse all of them one-by-one

MeeCSS is a free web-based application which eases this process. It is not an automated submission system which would not be ethical.

It simply asks you to fill the information that will be required (name, e-mail, website address, etc.) & with the help of an iframe, you can submit to the galleries one-by-one by copy-pasting the fields you had filled.

It also displays to CSS galleries sorted by pageranks & enables you to select which galleries to submit.

P.S. it would be much easier if the selected fields were auto-selected (or better: auto-copied).

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

pForm is a web-based & free HTML form builder application for creating good looking forms easily.

It offers various color schemes to get started & enables you to design your form with an Ajaxed interface.

Any type of form objects (text fields, checkboxes, dropdowns, file upload fields, etc.) can be added & every field can be customized (field label, type, size..).

Once the form design is completed, it can be previewed & ready-to-use HTML/CSS files can be downloaded as a .zip file.

To get amazing features like saving entries to database, input validation & much more, you can check the commercial product of the service: MachForm.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Controlling layouts with CSS is a big subject these days as after dropping the table support, it is clear that the current capabilities of CSS is not enough to develop complex & flexible layouts with ease.

There is CSS Template Layout Module which offers exciting features but it is in a draft status.

Until we get those new features, there are various solutions that are developed with jQuery to manipulate page layouts for faster & cross-browser results.

Here is a collection of 6 jQuery plugins to manage page layouts easily:

jQuery Masonry

Masonry is like the flip side of CSS floats. Floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. And the result is no vertical gaps between elements of varying height.

The plugin is almost totally managed with CSS rules. It uses jQuery’s outerWidth() and innerWidth() methods to calculate the margins & paddings of elements.

UI.Layout

This is a plugin to create desktop-like layouts. It can b used to create any UI look from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms & more.

jLayout

The library provides three layout algorithms:

• border, which lays out components in five different regions
• grid, which lays out components in a user defined grid
• flex-grid which offers a grid with flexible column and row sizes.

css-template-layout

The plugin aims to offer a similar functionality with the CSS Template Layout Module (which is currently in a draft status).

The script simply parses the mentioned CSS rules & displays the content accordingly.

Columnizer

The plugin automatically converts any content into a newspaper-like column format.

A default clumn widt or a static number of columns can be defined & the rest is almost done by itself.

EqualHeights

Creating equal height boxes or content holders is mostly a challenge with CSS. The plugin makes this process easy by simply calling a function.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Vladimir Carrer, who also created the Emastic & Malo CSS frameworks has a fresh framework named Golden Grid.

It is a web grid system, that is totally focused on grid-based designs (not a complete CSS framework).

Golden Grid uses float:left approach for building grids rather than positions.

It is a 6/12 column grid system with a 970px main width. Total file size is <1kb when compressed.

To read more about it, you can check his blog post announcing the framework.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

SenCSs is a CSS framework that doesn’t provide a layout system but aims to take care of the rest, like:

• fonts & font-sizes
• paddings
• margins
• colors,
• tables & lists
• headers, blockquotes and what more..

SenCSs has support for forms which helps presenting them nicely (better form support is on the way).

There are also styles for elements like errors, warnings or success messages which are parts of a standard web application.

SenCSs, although being fresh & currently in development, is a nice base to start with & improve depending on your needs.

An example HTML file can be found here.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Update 26.12.2008: This post is updated to reflect the original application.

CSS QuickMenu is a very powerful & web based CSS menu creator application.

After selecting the menu type & clicking the "customize menu" button, you can reach the editor.

The editor helps you to:

• Add/remove/update menus & submenus
• Update colors, fonts, borders..
• Choose animations
• Choose CSS shapes
• Decide whether the menu will be reachable via keyboard or it will be horizontal/vertical & more..

It also enables you to add your own CSS styles and see the results instantly.

After creating the menu, HTML & CSS codes can be reached easilt via the "save" button.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Stacked bar graphs are very helpful when presenting a comparison of data.

This is a stacked bar graph built with CSS (& based on Pure CSS Data Chart).

It uses "definition lists" in the HTML for presenting the data & "unordered lists" for the labels on axes.

Source files can be downloaded from the author’s website & a demo can be found here.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

deploy* is an open source web application that enables you to create your web project framework with ease.

It lets you to choose the:

• x(html) document type
• css file (blank or with resets)
• jQuery to be included or not. If yes, ask for some popular plugins
• major directories like images, includes to be added

Once the link that creates to project framework is bookmarked, same framework can be created with just a click.

The idea itself is very nice: "instantly starting a project with the preferred structure". If more libraries, CSS frameworks would be supported, it can become much more flexible (as it is open source, anyone can add these).

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Solucija is featuring 30+ quality & free website templates.

These CSS – XHTML templates are all lightweight (under 60kb) & they are very handy to get inspired,  to use by modifying or, in some cases, just using how they already are.

Templates can be used both in non-commercial & commercial websites.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

DevBoi is a Firefox add-on that adds a sidebar with web-development references and documentations for HTML, JavaScript, CSS, PHP, Ruby on Rails & Prototype.

The sidebar is very handy for any developer as you can reach it with a simple "CTRL+F9", find any function or property, see the browsers it supports & more.

Standard installation supports:

• HTML 4.01/XHTML 1.0,
• CSS 2.1,
• DOM 2,
• JavaScript 1.3

Support for other languages can be downloaded from here.

You can also go the original website for the add-on for downloading it without registering.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)