| #!/usr/bin/env python | |
| # -*- coding: utf-8 -*- | |
| """Kenneth Reitz's GitHub Syncer | |
| This script uses the GitHub API to get a list of all forked, mirrored, public, and | |
| private repos in your GitHub account. If the repo already exists locally, it will | |
| update it via git-pull. Otherwise, it will properly clone the repo. | |
| It will organize your repos into the following directory structure: |
| // Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
| var metas = document.getElementsByTagName('meta'); | |
| var i; | |
| if (navigator.userAgent.match(/iPhone/i)) { | |
| for (i=0; i<metas.length; i++) { | |
| if (metas[i].name == "viewport") { | |
| metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
| } | |
| } |
| !!! 5 | |
| %html | |
| %head | |
| %title= "Your Website" | |
| %meta{ :content => "", :name => "description" } | |
| %meta{ :content => "", :name => "author" } | |
| %meta{ :content => "3 days", :name => "revisit-after" } | |
| %link{ :href => "http://creativecommons.org/licenses/by/3.0/", :rel => "license", :title => "Creative Commons Attribution 3.0 Unported License" } | |
| %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" } | |
| %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" } |
Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.
open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl
You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html
| /* | |
| * HTML5 ✰ Boilerplate | |
| * | |
| * What follows is the result of much research on cross-browser styling. | |
| * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
| * Kroc Camen, and the H5BP dev community and team. | |
| * | |
| * Detailed information about this CSS: h5bp.com/css | |
| * | |
| * ==|== normalize ========================================================== |
Some touch devices trigger the mouseover event on the first touch when something changes visibly. This happens even with simple changes like a new color or removal of an underline. The click-event only fires the second time you touch.
This is easy to solve, if modernizr is included, by adding the class .no-touch to each :hover rule.
.no-touch a:hover { color: #06e; }
| /* -- Android webkit mobile optimizeLegibility bug -- | |
| A noticeable rendering bug when using the | |
| Cross-browser kerning-pairs & ligatures css | |
| declaration (text-rendering: optimizeLegibility;) | |
| where the anchor links are highlighted and set | |
| just above the actual text. This makes it difficult | |
| to touch activate the link properly. | |
| Use Modernizr to detect for touch events & |
| <!-- Add the following lines to theme's html code right before </head> --> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> | |
| <script src="http://static.tumblr.com/fpifyru/VCxlv9xwi/writecapture.js"></script> | |
| <script src="http://static.tumblr.com/fpifyru/AKFlv9zdu/embedgist.js"></script> | |
| <!-- | |
| Usage: just add <div class="gist">[gist URL]</div> | |
| Example: <div class="gist">https://gist.github.com/1395926</div> | |
| --> |
| --- | |
| layout: default | |
| --- | |
| <div class="blog-index"> | |
| {% assign post = site.posts.first %} | |
| {% assign content = post.content %} | |
| {% include post_detail.html %} | |
| </div> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Media Query Multiple Columns</title> | |
| <meta name="viewport" content="width=device-width, intial-scale=1"> | |
| <style> | |
| @media all and (min-width: 40em) and (min-height: 36em) { | |
| [role="main"] { | |
| -webkit-column-count: 2; |