- jan.krutisch@mindmatters.de
- /jobs
- /london
- Contact([Bernd, Jan, Sven, Tobi])
- Concepts
- Technologies
- Possibilities
Concepts
Rails
Better Life
Less tedious work
Higher Throughput
- Abstractions
- Dependency Management
- Tooling
Abstractions
Reuse
Micro level
i = 1Variables
Macro level
class Book < ActiveRecord::Base
endClasses
class Book
include ActiveModel::Validations
endModules
Mixins
Dependency Management
gem
Bundler
<3
$ wget http://download.cssgrid.net/1140_CssGrid_2.zip
$ unzip 1140_CssGrid_2.zip
$ cp -r 1140_CssGrid_2/css/* dingens/public/stylesheets/
$ cp -r 1140_CssGrid_2/js/* dingens/public/javascripts/
!Dependency Management
Tooling
Automation
Generators
$ rails g controller foos index
Deployment
Technologies
Thanks Hampton Catlin!
- SASS
- COMPASS
- Asset Pipeline
SASS
SCSS
Superset of CSS
Features
Proper nesting
.foo {
.bar {
.baz {
font-style: blink;
}
}
}Variables
$width: 5em;
#main {
width: $width;
}Arithmetics
$width: 5em;
$margin: 2em;
#foo {
width: $width + $margin;
}Colors, Strings
Mixins
@mixin rand {
border: 1px solid black;
}
.foo {
@include rand;
}Arguments
@mixin rand($width: 1px) {
border: $width solid black;
}
.foo {
@include rand(2px);
}@import
SassScript
Output Styles
LOAD_PATH
Compass
Compass is an open-source CSS Authoring Framework.
Both Framework & Metaframework
Many built in frameworks
Plugins
require 'compass'
Compass::Frameworks.register(
"eleven40",
:path => "#{File.dirname(__FILE__)}/.."
)(remember that LOAD_PATH thingie?)
gem 'compass'
gem 'eleven40-compass'.container {
@include eleven40-container;
}
// [...]
.sidebar {
@include eleven40-fourcol;
}Asset Pipeline
Rails 3.1
/app/assets/stylesheets/
Sprockets 2.x
Concatenation / Minificaton
Static assets for Deployment
$ rake assets:precompile
public/assets/application.css
Another Load Path
Keep App-code and Lib-code separate
vendor/assets/*
AP vs. Compass
Possibilities
- Dependency Management
- Tooling
- Spriting