15 Best Web Design Blogs You Are Going To Love It

 SixRevisions

PSD.TutsPlus

VandelayDesign





 














 

YouTheDesigner

DesignMag

FuelYourCreativity

Inspiredology

WebDesignerDepot

WebResourcesDepot

PSDFan

Noupe

nettuts

WeFunction

Tutorial9

DezinerFolio

jQuery Tools And Tips for Awesome Websites

http://www.problogdesign.com/resources/50-jquery-tools-for-awesome-websites/

Aptana Studio
 



Aptana Studio is a tool built for making great websites and webapps. It supports a wide range of
JavaScript frameworks, including jQuery.

Top 10 Website For Learning CSS 3 Tricks

1  http://www.design-dc.co.uk/

   

2 http://www.smashingmagazine.com/

  

3 http://css3please.com/

   

4 http://www.css3.info/



5  http://wordcastnet.com/

 

6  http://www.ectomachine.com/

  

7  http://sixrevisions.com/

 

 8 http://www.w3avenue.com/




9 http://css-tricks.com/



10 http://psdcollector.blogspot.com/

Text Rotation with CSS 3

Text Rotation.

Within the article I linked to, the example uses an image sprite and a sprinkle of CSS to get things positioned right. Well, maybe not so much a sprinkle. It's like the top fell off the pepper shaker and you've suddenly got a large pile of pepper on your food. It makes me want to sneeze.

Thankfully, many of the popular browsers of today support the ability to rotate HTML elements. Even better? We can make it work in Internet Explorer (back to version 5.5 even). How you might ask? Okay, let's look at the HTML.

<div class="example-date">
  <span class="day">31</span> 
  <span class="month">July</span> 
  <span class="year">2009</span>
</div> 

The CSS

For Webkit and Firefox (as of 3.5), you can take advantage of the proposed transform property to handle the rotation. Each browser requires its property prefix for now.

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 

In order to perform a transformation, the element has to be set to display:block. In this case, just add the declaration to the span that you want to rotate.


When it comes to effects in Internet Explorer, there is a surprising amount of power (and untapped at that, I'd say) in using filters. Although misleading, there is a filter called BasicImage that offers up the ability to rotate any element that has layout.

for IE use this -: 

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Nice and clean without too many extras. I conscientiously chose the date order I did to avoid having to use a comma. Otherwise, an extra span would be required to remove the comma from our final design.

CSS: border-radius and -moz-border-radius

Super Awesome Buttons with CSS3 and RGBA

 http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba

CSS3 Tips, Tricks, Tutorial Sites and Articles

Use full Tips and Tricks CSS3 Items and Tutorials


33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles | EDESIGNERZ.NET | Article, Tutorial, Features, Techniques, Create