Charlie Cathcart pixelchar
pixelchar
/ brand-colors-variables.scss
Created
October 2, 2013 15:45
Sass variables for the brand colors of popular websites, social media, and services.
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
| // Brand Colors | |
| $brand-adobe: #ff0000; | |
| $brand-amazon: #e47911; | |
| $brand-android: #a4c639; | |
| $brand-behance: #005cff; | |
| $brand-bitly: #ee6123; | |
| $brand-disqus-blue: #59a3fc; | |
| $brand-disqus-orange: #db7132; | |
| $brand-dribble: #ea4c89; | |
| $brand-dropbox: #3d9ae8; |
pixelchar
/ twitter-summary-card.html
Created
September 27, 2013 20:28
Twitter Summary Card meta tags https://dev.twitter.com/docs/cards/types/summary-card
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
| <meta name="twitter:card" content="summary"> | |
| <meta name="twitter:site" content=""> <!-- Twitter username --> | |
| <meta name="twitter:creator" content=""> <!-- Twitter username --> | |
| <meta name="twitter:title" content=""> <!-- Limit to 70 characters or less --> | |
| <meta name="twitter:description" content=""> <!-- Limit to ≤ 200 characters; don't re-use the title or generic text --> | |
| <meta name="twitter:image" content=""> <!-- Optional; min. 60x60 pixels; > 120x120 will be resized; file size < 1MB --> |
pixelchar
/ ie11-tiles.xml
Created
September 27, 2013 19:57
XML method for specifying tile color and icons for different sizes of IE 11/Windows 8 Metro tiles (subject to change). http://msdn.microsoft.com/en-US/library/ie/bg183312
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
| <?xml version="1.0" encoding="utf-8"?> | |
| <browserconfig> | |
| <msapplication> | |
| <tile> | |
| <square70x70logo src="images/smalltile.png" /> | |
| <square150x150logo src="images/mediumtile.png" /> | |
| <wide310x150logo src="images/widetile.png" /> | |
| <square310x310logo src="images/largetile.png" /> | |
| <TileColor>#009900</TileColor> | |
| </tile> |
pixelchar
/ ie10-metro-tile.html
Created
September 27, 2013 19:54
High quality tile icons in IE10/Windows 8.
http://blogs.msdn.com/b/ie/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx
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
| <meta name="msapplication-TileImage" content="144x144.png"> <!-- Image must be 144x144 pixels --> | |
| <meta name="msapplication-TileColor" content="#ff0000"> <!-- Color can be in Hex or CSS rgb format --> |
pixelchar
/ ie11-tiles.html
Created
September 27, 2013 19:52
HTML method for specifying tile color and icons for different sizes of IE 11/Windows 8 Metro tiles (subject to change).
http://msdn.microsoft.com/en-US/library/ie/bg183312
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
| <meta name="application-name" content=" Contoso" /> | |
| <meta name="msapplication-TileColor" content=" #009900" /> | |
| <meta name="msapplication-square70x70logo" content="images/smalltile.png" /> | |
| <meta name="msapplication-square150x150logo" content="images/mediumtile.png" /> | |
| <meta name="msapplication-wide310x150logo" content="images/widetile.png" /> | |
| <meta name="msapplication-square310x310logo" content="images/largetile.png" /> |
pixelchar
/ htaccess-custom-error-pages
Created
September 26, 2013 15:45
Define custom error pages in .htaccess
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
| ErrorDocument 400 /400.html | |
| ErrorDocument 401 /401.html | |
| ErrorDocument 403 /403.html | |
| ErrorDocument 404 /404.html | |
| ErrorDocument 405 /405.html | |
| ErrorDocument 408 /408.html | |
| ErrorDocument 414 /414.html | |
| ErrorDocument 500 /500.html | |
| ErrorDocument 502 /502.html | |
| ErrorDocument 504 /504.html |
pixelchar
/ htacess-gzip
Created
September 26, 2013 15:44
Active gzip compression snippet for .htaccess
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
| # BEGIN GZIP | |
| <ifmodule mod_deflate.c> | |
| AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript | |
| </ifmodule> | |
| # END GZIP |
pixelchar
/ hide-number-spinners-in-webkit.css
Created
September 26, 2013 15:43
Turn Off Number Input Spinners in Webkit
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=number]::-webkit-inner-spin-button, | |
| input[type=number]::-webkit-outer-spin-button { | |
| -webkit-appearance: none; | |
| margin: 0; | |
| } |
pixelchar
/ style-placeholders.css
Last active
December 24, 2015 00:18
Style placeholder text in browsers that support it.
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
| ::-webkit-input-placeholder { | |
| color: #ccc; | |
| } | |
| /* Firefox 18- */ | |
| :-moz-placeholder { | |
| color: #ccc; | |
| } | |
| /* Firefox 19+ */ |
pixelchar
/ remove-link-highlights.css
Created
September 26, 2013 15:01
Remove Gray Highlight When Tapping Links in Mobile Safari. JS allows :active styles to work in the CSS on a page in Mobile Safari.
http://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/
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 { | |
| -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| } |