Skip to content

Instantly share code, notes, and snippets.

View riddla's full-sized avatar

Volker Rose riddla

14 followers · 12 following
View GitHub Profile
@riddla
riddla / JavaScript preload() function
Created May 12, 2010 07:41 — forked from mathiasbynens/jquery.preload.js
/*!
* JavaScript preload() function
* Preload images, CSS and JavaScript files without executing them
* Script by Stoyan Stefanov – http://www.phpied.com/preload-cssjavascript-without-execution/
* Slightly rewritten by Mathias Bynens – http://mathiasbynens.be/
* Demo: http://mathiasbynens.be/demo/javascript-preload
*/
function preload(arr) {
var i = arr.length,
@riddla
riddla / jQuery_toggle_vs_hide-show.js
Last active December 11, 2015 11:38
// conditional hiding/showing made ...
if (chapterTitleHasVisibleFollowingNotes) {
$chapterTitle.show();
} else {
$chapterTitle.hide();
}
// ... simple
$chapterTitle.toggle(chapterTitleHasVisibleFollowingNotes);
@riddla
riddla / middleman_block_helpers.rb
Last active December 22, 2015 00:09 — forked from seanami/sinatra_erb_block_helper_test.rb
helpers do
def buffer()
@_out_buf
end
def capture(buffer)
pos = buffer.size
yield
buffer.slice!(pos..buffer.size)
end
def my_helper(&block)
@riddla
riddla / check_vars_haml.md
Created November 26, 2013 10:11 — forked from orioltf/check_vars_haml.md
  1. Check if a page variable has been defined

    1. Set variables in a page (page.html.haml) at the very biginning of the file:

      ---
variable: value
variable2: value 2
---
@riddla
riddla / _angularServiceAsModuleTemplate.js
Last active June 30, 2016 12:59
Templates for RequireJS module
/* eslint-disable camelcase */
/* global define */
(function (define) {
'use strict';
var _;
var moment;
define(function (require) {
require('common/common.module');
@riddla
riddla / step.js
Last active March 25, 2019 12:45
Suppress render React component conditionally
import React, {PropTypes} from 'react';
import {connect} from 'react-redux';
export const Step = ({title, children, id, state}) => {
if (state && !(state.present.ui.step === Number(id))) {
console.log('step denied');
return null;
}
return (
@riddla
riddla / .babelrc
Last active May 23, 2021 07:20
Debug ES6 React using Jest with Visual Studio Code (VSCode)
{
"presets": [
"react",
"es2015"
],
"sourceMaps": "inline",
"retainLines": true
}
@riddla
riddla / Layout.js
Created May 3, 2017 17:51 — forked from gustavlrsn/Layout.js
Example bootstrap 4 integration into Next.js, with the reactstrap package
import Head from 'next/head'
import { Container } from 'reactstrap'
const Layout = (props) => (
<div>
<Head>
<title>PairHub</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
</Head>
@riddla
riddla / docker-compose.yml
Created May 5, 2017 08:43
Develop Jekyll sites via Docker (and Jekyll::Livereload)
version: '2'
services:
blog:
image: jekyll/jekyll
command: jekyll serve --livereload
ports:
- "4000:4000"
- "35729:35729"
volumes:
- .:/srv/jekyll
@riddla
riddla / index.html
Created November 6, 2017 08:15 — forked from kentcdodds/index.html
The one true react boilerplate
<body>
<div id="⚛️"></div>
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.js"></script>
<script type="text/babel">
ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
</script>
</body>