Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bourbon, neat e bitters no github-pages

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Thiago Borges Thiago Borges
March 06, 2015
Technology
0
59

Bourbon, neat e bitters no github-pages

Apresentação rápida de como a familia bourbon pode ser usada no github-pages de forma simples

Avatar for Thiago Borges

Thiago Borges

March 06, 2015
Tweet

More Decks by Thiago Borges

See All by Thiago Borges
Como o Rails melhorou o desenvolvimento web
Avatar for Thiago Borges thiagoborges
0
58
Automatizando processos de frontend e deploy usando Gulp
Avatar for Thiago Borges thiagoborges
0
110
Como o Rails melhorou o desenvolvimento web
Avatar for Thiago Borges thiagoborges
0
110

Other Decks in Technology

See All in Technology
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
350
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.4k
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.8k
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
150
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
140
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
150
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
290
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
290
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
170
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
140
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
360
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
49
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
82
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
180
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k

Transcript

  1. Proteus: páginas estáticas com super poderes. github-pages é tudo que

    você precisa Thiago Borges

  2. github-pages • Grátis • Fácil setup • Faz o build

    automaticamente • Páginas estáticas • É possível configurar o domínio • Github <3 • O poder do Ruby

  3. Proteus HAML Coffeescript Sass Bourbon Neat Bitters Jekyll, Middleman, Gulp

    github-pages HAML Coffeescript Sass Bourbon Neat Bitters Jekyll

  4. Proteus • gem install proteus-kits • proteus new jekyll your-project-name

    • proteus setup • proteus server • proteus deploy

  5. Github pages • gem install github-pages • jekyll new helabs-new-page

    • gem install bourbon neat bitters • cd _sass • bourbon install && neat install && bitters install • Editar css/main.scss

  6. O que posso usar no github-pages?

  7. jekyll jekyll-coffeescript jekyll-sass-converter liquid pygments.rb jemoji jekyll-mentions jekyll-redirect-from jekyll-sitemap +

    5 opções de markdown