Please see: https://github.com/kevinSuttle/html-meta-tags, thanks for the idea @dandv!
Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/
Vedran Jaic vedranjaic
kevinSuttle
/ meta-tags.md
Last active
July 10, 2024 09:39
— forked from lancejpollard/meta-tags.md
List of Usable HTML Meta and Link Tags
MrDys
/ gist:3512455
Created
August 29, 2012 13:26
Link directly to an open modal window in Bootstrap
This file contains 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
| /* If you've ever had the need to link directly to an open modal window with Bootstrap, here's a quick and easy way to do it: | |
| Make sure your modal has an id: | |
| <div class="modal" id="myModal" ... > | |
| Then stick this bit of Javascript at at the end of your document: | |
| */ | |
| $(document).ready(function() { |
This file contains 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
| .visible-android { | |
| display:none; | |
| } | |
| .visible-ios { | |
| display:none; | |
| } | |
| .on-device .visible-android, .on-device .visible-android { | |
| display:inherit; | |
| } | |
| .device-ios .visible-android { |
This file contains 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
| 01. <!DOCTYPE> | |
| 02. lang="…" | |
| 03. <title="…" /> | |
| 04. <link rel="…" /* home, next, prev… */ | |
| 05. skip to #main-content link | |
| 06. visual check /* color blindness */ | |
| 07. NO "javascript:" links | |
| 08. <a href="…" title="…"> | |
| 09. accesskey="…" /* samples below */ | |
| 10. NO <a href="…" target="_blank"> |
This file contains 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
| <!-- For iPad with high-resolution Retina display running iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png"> | |
| <!-- For iPad with high-resolution Retina display running iOS ≤ 6: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> | |
| <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png"> | |
| <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> | |
| <!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png"> |
vedranjaic
/ character_limit_ellipsis.css
Created
May 26, 2013 17:17
css: Character limit - Ellipsis
This file contains 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
| p { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| -o-text-overflow: ellipsis; | |
| white-space: nowrap; | |
| width: 100%; | |
| } |
This file contains 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
| .clearfix:after { | |
| content:"\0020"; | |
| display:block; | |
| height:0; | |
| clear:both; | |
| visibility:hidden; | |
| overflow:hidden; | |
| } | |
| .clearfix { |
vedranjaic
/ iphone_disable_autozoom_input.css
Created
May 26, 2013 17:40
css: iPhone - Disable auto-zoom on input fields
This file contains 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
| /* | |
| * disable auto-zoom on iphone input field focus | |
| * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/ | |
| */ | |
| input[type='text']:focus, | |
| input[type='number']:focus, | |
| textarea:focus { | |
| font-size: 16px; | |
| } |
This file contains 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
| /* wrap <iframe> in a div */ | |
| .responsive-video { | |
| position: relative; | |
| padding-bottom: 56.25%; /* 16/9 ratio */ | |
| padding-top: 30px; /* IE6 workaround*/ | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .responsive-video iframe, | |
| .responsive-video object, |
This file contains 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
| /* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ | |
| #fb-root { | |
| display: none; | |
| } | |
| /* To fill the container and nothing else */ | |
| .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { | |
| width: 100% !important; | |
| } |
OlderNewer