Visit my blog or connect with me one Twitter
git init
or
Jonny jonnymaceachern
jonnymaceachern
/ _fonts.scss
Last active
July 14, 2017 18:38
Mixin to declare font face for all file types (.eot, .woff, .ttf, .svg)
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
| @mixin declare-font-face($font-family, $font-filename, $font-weight : normal, $font-style :normal, $font-stretch : normal) { | |
| @font-face { | |
| font-family: '#{$font-family}'; | |
| src: url(font-path('#{$font-filename}.eot')); | |
| src: url(font-path('#{$font-filename}.eot?#iefix')) format('embedded-opentype'), | |
| url(font-path('#{$font-filename}.woff')) format('woff'), | |
| url(font-path('#{$font-filename}.ttf')) format('truetype'), | |
| url(font-path('#{$font-filename}.svg##{$font-family}')) format('svg'); | |
| font-weight: $font-weight; | |
| font-style: $font-style; |
jonnymaceachern
/ git-ignore-by-directory.sh
Last active
July 14, 2017 18:40
Basically a .gitignore file for your local environment. Allows you to ignore files without updating the .gitignore directives.
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
| exclude = !sh -c 'echo "$1" >> .git/info/exclude' - |
jonnymaceachern
/ git-assume-unchanged.sh
Last active
September 3, 2015 17:01
Like .gitignore, but for a specific directory.
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
| git update-index --assume-unchanged <file> |
jonnymaceachern
/ shortlog.sh
Last active
September 3, 2015 16:58
Show a summarized table of total commits per user.
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
| git shortlog -s | sort -nr |
jonnymaceachern
/ html5shiv.html
Last active
September 3, 2015 16:51
Conditional to add html5shiv to < IE9 (primarily used when compatibility with 8 is necessary). This will fix any IE8 browser issues with Bootstrap 3 columns not columnizing.
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 lt IE 9]> | |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
| <script src="https://oss.maxcdn.com/respond/1.3/respond.min.js"></script> | |
| <![endif]--> |
jonnymaceachern
/ human_time_diff_enhanced.php
Last active
September 3, 2015 16:42
Modified version of the WordPress human_time_diff() timestamp. Example: It is Sept 7th and the function is given a duration threshold of 7 days. If the post you are retrieving a timestamp from was made anytime after Sept 1st, it will return a time difference (e.g. 4 days, 3 hrs, 15 minutes, 24 seconds, etc). If you are retrieving a timestamp fro…
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
| /** | |
| * Modified human_time_diff timestamp | |
| * @param integer $duration (days) A threshold. If exceeded, the timestamp will return a date rather than a human_time_diff | |
| * @return string A human-friendly timestamp | |
| * | |
| * credit: http://www.binarymoon.co.uk/2013/12/wordpress-improved-human-time-difference/ | |
| * | |
| */ | |
| function human_time_diff_enhanced( $duration = 60 ) { |
jonnymaceachern
/ offset-anchor.css
Last active
September 3, 2015 18:54
Adds an offset when jumping to a pages anchor/id to account for a fixed header that may overlap the content.
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
| /* When using a fixer header that takes up the top 100px | |
| or so, you can offset the anchor jump using the following */ | |
| .offset-anchor:before { | |
| display: block; | |
| content: " "; | |
| height: 100px; /* Give height of your fixed element */ | |
| margin-top: -100px; /* Give negative margin of your fixed element */ | |
| visibility: hidden; | |
| } |
jonnymaceachern
/ mobile-resize-check.js
Created
September 4, 2015 14:29
A resize event is triggered when a mobile browsers address bar drops down (when changing directions in a scroll). This will let you check for only width resizes. From http://stackoverflow.com/questions/10750603/jquery-detect-a-window-width-change-but-not-a-height-change
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
| var width = $(window).width(); | |
| $(window).resize(function(){ | |
| if($(this).width() != width){ | |
| width = $(this).width(); | |
| console.log(width); | |
| // your code | |
| } | |
| }); |
jonnymaceachern
/ Getting-Cheat-Sheet.md
Last active
September 7, 2016 04:38
— forked from akras14/Getting-Cheat-Sheet.md
jonnymaceachern
/ css-block-comment.sublime-snippet
Created
November 5, 2015 18:24
CSS block comment
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
| <snippet> | |
| <content><![CDATA[ | |
| /* | |
| ${1} | |
| */ | |
| ]]></content> | |
| <tabTrigger>block</tabTrigger> | |
| <description>CSS block comment</description> |
OlderNewer