At the beginning, perhaps you were developing websites just for fun or you were just learning some new tricks, but now, when you are developing a website or a web application you can’t afford to skip the usability basics rules. In this article we’ll try to remember some basic, unwritten web usability rules.
Archive for the ‘CSS’ Category
The outline dotted border and the image replacement technique
May 5th, 2010 - 2 commentsIf 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.

Submit form on enter key using anchor
February 1st, 2010 - 0 commentsThese 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?

Center a block element without knowing its width
January 30th, 2010 - 0 commentsCentering 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?

Add drop shadow effect using CSS text-shadow property
December 13th, 2009 - 1 commentOne 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.

Things you should know about CSS anatomy
December 1st, 2009 - 3 commentsI 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.

Get rid of Safari’s blue input outer glow once and for all
November 20th, 2009 - 2 commentsWhen 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.

10 CSS tips and tricks you should always use
November 7th, 2009 - 3 commentsWhen 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.

Here’s a quick way to style an input button
October 23rd, 2009 - 3 commentsI 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.
![]()
CSS tips and tricks, tutorials, templates
September 20th, 2009 - 0 commentsWhat 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.


