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
210
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
2.9k
No me hagas esperar!
pazguille
1
120
CSS Sprites vs. Data URIs
pazguille
0
380
Decoupling your JavaScript
pazguille
0
140
Progressive Enhancement - Is it still important?
pazguille
0
91
Other Decks in Programming
See All in Programming
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
2
1.1k
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
600
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
120
Better Code Design in PHP
afilina
PRO
0
120
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
190
イベント駆動で成長して委員会
happymana
1
320
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
受け取る人から提供する人になるということ
little_rubyist
0
230
Macとオーディオ再生 2024/11/02
yusukeito
0
370
EventSourcingの理想と現実
wenas
6
2.3k
現場で役立つモデリング 超入門
masuda220
PRO
15
3.2k
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.4k
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Agile that works and the tools we love
rasmusluckow
327
21k
How STYLIGHT went responsive
nonsquared
95
5.2k
KATA
mclloyd
29
14k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Become a Pro
speakerdeck
PRO
25
5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
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!