Skip to content

Instantly share code, notes, and snippets.

View clare-codes's full-sized avatar

Clare clare-codes

6 followers · 8 following
View GitHub Profile
@clare-codes
clare-codes / placeholderCss
Created November 15, 2013 11:38
Placeholder Cross-browser Css - Rules need to be defined separately as otherwise they are ignored by the browser.
::-webkit-input-placeholder {
color: #626262;
}
::-moz-placeholder {
color: #626262;
}
:-moz-placeholder { /* Older versions of Firefox */
color: #626262;
}
:-ms-input-placeholder {
@clare-codes
clare-codes / gist:7639811
Last active December 29, 2015 07:59
Quick tip: Avoid using text-size-adjust: none;

Quick tip: Avoid using text-size-adjust: none;

text-size-adjust: none has been previously used in order to stop font size adjustment for text on mobile browsers, unfortunately this can lead to some desktop browsers being unable to zoom making it an accessibility concern. A better solution to this would be to specify text-size-adjust: 100% (to inflate text sizes at an exact proportion).

The bad way:

body {
	text-size-adjust: none;
}