Skip to content

Instantly share code, notes, and snippets.

@pixelchar
pixelchar / facebook-open-graph-meta-tags.html
Created September 26, 2013 14:49
Facebook Open Graph META Tags
<meta property="og:title" content="">
<meta property="og:image" content="">
<meta property="og:site_name" content="">
<meta property="og:description" content="">
@pixelchar
pixelchar / iOS-app-prompt.html
Created September 26, 2013 14:45
HTML meta tag to prompt iOS users there is a native app available in a friendlier way
<!-- App ID is required; Affiliate Data and Argument are optional -->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
@pixelchar
pixelchar / disable-autocomplete-on-forms.html
Created September 26, 2013 14:36
Disable autocomplete and autocorrect in HTML forms
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
@pixelchar
pixelchar / all-countries-select-box.html
Created September 26, 2013 14:33
HTML select box with all current countries with two-letter country code as a value.
<select id="country">
<option value="" selected>Select one&hellip;</option>
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
@pixelchar
pixelchar / html5-download-link.html
Created September 26, 2013 14:28
Force file download with HTML5
@pixelchar
pixelchar / regex-email-validation.html
Created September 26, 2013 14:27
RegEx pattern for email validation
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
@pixelchar
pixelchar / webkit-overflow-scrolling.css
Created September 23, 2013 19:27
iOS native-style momentum scrolling
.element {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
@pixelchar
pixelchar / iOS7-dynamic-fonts.css
Created September 20, 2013 18:28
Values to use dynamic fonts in iOS 7 Mobile Safari http://mths.be/boy
h1 {
font: -apple-system-headline1;
}
p {
font: -apple-system-body;
}
figcaption {
font: -apple-system-caption1;
@pixelchar
pixelchar / iOS-icons.html
Created September 20, 2013 18:21
All the possible icons for iOS with the introduction of iOS 7. http://mths.be/boy
<!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="icon57.png" sizes="57x57">
<!-- non-retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="icon72.png" sizes="72x72">
<!-- non-retina iPad iOS 7 -->