Matteo Papadopoulos spleenteo

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

Compass and CSS Sprites, Explained

Last week I attempted to use the CSS sprites feature of Compass for the second or third time. It's been a struggle each time, but the power and potential is there, so I keep coming back. This time was a bit different, though, because I finally decided to stop relying on the docs and dive into the code.

Before I go into the nitty-gritty, let's take a step back and talk about why I

	# Script to download a website for offline browsing using HTTrack
	# This script uses HTTrack to mirror a website, keeping all assets like CSS, JS, and images
	# Usage: ./statify.sh <domain>

	# Check if the domain is provided as a parameter
	if [ -z "$1" ]; then
	echo "Usage: $0 <domain>"
	exit 1
	fi

	doctype html
	/[if lt IE 7]
	\| <html class="ie6">
	/[if IE 7]
	\| <html class="ie7">
	/[if IE 8]
	\| <html class="ie8">
	/[if IE 9]
	\| <html class="ie9">
	\| <!--[if (gte IE 9)\|!(IE)]<!--> <html> <!--<![endif]-->

	source "https://rubygems.org"

	gem "unsplash"