WebCodeBench
PHP, CSS, HTML and other web code stuff

Category Archives: CSS3

CSS3 How To: Create Background Colours With Gradient Property

The CSS3 gradient ability allows us to automatically create colour-gradient backgrounds for elements in a web page, without having to use image files. Unfortunately this is not supported by Opera or Internet Explorer. There is a filter that you can use to create linear gradients in IE, but for Opera you will have to resort [...]

Also posted in CSS | | Leave a comment

CSS3 How To: Use Box-Shadow Property

The box-shadow property works in a similar way to text-shadow, except you can use it to apply shadows to whole areas, such as images, side panels or feature-boxes. Previously, a web developer would have to resort to using carefully edited background images for drop-shadows, and when it came to putting shadows on resizeable elements such [...]

Also posted in CSS | | Leave a comment

CSS3 How To: Use Text-Shadow Property

This is a very straightforward CSS3 property with wide browser support… except for IE. It works well when used subtly for header text (ie: not how I’ve done it!)

Also posted in CSS | | Leave a comment

CSS3 How To: Use Extended Fonts with @font-face Property

The @font-face property marks a revolution in web design, and is now supported by all modern browsers – it allows you to choose from a vast range of different typefaces for your website. Before the @font-face property was introduced, there was no simple and safe way to do this. The stark choice was to either [...]

Also posted in CSS | | Leave a comment

CSS3 How To: Create Curved Corners with Border-Radius Property

border-radius is one of the most useful CSS3 properties, though also one of the most easily over-used (um… guilty as charged!). It is particularly convenient for adding simple curved corners to coloured panels, navigation menus, and buttons. In many situations it can be used to replace background box or button images (that in the past [...]

Also posted in CSS | | Leave a comment
  • Hello

    My name is Vin. I'm a coder who is interested in discovering the best ways to do things on the web. With a little bit of thought, we can do lots of interesting things, and it often isn't nearly as hard as one might think.

    This site is my chance to share with you what I've learned.