brew install git bash-completion
Configure things:
git config --global user.name "Your Name"
git config --global user.email "[email protected]"
| sub, sup { | |
| /* Specified in % so that the sup/sup is the | |
| right size relative to the surrounding text */ | |
| font-size: 75%; | |
| /* Zero out the line-height so that it doesn't | |
| interfere with the positioning that follows */ | |
| line-height: 0; | |
| /* Where the magic happens: makes all browsers position |
| * { | |
| -webkit-touch-callout:none; /* prevent callout to copy image, etc when tap to hold */ | |
| -webkit-text-size-adjust:none; /* prevent webkit from resizing text to fit */ | |
| -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */ | |
| -webkit-user-select:none; /* prevent copy paste, to allow, change 'none' to 'text' */ | |
| } |
| # autoload concerns | |
| module YourApp | |
| class Application < Rails::Application | |
| config.autoload_paths += %W( | |
| #{config.root}/app/controllers/concerns | |
| #{config.root}/app/models/concerns | |
| ) | |
| end | |
| end |
| iPad | |
| 1024 × 690 In landscape on iOS 4.3 | |
| 1024 × 672 In landscape on iOS 5 | |
| 768 × 946 In portrait on iOS 4.3 | |
| 768 × 928 In portrait on iOS 5 | |
| 1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3 | |
| 1024 × 644 Always showing bookmarks bar in landscape on iOS 5 | |
| 768 × 916 Always showing bookmarks bar in portrait on iOS 4.3 |
| (function(){ | |
| this.bar = "bobble"; | |
| window.bar = "gobble"; | |
| Foo = function(){ | |
| this.bar = "wobble"; | |
| } | |
| Foo.prototype = { |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>App Redirection</title> | |
| </head> | |
| <body> | |
| <!-- | |
| NOTE: This was a great hack in days gone by, but now both Apple and Google have improved their support for custom | |
| protocol handlers. |
brew install git bash-completion
Configure things:
git config --global user.name "Your Name"
git config --global user.email "[email protected]"
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <!-- Meta --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Css3 Fold Effect</title> | |
| //==== Simple SCSS mixin to create CSS triangles | |
| //==== Example: @include css-triangle ("up", 10px, #fff); | |
| @mixin css-triangle ($direction: "down", $size: 20px, $color: #000) { | |
| width: 0; | |
| height: 0; | |
| border-left: $size solid #{setTriangleColor($direction, "left", $color)}; | |
| border-right: $size solid #{setTriangleColor($direction, "right", $color)}; | |
| border-bottom: $size solid #{setTriangleColor($direction, "bottom", $color)}; | |
| border-top: $size solid #{setTriangleColor($direction, "top", $color)}; | |
| } |
post.html.eco used for displaying prev and next page links on your current page (static site friendly)posts.html.eco used for displaying a content listing, that is split up onto multiple pages (requires dynamic site)