Simplicity…

“Simplicity is the ultimate form of sophistication” – Albert Einstein

Style placeholder text with CSS

A common trend I’ve seen for a while and wanted to use, is the placeholder text in a form.  Instead of label hanging outside of the input field, with HTML5 you can use the placeholder attribute (for those browsers that support it). For the others, I’m afraid Javascript is the alternative.

Anyway, here is the CSS:

::-webkit-input-placeholder {
 color:    #CCC;
}
:-moz-placeholder {
 color:    #CCC;
}

 

CSS Permanent Scrollbar

Ever needed to always show the Scrollbar when you have pages that are shorter than the fold, and noticed that little jump that your whole site does?

Here’s how:

html { overflow-y: scroll; }