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
98
Other Decks in Programming
See All in Programming
Datadog Workflow Automation で圧倒的価値提供
showwin
1
150
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
860
Better Code Design in PHP
afilina
0
160
推しメソッドsource_locationのしくみを探る - はじめてRubyのコードを読んでみた
nobu09
2
180
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
140
PRレビューのお供にDanger
stoticdev
1
230
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
260
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
16
3.8k
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
110
Rails アプリ地図考 Flush Cut
makicamel
1
130
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
150
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
950
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
182
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Producing Creativity
orderedlist
PRO
344
40k
GraphQLとの向き合い方2022年版
quramy
44
14k
BBQ
matthewcrist
87
9.5k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Site-Speed That Sticks
csswizardry
4
400
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!