Skip to content

Instantly share code, notes, and snippets.

View renatocarvalho's full-sized avatar
💭
🤘✨

Renato Carvalho renatocarvalho

💭
🤘✨
View GitHub Profile
header
.row.nav-header
.container
.nav-header__logo
img src="/"
nav.nav-header__menu
@romulomachado
romulomachado / update-to-cedar-14.sh
Last active August 29, 2015 14:19
How to update all your Heroku apps to cedar-14
# The Cedar-14 stack is the latest version of the Heroku Cedar stack.
# It features updated system dependencies and runs on a recent version of Ubuntu Linux.
# Use this scipt to update all your apps.
# Fill this array with your apps' names.
apps=( app-name-1 app-name-2 app-name-3 app-name-4 ... app-name-n )
for app in "${apps[@]}"
do
//** Vertical Rhythm **//
// By Chris Eppstein and Eric Meyer, living here on a temporary basis
// set the default border style for rhythm borders
!default_rhythm_border_style = "solid"
// The IE font ratio is a fact of life. Deal with it.
!ie_font_ratio = 16px / 100%
style.css: *.sass sass/*.sass
sass -t expanded style.sass > style.css
mockup.html: mockup.haml
haml mockup.haml mockup.html
clean:
rm -fr *.html
rm -fr *.css
@nathansmith
nathansmith / select_jump_list.js
Created August 13, 2010 04:09
Simple jQuery Jump List
$('select.jump_list').change(function() {
if (!this.value) {
return;
}
var url, url_len, last_char;
if (this.value.match('://')) {
window.top.location = this.value;
}
@dirkschmid
dirkschmid / compass-retina-sprites.sass
Created March 21, 2012 12:30 — 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")
=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))
@renatocarvalho
renatocarvalho / mobile-meta-links.html
Created April 24, 2012 04:13
iOS Web App Configuration
@micahgodbolt
micahgodbolt / gist:2936775
Created June 15, 2012 14:36
Proposed Susy syntax to create "The Fonmon" asymmetric grid layout
//Proposed Susy syntax to create "The Fonmon" asymmetric grid layout. http://gridsetapp.com/specs/fonmon.php?gridset=show
$total-columns: 5;
$column-width: 200px, 96px, 96px, 96px, 200px;
// could use relative units: 1, 1 would be 50/50%. 1, 2 would be 33/66%, 1, 1, 1 would be 33/33/33%
$columns: column padding, column padding, column padding, column padding, …; //suggested multi dimensional syntax
$gutter-width: 30px;
@julioprotzek
julioprotzek / template.rb
Created October 8, 2012 14:39
Startaê Bootstrap
remove_file 'Gemfile'
create_file 'Gemfile'
add_source "http://rubygems.org"
gem 'rails', '~> 3.2.8'
gem 'jquery-rails'
if yes?('PostgreSQL on development?')
gem 'pg'
@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;