Ahmed Mahmoud ahmedam55

1 - Make sure you have Counter Strike installed

2 - Download YAPB http://forums.bots-united.com/showthread.php?t=9986

3 - Extract the zip and move the folder addons with all the content to ~/Library/Application Support/Steam/steamapps/common/Half-Life/cstrike

4 - After that, open the file liblist.gam in the folder above and replace gamedll_osx "dlls/cs.dylib" with this content:

//gamedll_osx "dlls/cs.dylib"

Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.

I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.

Use Canary for development instead of Chrome stable

~~Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.~~

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.

	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;