Category: Design

Multibrowser Pixel-perfect addon for horizontal grid designs :)

It’s Friday, I was thinking to have a little fun and offer you this brand new multibrowser addon to create pixel-perfect layouts based on a horizontal grid.

Multibrowser addon for layouts based on horizontal grids

We will also think about a vertical one, or mixing vertical and horizontal grids to bring some happiness into designers’ world :)

Suggestions and improvements are welcome and much appreciated. :)

google-font-thumb

Google Fonts tutorial

Google came with a new idea in their list of web toys.: a font directory that allows you as a web developer to include some “fancy” fonts in your pages without struggle. We prepared a tutorial to teach you how to play with this new API and a test page so you can download the code and use it in your website.

Wacky fonts anyone?

Do you think using weird fonts will improve or distroy your website? Do you think a boring typeface is better than a wacky one? Then you haven’t seen these fonts :)

1. Amadeus
Amadeus font

2. AKKA
akka font

3. Hornswoggled
hornswoggled font

4. BPdotsUnicase
bp-dots font

5. Badaboom
badaboom font

Any wacky ideas anyone?

5 free retro fonts that you should use

For the font maniacs that would like to improve the web’s boring look with some new fancy fonts, here’s a list with great free retro fonts that will improve your website design.

1. UpperEastSide
Upper East Side font

2. Riesling
Riesling font

3. Lemonchicken
Lemon Chicken Font

4. Deftone Stylus
deftone font

5. LakeShoreDrive
Lake Shore Drive font

3 free icons sets – webiconset.com

Webiconset.com offers to download three small sets of icons( 10 icons per set ) for both personal and commercial use. The Icons are high quality and come in 4 sizes – 128, 64, 48 and 32 pixels, in png format.

The coolest Google Map icons

Tweet There’s no reason for our Google Maps to look ugly because of  the icons Google used to offer. Now have become available a huge number of icons offered by Nico Mollet under the Creative Commons 3.0 license. The cherry on the cake is that they give away everything related to these icons so everybody [...]

iPhone grayscale icons

Tweet We’ll try today to bring some icons to be used for the UI of the iPhone. Like the ones below: The icons should be grayscaled, as the operating system will take care of all the graphic effects –  like the nice aqua gradient, or the background of the button. Some of the resources presented [...]

CSS Typography – Text replacement techniques

Tweet Due the limited number of fonts available for web we need to make use of other techniques to make our design look the way we want. Most of the time we simply cut the image from the psd file and place it in the html/css. But this has impact over the accessibility of the [...]

Two web icons sets from semlabs

Tweet SemLabs just released two free iconsets: Free Web Design Icon Set The Free Web Design Icon Set is a collection of 310 icons in PNG format. They are 16×16 pixels and they’re designed to be used on web projects but may also be useful for systems icons and for print. This icon pack is [...]

Function icon set – 128 free icons

Function is a set of 128 free to use icons, in 48×48 pixels format. This set includes some of the main Social Media Icons such as: Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter & Many more…

Page 1 of 3123