Archive for the ‘CSS’ Category

The outline dotted border and the image replacement technique

May 5th, 2010 - 2 comments

If you are a web developer then you surely know what is an image replacement technique and what that means. One of the most common CSS techniques is the Phark Method, a very good and simple method.

Although this is very used, I noticed developers tend to skip fixing Firefox appearance of a dotted border that goes to the edge of the screen. In this tutorial I will show you how this can be fixed in a simple way.

Image replacement technique and dotted border

Submit form on enter key using anchor

February 1st, 2010 - 0 comments

These days I tested what’s happening if you have a form and instead a submit input you choose to submit the form using an anchor. If you do that, you will notice that the form won’t submit on ENTER key. So how can we submit a form on enter key using anchor?

Html form example

Center a block element without knowing its width

January 30th, 2010 - 0 comments

Centering an element may seem quite simple thinking that “text-align:center” will solve the problem. Or maybe set “width” and “margin: 0 auto”, but what happens when you need to center a block element with variable width?

By default div has auto width

Add drop shadow effect using CSS text-shadow property

December 13th, 2009 - 1 comment

One of the CSS properties people like to use nowadays is the CSS text-shadow property. The text-shadow property represents a comma separated list of shadow effects to be applied to the text of the element.

The times when you had to use the CSS image replacement technique for a simple text shadow effect are gone.

Css text shadow effect

Things you should know about CSS anatomy

December 1st, 2009 - 3 comments

I often notice people tend to use stylesheets without knowing its structure meaning. That’s why, in this tutorial I will try to present you the CSS components structure.

Css structure anatomy

Get rid of Safari’s blue input outer glow once and for all

November 20th, 2009 - 2 comments

When you’re building web interfaces or just websites you always need to do cross-platform browser testing. As we saw, inputs inherits different styles from browsers and you need to style them. In this article i will show you how simple is to remove Safari’s glowing blue outline.

safari-blue-outer-glow

10 CSS tips and tricks you should always use

November 7th, 2009 - 3 comments

When starting coding a Photoshop layout or whenever you work for something,  you should always be aware of some CSS tips that will make your life easier.

css-tips-tricks

Here’s a quick way to style an input button

October 23rd, 2009 - 3 comments

I assume there was at least one time when you wanted to add more appeal to a html input and at that moment you didn’t knew how.
We all know how boring looks an input when we use it without styling it and that’s why today I will show you the way to get rid of this old-style input.

style-button-input

CSS tips and tricks, tutorials, templates

September 20th, 2009 - 0 comments

What Red Team Design is about?

Red Team Design blog will offer intuitive and comprehensive tutorials, tips and tricks articles and templates design guidelines. The blog will be kept fresh with articles about CSS and web design. From time to time we will design templates and make available for our readers their sources.

Reading our blog you will learn how to become a better web designer and create stunning websites.

Subscribe for free to our RSS Feed updates to make sure you read the latest articles as soon as they are published.