A very simple 1-month calendar component
Jonathan Beebe jonathan-beebe
jonathan-beebe
/ jquery-scrolllock.js
Last active
August 29, 2015 13:56
— forked from theftprevention/jquery-scrolllock.js
A small jQuery extension that disables the propagation of scroll events from the first element in the set of matched elements. Original function by Troy Alford of Stack Overflow. $("#object").scrollLock() enables the lock, and .scrollRelease() disables it. In response to this SO question: http://stackoverflow.com/a/16324762/123781
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
| $.fn.scrollLock = function () { | |
| return $(this).on("DOMMouseScroll mousewheel", function (h) { | |
| var g = $(this), | |
| f = this.scrollTop, | |
| d = this.scrollHeight, | |
| b = g.height(), | |
| i = h.originalEvent.wheelDelta, | |
| a = i > 0, | |
| c = function () { | |
| h.stopPropagation(); |
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
| // Transition Everything | |
| transition: all 0.5s ease-in-out; | |
| // becomes these discrete properties | |
| transition-property: all; | |
| transition-duration: 0.5s; | |
| transition-timing-function: ease-in-out; | |
| transition-delay: initial; |
jonathan-beebe
/ assemble-io-looping.html
Last active
August 29, 2015 13:57
Looping through data using Assemble.io + Handlebars
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
| --- | |
| headings: [1, 2, 3, 4, 5, 6] | |
| --- | |
| <div data-section="headings"> | |
| {{#each headings}} | |
| {{#withHash num=this text="Heading"}} | |
| <h{{num}}>{{text}} {{num}}</h{{num}}> | |
| {{/withHash}} | |
| {{/each}} |
jonathan-beebe
/ assemble-io-parseJSON.html
Last active
August 29, 2015 13:57
parseJSON & Assemble.io
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
| {{#parseJSON '{"type":"text--primary", "text":"Text, Primary Button"}'}} | |
| <button class="btn btn--{{type}}">{{text}}</button> | |
| {{/parseJSON}} |
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
| <style> | |
| .text--muted { | |
| color: $text-color-light; | |
| } | |
| .text--uppercase { | |
| text-transform: uppercase; | |
| } |
jonathan-beebe
/ Emberjs-Simple-Calendar-Component.markdown
Last active
August 29, 2015 13:58
A Pen by Jon Beebe.
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
| // ---- | |
| // Sass (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Define items | |
| $brand-bright: ( | |
| name: bright, | |
| color: yellow |
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
| // ---- | |
| // Sass (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Define items | |
| $brand-default: (); | |
| $brand-bright: ( |
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
| // ---- | |
| // Sass (v3.3.5) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Define items | |
| $brand-default: ( | |
| 'color': #999, | |
| 'font-size': 1em |
jonathan-beebe
/ SassMeister-input-HTML.html
Created
April 23, 2014 16:03
Generated by SassMeister.com.
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 class="spriteWrapper sc max_lucado"> | |
| <img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/> | |
| </div> | |
| <div class="spriteWrapper sc dave_ramsey"> | |
| <img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/> | |
| </div> | |
| <div class="spriteWrapper sc tom_stanley"> | |
| <img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/> | |
| </div> | |
| <p>test</p> |
OlderNewer