Skip to content

Instantly share code, notes, and snippets.

@stoikerty
stoikerty / dabblet.css
Created March 24, 2013 12:06
draggable iOS-like switch (webkit-only, also works in iOS safari)
/* draggable iOS-like switch (webkit-only, also works in iOS safari) */
/* Don't get your hopes up for using this in anything else besides
* webkittys, ::webkit-slider-thumb is proprietary.
* Here's some more info if you're interested:
* http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range
* http://css-tricks.com/almanac/properties/a/appearance/
*/
.switch {
@stoikerty
stoikerty / dabblet.css
Last active December 15, 2015 11:49
Making transparency work on IE8
/**
* Making transparency work on IE8
*/
.element{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
.DS_Store
*.swp
*.swo
Gemfile.lock
@stoikerty
stoikerty / Issue with nested anchor tags. Slim v1.3.8
Created May 10, 2013 16:14
Edit: It is not a slim issue, it's the browser that refuses to parse it that way because certain kinds of "phrasing content"-nesting are not standard compliant. See: https://github.com/slim-template/slim/issues/324 ------ Issue with nested anchor tags. Slim v1.3.8 The div with the class `.problem` is placed beside the anchor tag 2, instead of in…
div
div
div
a.item
| 1
a.item
| 2
div.problem
a.item
| 3
@stoikerty
stoikerty / index.slim
Created June 4, 2013 13:53
A CodePen by Stoikerty. Oranges and Lemons - A Reflow story - How to reset a CSS transition by removing and adding a class, via javascript. Reflow needs to be triggered between the class change, this is accomplished using element.offsetWidth.
#awesome-element
/ We all like to
| Woohoo
@stoikerty
stoikerty / svg-left-center
Last active December 26, 2015 01:29
A snippet of code to remind myself the power of svg independent positioning
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-triangle">
<g transform="scale(0.4 0.4)">
<polygon points="0,0 100,0 50,100"/>
</g>
</svg>
<svg class="svg-triangle" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
<polygon points="0,0 100,0 50,100"/>
</svg>
@stoikerty
stoikerty / _Article - Lorem Ipsum.md
Last active January 5, 2016 14:05
Article - lorem_ipsum markdown test

Pater nota 3

Flumina tu Liber de victos tenues Albula

Lorem markdownum magni quid, ancipitesque, cuspide paene quae. Dedero dabit periturus albam curvamine et ipsa. Et est quam canis insequitur silvas, terrae adhuc telum sortita effugere Iapygis ibat fonte procul habet.

Esset ulterius procedit non fuit frustra peremptis hic: dixit vota, ibi est. Hoc

@stoikerty
stoikerty / Article - The Start of it all.md
Last active January 15, 2016 16:22
Article - The Start of it all

The Start of it all

How I decided to land here.

Every now and again, I have this urge to put something out into the World.

I think to myself, there must be something I can contribute. Out of all the things I know how to do, what would be the most beneficial way for me to share it, what should I build, what do people want, what do they need? It all got a bit stressful as I contemplated what my purpose is on the world wide network, where I belong in the world and what my duty is in life. Everything revolved around a thought I had for a while "I want to change the world!".

But how? And why? And what happens thereafter? It was not long before I encountered a quote that reminded me of the philosophical origins of my artist’s name:

@stoikerty
stoikerty / .mocha.opts
Last active October 9, 2016 13:58
Setting up tests for `dev-toolkit` npm-package. [ https://github.com/stoikerty/dev-toolkit ]
src/**/*.spec.* utilities/**/*.spec.* --reporter spec
--slow 150
--compilers js:babel-core/register,js:./node_modules/dev-toolkit/dist/webpack/config.js,js:./utilities/testHelpers/setupDOM.js,js:./utilities/testHelpers/setupTests.js
@stoikerty
stoikerty / app.js
Created November 27, 2016 15:09 — forked from mjackson/app.js
Using webpack with pixi.js
var PIXI = require('pixi.js')
console.log(PIXI)