Walter Lee Davis walterdavis

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

I'm sitting here, on a rainy Sunday morning in June 2015, in front of my MacBook Air, flipping switches on my Android, staring at the computer. A light bulb in my living room flickers from blue, to orange, to some weird green color. I'm tracking Bluetooth LE Characteristics. I have a Bluetooth light bulb, and they don't have a javascript API yet, so I'm using noble and node to write one.

I'm sitting there, a few miles away, in I want to say August 1999. I'm staring at a CRT monitor, and plugged into a USB port on my family's windows tower is a GameBoy GameShark that I took on a lot of chores and time to earn. plugged into that is some Harvest Moon game or another. I want to say I needed more tomato seeds. My child-brain decided that instead of figuring out a way to earn the in-game currency, I would alter the universe.

I wasn't the most straightforward-thinking kid.

Since then I've learned I could've just used Yahoo (or even Ask Jeeves!) for the codes. Instead I looked up how to make them: I found profanit

De-'Async Inject' Universal Analytics

This gist applies the theory from Ilya Grigorik's Script-injected "async scripts" considered harmful on the default Universal Analytics snippet. TLDR place this above the CSS in the <head> of your document

<!-- Google Analytics Part 1: Creates window.ga, sets account, and queues pageview-->
<script>
  !function(n,t){n.GoogleAnalyticsObject=t,n[t]=n[t]||function(){(n[t].q=n[t].q||[]).push(arguments)},n[t].l=1*new Date}(window,"ga");
  ga('create', 'UA-XXXX-Y', 'auto'); // REPLACE UA-XXXX-Y w/ YOUR ACCOUNT
 ga('send', 'pageview');

Array Iteration

https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff

While attempting to explain JavaScript's reduce method on arrays, conceptually, I came up with the following - hopefully it's helpful; happy to tweak it if anyone has suggestions.

Intro

JavaScript Arrays have lots of built in methods on their prototype. Some of them mutate - ie, they change the underlying array in-place. Luckily, most of them do not - they instead return an entirely distinct array. Since arrays are conceptually a contiguous list of items, it helps code clarity and maintainability a lot to be able to operate on them in a "functional" way. (I'll also insist on referring to an array as a "list" - although in some languages, List is a native data type, in JS and this post, I'm referring to the concept. Everywhere I use the word "list" you can assume I'm talking about a JS Array) This means, to perform a single operation on the list as a whole ("atomically"), and to return a new list - thus making it mu

Dynamic Method

# Decide how to define a method at runtime
class C
end

C.class_eval do
  define_method :my_method do
    'a dynamic method'
 end

	#!/usr/bin/env ruby
	#
	# This code snippet shows how to enable SSL in Sinatra.
	#

	require 'sinatra/base'

	class Application < Sinatra::Base
	configure do
	set :bind, '0.0.0.0'

	class PriorityQueue
	attr_reader :elements

	def initialize
	@elements = [nil]
	end

	def <<(element)
	@elements << element
	bubble_up(@elements.size - 1)

	# A little toy file demonstrating how to build chainable
	# data transformations that reveal some amount of intent
	# through named extracted methods.
	#
	# Kudos to @mfeathers for giving me the idea to try this
	#
	# Copyright Test Double, LLC, 2016. All Rights Reserved.

	require_relative "marketing_refinements"

	getHexColor = (color) ->
	return "" unless color
	return color if /^#/.test(color)
	rgbValues = getRGBValues(color)
	hexValues = rgbValues.map(numberToHex)
	"#" + hexValues.join("")

	numberToHex = (number) ->
	"0#{number.toString(16)}".slice(-2).toUpperCase()

	# frozen_string_literal: true

	require "bundler/inline"

	gemfile(true) do
	source "https://rubygems.org"

	git_source(:github) { \|repo\| "https://github.com/#{repo}.git" }

	# Activate the gem you are reporting the issue against.