Benjamin Charity benjamincharity
🤖
benjamincharity
/ customTransition.css
Last active
December 12, 2015 03:38
Humanistic CSS Transition
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-transition: all 300ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | |
| -moz-transition: all 300ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | |
| -ms-transition: all 300ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | |
| -o-transition: all 300ms cubic-bezier(0.26, 0.86, 0.44, 0.985); | |
| transition: all 300ms cubic-bezier(0.26, 0.86, 0.44, 0.985); |
benjamincharity
/ skipMobileNavBar.js
Created
February 16, 2013 16:16
Remy Sharp's solution to hiding the mobile nav bar without affecting desktop browsers.
benjamincharity
/ _docTemplate.scss
Last active
December 13, 2015 20:08
The SCSS file documentation template. This goes at the top of your SCSS file.
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
| // | |
| // | |
| // | |
| // $TITLE | |
| // | |
| // | |
| // @author Your Name <[email protected]> | |
| // | |
| // @doc | |
| // __documentation__ |
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
| // Micro clearfix hack | |
| // http://nicolasgallagher.com/micro-clearfix-hack/ | |
| @mixin clear { | |
| &::before, &::after { | |
| content: "\0020"; | |
| display: table; | |
| } | |
| &:after { clear: both; } | |
| @if $ie7-support { | |
| & { zoom: 1; } |
benjamincharity
/ customTransition.scss
Created
February 16, 2013 17:59
Custom cubic-bezier transition. Much more humanistic than easing etc.
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
| // Custom cubic-bezier transition - much more humanistic than easing etc | |
| // | |
| // Usage: | |
| // This function can be passed a) property and b) timing. | |
| // | |
| // div { | |
| // @include customTransition(opacity, 1000ms); | |
| // } | |
| // | |
| // Which would output: |
benjamincharity
/ createProject.sctp
Last active
December 14, 2015 07:09
Script for AlfredApp to create a new project. Pulls in my boilerplate, curls latest scripts, sets up rvm, sets up git, create initial commit, add the remote repo and fix auth issue.
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
| # @Auth Benjamin Charity - [email protected] | |
| # | |
| # Add this script to AlfredApp. | |
| # If you set the trigger word to 'create' then you would | |
| # open alfred and type 'create foobar'. When you hit enter | |
| # this script will run and a new project will be created | |
| # in the location specified. | |
| # | |
| # Then, on Github, create a repo with the exact same name | |
| # that you typed in the initial command. The project will |
benjamincharity
/ vimListTodos.vim
Created
March 6, 2013 19:08
List TODO items. Found here: http://stackoverflow.com/questions/4106137/manage-todo-lots-of-files-with-vim#answer-4106211
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
| # Grep for the phrase 'TODO' in SCSS files (simply omit everything | |
| # after the last star to search all file types. The 'j' option stops | |
| # the cursor from automatically jumping to the first instance. | |
| :vimgrep TODO/j **/*.scss | |
| # Open a pane showing all instances. | |
| :cw |
benjamincharity
/ base64
Last active
December 14, 2015 15:29
Copy the Base64 code for an image from the command line.
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
| # change the image reference as needed (logo.svg) | |
| echo -n `cat logo.svg` | base64 | pbcopy |
benjamincharity
/ iOSStartupScreens.html
Created
March 21, 2013 20:08
Specify different startup screens for various devices.
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
| <!-- iPhone --> | |
| <link href="http://www.example.com/mobile/images/apple-startup-iPhone.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> | |
| <!-- iPhone (Retina) --> | |
| <link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> | |
| <!-- iPhone 5 --> | |
| <link href="http://www.example.com/mobile/images/apple-startup-iPhone-Tall-RETINA.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> | |
| <!-- iPad Portrait --> |