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
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
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
240
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
460
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.9k
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
110
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
5.7k
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3.1k
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
210
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
460
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
230
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
120

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
220
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
82
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290

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