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
Hello, Style Guides!
Search
Guille Paz
December 06, 2013
Programming
0
240
Hello, Style Guides!
Introduction to MercadoLibre Styles Guides.
Guille Paz
December 06, 2013
Tweet
Share
More Decks by Guille Paz
See All by Guille Paz
The Road to Node
pazguille
0
220
No me robes el Scroll!
pazguille
0
220
User First
pazguille
1
180
#OfflineFirst
pazguille
3
5.9k
ES6 in Production
pazguille
10
3.1k
No me hagas esperar!
pazguille
1
140
CSS Sprites vs. Data URIs
pazguille
0
410
Decoupling your JavaScript
pazguille
0
150
Progressive Enhancement - Is it still important?
pazguille
0
110
Other Decks in Programming
See All in Programming
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
190
從零到一:搭建你的第一個 Observability 平台
blueswen
1
960
関数型まつりレポート for JuliaTokai #22
antimon2
0
130
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
m4maruyama
1
130
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
2
600
生成AIで日々のエラー調査を進めたい
yuyaabo
0
610
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.8k
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
lnit
1
170
複数アプリケーションを育てていくための共通化戦略
irof
10
4k
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
380
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
270
AIネイティブなプロダクトをGolangで挑む取り組み
nmatsumoto4
0
120
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Producing Creativity
orderedlist
PRO
346
40k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Site-Speed That Sticks
csswizardry
10
650
A Tale of Four Properties
chriscoyier
159
23k
Building Applications with DynamoDB
mza
95
6.5k
Done Done
chrislema
184
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Typedesign – Prime Four
hannesfritz
42
2.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Transcript
Hello, Style Guides.
Coding Styles
How your code looks
Extremely personal
Everyone has their own style.
by Michael Jackson You are not alone.
We are a team.
Communicating each other through code
Code Conventions
Style Guides
•achieve a code that’s easier to understand; ! ! !
Style Guides
Style Guides •achieve a code that’s easier to understand; •detect
errors and potential problems ! !
Style Guides •achieve a code that’s easier to understand; •detect
errors and potential problems •easily identify what code can be reused; !
Style Guides •achieve a code that’s easier to understand; •detect
errors and potential problems •easily identify what code can be reused; •build or update any functionality;
Style Guides •achieve a code that’s easier to understand; •detect
errors and potential problems •easily identify what code can be reused; •build or update any functionality; •work on any file regardless of who wrote it.
Examples
Google
Github
Airbnb
Chromium
Android
We have been working…
None
HTML https://github.com/mercadolibre/html-style-guide
CSS https://github.com/mercadolibre/css-style-guide
JavaScript https://github.com/mercadolibre/javascript-style-guide
by Emilio Disi Code is read by humans, and excuted
by computers.
Thanks!