Skip to content

Instantly share code, notes, and snippets.

View rafszul's full-sized avatar

rafal szulczewski rafszul

View GitHub Profile
@rafszul
rafszul / Full-Slider-Prototype.markdown
Last active August 29, 2015 14:17
Full Slider Prototype

here additional scripts https://gist.github.com/rafszul/0c4fe4f7caf002807bdb

Full Slider Prototype

Hi, this slide demo was based on HelloThierry.com home slider, originally created by @jcsuzanne.

With this demo I'm trying to achieve the same interactions results and improve my JS skills.

Have fun!

@potomak
potomak / FacebookL.jpg
Last active November 15, 2017 11:01
The daily routine
FacebookL.jpg

Architectural Questions

  • Are responsibilities well defined?
  • Are the collaborations well defined?
  • Is coupling minimized?
  • Can you identify potential duplication?
  • Are interface definitions and constraints acceptable?
  • Can modules access needed data—when needed?
<filter id="multitable">
<feComponentTransfer result="tablas">
<feFuncR type="table" tableValues="1 0 1" exponent="5"/>
<feFuncG type="table" tableValues="1 0 1" exponent="2"/>
<feFuncB type="table" tableValues="1 0 1" exponent="5"/>
</feComponentTransfer>
<feColorMatrix type="saturate" in="tablas" in2="SourceGraphic" values="-5"/>
</filter>
wATPM-zoinkfat, wATPM-stab, wATPM-ilearnfromwall, wATPM-chlorinap, wATPM-slackey { background: url(Artboard 1.png); }
.svg wATPM-zoinkfat, .svg wATPM-stab, .svg wATPM-ilearnfromwall, .svg wATPM-chlorinap, .svg wATPM-slackey { background-image: url(Artboard 1.svg); }
wATPM-zoinkfat { background-position: -108px -49px; width: 584px; height: 502px; }
wATPM-stab { background-position: -100px -39px; width: 600px; height: 522px; }
wATPM-ilearnfromwall { background-position: -35px -8px; width: 730px; height: 584px; }
wATPM-chlorinap { background-position: -103px -45px; width: 594px; height: 510px; }
wATPM-slackey { background-position: -132px -100px; width: 536px; height: 400px; }
@rafszul
rafszul / data-img-url.txt
Last active August 29, 2015 14:19
font stab
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMyODAgMCA4MDAgNjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMyODAgMCA4MDAgNjAwIj48Zm9udCBob3Jpei1hZHYteD0iMTAwMCI+PGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMDAiIHVuZGVybGluZS1wb3NpdGlvbj0iLTc1IiB1bmRlcmxpbmUtdGhpY2tuZXNzPSI1MCIvPjxnbHlwaCB1bmljb2RlPSIgIiBob3Jpei1hZHYteD0iMzMzIi8+PGdseXBoIHVuaWNvZGU9ImEiIGhvcml6LWFkdi14PSI1NjIiIGQ9Ik00NzEsNDcwbDEzNiwtNTA4bC01MjYsMTE4bC03NCwxODhsMjcyLDUybC0xNCwyMGwtMjc2LC0yMmwtOCwxMk0zNDcsMTA0bDMyLC04bC04NCwxODZsLTM0LC04eiIvPjxnbHlwaCB1bmljb2RlPSJlIiBob3Jpei1hZHYteD0iNjE4IiBkPSJNNjQ4LDIwMmwtNDEzLC0xODBsMjI3LDMzbC0yOSwtNDZsLTM4MiwtODBsMCw1MzFsNDcyLDY5TTI0OSwxNjNsLTE4LC01N2wzMDksMTIwbC0xMiwyN3oiLz48Z2x5cGggdW5pY29kZT0iaCIgaG9yaXotYWR2LXg9IjQxNiIgZD0iTTEyMywyOTRsMzAyLDEzOWwtNTgsLTY1MWwtMTg2LDE2NGwxOCwzMzNsLTc0LC0zM2w4LC0yNThsLTQ1LDQybC0xMDEsNjE5bDEyNiwtMzFsMTAsLTMyNHoiLz48Z2x5cGggdW5pY29kZT0iayIgaG9yaXotYWR2LXg9IjU0MyIgZD0iTTI0Nyw2MDJsMjU0LDEzMmwtMjU2LC01ODBsMjYyLDEwMGwzNiwtOGwtMjQyLC0xMDJsMzM0LC0yOTBsLT
@rafszul
rafszul / index.jade
Created April 26, 2015 15:04
smallCarousel
section
.container
.col
ul.circle-container
li(class='item')
a(class='active', href='#') 1
li(class='item')
a(href='#') 2
li(class='item')
a(href='#') 3
@rafszul
rafszul / fabric-template.html
Created May 3, 2015 05:22
Fabric.js template html file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
</head>
<body>
<canvas id="c" width="300" height="300" style="border:1px solid #ccc"></canvas>
<script>
(function() {