Skip to content

Instantly share code, notes, and snippets.

View renatocarvalho's full-sized avatar
💭
🤘✨

Renato Carvalho renatocarvalho

💭
🤘✨
122 followers · 329 following
View GitHub Profile
@renatocarvalho
renatocarvalho / SassMeister-input-HTML.html
Created March 17, 2014 20:40
Generated by SassMeister.com.
<div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
@renatocarvalho
renatocarvalho / SassMeister-input-HTML.html
Created March 17, 2014 20:55
Generated by SassMeister.com.
<div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
opa
</p>
</div><div class="box-cupon-home">
<p>
@renatocarvalho
renatocarvalho / SassMeister-input-HTML.html
Created March 20, 2014 15:20
Generated by SassMeister.com.
<div class="home-grid">
<div class="moduletable">
<p>Hi there!</p>
</div>
<div class="moduletable">
<p>Hi there!</p>
</div>
<div class="moduletable">
<p>Hi there!</p>
</div>
@renatocarvalho
renatocarvalho / instalacao-middleman-mac.md
Last active August 29, 2015 14:02
Instalando o Middleman no Mac

1. Instale Xcode ou Command Line Tools

Faça o download do Command Line Tools ou instale o Xcode

2. Instale o RVM

Copie a seguinte linha e cole no terminal:

\curl -sSL https://get.rvm.io | bash -s stable

Agora instale a última versão do ruby com o RVM:

rvm install ruby-2.1.1

@renatocarvalho
renatocarvalho / SassMeister-input.scss
Created July 3, 2014 02:43
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$breakpoints: (
'small' : '( min-width: 767px )',
'medium' : '( min-width: 992px )',
'large' : '( min-width: 1200px )',
'complex': '( min-width: 767) and ( max-width: 992px)',
@renatocarvalho
renatocarvalho / SassMeister-input.scss
Created July 7, 2014 03:41
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Here is a map containing all placeholders
// (Follow-up from: http://hugogiraudel.com/2014/03/31/getting-the-most-out-of-sass-placeholders/)
// ---
// - The key is the placeholder's name
// - The value is a map of declarations for the placeholder's content
@renatocarvalho
renatocarvalho / gist:7796df7844aafcca81b8
Created July 29, 2014 14:41
transparent inline .png shim
<img width="1" height="1" alt='data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFAAAAp3o92gAAAAF0Uk5TAEDm2GYAAAAKSURBVAjXY2AAAAACAAHiIbwzAAAAAElFTkSuQmCC'>
@renatocarvalho
renatocarvalho / dev-naming-conventions.md
Last active August 29, 2015 14:04

dev naming conventions

production:

  • heroku app name: appname-prod
  • heroku app address: appname-prod.herokuapp.com
  • gitflow branch: master
  • mixpanel, etc: appname-prod

development:

  • heroku app name: appname-dev
@renatocarvalho
renatocarvalho / index.html.slim
Created October 8, 2014 14:06
Frontend Responsa: Implementando código modular: index.html.slim
/ Hero
.row
.hero
.container
h1.hero__title Nós sómos Waza
h2.hero__subtitle Lorem lipsum dolor sit amet consectue lorem dorem.
.hero__links
= link_to 'Conheça o nosso trabalho', '/', class: 'btn'
/ About
@renatocarvalho
renatocarvalho / _header.slim
Last active August 29, 2015 14:07
Frontend Responsa: Implementando código modular: _header.slim
header.row
.container
.site-brand
= link_to 'Waza', '/'
nav.nav
ul.list.list--nav
li.list__item = link_to 'Sobre', '/', class: 'list__link'
li.list__item = link_to 'Projetos', '/', class: 'list__link'