Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Assets on Rails na Prática
Search
Ramon Bispo
December 17, 2012
Programming
0
210
Assets on Rails na Prática
Entendendo, configurando e aplicando a estrutura de assets do Rails.
Ramon Bispo
December 17, 2012
Tweet
Share
More Decks by Ramon Bispo
See All by Ramon Bispo
Dicas para tomadas de decisão seguras em front-end
ramonpage
0
410
Other Decks in Programming
See All in Programming
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
190
【Go言語】ジェネリクス
tomo1227
0
170
Advanced App Shrinking Techniques
cbeyls
2
150
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
生成AIをkintoneに連携してみた
hideg
0
230
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
Featured
See All Featured
Producing Creativity
orderedlist
PRO
340
39k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
The Pragmatic Product Professional
lauravandoore
29
6.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Adopting Sorbet at Scale
ufuk
71
8.8k
Transcript
RAMON BISPO http://ramonpage.com @ramonpage ASSETS ON RAILS NA PRÁTICA ENTENDENDO,
CONFIGURANDO E APLICANDO
ASSET PACKAGING NO RAILS @RAMONPAGE
UM POUCO DE HISTÓRIA Rails < 3.1 - Jammit http://documentcloud.github.com/jammit/
- Asset Packager https://github.com/sbecker/asset_packager Rails 3.1+ - Sprockets https://github.com/sstephenson/sprockets @RAMONPAGE
@RAMONPAGE RAILS 3.1+ ASSET PIPELINE config.assets.enabled = true
@RAMONPAGE RAILS 3.1+ ASSET PIPELINE FINGERPRINTING /stylesheets/styles.css?2509895876 styles.css => styles-908e25f4bf641868d8683022a5b62f54.css
ESTRUTURA DOS ASSETS NO RAILS @RAMONPAGE ↳ app ↳ assets
↳ images - ... ↳ javascripts - application.js - ... ↳ stylesheets - application.css - ... ↳ ...
@RAMONPAGE ENTENDENDO OS MANIFESTOS application.js //= require jquery //= require
jquery_ujs //= require_tree . application.css /* *= require_self *= require_tree . */
@RAMONPAGE MAIS SOBRE ASSET PIPELINE RAILS GUIDES http://guides.rubyonrails.org/asset_pipeline.html
ENTENDENDO PRÉ-PROCESSADORES @RAMONPAGE COFFEESCRIPT http://jashkenas.github.com/coffee-script/ SASS http://sass-lang.com/ COMPASS http://compass-style.org/
@RAMONPAGE SASS EM USO .CSS .content-navigation { border-color: #3bbfce; color:
#2b9eab; } .border { padding: 8px; margin: 8px; border-color: #3bbfce; } .SASS $blue: #3bbfce $margin: 16px .content-navigation border-color: $blue color: darken($blue, 9%) .border padding: $margin / 2 margin: $margin / 2 border-color: $blue
@RAMONPAGE NÃO GOSTOU? DÊ UMA OLHADA NO LESS http://lesscss.org/
SHOW ME THE CODE @RAMONPAGE
RAMON BISPO http://ramonpage.com @ramonpage OBRIGADO!