Skip to content

Instantly share code, notes, and snippets.

View MichalZalecki's full-sized avatar

Michał Załęcki MichalZalecki

View GitHub Profile
@MichalZalecki
MichalZalecki / draw-svg-stroke.html
Created December 30, 2014 09:49
Draw SVG stroke
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Draw SVG stroke</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css"/>
<style>
.content {
max-width: 800px;
@MichalZalecki
MichalZalecki / angular-isolated-scope-function-parameter.html
Last active August 29, 2015 14:12
AngularJS: Isolated scope and function parameter
<!DOCTYPE html>
<html ng-app="myApp" ng-controller="myApp.myCtrl">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.js"></script>
<meta charset="utf-8">
<title>AngularJS: Isolated scope and function parameter</title>
</head>
<body>
<h1>AngularJS: Isolated scope and function parameter</h1>
<a href="http://jsbin.com/qeqezaqaxo/4/edit?html,js,console">see at jsBin</a>
@MichalZalecki
MichalZalecki / arrow-functions.js
Last active August 29, 2015 14:15
ECMAScript 6 features
let square = x => x * x;
let triangleArea = (a, h) => a*h/2;
let triangleHeron = (a, b, c) => {
let p = (a + b + c)/2;
return Math.sqrt(p*(p-a)*(p-b)*(p-c));
};
let objectify = x => ({ value: x });
@MichalZalecki
MichalZalecki / rails-disable-auto-junk.rb
Created May 13, 2015 16:57
Disable autogenerated junk
# /config/environments/development.rb
config.generators.assets = false
config.generators.helper = false
config.generators.view_specs = false
config.generators.helper_specs = false
@MichalZalecki
MichalZalecki / footer.js
Created September 2, 2015 10:31
React Templates vs JSX
function match<T, S>(value: T) {
let result: ()=>S;
const context = {
caseOf(fn:(value: T) => boolean, payload: ()=>S) {
if (!result && fn(value)) result = payload;
return context;
},
_(payload: ()=>S) {
if (!result) result = payload;
return context;
@MichalZalecki
MichalZalecki / style.js
Created October 24, 2015 00:01
Script transpiling CSS with cssnext
const cssnext = require("cssnext");
const fs = require("fs");
const watch = require("node-watch");
const program = require("commander");
program
.version("0.0.1")
.option("-s, --source [path]", "Source file")
.option("-d, --destination [path]", "Destination file")
.option("-w, --watch [path]", "Watch directory")
@MichalZalecki
MichalZalecki / .eslintrc.json
Last active May 29, 2016 15:38
Reasonable .eslint confiig
{
"extends": "airbnb",
"parser": "babel-eslint",
"settings": {
"import/resolver": {
"webpack": { "config": "./webpack/webpack.prod.config.js" }
}
},
"rules": {
"quotes": ["error", "double"],
@MichalZalecki
MichalZalecki / mixins-decorators.js
Last active May 29, 2016 19:23
Multiple mixins by using extends/decorators/virtual methods/stamps
function hi() {
console.log(`Hi ${this.name}!`);
}
function by() {
console.log(`By ${this.name}!`);
}
function mixin(fn, name = fn.name) {
return target => {
root=true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
trim_trailing_whitespace = true
insert_final_newline = true