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
260
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
230
No me robes el Scroll!
pazguille
0
240
User First
pazguille
1
190
#OfflineFirst
pazguille
3
5.9k
ES6 in Production
pazguille
10
3.1k
No me hagas esperar!
pazguille
1
160
CSS Sprites vs. Data URIs
pazguille
0
430
Decoupling your JavaScript
pazguille
0
170
Progressive Enhancement - Is it still important?
pazguille
0
120
Other Decks in Programming
See All in Programming
マンガアプリViewerの大画面対応を考える
kk__777
0
240
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
110
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
790
Leading Effective Engineering Teams in the AI Era
addyosmani
7
600
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
9
1.5k
EMこそClaude Codeでコード調査しよう
shibayu36
0
380
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
5
230
What's new in Spring Modulith?
olivergierke
1
170
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
CSC509 Lecture 06
javiergs
PRO
0
270
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
800
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Automating Front-end Workflow
addyosmani
1371
200k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Context Engineering - Making Every Token Count
addyosmani
8
300
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
RailsConf 2023
tenderlove
30
1.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Designing Experiences People Love
moore
142
24k
Facilitating Awesome Meetings
lara
57
6.6k
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!