Free Icons flavour & twitter icons

Awsome free icons at smashingmagazine available for download, 2 different set of high quality icons in PNG format with different sizes and downlaodable along with PSD & AI (adobe illustrator format) source for free, allow you to make any modifications to the icons to fit your needs.
Read the rest →

Gallery a free wordpress theme for portfolio showcase

Smashingmagazine has released a new free wordpress theme designed by Christopher Wallace named “gallery”, based on the result of smashing community wordpress theme polling.

Read the rest →

Javascript fluid design, new approach to fluid design

Got this from ajaxian, a cool approach of implementing fluid design using javascript, a small javascript library by Yusuf Akyol. Check out the demo page and resize the browser to see the layout and font size changes. This done by a small CSS and:

HTML

<script type="text/javascript"><!--
  fluidLayoutinit(yourFontSize, yourScreenSize);
   // yourFontSize is a hundred percent value at yourScreenSize
   // yourScreenSize is a pixel value for yourFontSize
// --></script>

Javascript

var fluidLayout = {
myFontSize: 100,
getBrowserWidth: function() {
if (document.documentElement && document.documentElement.clientWidth != 0) {
return document.documentElement.clientWidth;
} else if (document.body) {
return document.body.clientWidth;
}
return 0;
},
dynamicLayout: function () {
var defaultFontSize = fluidLayout.myFontSize * 100;
var browserWidth = fluidLayout.getBrowserWidth();
document.body.style.fontSize = (defaultFontSize * browserWidth / 100000) + "%";
},
addEvent: function (obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener( type, fn, false );
} else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
}
},
init: function(fontSize) {
this.myFontSize = fontSize;
this.addEvent(window, 'load', this.dynamicLayout);
this.addEvent(window, 'resize', this.dynamicLayout);
}
}

How to Spot Quality within Web Design: Examples & Tips

Have seen a lot of terms of “high quality design” but there are no standard valuations of design quality, yes in the end it is depend on personal taste but wefunction has published a great tutorial in detail about tips to create a high quality web design along with real examples.

A lot of checklist includes: spacing, pixel perfect details, Typography, Organization of elements, and so on. just check it out

Evidens free wordpress theme

Designdisease has released new free wordpress theme called evidens. 3 columns, fluid width layout, great typos, comes with optional flickr photostream, twitter integration, and logo changer options either using image or blog name setting.

Available in 2 variation styles dark design (download, preview demo) and white design (download, preview demo) Download files also packed with PSD logo and required plugins.

Licensed under licensed Creative Commons Attribution-Share Alike 3.0 license, means use it for free, modify it as needed but keep the credits intact at the bottom