Zen Coding ( CSS Snippets )

[handycam]

[quote=“minimalweb”]
I had the same problem and fixed it with the following workaround in my settings file (just remove the colon from the word_separators regex):

"word_separators": "./\\()\"'-,.;<>~!@#$%^&*|+=]{}`~?"

Thanks, this is awesome.

[scribblesquad]

[quote=“minimalweb”]

Regarding the " property:value [tab] " expanding issue, e.g. d:b[tab] -> display: when the syntax is set to CSS, is there a line I can edit somewhere that will allow this command to behave as I have known it to in the past? e.g. display:block

I had the same problem and fixed it with the following workaround in my settings file (just remove the colon from the word_separators regex):

"word_separators": "./\\()\"'-,.;<>~!@#$%^&*|+=]{}`~?"

Of course this sometimes causes problems when using alt-shift to select words but I can live with that. Another thing I did was to increase the delay for the autocomplete to pop up. I am not sure, if this alone will fix the colon problem but it might be worth giving a try:

"auto_complete_delay": 500,

A million thank you’s minimalweb. Much appreciated buddy. Worked like a charm thanks again.

[pod]

Regarding the " property:value [tab] " expanding issue, e.g. d:b[tab] -> display:

Is it because of new global auto-completions? If so you can disable autocompletion in brackets by adding CSS.sublime-settings to your User folder with following content:

{ //disable autocomplete in meta.property-list.css "auto_complete_selector": "meta.selector.css" }
You can still use autocompletions for selectors, but it will be disabled for blocks.

[sublimator]

Can I just ask again for someone to put debug: true into the ZenCoding/zen-coding.sublime-settings file and tell me the output when you are getting this display:<b></b>?

Can you also comfirm you definitely have the latest version of ZenCoding?

[Anton_Rich]

In notepad++ zen coding has a pretty good key binding: next edit point [Ctrl+Alt+Right].
What is the key binding for “next edit point” in ST2?

[senzo]

It’s “ctrl+period”. All bindings are defined here: Packages/ZenCoding/Default (Windows).sublime-keymap

[digitalformula]

Hi all,

Apologies for not going through all 33 pages in this discussion but I can’t figure out to expand an abbreviation using Zen Coding in ST2.

I’ve put the following:

ul>li*5

And pressed all combinations of keys that I can find documented and listed online … nothing works. Works fine in Coda so I know the abbreviation is OK.

Can anyone help a complete ST2 n00b figure out the key combination to expand the above?

Thanks.

[C0D312]

Press tab.

[timc3]

Pressing Tab does command completion for me.

[digitalformula]

Press tab.

Pressing Tab does command completion for me.

That didn’t do anything for me, although it is doing something it hasn’t done before.

When I type ul>li and press TAB, I get the following …

ul>

li

I know it’s valid as it works in Coda … even this works in Coda: div#hello>ul>li*5>a.link>span.link-inner

Sorry for sounding like I’m bitching, just really new to ST2.

[Anton_Rich]

It’s “ctrl+period”. All bindings are defined here: Packages/ZenCoding/Default (Windows).sublime-keymap

Where on the keyboard key “period”? Under the “escape”?

[Michael1]

[quote=“Anton_Rich”]

It’s “ctrl+period”. All bindings are defined here: Packages/ZenCoding/Default (Windows).sublime-keymap

Where on the keyboard key “period”? Under the “escape”?[/quote]

The period is a full stop

[Anton_Rich]

[quote=“Michael”]

The period is a full stop [/quote]

What?

[kopax]

Press tab.

Hello, sorry for not reading all the 35 pages.

I just discovered yesterday ZenCoding for Eclipse.
I wanted to setting it up on my text editor (sublime text 2 for windows)

I have followed all the instruction.
Install Package Control, then CTRL+MAJ+P => install package => Zen Coding.

The ZenCoding package is succesfully installed.

while i try to use it tipping this :

div#something>ul>li.item*6>a>img.something

then press TAB, i don’t get anything;

I try to google this issue and all the tuto stops after the installation of Zen Coding.
What am I doing wrong, i don’t get it !?

[handycam]

I can confirm this. Zen coding is a great thing, but so far the ST2 plugin is a bit hit or miss.

Using kopax’s example, div#something works as expected. But div#something>ul gives me

div#something><ul id="" class=""> <li><a href="" title=""></a></li> li </ul><!-- / -->

what the hell?

[KmacK]

[quote=“handycam”]I can confirm this. Zen coding is a great thing, but so far the ST2 plugin is a bit hit or miss.

Using kopax’s example, div#something works as expected. But div#something>ul gives me

div#something><ul id="" class=""> <li><a href="" title=""></a></li> li </ul><!-- / -->

what the hell?[/quote]

div#something>ul>li.item*6>a*1>img.something

Give this a try. You have to be explicit with the a tag. It is a bit hackey but it works.

[handycam]

But why does this simpler version fail?

div#something>ul

or even div#something>p

[KmacK]

[quote=“handycam”]But why does this simpler version fail?

div#something>ul

or even div#something>p[/quote]

It probably has something to do with the ST2 tab triggers that are already built in. If you add *1 to the end of them they work as intended.

div#something>ul*1

or even div#something>p*1

[Michael1]

[quote=“Anton_Rich”]

[quote=“Michael”]

The period is a full stop [/quote]

What?[/quote]

You asked where the period was on the keyboard? A period is the ‘full stop’ key, the character, with which, you end a sentence.<<<

Between the < and ? key

[khrrsn]

Does anyone know what happened to the period and # keys? whenever I used to press them it would give me class="" or id="", I thought it was a zen coding plugin thing… but it seems that doesn’t work anymore.