Skip to content

Instantly share code, notes, and snippets.

View markbrown4's full-sized avatar

Mark Brown markbrown4

View GitHub Profile
@markbrown4
markbrown4 / refinerycms.md
Created August 28, 2012 10:12
refinerycms thoughts

Make key views overridden by default and have less unnecessary partials

Application layout should look more like this and be in a new project so you can instantly see what is happening.

  <!DOCTYPE html>
  <html lang="en">
  <% site_bar = render('/refinery/site_bar', :head => true) -%>
  <head>
  <meta charset='<%= Rails.application.config.encoding %>'>
  <title><%= browser_title(yield(:title)) %></title>
// Performance optimization: http://jsperf.com/apply-vs-call-vs-invoke
switch (self ? -1 : args.length) {
case 0: return fn();
case 1: return fn(args[0]);
case 2: return fn(args[0], args[1]);
case 3: return fn(args[0], args[1], args[2]);
case 4: return fn(args[0], args[1], args[2], args[3]);
case 5: return fn(args[0], args[1], args[2], args[3], args[4]);
case 6: return fn(args[0], args[1], args[2], args[3], args[4], args[5]);
case 7: return fn(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);
@markbrown4
markbrown4 / downloader.rb
Created October 2, 2012 07:52
railscast downloader
require 'rubygems'
require 'nokogiri'
require 'open-uri'
doc = Nokogiri::HTML(open("http://railscasts.com/?type=free"))
total_pages = doc.css('.pagination a:nth-last-child(2)').inner_html.to_i
(1..total_pages).each do |i|
puts "PAGE #{i} ================================"
@markbrown4
markbrown4 / retina.sprite.scss
Created October 12, 2012 05:57
retina sprite mixin with Compass
@mixin icon-sprite-2x($sprite) {
$sprites: sprite-map("icon/*.png");
text-indent: -9999px !important;
@include icon-sprite($sprite);
background-position: 0 round(nth(sprite-position($sprites, $sprite), 2) / 2);
height: image-height(sprite-file($sprites, $sprite)) / 2;
width: image-width(sprite-file($sprites, $sprite)) / 2;
background-size: (image-width(sprite-path($icon-sprites)) / 2) auto;
.ie & {
background-image: image-url("icon-1x/#{$sprite}.png") !important;
@markbrown4
markbrown4 / dabblet.css
Created October 29, 2012 04:54
<ol reversed>
/**
* <ol reversed>
*/
@markbrown4
markbrown4 / dabblet.css
Created November 3, 2012 22:28
goofy nav
/**
* goofy nav
*/
#main-menu {
width:550px;
position:relative;
float:right;
list-style: none;
margin: 0;
padding: 0;
@markbrown4
markbrown4 / dabblet.css
Created November 25, 2012 00:46
-webkit-mask ?
/* -webkit-mask ? */
body, html { margin: 0; padding: 0 }
#wrapper {
position: relative;
margin: 30px;
}
#old {
position: absolute;
mask: url(#m2);
-webkit-mask: url(#m2);
heroku addons:add pgbackups
heroku addons:add heroku-postgresql:basic
heroku pg:wait
heroku pgbackups:capture --expire
heroku pgbackups:restore HEROKU_POSTGRESQL_COLOUR
heroku pg:promote HEROKU_POSTGRESQL_COLOUR
heroku addons:remove HEROKU_POSTGRESQL_COLOUR
------
@markbrown4
markbrown4 / jquery.magicPaginate.coffee
Last active December 9, 2015 21:48
Replaces will_paginate with automatic paging on scroll.
class MagicPaginator
constructor: (el, options)->
@callback = options.callback || -> false
@$el = $(el)
@$pagination = @$el.parent().find '.pagination'
return if @$pagination.length == 0
@render()
$(window).scroll @scrollFetch
@markbrown4
markbrown4 / apple-meta.haml
Created March 27, 2013 03:50
apple this is a bit rude..
%link{ rel: "shortcut icon", href: "/favicon.ico" }
%meta{ name: "viewport", content: "width=device-width, user-scalable=no" }
%meta{ name: "apple-mobile-web-app-capable", content: "yes" }
%link{ rel: "apple-touch-icon-precomposed", href: "/touch-icon-57x57-precomposed.png" }
%link{ rel: "apple-touch-icon-precomposed", sizes: "72x72", href: "/touch-icon-72x72-precomposed.png" }
%link{ rel: "apple-touch-icon-precomposed", sizes: "114x114", href: "/touch-icon-114x114-precomposed.png" }
%link{ rel: "apple-touch-icon-precomposed", sizes: "144x144", href: "/touch-icon-144x144-precomposed.png" }
%link{ href: "apple-touch-startup-image-320x460.png", rel:"apple-touch-startup-image", media: "(device-width: 320px)" }
%link{ href: "apple-touch-startup-image-640x920.png", rel:"apple-touch-startup-image", media: "(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" }
%link{ href: "apple-touch-startup-image-768x1004.png", rel:"apple-touch-startup-image", media: "(device-width: 768px) and