Charlie Cathcart pixelchar
pixelchar
/ facebook-open-graph-meta-tags.html
Created
September 26, 2013 14:49
Facebook Open Graph META Tags
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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
/ disable-autocomplete-on-forms.html
Created
September 26, 2013 14:36
Disable autocomplete and autocorrect in HTML forms
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" /> | |
| <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea> |
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <select id="country"> | |
| <option value="" selected>Select one…</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
/ html5-download-link.html
Created
September 26, 2013 14:28
Force file download with HTML5
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="/files/abc123.pdf" download="file.pdf">Download File</a> |
pixelchar
/ regex-email-validation.html
Created
September 26, 2013 14:27
RegEx pattern for email validation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}"> |
pixelchar
/ 1x1-base64-spacer-gif.html
Created
September 26, 2013 14:25
Base64 Encode of 1x1px Transparent GIF
http://css-tricks.com/snippets/html/base64-encode-of-1x1px-transparent-gif/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"> |
pixelchar
/ webkit-overflow-scrolling.css
Created
September 23, 2013 19:27
iOS native-style momentum scrolling
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .element { | |
| overflow: scroll; | |
| -webkit-overflow-scrolling: touch; | |
| } |
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h1 { | |
| font: -apple-system-headline1; | |
| } | |
| p { | |
| font: -apple-system-body; | |
| } | |
| figcaption { | |
| font: -apple-system-caption1; |
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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 --> |