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;
}
/* ---------------------------------------------------------- */ | |
/* */ | |
/* A media query that captures: */ | |
/* */ | |
/* - Retina iOS devices */ | |
/* - Retina Macs running Safari */ | |
/* - High DPI Windows PCs running IE 8 and above */ | |
/* - Low DPI Windows PCs running IE, zoomed in */ | |
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */ | |
/* - Android hdpi devices and above */ |
# config.rb | |
page "/sitemap.xml", :layout => false |
require 'tumblr_client' | |
require 'mechanize' | |
require 'date' | |
require 'yaml' | |
require 'uri' | |
Tumblr.configure do |config| | |
config.consumer_key = "consumer_key" | |
config.consumer_secret = "consumer_secret" | |
config.oauth_token = "oath_token" |
Your monthly notice to go through and disconnect unused applications across various services. | |
Twitter: https://twitter.com/settings/applications | |
Dropbox: https://www.dropbox.com/account/connected_apps | |
Facebook: https://www.facebook.com/settings?tab=applications | |
Google Apps: https://security.google.com/settings/security/permissions?pli=1 | |
Google Ads: http://www.google.com/ads/preferences | |
Google Account: https://security.google.com/settings/security/secureaccount | |
Foursquare: https://foursquare.com/settings/connections | |
Instagram: https://instagram.com/accounts/manage_access |
import pytumblr | |
import os | |
import code | |
import oauth2 as oauth | |
from pprint import pprint | |
import json | |
import urllib | |
import codecs | |
# Number of likes to fetch in one request |
spinner = new Layer | |
width: 100 | |
height: 100 | |
x: 100 | |
y: 100 | |
backgroundColor: "transparent" | |
spinner.html = "<svg><path fill='#27AE60' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'></path></svg>" | |
spinner.animate | |
properties: {rotation: 360*10} |
const interval = (callback, delay) => { | |
const tick = now => { | |
if (now - start >= delay) { | |
start = now; | |
callback(); | |
} | |
requestAnimationFrame(tick); | |
}; | |
let start = performance.now(); | |
requestAnimationFrame(tick); |
const randomInterval = (() => { | |
const random = (min, max) => Math.random() * (max - min) + min; | |
return (callback, min, max) => { | |
const time = { | |
start: performance.now(), | |
total: random(min, max) | |
}; | |
const tick = now => { | |
if (time.total <= now - time.start) { | |
time.start = now; |
// | |
// Perlin noise text displacement. | |
// Created using Processing 3.5.3. | |
// | |
// Code by @marcedwards from @bjango. | |
// | |
PGraphics textbuffer; | |
void setup() { |