Jake Wesorick JWesorick

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

1944 Simple Sabotage Field Manual, by Strategic Services

https://www.cia.gov/news-information/featured-story-archive/2012-featured-story-archive/CleanedUOSSSimpleSabotage_sm.pdf

Title: Simple Sabotage Field Manual Author: Strategic Services Office of Strategic Services

Running nightmare on Amazon Linux

You may have thought of running nightmare on AWS Lambda. But before we can run it on Lambda, we need first to make it run on Amazon Linux.

Provision instance which replicates Lambda environment

According to AWS Documentation on Lambda Execution Environment and available Libraries we would need this AMI image with this alias amzn-ami-hvm-2016.03.3.x86_64-gp2. Keep in mind that AMI-image-id for this instance would be different in different regions (eg):

In eu-west-1 - ami-f9dd458a
In us-east-1 - ami-6869aa05

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

How to setup a practically free CDN using Backblaze B2 and Cloudflare

⚠️ Note 2023-01-21
Some things have changed since I originally wrote this in 2016. I have updated a few minor details, and the advice is still broadly the same, but there are some new Cloudflare features you can (and should) take advantage of. In particular, pay attention to Trevor Stevens' comment here from 22 January 2022, and Matt Stenson's useful caching advice. In addition, Backblaze, with whom Cloudflare are a Bandwidth Alliance partner, have published their own guide detailing how to use Cloudflare's Web Workers to cache content from B2 private buckets. That is worth reading,

Update 29/11/2022

There is a plugin on Strapi Marketplace that do this response transforming stuffs in a more configurable way. Checkout this if you are interested.

	<!--
	This disables app transport security and allows non-HTTPS requests.
	Note: it is not recommended to use non-HTTPS requests for sensitive data. A better
	approach is to fix the non-secure resources. However, this patch will work in a pinch.

	To apply the fix in your Ionic/Cordova app, edit the file located here:

	platforms/ios/MyApp/MyApp-Info.plist

	And add this XML right before the end of the file inside of the last </dict> entry:

	# spec/features/profile_management_spec.rb

	require 'rails_helper'

	feature 'Profile Management', type: :feature do
	given!(:user) { create(:user) }

	scenario 'User updates profile' do
	cookie = SignedCookieGenerator.new(:auth, user.id)
	page.driver.browser.set_cookie(cookie.to_s)

	import { Directive, ElementRef, Input } from '@angular/core';
	import { Content, Platform } from 'ionic-angular';
	import { Keyboard } from 'ionic-native';


	/**
	* @name KeyboardAttachDirective
	* @description
	* The `keyboardAttach` directive will cause an element to float above the
	* keyboard when the keyboard shows. Currently only supports the `ion-footer` element.

	# page 2

	=begin
	Station>>computePart: aPart
	^self multiplyPartTimesRate: aPart
	Station>>multiplyPartTimesRate: aPart
	^Part
	amount: aPart amount * self rate
	date: aPart date
	=end