Skip to content

Instantly share code, notes, and snippets.

View rafszul's full-sized avatar

rafal szulczewski rafszul

View GitHub Profile
@rafszul
rafszul / neighbrs.org
Created July 19, 2014 13:28
neighbrs.org description

##[neighbrs.org][1]


[neighbrs.org][2] is a colaborative project aimed at supporting community managers in developing and maintenance of simple websites or forums for their local communities or projects


open source - free - wordpress - framework - methodology

@rafszul
rafszul / README.md
Created July 24, 2014 11:52 — forked from mbostock/.block

Click to add nodes! Nodes near the cursor will be linked to the new node.

D3's force layout uses the Barnes–Hut approximation to compute repulsive charge forces between all nodes efficiently. Links are implemented as geometric constraints on top of position Verlet integration, offering greater stability. A virtual spring between each node and the center of the chart prevents nodes from drifting into space.

@rafszul
rafszul / -*-Info-*-.markdown
Last active August 29, 2015 14:14
/* Info */

/* Info */

see the fancy panel in top left corner? well, the code below is what makes it what it is so change it according to your needs. obviously there is also css wherever the css is

A Pen by @rafszul on CodePen.

License.

// MultiExporter.jsx
// Version 0.1
// Version 0.2 Adds PNG and EPS exports
// Version 0.3 Adds support for exporting at different resolutions
// Version 0.4 Adds support for SVG, changed EPS behaviour to minimise output filesize
// Version 0.5 Fixed cropping issues
// Version 0.6 Added inner padding mode to prevent circular bounds clipping
//
// Copyright 2013 Tom Byrne
// Comments or suggestions to tom@tbyrne.org
@rafszul
rafszul / SVG-Sprite-Animation-#2.markdown
Last active August 29, 2015 14:15
SVG Sprite Animation #2

SVG Sprite Animation #2

Showing first keyframe animation and animating color over step(), then also showing how scrolling through a sprite can be used for seamless background + also parallax with the same animation over different time scales.

Forked from Sarah Drasner's Pen SVG Sprite Animation #2.

A Pen by @rafszul on CodePen.

License.

@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!

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>