Skip to content

Instantly share code, notes, and snippets.

View chufucious's full-sized avatar
💭
Makin'

Eric Chu chufucious

💭
Makin'
View GitHub Profile
@marcedwards
marcedwards / high-dpi-media.css
Last active March 2, 2025 20:24
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* 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 */
@dhulihan
dhulihan / config.rb
Created January 21, 2013 22:39
middleman sitemap generator
# config.rb
page "/sitemap.xml", :layout => false
@joshwand
joshwand / tumblr-likes-downloader.rb
Last active June 28, 2024 14:24
download your liked photos from tumblr
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"
@naveen
naveen / scrubs
Last active December 2, 2021 05:50
Scrubs: Your monthly notice to go through and disconnect unused applications across various services.
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
@jeffaudi
jeffaudi / tumblr-likes-downloader.py
Last active June 15, 2022 01:25
This python script downloads all the photos liked of your tumblr account. This is usually more useful than downloading the photos from a specfic blog. Updated to also download videos and store content is folders. Please, note that currently the Tumblr API only returns the first 1000 likes (https://groups.google.com/forum/#!searchin/tumblr-api/li…
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
@joshpuckett
joshpuckett / spinner.js
Created October 21, 2015 00:20
Circular Spinner
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}
@bendc
bendc / interval.js
Created August 18, 2016 20:28
Better setInterval
const interval = (callback, delay) => {
const tick = now => {
if (now - start >= delay) {
start = now;
callback();
}
requestAnimationFrame(tick);
};
let start = performance.now();
requestAnimationFrame(tick);
@bendc
bendc / randomInterval.js
Created March 9, 2017 21:55
rAF-based random interval
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;
@marcedwards
marcedwards / perlintextdisplacement.pde
Created April 9, 2019 12:18
Perlin noise text displacement
//
// Perlin noise text displacement.
// Created using Processing 3.5.3.
//
// Code by @marcedwards from @bjango.
//
PGraphics textbuffer;
void setup() {
@JoeyBurzynski
JoeyBurzynski / 55-bytes-of-css.md
Last active April 8, 2025 14:18
58 bytes of css to look great nearly everywhere

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