Sublime Forum

Zen Coding ( CSS Snippets )

#36

The html 5 snippet is still in Russian.

Also At the moment C TAB outputs color:#000; and jumps you to the next line. I really like to enter a hex after the hash before going to the next line (as i’m sure most people would). Same with “bgc” and a few other commands.

0 Likes

#37

[quote=“haggen”]Clean installation of Windows 7, Sublime 1.2.2 download and installed normally, I got the ZenCoding zip, extracted it, double-clicked it, got that package-installation-full-of-win message, ran Sublime and… nothing works at all. :frowning:

I mean, CTRL+ALT+ENTER, or F1, nothing happens, just the normal every-day sublime editor.

I want zen coding… :frowning:[/quote]

There are some better examples/documentation you can copy from here: I’ve hotlinked the animations that explain it here too.

code.google.com/p/zen-coding/wik … enCodingEn

F1 will only work for CSS files.

Only works for HTML files (for me anyway).

**Make sure you are setting the DOCUMENT TYPE properly. Otherwise it will NOT work no matter what you do. **

  • In the very bottom right hand corner of the editor window. Where it says “Plain text | Windows” , change plain text to HTML. For CSS, change it to CSS).
  • Or you can just make a new file called “blah.html” with nothing in there, then type html:4t then hit TAB.
  • This will work the same with .CSS files too.
  • There’s a list of all the shortcuts and what they expand to on the google code site.

Don’t worry, you’re not the only confused person around here :smile: The documentation is a mess, but once you get your head around it, you’ll be sweet.

Hope this helps.

HTML - note the HTML in the bottom right hand corner.
http://blogdata.akalias.net/zencoding-nodeselect.gif

CSS - note the CSS in bottom right.
http://blogdata.akalias.net/zencoding-mnemonic.gif

0 Likes

#38

Thanks for the fixes. What key combo is the CSS selector?

0 Likes

#39

<binding key="ctrl+alt+enter" command="zenAsYouType css"> <context name="selector" value="source.css"/> </binding>

0 Likes

#40

i can get zen coding dialog to open up in my status bar via ctrl+alt+enter, it says “enter koan”, this works awesome.
but in this video below there is a dialog that opens up in the same place that says “css selector”, how do i open that up?

http://blogdata.akalias.net/zencoding-nodeselect.gif

thanks,
sean

0 Likes

#41

This is the WebDevelopment package: CSS Select ( WebDevelopment Package)

0 Likes

#42

Zen Coding updated to 0.6 just a couple days ago. Are the updates something that could be tied into the sublime plugin?
http://code.google.com/p/zen-coding/wiki/Changelog

0 Likes

#43

Great sublimator! Thanks.

It doesn’t seem to be on the google code yet. Where can i download it?

0 Likes

#44

Thank you. This is too awesome.

I’m loving the ability to write a whole document in a single line of code!

0 Likes

#45

Hmmm,

the package version doesn’t launch the “Enter Koan” on ctrl+alt+enter

0 Likes

#46

Yep, It was definitely a html document.

I removed the previous ZenCoding folder from the packages and installed the google code one. It had the same structure as the other. Opened Sublime switched to HTML and it wouldn’t lanuch. Restart Sublime a few time and kept trying.

I’ve switched back to the bitbucket version and it’s working fine again. Strange.

0 Likes

#47

Thanks for the update sublimator! Working great so far. (Enter koan: … works fine for me)

0 Likes

#48

I see that you have updated this, but I am not sure exactly which files I need to download in order to have this newer functionality.

0 Likes

#49

I see that it has been updated on the Zen Coding Project page.

0 Likes

#50

In time many will reward you for your contribution in helping them become more productive using sublime text patience is the key.

0 Likes

#51

I’m having a wacky issue with Zen right now. It really sucks that I can’t scope html on a page in Sublime until it’s already in an HTML tag (hoping for a fix soon?) but the macro that Sublimator was a good workaround. For some reason it isn’t working now, maybe due to the latest update? Now, when I type ‘html:xs’ and hit tab, it just erases the ‘html:xs’ and does nothing. See it here.

0 Likes

#52

Haha… Well I got one problem fixed:
http://www.screencast.com/users/n00ge/folders/Jing/media/2138c26a-069d-4b31-877f-5655896d1585

0 Likes

#53

Awsesome. Works great. Thanks man.

0 Likes

#54

I’ve got Sublime Portable installed on a USB stick; how would I install Zen onto this install? This third-party system doesn’t understand the sublime-package extension, so I can’t install automatically.

Thanks in advance.

0 Likes

#55

Just stick it in the ‘Pristine Packages’ folder off the root of where you stuck Sublime. Restarting Sublime will unzip the package and make the planets align.

0 Likes