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
34
De Consultas a Conversaciones: Optimiza las búsquedas en tu e-commerce con ChatGPT
cesjam7
0
29
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
470
Personalizando WooCommerce
cesjam7
1
130
Web Scrapping & WordPress
cesjam7
1
270
Other Decks in Education
See All in Education
Online Privacy
takahitosakamoto
1
120
高校におけるプログラミング教育を考える
naokikato
PRO
0
160
[FUN Open Campus 2025] 何でもセンシングしていいですか?
pman0214
0
240
データで見る赤ちゃんの成長
syuchimu
0
300
~キャラ付け考えていますか?~ AI時代だからこそ技術者に求められるセルフブランディングのすゝめ
masakiokuda
7
490
Портфолио - Шынар Ауелбекова
shynar
0
120
QR-koodit opetuksessa
matleenalaakso
0
1.7k
万博マニアックマップを支えるオープンデータとその裏側
barsaka2
0
880
授業レポート:共感と協調のリーダーシップ(2025年上期)
jibunal
0
120
RSJ2025 ランチョンセミナー 一歩ずつ世界へ:学生・若手研究者のための等身大の国際化の始め方
t_inamura
0
310
尊敬語「くださる」と謙譲語「いただく」の使い分け
hysmrk
0
100
シリコンバレーでスタートアップを共同創業したファウンディングエンジニアとしての学び
tomoima525
1
1.2k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Unsuck your backbone
ammeep
671
58k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Language of Interfaces
destraynor
162
25k
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
;)