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
220
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
210
No me robes el Scroll!
pazguille
0
190
User First
pazguille
1
170
#OfflineFirst
pazguille
3
5.8k
ES6 in Production
pazguille
10
3k
No me hagas esperar!
pazguille
1
130
CSS Sprites vs. Data URIs
pazguille
0
390
Decoupling your JavaScript
pazguille
0
140
Progressive Enhancement - Is it still important?
pazguille
0
96
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.1k
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Writing documentation can be fun with plugin system
okuramasafumi
0
120
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
時計仕掛けのCompose
mkeeda
1
280
WebDriver BiDiとは何なのか
yotahada3
1
140
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Unsuck your backbone
ammeep
669
57k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
4 Signs Your Business is Dying
shpigford
182
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
A designer walks into a library…
pauljervisheath
205
24k
Practical Orchestrator
shlominoach
186
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Navigating Team Friction
lara
183
15k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
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!