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
Maquetación rápida con Emmet, Stylus y Sublime ...
Search
César J. Aquino Maximiliano
August 30, 2014
Education
0
2.1k
Maquetación rápida con Emmet, Stylus y Sublime Text
Charla para el Wordcamp 2014
César J. Aquino Maximiliano
August 30, 2014
Tweet
Share
More Decks by César J. Aquino Maximiliano
See All by César J. Aquino Maximiliano
WordPress headless: Un enfoque dinámico
cesjam7
0
29
De Consultas a Conversaciones: Optimiza las búsquedas en tu e-commerce con ChatGPT
cesjam7
0
26
Generar posts reales en WordPress con ChatGPT
cesjam7
0
15
WooCommerce no sólo es para tiendas
cesjam7
0
27
Escaleras de bombero
cesjam7
0
20
Aprovechando los roles y permisos
cesjam7
0
240
WooCommerce Developer [actualizado]
cesjam7
1
460
Personalizando WooCommerce
cesjam7
1
130
Web Scrapping & WordPress
cesjam7
1
260
Other Decks in Education
See All in Education
JPCERTから始まる草の根活動~セキュリティ文化醸成のためのアクション~
masakiokuda
0
200
America and the World
oripsolob
0
520
2025年度春学期 統計学 第5回 分布をまとめるー記述統計量(平均・分散など) (2025. 5. 8)
akiraasano
PRO
0
190
2025年度春学期 統計学 第4回 データを「分布」で見る (2025. 5. 1)
akiraasano
PRO
0
150
ARアプリを活用した防災まち歩きデータ作成ハンズオン
nro2daisuke
0
130
今も熱いもの!魂を揺さぶる戦士の儀式:マオリ族のハカ
shubox
0
220
AI for Learning
fonylew
0
160
AIの時代こそ、考える知的学習術
yum3
2
180
2025年度春学期 統計学 第8回 演習(1) 問題に対する答案の書き方(講義前配付用) (2025. 5. 29)
akiraasano
PRO
0
120
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
460
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
kzkmaeda
1
220
2025年度春学期 統計学 第13回 不確かな測定の不確かさを測る ー 不偏分散とt分布 (2025. 7. 3)
akiraasano
PRO
0
100
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
We Have a Design System, Now What?
morganepeng
53
7.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Git: the NoSQL Database
bkeepers
PRO
431
65k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Optimizing for Happiness
mojombo
379
70k
Building Adaptive Systems
keathley
43
2.7k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Transcript
MAQUETACION RAPIDA CON EMMET, STYLUS Y SUBLIME TEXT César Aquino
Maximiliano - @jovenred
None
EMMET
None
None
DISPONIBLE EN UNOS CUANTOS NAVEGADORES emmet.io/download
None
None
¿Los dos puntos? ¿Las llaves? ¿El punto y coma? ¿Una
variable? Funciones Código organizado Mixins
Un preprocesador es un programa que procesa sus datos de
entrada para producir una salida que se utiliza como entrada a otro programa.
VARIABLES
VARIABLES MIXINS
MIXINS FUNCTIONS, CONDITIONALS
FUNCTIONS, CONDITIONALS FOR, INTERPOLATION
FOR, INTERPOLATION @EXTEND
@EXTEND @MEDIA
INSTALAR STYLUS Instalar NodeJS http://nodejs.org/ Ingresar al terminal y escribes:
npm install stylus Más información visitar: http://learnboost.github.io/stylus/
¿DÓNDE ESTÁ EL CÓDIGO?
AQUI TA!
Multicursor
Ctrl+P -> Goto Anything
Paleta de comandos (Que puedes cambiarlos si gustas)
Snippets Códigos guardados en archivos individuales que te permitirán insertar
de forma fácil y rápida partes de código simplemente escribiendo una palabra y pulsando TAB, o bien asignándole una combinación de teclas.
Package Control
SUBLIME TEXT Y WORDPRESS ♥
Search WordPress Codex: Te permite revisar el codex (la biblia)
de wordpress desde el mismo Sublime Text. https://github.com/welovewordpress/SublimeWordPressCodex
WordPress New Project Config: Este plugin puede crear una nueva
carpeta con el nombre del proyecto, instalar la última versión de WordPress y descargar e instalar un tema. https://github.com/jeremycastelli/Wordpress-new-project-config
Sublime Text 2 WordPress: Este plugin tiene una colección de
snippets precargados con códigos de WordPress. https://github.com/purplefish32/sublime-text-2-wordpress
¿Preguntas?
¿Preguntas? Busquen en ;)
¿Preguntas? Muchas gracias! César J. Aquino Maximiliano (@jovenred) Busquen en
;)