powered by Slim Framework
enhanced by Nesbot.com

CSS3: Creating Diagonal Lines

Published on Mar 19, 2012 by Jamie Munro

The hr tag has been around for quite some time to provide a nice horizontal line to visually separate content.  To achieve a vertical line, it's typically been accomplished via border-left or border-right.  However, this is when you can get into height issues or columns that don't extend the whole way, etc…  Instead CSS3 allows for the rotation of elements and allow for vertical or diagonal lines to be created with some basic CSS.

Read more >

Tags: css3 | CSS

CSS3: Rotating DOM Elements

Published on Mar 5, 2012 by Jamie Munro

As more and more browsers support HTML5 and more importantly CSS3, it begins to allow us much more freedom using standard text without the need of images.  Not only does this speed up page load times, it also lowers bandwidth costs as well.  Using CSS3, many standard DOM (Document Object Model) objects can easily be rotated, such as: images, text, block elements, etc…

Read more >

Tags: css3 | CSS

CSS3: Creating a Transparent Background

Published on Feb 20, 2012 by Jamie Munro

Do you have a nice background image that you don't want hidden by a solid color and your content?  With some CSS3, a background color can be set with an opacity value so that the content or image beneath will be visible through it.

Read more >

Tags: css3 | CSS

CSS3: Creating a Background Gradient

Published on Jan 23, 2012 by Jamie Munro

Do you see the gradient blue above for the title of this article?  If you don't then your browser doesn't support CSS3 gradients.  However, if you do see it, you'll be happy to know that I saved you and me some bandwidth by not using an image!  Instead, some CSS3 is used.  So next time a designer provides you a PSD with a bunch of gradient images forget "chopping" them out and use the following example instead.

Read more >

Tags: css3 | CSS

HTML: Absolute Position…when it's relative

Published on Dec 26, 2011 by Jamie Munro

I have long been against absolute position.  I always felt it the "lazy" way out.  Until recently!  I've finally seen the light!  Absolute positioning works extremely well inside of a relative position.  In fact it works so well, that it reduces my browser testing time because IT IS actually consistent!

Read more >

Tags: HTML5 | CSS | html | css

CSS: Fixed Position Content

Published on Oct 3, 2011 by Jamie Munro

CSS3: Attribute Selectors

Published on Sep 19, 2011 by Jamie Munro

CSS3: Custom Fonts using @font-face

Published on Aug 29, 2011 by Jamie Munro