NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.
I'd like to hear how you approach this: @valuedstandards or comment on this gist.
You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':
Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {
| // ### Content Helper | |
| // | |
| // *Usage example:* | |
| // `{{content}}` | |
| // `{{content words="20"}}` | |
| // `{{content characters="256"}}` | |
| // `{{content preview="true"}}` | |
| // | |
| // Turns content html into a safestring so that the user doesn't have to | |
| // escape it or tell handlebars to leave it alone with a triple-brace. |
| @media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio: 1.0), | |
| only screen and (max-width:1280px) and (min-resolution: 120dpi) { | |
| /* ipad 3 portrait / landscape | |
| ipad 2 portrait / landscape | |
| ipad 1 portrait / landscape | |
| amazon kindle fir hd portrait | |
| nexus 7 landscape | |
| Samsung Galaxy Note 10.1 landscape | |
| Samsung Galaxy Tab 2 10.1 landscape | |
| LG Nexus 4 portrait |
| /* | |
| * From css-tricks.com | |
| * http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ | |
| */ | |
| /* Smartphones (portrait and landscape) ----------- */ | |
| @media only screen | |
| and (min-device-width : 320px) | |
| and (max-device-width : 480px) { | |
| /* Styles */ |
I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.
If you want to roll up all of these into a single jQuery plugin check out Sharrre
Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.
| ּ_בּ | |
| בּ_בּ | |
| טּ_טּ | |
| כּ‗כּ | |
| לּ_לּ | |
| מּ_מּ | |
| סּ_סּ | |
| תּ_תּ | |
| ٩(×̯×)۶ | |
| ٩(̾●̮̮̃̾•̃̾)۶ |