Skip to content

Instantly share code, notes, and snippets.

😍
Writing CSS

Tommy Hodgins tomhodgins

😍
Writing CSS
Block or report user

Report or block tomhodgins

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@tomhodgins
tomhodgins / chrominator.sh
Created Aug 3, 2011
Update Chromium to latest nightly build for OS X
View chrominator.sh
#! /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 Aug 6, 2011
Update WebKit to latest nightly build for OS X
View webkitten.sh
#! /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 Aug 17, 2011
Update Firefox to latest nightly build for OS X
View firefetch.sh
#! /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 Jun 19, 2012
Site and SQL backup for MediaTemple servers
View serverbackup.sh
#!/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 Dec 14, 2015
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.
View html5-demo.html
<!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 Dec 14, 2015
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…
View btn-animated.html
<!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 Dec 14, 2015
Brainstorming some extra styles to supplement Bootstrap's default Tooltip style
View tooltip-styles.html
<!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 Dec 14, 2015
Using a FontAwesome icon as a background image for a Bootstrap .hero-unit
View background-icon.html
<!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 Dec 14, 2015
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
View bootstrap-responsive-demos.html
<!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 Jul 31, 2019
HTML inside Bootstrap tooltips
View html-tooltips.html
<!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">
You can’t perform that action at this time.