sendesignz

  • Increase font size
  • Default font size
  • Decrease font size
Home CSS
CSS

The @Font-Face Rule and Implementation Tricks

E-mail Print PDF

The @Font-Face Rule and Implementation Tricks

@font-face method is frees designers from the yoke of the standard palette of “web-safe” system fonts that have been used for many years. Surprisingly, however, this capability has been available in Internet Explorer since 1997. IE4 was the first browser to allow web fonts, but it did so with a proprietary format that prevented other browsers from following suit. Microsoft has since submitted its format to the W3C for consideration as a standard, but now that Firefox, Safari, Chrome, and Opera are all implemented now. So you can consider it pretty safe to use.

Last Updated on Saturday, 12 November 2011 15:47
 

Text Effects and Typographic Styles

E-mail Print PDF

Text Effects and Typographic Styles

Text content has been the backbone of the Web since its creation, yet for years we’ve had to make do with a very limited set of tools. CSS3 hugely expands its typographic tool set by introducing a range of new and updated features in the Text Module. 
Chief among these features is the ability to add shadows to text. The new syntax is flexible enough to allow for some very nice effects. In addition to these are some less flashy effects but ones that can really do wonders for the readability of your text.

Last Updated on Saturday, 12 November 2011 16:11
 

Understanding the CSS3 2D Transformation

E-mail Print PDF

Understanding the CSS3 2D Transformation

Web pages appeared mostly boxes horizontal, vertical lines and the only way to provide any variation to this rules was to use images. but with css3 we can draw two dimensional images. These new features supported by most modern browsers including IE9.  That means you can start practicing with these new features right away.

Last Updated on Saturday, 12 November 2011 16:18
 

CSS3 Transition Fundamentals

E-mail Print PDF

CSS3 Transition Fundamentals

CSS3 and HTML5 are growing faster and faster, browsers begin to support more new features. CSS3 bring some interesting new presentational techniques along with it. In this post I will show you basics of using CSS3 transitions. The basic syntax for creating a css transition is “property”, “duration”, and “type”.

Last Updated on Saturday, 12 November 2011 16:25
 

Drawing Ribbons in CSS3

E-mail Print PDF

Drawing Ribbons in CSS3

We can create illusion of shapes using pure css by utilizing the border property in creative ways. Do you ever think of creating different shapes in CSS such as ribbons. Now most of us familiar with “-moz-border-radius” and “-webkit-border-radius” properties to create rounded corners. In this post I will show you How to draw ribbons using border property.

Last Updated on Saturday, 12 November 2011 17:19
 

Designing Contact form in CSS3 and HTML5

E-mail Print PDF

Designing Contact form in CSS3 and HTML5

Designing  with CSS3 become a  trend in web design world. The options for fun in CSS3 is the modern design elements that can be created without graphics. Most of the modern browsers now support for CSS3. Today I will show you how to design a contact form in CSS3.

Last Updated on Sunday, 13 November 2011 02:59
 

How to Draw Speech Bubble and Shapes with CSS3

E-mail Print PDF

How to Draw Speech Bubble and Shapes with CSS3

Drawing with CSS in a trendy topic these days. Today i will show you in this post how to draw speech bubbles and basic shapes (Like envelope, book mark, starburst ect...). These tips are the basic  to drawing more complex drawings.

Last Updated on Sunday, 13 November 2011 12:45
 

Zebra-striping Tables with CSS3

E-mail Print PDF

Zebra-striping Tables with CSS3

Today I'm going to show you How to use Zebra Stripping  tables  in CSS3. Zebra-striping tables is certainly not a new thing,  it has been done and discussed for years.  Zebra Stripping is the technique of having different colours per each line. It is generally considered to help users read large tables of information.

Last Updated on Sunday, 13 November 2011 12:52
 

Gradient Buttons with CSS3

E-mail Print PDF

Gradient Buttons with CSS3

In my previous post I explain about CSS Shadows. Today I'm going to explaion you about CSS3 gradient feature in a good practical use. I will explain gradient button that I have created with CSS3. The buttons are scalable based on  the font-size. The button size can be easily adjusted by changing the padding and font-size values. It can be applied to any HTML element such as div, span, p, a, button, input, etc.

Last Updated on Sunday, 13 November 2011 12:55
 

CSS3 Exciting Shadows

E-mail Print PDF

CSS3 Exciting Shadows

My Previous post I have explain CSS 3 Border features(CSS3 Exciting Border Functions and Features). Today I'm going to explain CSS3 shadows. Now only the modern browsers currently support these effects, it’s still fun to see what’s around the corner!

Last Updated on Sunday, 13 November 2011 13:00
 

CSS3 Exciting Border Functions and Features

E-mail Print PDF

CSS3 Exciting Border Functions and Features

With version of CSS3, therre are lof of exciting features will be implemented. CSS3 leads togreater flexibility and makes it much easier to recreate previously complex effects. Lot of time-saving rules are being thought up for CSS3:

Today I'm going to explain CSS3 Borders. CSS3 takes borders to a new level with the ability to use gradients, rounded corners, shadows and border images. Although only the modern browsers currently support these effects, it’s still fun to see what’s around the corner!

Last Updated on Sunday, 13 November 2011 13:02
 
More Articles...
  • «
  •  Start 
  •  Prev 
  •  1 
  •  2 
  •  Next 
  •  End 
  • »


Page 1 of 2