Skip to content

Instantly share code, notes, and snippets.

@danro
danro / webflow-tabs-auto-scroll.html
Created Oct 23, 2020
Auto-scroll the browser to a clicked tabs element position
View webflow-tabs-auto-scroll.html
<script>
// When a tab is clicked, animate scroll to the top of the tabs element
$('.w-tab-link').on('click', function (event) {
var clickedLink = $(event.currentTarget);
var tabsElement = clickedLink.closest('.w-tabs');
var rootElement = $('html, body');
var newTop = tabsElement.offset().top;
if (rootElement.scrollTop() !== newTop) {
rootElement.stop().animate({scrollTop: newTop}, 500, 'swing');
}
View await-timeout.js
const timeout = ms => new Promise(res => setTimeout(res, ms));
@danro
danro / localizer+webflow.html
Created May 18, 2016
Localizer.co script w/ Webflow Editor Compatibility
View localizer+webflow.html
<!-- Localizer Integration Code w/ Webflow Editor Compatibility -->
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
if (!window.WebflowEditor) {
$.ajax({ type: 'GET', url: '//secure.localizer.co/Replacer/?siteId=000000000', dataType: 'script', cache: true });
}
});
</script>
@danro
danro / Page-level body code.html
Created Feb 26, 2016
Webflow integration with fullpage.js
View Page-level body code.html
<script>
// Initialize fullpage plugin on document ready
Webflow.push(function() {
$('#fullpage').fullpage();
});
// Define module for Editor compatibility
Webflow.define('fullpage-destroy', function() {
return {
destroy: function() {
$.fn.fullpage.destroy('all');
@danro
danro / _test.sh
Last active Aug 29, 2015
No const warning 😢
View _test.sh
./node_modules/.bin/babel test.js # SyntaxError: test.js: Line 2: "FOO" is read-only
./node_modules/.bin/eslint test.js # Nothing
@danro
danro / index.js
Created Apr 25, 2015
requirebin sketch
View index.js
var Promise = require('promise');
var promise = new Promise(function (resolve, reject) {
resolve();
}).done(function() {
console.log('done!');
});
@danro
danro / index.js
Created Apr 21, 2015
requirebin sketch
View index.js
// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right
var pluralize = require('pluralize');
document.body.innerHTML = pluralize.singular('Pasties');
@danro
danro / index.js
Created Jan 22, 2015
requirebin sketch
View index.js
// require() some stuff from npm (like you were using browserify)
// and then hit Rebuild to run it on the right
var Hogan = require('hogan.js');
var data = {
screenName: "dhg",
nested: {}
};
View validate-example.js
// validation mixin
var validation = {
getDefaultProps: function () {
return {
validate: []
}
}
, hasErrors: function () {
var errors = []
@danro
danro / index.js
Last active Aug 29, 2015
requirebin sketch
View index.js
var mash = require('mash-js');
var withSword = mash(function () {
this.slash = function (dmg) {
console.log('Sword slash for ' + dmg + ' damage!');
};
});
var withMagic = mash(function () {
this.fireball = function (dmg) {