Design | Free Web Resources

Sweet CSS3 Buttons – BonBon

2 Sep

" alt="Sweet CSS3 Buttons – BonBon" width="490" height="200" class="thumbnail" />

Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.

One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.

A single PNG image is used to give the noise effect and they have a shiny 3D-like look.

There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.

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)

Tags: CSS3, HTML5

Polymaps – A JS Library For Image & Vector-Tiled Maps

21 Aug

" alt="Polymaps – A JS Library For Image & Vector-Tiled Maps" width="490" height="200" class="thumbnail" />

Polymaps is a free JavaScript library for creating dynamic and interactive maps.

Besides the usual cartography from OpenStreetMap, CloudMade, Bing, etc., it works with image-based and vector-tiled maps by providing a quick display of multi-zoom datasets over maps, and supports a variety of visual presentations.

As Polymaps can load data at a full range of scales, it’s a good fit for showing information from country level on down to states, cities, neighborhoods, and individual streets.

And, as it uses SVG to display information, you can use CSS rules to define the design of the data.

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)

Tags: Javascript, SVG

170 Free PNG Icons – WooCons #1

19 Aug

" alt="170 Free PNG Icons – WooCons #1" width="490" height="200" class="thumbnail" />

WooCons #1 is a set of 170 good looking icons that is shared by WooThemes.

The icon set is very ideal to be used in web applications as it covers the most used ones like actions, documents, player controls, charts and much more.

The set comes as 32*32px in transparent PNG format.

It is also mentioned that the “#1″ is a sign that we can expect more icons from WooThemes in the future (looking forward to them).

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)

Tags: PNG

HTML5Rocks: HTML5-CSS3 Resource By Google

18 Aug

" alt="HTML5Rocks: HTML5-CSS3 Resource By Google" width="490" height="200" class="thumbnail" />

HTML5Rocks is an online resource by Google that regularly shares various resources on HTML5 and CSS3.

The site has very detailed tutorials that digg stuff like HTML5 video or @web-fonts which are good starting points on the subjects.

An online playground with shortcuts to JS APIs + HTML-CSS properties helps trying new codes and seeing the outputs instantly.

And there is HTML5 Studio, which is a showcase of HTML5 codes like page-flip, video player, carousel, geolocation and more that are open source. It is possible to get inspired from them or re-use them in our projects.

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)

Tags: CSS3, Google, HTML5

Powerful Color Tool For Firefox: ColorZilla

17 Aug

" alt="Powerful Color Tool For Firefox: ColorZilla" width="490" height="200" class="thumbnail" />

ColorZilla is an impressive Firefox plugin that assists web developers and graphic designers with color related tasks.

A built-in eyedopper can get the color of any pixel and a color-picker helps playing with colors instantly. Picked colors can be added to the plugin's palette viewer/editor.

Also, generated or sampled colors can be auto-copied in CSS RGB, Hex and other formats which is handy to paste them into image editing apps.