Niceforms 1.0

CSS, Stylesheet, Web Design No Comments »

2007-04-24_202453.jpg

What is it?

Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can develop your own look. You can read more about Niceforms in my initial article or take a look at an example to see it in action.

Features

Niceforms works just like your regular web form while adding a few usability improvements as well. One of these improvements would be the possibility of selecting a radio or check box by clicking its adjacent label, which is not possible on Safari browsers, for some weird reason. Niceforms also highlights the labels of the selected boxes to make the selections even clearer.

The form fields and the buttons created via Niceforms are fully scalable. You can specify their width (and height for textareas) through regular HTML properties such as size, cols and rows. For the select field, you can specify its width by simply adding a CSS class. Buttons will automatically expand to accommodate the amount of text present.

Keyboard-only navigation works although it hasnโ€™t been tested thoroughly on Macs yet. Opera has a slight problem with this and keyboard navigation wonโ€™t work on the select fields.

Compatibility

The script is fully compatible with most major browsers, including Firefox, IE6+, Safari and Opera. Since Safari insists on styling input fields and buttons the Mac-way no matter what, Niceforms isnโ€™t applied on these elements for this browser, leaving the default styling in place.

Themes

You can basically customize the look of your forms any way you want by creating your own themes. Since Niceforms replaces the form elements with images, itโ€™s just a matter of slicing these images up correctly and creating the CSS that holds them all together. More themes are on the way and youโ€™re more than welcome to contribute as well. A short guide on how to properly create themes is in progress and should be available soon.

http://www.badboy.ro/articles/2007-01-30/niceforms/

Open Source Web Design

CSS, HTML, W3C, Web Design, XHTML No Comments »


2007-04-24_034001.jpg

Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.

The Story
To put it simply, Open Source Web Design is a collection of web designs submitted by the community that anyone can download free of charge!

The Open Source Web Design project was founded in September, 2000 by Francis J. Skettino. The goal was to provide the Open Source community with quality web designs to help get people’s projects on the web in a way that is both organized and good looking. From personal blogs to content managements systems to full fledged businesses, OSWD has been providing free web designs to those who need them for years. With your help, we will continue to do this for years to come.

http://www.oswd.org/

PHP/SWF Charts

Flash, MySQL, PHP No Comments »

2007-04-24_031743.jpg

PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data.

Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. Any other scripting language (ASP, CFML, Perl, etc.) can be used with XML/SWF Charts (the XML version of the same tool.)

PHP/SWF Charts makes the best of both the PHP and SWF worlds. PHP scripts provide integration, and Flash provides the best graphic quality.

Features:

* Web charts and graphs from dynamic data
* Live and interactive chart updates without reloading the web page
* Clickable charts, and drill-down
* Animated transitions
* Printable charts
* Simple and flexible chart generation
* Quality Flash graphics
* Supports PHP 3, 4, and 5
* Supports unicode text to display special characters and any language
* Chart types:

o Line
o Column
o Stacked column
o Floating column
o 3D column
o Stacked 3D column
o Parallel 3D column
o Pie
o 3D Pie
o Bar
o Stacked bar
o Floating bar
o Area
o Stacked area
o Candlestick
o Scatter
o Polar
o Mixed
o Composite
o Joined

http://www.maani.us/charts/

ajaxload

Ajax, Image, Web 2.0, Web Design No Comments »


2007-04-23_202924.jpg

Ajax loading gif generator.

Create easily your own ajax loader icon :

1. Select the type of indicator you want.
2. Enter the background code color you want.
(tick “Transparent background” if you don’t want one
3. Enter the foreground code color you want.

Press “Generate it” ;)

http://ajaxload.info/

amCharts

Effect, Flash, Web Design No Comments »

2007-04-22_200117.jpg

home_pie.gif
Pie & Donut chart
Pie & Donut chart is very universal and fully configurable flash chart. Using it you can easily have good looking, animated pies or donuts on your web site.

home_line.gif
Line & Area chart
This line and area chart is a new approach to usability of this kind of charts. Your site visitor will be able to zoom the period of his interest, turn on/off value balloons, show and hide graphs. You will be able to customize every small detail of your chart and make it look exactly as you want.

home_column.gif
Column & Bar chart
This Column & Bar chart can be clustered, stacked and 100% stacked. Different animation effects can be applied. You can make it 2D or 3D and customize every detail of this chart.
http://www.amcharts.com/

Last Content



Special Thanks To:Romow Web Directory & WordPress Themes Email & Advertising : cgimaster@gmail.com
Entries RSSLog in