The HTML5 placeholder attribute is not a substitute for the label element

One of the useful things in HTML5 is the placeholder attribute that lets you specify a short hint for text input fields (textarea elements and the text states of the input element). In browsers that implement placeholder according to the specification, the hint text is displayed only when the field is empty and unfocused.

This is good since it gives you an opportunity to provide the user with hints regarding what they are expected to enter in the field. What is not good is that the placeholder attribute is often used as a substitute for the label element. I’ve seen this in various demos of the placeholder attribute as well as in demos for scripts that emulate the placeholder attribute in browsers that don’t natively support it. So some developers appear to misunderstand what the placeholder attribute is meant for and how it works.

Read full post

Posted in , , , .

Copyright © Roger Johansson


Posted in Blog | Comments Off on The HTML5 placeholder attribute is not a substitute for the label element

23 Fantastic Examples of Dark Colors in Web Design

Advertise here with BSA

Back in January we published a list showcasing dark colors in web design and it became very popular. Since a lot of readers asked for more, we decided to put together a new post of similar sites to give you some fresh examples. Choosing to use a dark color scheme in your web design is a bold move, so you have to make sure it’s right for your content. Examining these sites should give you plenty of inspiration.

Rory McIlroy

Dark Colors in Web Design

Pursuit Pop-Up Shop

Dark Colors in Web Design

shoplocket

Dark Colors in Web Design

Foto Bout

Dark Colors in Web Design

Nelson Cash

Dark Colors in Web Design

Designing Monsters

Dark Colors in Web Design

Mustache

Dark Colors in Web Design

Austin Eastciders

Dark Colors in Web Design

Tigi Professional

Dark Colors in Web Design

Colorz

Dark Colors in Web Design

Condé Nast

Dark Colors in Web Design

Lift

Dark Colors in Web Design

Test Days Honda

Dark Colors in Web Design

Motor

Dark Colors in Web Design

subsens

Dark Colors in Web Design

Fancy Rhino

Dark Colors in Web Design

mistervu

Dark Colors in Web Design

enlighten-my-mind

Dark Colors in Web Design

Quentin Mosimann

Dark Colors in Web Design

Youth Music Education Foundation

Dark Colors in Web Design

Premiere Boutique

Dark Colors in Web Design

Boomrad

Dark Colors in Web Design

Work WordPress Theme

Dark Colors in Web Design

CSS Design Awards
The Best Designs
Awwwards

Posted in Blog | Comments Off on 23 Fantastic Examples of Dark Colors in Web Design