[pto2k]

Hi, your redesign works are great. So I wonder how is it made for Stylish?
The Stylish's edit box is very simple, but has live preview...

I'm making some stylish css, my current work flow is :
work on a css file in CSSEdit,
make some edit,
select all, copy,
switch to sylish window, paste to overwrite,
preview to see the effect.

i feel there should be a better way?

please kindly give me some advices, masters =)

Thank you !

[Evgueni Naverniouk]

pto2k, on Jul 5 2008, 07:10 PM, said:

Hi, your redesign works are great. So I wonder how is it made for Stylish?
The Stylish's edit box is very simple, but has live preview...

I'm making some stylish css, my current work flow is :
work on a css file in CSSEdit,
make some edit,
select all, copy,
switch to sylish window, paste to overwrite,
preview to see the effect.

i feel there should be a better way?

please kindly give me some advices, masters =)

Thank you !

I have run into this issue a while back as well. The Stylish window is just not good enough. Here's what I do.

1. Download the "It's All Text" add-on (https://addons.mozilla.org/en-US/firefox/addon/4125).
2. Restart Firefox.
3. Go into the "It's All Text" settings and set your default editor to whatever you use (Dreamweaver for me)
4. Now when you open the Stylish Edit window, you'll see an "It's All Text".
5. Click on it and your style will open up in your editor.

Now, when you hit "Save" in your editor, the code in the Stylish window will blink and automatically update. Then you can click on "Preview" and see your changes.

I also use the Firebug add-on. It's a real life saver. Combined with the Colorzilla add-on, it makes CSS development a breeze.

[pto2k]

That's clever! It works beautifully!
Now I'm writing this in BBEdit

one thing to mention is that under OSX, adding editor is a bit tricky...

to use default editors(BBEdit for .txt, CSSEdit for Stylish, etc.), use:
/usr/bin/open

to use TextMate,see:
http://blog.circlesi...xtmate-firefox/

Thank you!

[bluewave99]

you should make it easy and so we will be benefited by you. sure it's really good.

[coroner]

There are some great ideas here. I must redesign my blog sometime. I am going to start from scratch this time I think.

[jasonflord25]

Evgueni Naverniouk, on 05 July 2008 - 09:38 PM, said:

I have run into this issue a while back as well. The Stylish window is just not good enough. Here's what I do.

1. Download the "It's All Text" add-on (https://addons.mozilla.org/en-US/firefox/addon/4125).
2. Restart Firefox.
3. Go into the "It's All Text" settings and set your default editor to whatever you use (Dreamweaver for me)
4. Now when you open the Stylish Edit window, you'll see an "It's All Text".
5. Click on it and your style will open up in your editor.

Now, when you hit "Save" in your editor, the code in the Stylish window will blink and automatically update. Then you can click on "Preview" and see your changes.

I also use the Firebug add-on. It's a real life saver. Combined with the Colorzilla add-on, it makes CSS development a breeze.

Thanks been looking all over for this .thanks for your great help

[danieljones2006]

Hi
your amazing idea is very beautiful and make the easiest picture.