Ahmed Mahmoud ahmedam55

require-from-twitter

Since Twitter doesn't have an edit button, it's a suitable host for JavaScript modules.

How to use

Source tweet: https://twitter.com/rauchg/status/712799807073419264

const leftPad = await requireFromTwitter('712799807073419264');

My git log alias

alias gl='git log --graph --pretty=format:'%C(magenta)%h%Creset %w(72,1,2)%Cgreen(%cr) -%C(bold green)%d%Creset %s %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative'

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

Burger menu toggle

A Pen by Nariman Adam on CodePen.

License.

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	function add(num1, num2) {
	num1 = num1.split('');
	num2 = num2.split('');

	num1 = num1.map(function (num) {
	return parseInt(num, 10);
	});

	num2 = num2.map(function (num) {
	return parseInt(num, 10);

	//does not work with colors containing alpha
	@function encodecolor($string) {
	@if type-of($string) == 'color' {
	$hex: str-slice(ie-hex-str($string), 4);
	$string:unquote("#{$hex}");
	}
	$string: '%23' + $string;
	@return $string;
	}

	set dFolder to "~/Desktop/screencapture/"

	do shell script ("mkdir -p " & dFolder)

	set i to 0
	repeat 960 times
	do shell script ("screencapture " & dFolder & "frame-" & i & ".png")
	delay 30 -- Wait for 30 seconds.
	set i to i + 1
	end repeat

	<!DOCTYPE html>
	<html ng-app="chart">
	<head>
	<meta name="description" content="Custom Directive Chart">
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	label{
	width:55px;

	for(var i=0;i<99999;i++){

	clearInterval(i);
	clearTimeout(i);

	}