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

Bourbon, neat e bitters no github-pages

Avatar for Thiago Borges Thiago Borges
March 06, 2015
Technology
0
58

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
57
Automatizando processos de frontend e deploy usando Gulp
Avatar for Thiago Borges thiagoborges
0
100
Como o Rails melhorou o desenvolvimento web
Avatar for Thiago Borges thiagoborges
0
110

Other Decks in Technology

See All in Technology
Lambda Web Adapterについて自分なりに理解してみた
Avatar for Makky12 smt7174
5
150
改めてAWS WAFを振り返る～業務で使うためのポイント～
Avatar for モブエンジニア masakiokuda
1
210
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
4.7k
なぜ私はいま、ここにいるのか？ #もがく中堅デザイナー #プロダクトデザイナー
Avatar for 弁護士ドットコム bengo4com
0
1.3k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
200
Node-RED × MCP 勉強会 vol.1
Avatar for 1ft-seabass 1ftseabass
PRO
0
180
ネットワーク保護はどう変わるのか？re:Inforce 2025最新アップデート解説
Avatar for Shun Tokuyama tokushun
0
170
mrubyと micro-ROSが繋ぐロボットの世界
Avatar for Katsuhiko Kageyama kishima
3
390
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
Avatar for K.Osawa kkuv
1
390
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
4.6k
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
Avatar for sergicalsix sergicalsix
1
180
Lazy application authentication with Tailscale
Avatar for Elliot Blackburn bluehatbrit
0
140

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k

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