Skip to content

Instantly share code, notes, and snippets.

View renatocarvalho's full-sized avatar
💭
🤘✨

Renato Carvalho renatocarvalho

💭
🤘✨
View GitHub Profile
@renatocarvalho
renatocarvalho / Preferences.sublime-settings
Last active August 11, 2016 17:07
My current Preferences.sublime-settings
{
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"ensure_newline_at_eof_on_save": true,
"file_exclude_patterns":
[
"*.DS_store",
"*.gem",
"*.gz",
"*.jar",
"*.sassc",
@renatocarvalho
renatocarvalho / instalacao-middleman-windows.markdown
Last active June 21, 2016 14:59
Instalação do Middleman no Windows

Instalação do Middleman no Windows

Passo 1: Checando se o Ruby já está instalado no seu Windows

Vamos seguir os passoas abaixo somente para verificar se o Ruby está instalado em seu sistema:

  1. Abra o Command Prompt do seu Windows
  2. Entre com o comando ruby -v e tecle enter.

Caso você receba uma mensagem dizendo que o ruby não foi reconhecido, é porque você não tem o ruby instalado. Siga para o Passo 2 para instalarmos o ruby.

Passo 2: Instalando o Ruby para Windows

@renatocarvalho
renatocarvalho / Preferences.sublime-settings
Last active March 19, 2016 15:26
Sublime Settings do Startaê.Copie o texto abaixo e cole em: Menu Sublime Text > Preferences > Settings - User
{
"color_scheme": "Packages/Color Scheme - Default/Monokai Bright.tmTheme",
"ensure_newline_at_eof_on_save": true,
"file_exclude_patterns":
[
"*.DS_store",
"*.gem",
"*.gz",
"*.jar",
"*.sassc",
@renatocarvalho
renatocarvalho / SassMeister-input.scss
Created January 13, 2014 02:41 — forked from lunelson/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/
@renatocarvalho
renatocarvalho / Side Bar.sublime-settings
Created December 23, 2013 03:52
Side Bar.sublime-settings
{
"statusbar_modified_time" : false,
"statusbar_modified_time_format" : "%A %b %d %H:%M:%S %Y",
"statusbar_file_size" : false,
"close_affected_buffers_when_deleting_even_if_dirty" : false,
"hide_open_with_entries_when_there_are_no_applicable" : false,

I'm planning on either writing this up in detail or maybe doing a screencast about screencasting, but I'll give a short version here.

On sound quality:

This matters a lot. In decreasing order of importance:

  1. Remove echo. You have to hear this to understand. Set up a mic in front of your mouth and record a sentence. Then, put a thick comforter over you and the mic and say it again at the same distance. Listen to

Screencasting Framework

The following document is a written account of the Code School screencasting framework. It should be used as a reference of the accompanying screencast on the topic.

Why you should care about screencasting?

You're probably aren't going to take the time to read this document if you're not interested, but there are a lot of nice side effects caused by learning how to create quality screencasts.

  1. Communicating more effectively - At Envy Labs we produce screencasts for our clients all the time. Whether it's demoing a new feature or for a presentation for an invester, they're often much more effective and pleasent than a phone call or screen sharing.

This was tested using Ruby 2.0.0 and Rails 4.0.0.rc1.

Bower

  1. Set the install directory for Bower components:

    // .bowerrc
    {

"directory": "app/assets/components"

// ---------------------------------------------------------------------------------
// Mixin for Media Queries
// ---------------------------------------------------------------------------------
// http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32
// Device Dimensions inpired on: http://css-tricks.com/snippets/css/media-queries-for-standard-devices
// Usage
// --------------------------------------------------
// .profile-pic
// ---------------------------------------------------------------------------
// Imports
@import base
body
font-family: $sans
// +baseline-grid-background