Skip to content

Instantly share code, notes, and snippets.

@tborychowski
tborychowski / img2datauri
Created Nov 29, 2021
JS :: convert image to data url with javascript
View img2datauri
console.clear();
var img = new Image();
img.src = 'img/img.png';
img.onload = function () {
var canvas = document.createElement('canvas'), context = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
context.drawImage(img, 0, 0, img.width, img.height);
console.log(canvas.toDataURL('image/png'));
@tborychowski
tborychowski / animated-dialog.html
Created Jul 13, 2018
html dialog with animation
View animated-dialog.html
<!DOCTYPE html>
<head>
<meta charset=UTF-8>
<title>Dialog demo</title>
<style>
.dialog {
border: none;
border-radius: 3px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
@tborychowski
tborychowski / userChrome.css
Last active Jul 4, 2018
Firefox customisation
View userChrome.css
/* hide normal menu */
#PanelUI-button { display: none; }
/* hide customize toolbar button in the overflow menu */
#overflowMenu-customize-button { display: none}
/* make overflow menu the normal menu */
#nav-bar-overflow-button {
list-style-image: url("chrome://browser/skin/menu.svg") !important;
margin-right: 2px !important;
@tborychowski
tborychowski / ytdwn.user.js
Last active Feb 14, 2018
YT (new UI, 2018) download button user script (for tampermonkey, tested in safari & firefox)
View ytdwn.user.js
// ==UserScript==
// @name YT Download
// @description Adds a button that lets you download YouTube videos.
// @version 2.1.0
// @date 2018-02-07
// @include http://www.youtube.com/*
// @include https://www.youtube.com/*
// @exclude http://www.youtube.com/embed/*
// @exclude https://www.youtube.com/embed/*
// @match http://www.youtube.com/*
@tborychowski
tborychowski / form-validation.html
Last active Nov 21, 2017
form-validation.html
View form-validation.html
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/style.css">
<style>
html { height: 100%; }
body {
font-family: sans-serif;
font-weight: 300;
@tborychowski
tborychowski / yt-downloader.user.js
Last active Oct 7, 2016
JS :: yt downloader monkey script
View yt-downloader.user.js
// ==UserScript==
// @name Download YouTube Videos as MP4
// @description Adds a button that lets you download YouTube videos.
// @homepageURL https://github.com/gantt/downloadyoutube
// @author Gantt
// @version 1.8.8
// @date 2016-09-02
// @namespace http://googlesystem.blogspot.com
// @include http://www.youtube.com/*
// @include https://www.youtube.com/*
View form-observer.html
<form class="form">
<input type="text" placeholder="enter text" name="name" value="">
<input type="checkbox" name="check">
<select name="select"><option value="select1">one</option><option value="select2">two</option></select>
<input name="radio" type="radio" value="radio1">
<input name="radio" type="radio" value="radio2">
</form>
<button class="start">Observe</button>
<button class="stop">Stop observing</button>
View .gitconfig
[mergetool]
prompt = false
keepBackup = false
keepTemporaries = false
[merge]
tool = winmerge
[mergetool "winmerge"]
name = WinMerge
View js-inheritance.js
if (!Function.prototype.bind) {
Function.prototype.bind = function (context) {
if (typeof this !== 'function') throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
var args = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fn = function () {},
fBound = function () {
return fToBind.apply(this instanceof fn && context ? this : context,
args.concat(Array.prototype.slice.call(arguments)));
};
@tborychowski
tborychowski / radial.js
Created Oct 6, 2014
d3 multi-series donut / arc-ular graph
View radial.js
var s = 1, e = s + 4;
var data = d3.range(s, e);
var col = d3.scale.category10();
var scal = d3.scale.linear()
.domain([data[0], data[data.length-1]])
.range([0, 1]);
var g = d3.select('svg');
var groups = g.selectAll('g').data(data).enter().append('g');