ykessler’s gists

ykessler / form-serialize-to-object.js

Created February 25, 2021 00:11

.serializeToObject() - A jQuery plugin for serializing form data to object

	// TAKEN FROM: https://stackoverflow.com/a/8407771/165673
	// IMPORTANT: This does NOT work with nested 'something[other]' type names.
	//
	// NOTES:
	// - To avoid serializing certain input controls, tag them with '.no_serialize' class.
	// - Will also ignore any inputs that don't have a name assigned.
	// - Handles jQuery UI datepickers well. Doesn't care what format the datepicker uses.
	// It will use whatever date format use pass as an option to .serialize_to_object().
	//
	// REQUIRES:

ykessler / BOOKMARKLET: Markdown snippet

Last active September 19, 2020 17:16

Generates a markdown link for the page, along with an italicized page description. See also https://gist.github.com/ykessler/9623f5e85258808f24a3e2f03e6f6f0a.

	javascript: var og_site = document.querySelector("meta[property='og:site_name']").getAttribute('content');
	var og_title = document.querySelector("meta[property='og:title']").getAttribute('content');
	var og_desc = document.querySelector("meta[property='og:description']").getAttribute('content').replace(/\s+/g, " ");
	var channel = (og_site == 'YouTube') ? document.querySelector("a.ytp-ce-channel-title").text : null;
	var title = og_title ? `${og_title}` : document.title;
	if(channel){title = `${title} - ${channel}`};
	if(og_site){title = `${title} - ${og_site}`};
	if (title) {
	var re = /(\\\|\/\|:\|\*\|\?\|\"\|<\|>\|\\|)/gi;
	title = title.replace(re, '');

ykessler / BOOKMARKLET: Markdown link

Last active October 10, 2020 16:47

Generates a markdown link for the page.

	javascript:
	var og_site = document.querySelector("meta[property='og:site_name']") ? document.querySelector("meta[property='og:site_name']").getAttribute('content') : null;
	var og_title = document.querySelector("meta[property='og:title']") ? document.querySelector("meta[property='og:title']").getAttribute('content') : null;
	var channel = (og_site == 'YouTube' && document.querySelector("a.ytp-ce-channel-title")) ? document.querySelector("a.ytp-ce-channel-title").text : null;
	var title = og_title ? `${og_title}` : document.title;
	if(channel){title = `${title} - ${channel}`};
	if(og_site){title = `${title} - ${og_site}`};
	if (title) {
	var re = /(\\\|\/\|:\|\*\|\?\|\"\|<\|>\|\\|)/gi;
	title = title.replace(re, '');

ykessler / BOOKMARKLET: add jquery

Last active September 6, 2020 15:08

	// FROM https://stackoverflow.com/a/9624997/165673
	javascript:if(!window.jQuery\|\|confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://code.jquery.com/jquery.js';(d.head\|\|d.documentElement).appendChild(s)})(document);

ykessler / svg_to_png.js

Created January 6, 2020 22:17

	app.post('/svg_to_png', async function (req, res) {

	let params = req.body
	let image_url = 'https://s3.amazonaws.com/' + params.s3_bucket + '/' + params.s3_key

	// STEP 1: Convert SVG to PNG:
	var outputBuffer = svg2png.sync(params.svg_data, {});

	// STEP 2: Upload to S3:
	let s3_params = {

ykessler / postgres_arrays.sql

Created September 25, 2018 14:18

Examples of two types of syntax for postres arrays.

	-- Examples of two types of syntax for postres arrays.

	-- EXAMPLE 1 AND 2 ARE THE SAME:

	-- EXAMPLE 1 - ARRAY SYNTAX:
	INSERT INTO sample_table
	VALUES (
	ARRAY[10000, 20000, 30000, 40000],
	ARRAY['red', 'blue', 'green'],
	ARRAY[['meeting', 'lunch'], ['training', 'presentation']]

ykessler / BOOKMARKLET: Text editor (for Chrome)

Created October 29, 2015 16:49

data:text/html, <html contenteditable>

ykessler / BOOKMARKLET: Copy page title

Created October 29, 2015 16:48

SOURCE: https://superuser.com/a/659377/42048

javascript:var title=document.title;if(title){var re=/(\\|\/|:|\*|\?|\"|<|>|\|)/gi;title=title.replace(re,'');void(prompt('Page Title', title));}

ykessler / fixed_v.html

Last active August 29, 2015 14:14

Method for vertically-fixed layouts

	<html>
	<body>

	<style>

	/* ========= FIXED-V LAYOUT =========

	The fixed-v layout method is a pure-css solution to the problem of creating
	sidebars and sub-headers that are fixed vertically relative to the screen
	(i.e. they don't scroll up/down with the body content), yet move horizontally

ykessler / atomic.css

Last active August 29, 2015 14:10

atomic.css

	/*
	====================================================================
	ATOMIC.CSS
	--------------------------------------------------------------------
	(NOTE: Load this LAST- should be last word)

	Inspired by Thierry Koblentz in "Challenging CSS Best Practices"
	(http://www.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach/)

	- Creates classes for individual styles, letting you position elements with classes in the HTML

Yarin Kessler ykessler