made with esnextbin
Jens Anders Bakke cfenzo
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
| import React from 'react'; | |
| class ShowMore extends React.Component { | |
| contentHeight = 0 | |
| state = { | |
| contentHeight: 0, | |
| expanded: false | |
| } | |
| componentDidMount() { | |
| this.updateHeight(); |
made with esnextbin
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
| // extracted from all.js on nov 26th 2015 | |
| var h = navigator.userAgent, | |
| i = { | |
| iphone: /\b(iPhone|iP[ao]d)/.test(h), | |
| ipad: /\b(iP[ao]d)/.test(h), | |
| android: /Android/i.test(h), | |
| nativeApp: /FBAN\/\w+;/i.test(h), | |
| mobile: /Mobile/i.test(h) | |
| }; | |
| isMobile = i.iphone || i.ipad || i.android || i.mobile; |
cfenzo
/ keypath_resolve.js
Last active
August 29, 2015 14:22
Ractive.js: Resolve mapped keypaths from child instances to its correct keypath in the calling instance (if they originate from that instance or one of its parents).
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
| function keypath_resolve(keypath, instance, caller){ | |
| return (function _resolve(keypath, instance, caller){ | |
| var keypathArray, mapped; | |
| // if instance is the caller, return the current keypath | |
| if(instance === caller) { | |
| return keypath; | |
| } | |
| // split the keypath, look for the first key in viewmodel mappings |
cfenzo
/ add_sequence.js
Created
August 25, 2014 11:21
A utility-function for adding squences in velocity.js, was the base of the sequences-functionality that is now present in velocity.js
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
| /* | |
| animations is declared like this: | |
| - simple (one or more rules, in one duration): | |
| 'name':{style:value,style2:value} | |
| - complex (one or more rules, split duration): | |
| 'name':[ | |
| [{style:value,style2:value},'unitless percentage of duration'||{options}], | |
| [{style:value,style2:value},'unitless percentage of duration'||{options}] | |
| ] | |
| */ |
cfenzo
/ ractive-transitions-animatecss.js
Created
August 25, 2014 11:17
A tiny ractive transitions plugin for animate.css-animations.
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
| /* | |
| Requires animate.css, and support for the 'transitionend' event. | |
| (See https://developer.mozilla.org/en-US/docs/Web/Events/transitionend for browser support) | |
| */ | |
| (function ( global, factory ) { | |
| 'use strict'; | |
| // Common JS (i.e. browserify) environment | |
| if ( typeof module !== 'undefined' && module.exports && typeof require === 'function' ) { |
cfenzo
/ functions.php
Created
April 3, 2013 09:59
How to replace timthumb with wordpress thumbnails for attachment-images in wordpress themes..
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
| // add the thumbnail-sizes you need in functions.php | |
| if ( function_exists( 'add_image_size' ) ) { | |
| // repeat for all the thumbnail-sizes you need | |
| add_image_size( 'thumb790x450', 790, 450, true ); | |
| } | |
| // helper-function for getting the attachemnt-ID from source. You need this when you only have an image-src | |
| function get_attachment_id_from_src ($image_src) { | |
| global $wpdb; | |
| $query = "SELECT ID FROM {$wpdb->posts} WHERE guid='$image_src'"; | |
| $id = $wpdb->get_var($query); |
cfenzo
/ app-tab-to-page-button.userscript.js
Created
December 4, 2012 08:08
A small userscript to add a "add tab to page" button to an apps summary-page
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
| @charset "UTF-8"; | |
| /* Foundation 3, artfully masterminded by ZURB Addition offcanvas.css - Specific CSS for off-canvas layouts Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski | |
| Requires: globals.css grid.css modernizr.js (not the foundation one) | |
| Edit: translate3d fix by Jens Anders Bakke (github.com/cfenzo) | |
| */ | |
| body.off-canvas { padding: 0; margin: 0; } | |
| .container { width: 100%; } | |
| .row { overflow: hidden; } |
NewerOlder