This was tested using Ruby 2.0.0 and Rails 4.0.0.rc1.
-
Set the install directory for Bower components:
// .bowerrc {
"directory": "app/assets/components"
| <div id="content"><div id="content-inner"> | |
| <!--begin #destaques-noticias--> | |
| <section class="destaques-categoria area-noticias"> | |
| <header> | |
| <h1><a title="Notícias" href="/noticias">Notícias</a></h1> | |
| </header> | |
| <div class="destaque destaque-secundario"><a href="/noticias-detalhes"> | |
| <span class="foto"><img width="300" src="images/destaque-noticia.jpg" /></span><span class="conteudo"> | |
| <p>Acidente com ônibus deixa 30 feridos no RJ: ‘Ele veio voado’, diz motorista</p> | |
| </span></a></div> |
| // --------------------------------------------------------------------------- | |
| // Imports | |
| @import base | |
| body | |
| font-family: $sans | |
| // +baseline-grid-background | |
| // --------------------------------------------------------------------------- | |
| // Imports | |
| @import base | |
| body | |
| font-family: $sans | |
| // +baseline-grid-background | |
| // --------------------------------------------------------------------------------- | |
| // 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 |
| // Mixin: Automaticamente escreve | |
| // USO: | |
| // +background-2x(logo) | |
| // Com imagem jpg: | |
| // +background-2x(logo,jpg) | |
| // Obs: Obrigatório ter a imagem normal e retina no mesmo diretório - "imagem.png" e "[email protected]" | |
| // OUTPUT CSS: | |
| // #logo { |
| remove_file 'Gemfile' | |
| create_file 'Gemfile' | |
| add_source "https://rubygems.org" | |
| gem 'rails', '~> 3.2.12' | |
| if yes?('PostgreSQL on development?') | |
| gem 'pg' |
| # encoding: utf-8 | |
| xml.instruct! | |
| # Drop this file in your source directory | |
| # | |
| # Uses the builder gem. | |
| # Add | |
| # gem 'builder', '~> 2.0' | |
| # to the Gemfile, and run builder install | |
| # |
| { | |
| "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", |
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.
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.