Archive for February, 2009

CSS Transparency Settings for All Browsers

0

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and are currently set to 50% transparency:

.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
 

Here is what each of those CSS properties is for:

  • opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t.
  • filter:alpha(opacity=50); This one you need for IE.
  • -moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator.
  • -khtml-opacity:
More >

The Best 5 Sets of Emoticons Free Download

0

In web forums, instant messengers and online games, text emoticons are often automatically replaced with small corresponding images, which came to be called emoticons as well. Examples of widely known emoticons are the smiley face : ) and the frowny face : (.

We have selected the best 5 sets of emoticons we have found on the internet. You can use them on your blog, forums and even web applications for free. Please feel free to suggest your favorite ones we did not mention.

2S-Space Emotions V2

The Blacy Emoticons

Yolks 2 Emoticons

Say Emoticons

Buttery Emoticons

Font Type Resources for Web Designers

0
HTML Ipsum

http://html-ipsum.com/

HTML Ipsum is the brainchild of Chris Coyier of CSS Tricks. It’s a simple, yet extremely useful tool for web designers. Instead of generating and breaking apart paragraphs from the Lorem Ipsum site for every project, simply copy the prefabbed piece you need. It’s already formatted in HTML and ready to go.

Typetester

http://www.typetester.org/ Typetester is an extremely comprehensive tool for determining how different typefaces will appear on the screen, and for the web. The controls let you compare up to three fonts side by side to help guarantee the perfect choice.

What the Font

http://new.myfonts.com/whatthefont/

In addition to having a great acronym, What The Font is perfect for identifying fonts. Upload an image of the typeface in question, verify the letters, More >

Photoshop Brushes Pack | Dream Design

1

All brushes in the picture are included in the pack

Contains 20 high resolution brushes usefull for wallpapers.  Created  with Photoshop CS3 and the resolutions are above 1000px to 2400. All brushes are original. Please comment and fav if you like it.

Dream Design Brushes Pack abr | 3.31 Mb

DOWNLOAD

CSS Frameworks + Tutorials and Tools for Getting Started

1

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love. Main features of good CSS Framework is to 1) rapidly speed up our development time, 2) should have a very small size, 3) have good documentation and tutorials and 4) have clean grid structure. You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved.

1. 960 CSS Framework

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, More >

Go to Top