Jimmy Chen TechFounder
TechFounder
/ assets.css.scss
Last active
August 29, 2015 13:56
A useful jQuery snippet to make any tagged item a clickable link. This is how in Rails.
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
| [data-link] { | |
| cursor: pointer; | |
| } |
TechFounder
/ index.html
Last active
August 29, 2015 13:57
You want a way to center any object to the middle of the page (horizontal centering)?
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
| <div id="first"> | |
| <div id="second"> | |
| Item you want centered | |
| </div> | |
| </div> | |
| for example: | |
| <a href="mailto:info@email.com?Subject=Web%20Page" target="_top" id="first"> | |
| <img src="photo.png" alt="photo"> |
TechFounder
/ hide_unhide.coffee
Last active
August 29, 2015 14:06
CoffeeScript to use with checkbox to hide / unhide form fields or div.
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
| # Use this if you only want to use the checkbox as a clicker | |
| $('#checkbox-id').click -> | |
| $('.what-you-want-to-hide').slideToggle('slow') | |
| # Use this if you actually care about checking to see if the checkbox has been checked | |
| $('#checkbox-id').click -> | |
| if $(@).prop('checked') | |
| $('.what-you-want-to-hide, .what-you-want-to-hide-also').slideDown 'slow' | |
| else | |
| $('.what-you-want-to-hide, .what-you-want-to-hide-also').slideUp 'slow' |
TechFounder
/ view.haml
Created
September 23, 2014 21:55
Prevent link_to from redirecting to a new page when you don't have any particular link to go to. So you don't get that annoying top of the page action.
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
| = link_to 'Link to Nowhere', 'javascript:;' |
TechFounder
/ javascript.js.coffee
Last active
August 29, 2015 14:07
How to setup a fixed navbar using javascript when you have an extra header on top of it. Or, a fading navbar.
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
| # The basic idea here is that you set a num of pixels before triggering the css "fixed" | |
| # which would freeze whatever you div attribute you set, in this case"nav". | |
| # This is a simple way to do it but there's a library you can use to do the same thing. | |
| # http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/ | |
| num = 250 #number of pixels before modifying styles | |
| $(window).bind "scroll", -> | |
| if $(window).scrollTop() > num | |
| $("nav").addClass "fixed" | |
| else |
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
| $min-font-size: 10 | |
| $max-font-size: 50 | |
| @mixin font-sizes | |
| @for $i from $min-font-size through $max-font-size | |
| .font-#{$i}px | |
| font-size: ($i / 16)em | |
| @extend .font-normal | |
| @include font-sizes |
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
| . | |
| _ | |
| _._ _..._ .-', _.._(`)) | |
| '-. ` ' /-._.-' ',/ | |
| ) \ '. | |
| / _ _ | \ | |
| | a a / | | |
| \ .-. ; | |
| '-('' ).-' ,' ; | |
| '-; | .' |
TechFounder
/ jsbin.edivah.css
Last active
December 20, 2015 14:18
— forked from anonymous/jsbin.edivah.css
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
| #fade { | |
| width: 100px; | |
| height: 100px; | |
| border-radius: 50%; | |
| border: none; | |
| } |
TechFounder
/ jsbin.oxudiw.css
Created
August 3, 2013 04:31
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
| img { | |
| cursor:pointer; | |
| } |
TechFounder
/ fix_homebrew.rb
Last active
December 24, 2015 05:49
— forked from rpavlik/fix_homebrew.rb
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
| #!/usr/bin/ruby | |
| # | |
| # This script fixes /usr/local only. | |
| # | |
| # 6th January 2010: | |
| # Modified the script to just fix, rather than install. - rpavlik | |
| # | |
| # 30th March 2010: | |
| # Added a check to make sure user is in the staff group. This was a problem | |
| # for me, and I think it was due to me migrating my account over several |
OlderNewer