Skip to content

Instantly share code, notes, and snippets.

View tomhodgins's full-sized avatar
😍
Writing CSS

Tommy Hodgins tomhodgins

😍
Writing CSS
346 followers · 294 following
View GitHub Profile
@tomhodgins
tomhodgins / chrominator.sh
Created August 3, 2011 21:14
Update Chromium to latest nightly build for OS X
#! /bin/sh
echo "Downloading the latest Chromium build"
echo "Preparing a temporary working area"
mkdir ~/Downloads/chrominator
cd ~/Downloads/chrominator
echo "Fetching the latest Chromium build"
MY_VAR="$(curl http://build.chromium.org/f/chromium/snapshots/Mac/LATEST)"
@tomhodgins
tomhodgins / webkitten.sh
Created August 6, 2011 09:21
Update WebKit to latest nightly build for OS X
#! /bin/sh
echo "Welcome to WebKitten, the WebKit updater"
echo "This process may take a few minutes"
mkdir ~/.webkitten
cd ~/.webkitten
# This sets a variable named 'LATEST' that is the
# value of the latest webkit download for OS X
LATEST=`curl -s "http://nightly.webkit.org" | sed -n 's/.*http/http/'p | sed -n 's/dmg.*/dmg/'p | sed -n 1p`
@tomhodgins
tomhodgins / firefetch.sh
Created August 17, 2011 21:18
Update Firefox to latest nightly build for OS X
#! /bin/sh
echo "Welcome to FireFetch, the Firefox updater"
echo "This process may take a few minutes"
mkdir ~/.firefetch
cd ~/.firefetch
# This sets a variable named 'LATEST' that is the
# value of the latest Firefox download for OS X
LATEST=`curl -s "http://nightly.mozilla.org" | sed -n 's/.*http/http/'p | sed -n 's/dmg.*/dmg/'p | sed -n 1p`
@tomhodgins
tomhodgins / serverbackup.sh
Created June 19, 2012 14:56
Site and SQL backup for MediaTemple servers
#!/bin/sh
#####################################################################
## ##
## Welcome to the server backup script, before backing up your ##
## files be sure to update your SQL username and password below ##
## ##
## This script assumes you have folders 'server' and 'databases' ##
## already created inside your /root/backup/ folder ##
## ##
@tomhodgins
tomhodgins / html5-demo.html
Last active December 14, 2015 05:09
Bootstrapped HTML template file with hosted jQuery, FontAwesome icons, and Source Sans via Google Web Fonts already integrated. Includes clearly marked subsections for HTML markup, JavaScript code, and your CSS rules all in the one file, making it very easy to build self-contained demos or make the development of HTML/JS/CSS features faster.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<!-- Bootstrap CSS -->
<link href="http://cdn.staticresource.com/bootstrap.min.css" type="text/css" rel="stylesheet">
<!-- Source Sans via Google Web Fonts -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- FontAwesome -->
@tomhodgins
tomhodgins / btn-animated.html
Last active December 14, 2015 06:29
jQuery auto-width animated button. This adds onto the default Bootstrap buttons - and for now it relies on pixel-padding so you would need to tweak it to use it with btn-large, btn-small, and btn-mini sizes. Right now it measures the first occurrence of btn-animated - I need to figure out how to record the width for each occurrence and then retr…
<!DOCTYPE html>
<html>
<head>
<title>jQuery Animated Bootstrap Button</title>
<!-- Bootstrap: with responsive, no icons -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
<!-- Source Sans via google Web Fonts -->
@tomhodgins
tomhodgins / tooltip-styles.html
Last active December 14, 2015 07:48
Brainstorming some extra styles to supplement Bootstrap's default Tooltip style
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tooltip Styles</title>
<!-- Bootstrap: with responsive, no icons -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
@tomhodgins
tomhodgins / background-icon.html
Last active December 14, 2015 07:58
Using a FontAwesome icon as a background image for a Bootstrap .hero-unit
<!DOCTYPE html>
<html>
<head>
<title>FontAwesome Background Icon</title>
<!-- Bootstrap: with responsive, no icons -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
@tomhodgins
tomhodgins / bootstrap-responsive-demos.html
Last active December 14, 2015 16:19
This is a document showing off the responsive classes of Bootstrap - the first demo on here shows how to insert line breaks that only show up on mobile, allowing you to cleverly cut down long line lengths before they become an issue
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Responsive Cheat Sheet</title>
<!-- Bootstrap: with responsive, no icons -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
@tomhodgins
tomhodgins / html-tooltips.html
Last active May 30, 2020 23:27
HTML inside Bootstrap tooltips
<!DOCTYPE html>
<html>
<head>
<title>Tooltip HTML Styles</title>
<!-- Bootstrap: with responsive, no icons -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">