Bye Zen Coding, Bem-vindo Emmet!

Durante anos os ninjas do front-end utilizaram o Zen Coding para produzir seus sites e aplicativos de uma maneira muito mais rápida que os pobres seres humanos normais.

Agora um novo plugin vem para o substituir e dar ainda mais agilidade no desenvolvimento de HTML e CSS.

[josevicentedesousa]

Excelente, muito boa atitude sua passar seus conhecimentos ajudou muito. Já estou te seguindo parabéns!

[IgorIkeda]

Mais um screencast show de bola Zeno! Parabéns!

[paulomaurj]

Fala Zeno,
Venho só deixar uma dica, porque você parece gostar de ajudar ao próximo, então que tal fazer isso com 100% abrangência? Isso é, com acessibilidade.

Para isso, basta você falar exatamente o comando que você está digitando, basta pensar que quem está ouvindo, pode não estar conseguindo ver. Isso serve para todas as ações que executar. Feche os olhos e ouça o que está dizendo, veja se consegue executar sem ver. É a melhor maneira de saber se o seu vídeo está acessível.

Estou dando esta dica, porque cheguei no seu vídeo por causa de um link que me foi passado por um aluno que é deficiente visual. Tenho certeza que ele está buscando em outros lugares, aquilo que ele não conseguiu "ver" aqui.

É isso. Se gostou dessa ideia, siga-a e passe para o próximo.
Abs,

[PedroVidalProgramador]

Só uma correção Zeno:
Trabalho com o gVim há alguns anos, e é possível SIM trabalhar com arquivos scss, ou less + Zen Coding. À princípio não lembro de ter editado nada para que o mesmo suportasse arquivos scss, mas vou dar uma olhada aqui e qualquer coisa volto a postar aqui.
Apesar de não ter Emmet para o VI, o ZenCoding ainda dá conta do galho. Outra alternativa (para VI, claro) é o Sparkup que também é similar, e muito bom.

[vitorhmtts]

Huehueheuheuehuhe, o mais legal é que eu também leio o SEU blog :D

[zeno_rocha]

A lista de links está em link na descrição do vídeo Paulo =]

[marciovicentefilho]

Muito bom cara! Parabéns pelo screencast.

[zeno_rocha]

Não consigo colar links aqui, então você vai ter que ir na descrição do vídeo e clicar naquele link pra obter essa lista com todos os atalhos.

[CharlesRockenbach]

Ótimo vídeo, Zeno.

Uma pequena observação:
Ao tentar o atalho "bdrs" pra gerar a propriedade "border-radius", foi gerada apenas a propriedade css3, sem os prefixos. Ao tentar "bdrs5", ele gerou a propriedade "border-radius" com o valor especificado, e, além disso, as propriedades com os prefixos, conforme mostrado no vídeo.

Tu alterou alguma configuração padrão para que fossem geradas as propriedades com os prefixos ao utilizar apenas o atalho "dbrs"?

[abnersoaresalvesjr]

Muito legal os print ae. Esses dias fui instalar o Zen Coding, quem diz que apareceu para mim, por qual motivo não sei, mas ai descobri o Emmet.

[PauloEduardoFagundesSantos]

Belo Screen! Faltou os links no post!!

[rafaelcgstzdesign]

Testei um monte de coisas e agora deu certo, vlw a ajuda

[zeno_rocha]

Primeira coisa, diria pra você desinstalar o Zen Coding e só utilizar o Emmet, deve estar rolando algum conflito entre os dois.

[ficcaocentrifuga]

Ótimas dicas. Uso MAC, mas não consigo editar o snippets.json. Ao listar o pacote ele mostra um único arquivo Emmet.sublime-package e não uma pasta. Alguém sabe como faz?

[rafaelcgstzdesign]

intalei no meu NotePad++ no Windows mais nada aconteceu ele aparece na lista de plugins mais não executa atalhos nem ele nem o ZenConde como posso resolver?

[FranksonCSantosti]

po cara, deu pra ver que vc manja muito no emmet, onde posso encontrar todos os atalhos dele..

[rafaelcgstzdesign]

Vixi Zeno eu desinstalei o Zen Coding e nada, config pra html a linguagem verifiquei se aparece ainda na lista de plugins e está lá, será que deve ser a minha versão notepad++ pois eu uso a 1.6 (ultima)

[FranciBahamult]

!+TAB NÃO ESTA FUNCIONANDO NO NOTEPAD++, COMO FAZER?

[RodrigoGarcia-fhuz]

zeno você sabe como posso editar os snippets subline 3

[joaovjo]

O Emmet no meu Notepad ++ não funciona :( estou usando a versão 6.5.1 :(