Entendendo, configurando e aplicando a estrutura de assets do Rails.
RAMON BISPOhttp://ramonpage.com@ramonpageASSETS ON RAILS NAPRÁTICAENTENDENDO, CONFIGURANDO E APLICANDO
View Slide
ASSET PACKAGINGNO RAILS@RAMONPAGE
UM POUCO DE HISTÓRIARails < 3.1- Jammit http://documentcloud.github.com/jammit/- Asset Packager https://github.com/sbecker/asset_packagerRails 3.1+- Sprockets https://github.com/sstephenson/sprockets@RAMONPAGE
@RAMONPAGERAILS 3.1+ASSET PIPELINEconfig.assets.enabled = true
@RAMONPAGERAILS 3.1+ASSET PIPELINE FINGERPRINTING/stylesheets/styles.css?2509895876styles.css => styles-908e25f4bf641868d8683022a5b62f54.css
ESTRUTURA DOSASSETS NO RAILS@RAMONPAGE↳ app↳ assets↳ images- ...↳ javascripts- application.js- ...↳ stylesheets- application.css- ...↳ ...
@RAMONPAGEENTENDENDO OSMANIFESTOSapplication.js//= require jquery//= require jquery_ujs//= require_tree .application.css/**= require_self*= require_tree .*/
@RAMONPAGEMAIS SOBREASSET PIPELINERAILS GUIDEShttp://guides.rubyonrails.org/asset_pipeline.html
ENTENDENDOPRÉ-PROCESSADORES@RAMONPAGECOFFEESCRIPT http://jashkenas.github.com/coffee-script/SASS http://sass-lang.com/COMPASS http://compass-style.org/
@RAMONPAGESASS EM USO.CSS.content-navigation {border-color: #3bbfce;color: #2b9eab;}.border {padding: 8px;margin: 8px;border-color: #3bbfce;}.SASS$blue: #3bbfce$margin: 16px.content-navigationborder-color: $bluecolor: darken($blue, 9%).borderpadding: $margin / 2margin: $margin / 2border-color: $blue
@RAMONPAGENÃO GOSTOU?DÊ UMA OLHADA NO LESShttp://lesscss.org/
SHOW METHE CODE@RAMONPAGE
RAMON BISPOhttp://ramonpage.com@ramonpageOBRIGADO!