07 5526 2939
0401 352 269

Some free web design tools

There are some free tools that are poking their noses ahead of the pack and becoming the industry recognised leaders in their fields and are in general not that far behind the commercial applications.
Note: Links open in new window.

Responsive web design tools

Market share of browers, OS, etc.
Statcounter icon to indicate hyperlink opens in new tab

Can I Use shows tables of current browser support for CSS icon to indicate hyperlink opens in new tabrules

Ben Frain's javascript viewport size icon to indicate hyperlink opens in new tab script

Rounded Corners in IE PIE project

W3C
Multicolumns using column-width etc.

Complex gradient editor icon to indicate hyperlink opens in new tab tool.

CSS
Prefix free tool for helping to write all the different versions icon to indicate hyperlink opens in new tab of CSS3rules.

to start chrome so you can preview locally you need to start with chrome.exe --allow-file-access-from-files in RUN.

Microsoft's border radius icon to indicate hyperlink opens in new tab testing tool.

Microsoft chart showing Internet Explorer version support for CSS icon to indicate hyperlink opens in new tab.

JavaScript to polyfill media queries icon to indicate hyperlink opens in new tab for IE6-8 and more.
Also see Modernizer icon to indicate hyperlink opens in new tab

Grids

Columnal icon to indicate hyperlink opens in new tab
Skeleton icon to indicate hyperlink opens in new tab
Less Framework icon to indicate hyperlink opens in new tab

starting point
HTML5Boilerplate icon to indicate hyperlink opens in new tab

More
HTML5 Outliner

Typography tester and advisor

Using this a bit, very interesting, I hope it stays around!
Thank you Mr. Pearson! typography master (whoever you are).

Kuler is a colour scheme picker by Adobe

I like it, it is an online tool, see here

Filezilla is killer!

Filezilla is a great free FTP client so you can upload files like .html webpages and .jpg, .png and .gif images to your webpsite.

Free to download and use, check it here:
Filezilla homepage

(4.4MB download)

Paint.net is almost "free photoshop"

After trying "the gimp" and other free image creators and photo editors I finally found paint.net and it is the goods!

My requirements are that the programme must be fairly easy to use and easy for me to be able to teach my clients how to use it and paint.net is the answer!
It supports layers, resizing, adding text on the image and most of the important photoshop tools that I need my clients to use.

Free to download and use, check it here:
Paint.net homepage

(3MB download)

Komposer WYSIWYG webpage editor

This not a final recommendation because Komposer alters the code on the fly and sometimes this can change the layout but it is the best I have found yet.

Free to download and use, check it here:
Komposer homepage

(7.7MB download)

 

 

Contact Hardweb - making websites work!


hardweb.com.au

07 5526 2939
0401 352 269

Home/Office Address
-- 25 Savoy Drive --
Broadbeach Waters
Gold Coast Queensland 4218




07 5526 2939
0401 352 269