The outline dotted border and the image replacement technique

by Red - 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

by Red - 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

by Red - 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

How to design a love heart wallpaper

by Red - 1 comment

In this tutorial we’ll learn how to create a love themed wallpaper using Photoshop’s Stroke path and Pen tool.

Sweet Love Wallpaper

Add drop shadow effect using CSS text-shadow property

by Red - 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

by Red - 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

by Red - 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

by Red - 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

How to create 3D typography effect using Extrude&Bevel

by Red - 3 comments

In this tutorial you will learn how to achieve the following fancy 3D typography effect using Adobe Illustrator and Adobe Photoshop in just 7 easy steps.

3d-typography-effect