Skip to content

Instantly share code, notes, and snippets.

View alanhogan's full-sized avatar

Alan Hogan alanhogan

92 followers · 14 following
View GitHub Profile
@alanhogan
alanhogan / modules.html.haml
Created December 13, 2013 18:01
- title "Modules"
%h1 CSS Modules
%ul
- @modules.each do |mod|
%li
- name = "<code><b>#{mod}</b></code>"
- desc = Descss.new mod
- name += ": <b>#{desc.name}</b>" if desc.has_name?
@alanhogan
alanhogan / module.html.haml
Created December 13, 2013 18:00
- title "#{@module_name} Module"
- desc = Descss.new @module_name
.l-max-readable-width.l-h-center.l-v-spaced
.txt
%header
%h1
Module info:
@alanhogan
alanhogan / devtools_controller.rb
Created December 13, 2013 18:00
if Rails.env.development?
class DevtoolsController < ApplicationController
def modules
@modules = Dir["app/assets/stylesheets/nri-modules/*.css.*"].map do |filename|
filename =~ %r{/([^/]+)\.css}
$1
end
render layout: 'text'
end
@alanhogan
alanhogan / Descss.rb
Created December 13, 2013 17:59
class Descss
def initialize(module_name)
# Modules output content, so they should include the .css extension.
# (This is why we don't look for module.sass, just module.css.sass.)
begin
file = File.open("app/assets/stylesheets/nri-modules/#{module_name}.css.sass")
rescue
file = File.open("app/assets/stylesheets/nri-modules/#{module_name}.css.scss")
end
@source = file.read
@alanhogan
alanhogan / haml_inline_sass.rb
Created August 21, 2013 03:24
This goes in config/initializers. See http://stackoverflow.com/questions/18346153
require 'sass/plugin'
#allows inline sass!
::Sass::Plugin.options[:load_paths] = Rails.application.config.assets[:paths].to_a + Compass.configuration.sass_load_paths
@alanhogan
alanhogan / vimeo-in-2008-and-2010.html
Created July 14, 2013 06:40
The ascii art logo that inspired mine (at alanhogan.com)
<!--
___ ___ ___ __ __ ___ _____ ______
/ \ /_ \ /_ \ /_ \/_ \/_ \ / ___ \ / __ \
|/\ \ / / | | | / \ / \ | / /___\ \ / / \ \
\ \/ / | | | | | | | | | ______/ | | | |
\ / | | | | | | | | | \ __ | | | |
\ / | |_ | | | | | | \ \__/ / \ \__/ /
\/ \__/ \_\ \_\ \_\ \____/ \______/
You know, for videos.
@alanhogan
alanhogan / zepto-extras.js.coffee
Created October 22, 2012 23:25 — forked from pamelafox/zepto-extras.js
My Zepto Extras - more info @ http://blog.pamelafox.org/2011/11/porting-from-jquery-to-zepto.html
# This file only contains additions to Zepto to add lesser-used functions
# from jQuery that we do actually need.
if this.Zepto
do ($ = Zepto) ->
# innerHeight & outerHeight are needed by <a plugin we use>
#
# outerHeight is documented at http://api.jquery.com/outerHeight/
#
@alanhogan
alanhogan / gist:3222589
Created August 1, 2012 01:45
PREVENT sub-pixel font rendering (good for screenshots)
javascript:void((function(){var d=document;var ocss='html body, html body *{-webkit-font-smoothing: antialiased !important;}';var L=d.createElement('style');L.innerHTML=ocss; document.getElementsByTagName('head')[0].appendChild(L);})())
@alanhogan
alanhogan / gist:3222391
Created August 1, 2012 01:25
Bookmarklet/script: Allow sub-pixel text rendering (because Posterous sucks)
javascript:void((function(){var d=document;var ocss='html body, html body *{-webkit-font-smoothing: auto !important;}';var l='style'; var L=d.createElement(l);L.innerHTML=ocss; document.getElementsByTagName('head')[0].appendChild(L);})())
@alanhogan
alanhogan / compass-retina-sprites.scss
Created June 5, 2012 23:21 — forked from thulstrup/compass-retina-sprites.scss
Using Compass to generate normal and retina sprite maps
$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");
@mixin sprite-background($name) {
background-image: sprite-url($sprites);
background-position: sprite-position($sprites, $name);
background-repeat: no-repeat;
display: block;
height: image-height(sprite-file($sprites, $name));
width: image-width(sprite-file($sprites, $name));