Sublime Forum

Sublime Text 2 vs WeBuilder

#1

Iā€™m currently discovering Sublime Text which is great, but to switch away from Webuilder, Iā€™m still missing some featuresā€¦
Here is a list of the proā€™s/advantages of each program, I could be wrong about some stuff, and Iā€™m only using it for web development (HTML/CSS/PHP).

Sublime Text 2 pros

  • Fast
  • Fast access to files ctrl+P
  • Great Syntax Coloring (dark)
  • Multiple selections
  • MiniMap very usefull
  • Lots of Plugins :
    • Zen coding
    • Code Intel
    • Can I use : CSS support jumpto
    • ColorHighlighter : shows CSS color visually
    • htaccess color syntaxing
    • GotoDocumentation : PHP doc jumpto

WeBuilder pros

  • Easy buttons for fast access (no need to remember 999 shortcuts)
  • Visual image insertion in HTML (automatically with size) and CSS
  • Snippets library (no need to remember the shortcuts, but you can make some)
  • Good/Easy color picker
  • Change caracters OR tags cases
  • Working code printing with line numbering and syntax coloring

Iā€™m open to any commentsā€¦

0 Likes

#2

I really canā€™t see how this is a Pro for an editor. As a programmer what do you use more? Your mouse or your keyboard? If you want to use mouse more, probably dreamweaver would be a better solutionā€¦

  • Visual image insertion in HTML (automatically with size) and CSS

Tools -> New snippet.

- Good/Easy color picker

I think there is a plugin for that.

- Change caracters OR tags cases

Ctrl+k,l and ctrl+k,u.

- Working code printing with line numbering and syntax coloring

There is a plugin for that.

0 Likes

#3

Wohohoh, STOP RIGHT THERE! THATā€™S A SHORTCUT, BURN IT WITH FIRE!

[size=50]this comment deserves a slap in the face, i know[/size]

0 Likes

#4

weslly.github.com/ColorPicker/

github.com/joelpt/sublimetext-print-to-html

0 Likes

#5

[quote=ā€œS0undā€]

Wohohoh, STOP RIGHT THERE! THATā€™S A SHORTCUT, BURN IT WITH FIRE!

[size=50]this comment deserves a slap in the face, i know[/size][/quote]

Hahaha, such a great troll

0 Likes

#6

okayyā€¦ letā€™s try to be constructive and let me explain more precisely, looks like you need more details :

1- Case change : CTRL+K, L and CTRL+K,U changes both tags **AND **textā€¦ I said I wanted to change the case of tags **OR **textā€¦
for example if I select a bunch of line in my html and I want to change only the case of the inside text and not the tags, if I press ā€œCTRL+K then Lā€
everything is changedā€¦ thatā€™s not what I wantedā€¦ okā€¦ this is not an important feature :stuck_out_tongue:

2- ColorPicker : of course I allready installed the ColorPicker plugin (the other one, ā€œcolorpickā€, only works for Mac if Iā€™m not mistaken)ā€¦ ok, so now I have the usual color picker from windowsā€¦ like in Paintā€¦ duhā€¦ I wanted something more modernā€¦ :ugeek:

3- Buttons : I donā€™t care if I look like a pro or not, I want my coding to be fast and practicalā€¦ maybe lots of coders have a great brain memory with 100s or 1.000s of shortcuts in their headsā€¦ I donā€™tā€¦ :unamused: Even when you have editors with buttons, you can hide the button bars to look like a pro if you want :smiley: , but if you have bad memory or are just starting to learn the shortcutsā€¦ youā€™re wasting a lot of time trying to rememberā€¦ for example, I printed out a cheat sheet with the most important shortcuts and zen codingā€¦ of course I hope to no need it anymore after a while.

4- Code printing : If you read well, I said working code printingā€¦ because for me it doesnā€™t work, nothing happens, even if I click the menu ā€œFile/Print as html in browserā€ (on 2 different computers)ā€¦ but maybe you will tell me it doesnā€™t work with Sublime Text in portable modeā€¦

5- Image insertion : I allready installed the ā€œAutoFileNameā€ plugin, which is great but only if you know the name of the file you want to insert and if you start typing itā€¦ which in most cases in donā€™t rememberā€¦ thatā€™s why I prefer to be able to have a dialog box to browse to my image folder and preview it there before selecting itā€¦ I would love to have a better solution of courseā€¦ how do you guys do itā€¦ Iā€™m open to suggestions :sunglasses:
And I donā€™t see how the snippets library can help meā€¦ maybe you need to explain this to meā€¦
For now, what I do is ā€œimg+TABā€ so i have my tagā€¦ but then, how to choose an image ?

Ok, and here is a list of the shortcuts I modified for myself :

  • F1 : PHP goto_documentation

  • F5 : CSS can_i_use

  • F8 : toggle_side_bar

  • SHIFT+F9 : convert HTML entities

one more thingā€¦ on Webuilder, if I want to turn lines of text into a list I just select the lines and press a button.

In SublimeTextā€¦ I select the line and then I have to do ā€œCTRL+SHIFT+Lā€ for multi-line edit, then ā€œALT+SHIFT+Wā€ to wrap selection in tag, then write ā€œliā€ which is at this point added to every line that is selectedā€¦ and finaly add the ā€œulā€ā€¦
it doesnā€™t seem to me that this way is faster than cliking a buttonā€¦

Maybe there is a snippet or plugin i donā€™t know about yet :unamused:

Happy trolling :wink: (well not reallyā€¦ Iā€™d prefer you to be constructive than to waste our timeā€¦ or maybe you donā€™t use Sublime because itā€™s fast ? But only because it makes you look like pros ? LOL )

0 Likes

#7

http://www.youtube.com/watch?feature=player_detailpage&v=WEIdPb8hAjo#t=202s adresses your last problem.

0 Likes

#8

@domdidom: You probably misunderstood. pro as in pros and cons, not pro as in professional.

If you have to move your hand to the mouse then move the cursor to that button, most likely you are slower than pressing ctrl+shift+L then alt+shift+w then type li. Also, ast @vitaLee mentioned, there is a quicker way of doing that.

If pressing few keys is too much, you can always create a macro.

Btw, how can you type code if you have a bad memory? :smile:

0 Likes

#9

By the way instead of hotkeys you could also use command palette.

0 Likes

#10

Great, thanks :smile:

So to turn my lines into a list : I just select the lines, do ā€œCTRL+ALT+ENTERā€ or ā€œALT+SHIFT+Wā€ and type ā€œul>li*ā€ in the command line that appeared ! :bulb:

Zen coding seems powerpful, thanks for the link :sunglasses:

0 Likes

#11

I know I have to get used to the hotkeys and even havenā€™t used the command palette yet :blush:

0 Likes

#12

To be honest I also have a problem with all these hotkey incantations. So I have a bunch of the most useful commands mapped on Ctrl+Shift+stuff (except for basics like Ctrl+C and Ctrl+V) and invoke the rest with the palette.

0 Likes

#13

[quote=ā€œiamntzā€]@domdidom: You probably misunderstood. pro as in pros and cons, not pro as in professional.

If pressing few keys is too much, you can always create a macro.

Btw, how can you type code if you have a bad memory? :smile:[/quote]

Hello, sorry for my ā€œprosā€ misspelling - i edited my first post to correct that.
Iā€™m a french guy and still need to improve my english. But I think I understood your ā€œproā€ rightā€¦
I just need a good way to insert my images :stuck_out_tongue:

About my memory, Iā€™m working on it :sunglasses:

0 Likes

#14

If I may chip in:

Youā€™re comparing a text editor to a visual HTML editor (not very dissimilar to Frontpage and the likes).
Itā€™s basically comparing hand written code to generated code, which is not a very useful comparison to make.

Since ST2 is a text editor, itā€™s focussed on keyboard use. If you donā€™t like that, then there are no real alternatives when it comes to pure text editing.

Trust me: youā€™re better off writing your stuff ā€œby handā€ then using editors that provide you with ā€œshort-cutsā€ and generate code for you.

0 Likes

#15

[quote=ā€œReinierKā€]If I may chip in:
Youā€™re comparing a text editor to a visual HTML editor (not very dissimilar to Frontpage and the likes).
Itā€™s basically comparing hand written code to generated code, which is not a very useful comparison to make.
[/quote]

Hello, sorry, but Webuilder is a code editorā€¦ maybe I should have precised it.

:sunglasses:

0 Likes

#16

[quote=ā€œdomdidomā€]
Hello, sorry, but Webuilder (from Blumentals Software) is a code editorā€¦ maybe I should have precised it.

:sunglasses:[/quote]

This may be so, but it is directed at web developers specifically. A guy like me, who doesnā€™t do web stuff for my job, would find most of the web stuff useless bloat. That is why I prefer that ST2 is a basic text editor (with awesome features mind you) and allows plugins for people who have specific needs.

I am not against toolbars (some people love them and used proper I can like them to), but I personally would be hiding it in ST2 so I could see more of my code. With things like the command palette, all I have to do is bring it up and start typing what I want to do and it shows up. If I remember the shortcut, even better, and if I donā€™t, the command palette always tells me what the shortcut is if it has one.

With a toolbar, I have to move my hand away from the keyboard, find that icon (if it is one I donā€™t use often, finding takes a bit longer) and click it. If you have a lot of icons in the toolbar, it becomes more frustrating. Toolbars work best when they are simpleā€¦like web browsers before plugins add a billion buttons. That is what infuriates me about things like MS wordā€¦a billion little toolbar icons. MS Word, Excel etc. could really benefit from a command palette I think.

Anyways, I donā€™t think an optional toolbar would hurt anything, I just donā€™t think it is ā€œneededā€. Imagine as well all the devs who put together plugins: now they would have to create toolbar buttons. Oh the horror of non-graphic designers throwing together crappy buttons.

0 Likes

#17

Hello, sorry, but Webuilder is a code editorā€¦ maybe I should have precised it.

:sunglasses:[/quote]

I stand corrected, I should have looked into it a bit further. But my point more or less remains valid: itā€™s a visually oriented editor by the looks of it (and Iā€™m talking about all the Office-like buttons).

I also doubt it will try to teach you best practices (like using relative sizes and the sorts).

What I find so incredibly great about ST2, is that is comes ā€œunbiasedā€, as in it doesnā€™t really do that much for you based on what youā€™re writing, it simply gives you great tools to increase your productivity and speed.

0 Likes

#18

Sure, I understandā€¦ actually Iā€™m not really against it and would like to be able to code with it as it is.

My comparison of the pros is only to ask you guys who know ST2 if you know how to do some stuff I canā€™t do well with it yet.

Like,

  • Inserting an image not only the img tag, but the source/path to the image easily.
  • How to print the codeā€¦ cause the printing plugin doesnā€™t work for me.
  • Using another colorpickerā€¦ maybe by being able to start the any you want.

these things would be great :smile:

Another thing, the printing code is to able to document code for myselfā€¦ but apart being able to put comments in the codeā€¦ do you guys know of any software that enable you to comment code ? :bulb:
What I mean is having the code syntax highlighted and putting some speech bubles with text here and there to explain the code for me (bad memory) or someone who will have to use the code later. So that I can be able to edit it again if I have to, and print it outā€¦

Not sure Iā€™m explaining this clearlyā€¦ :blush:

0 Likes

#19

Hey there,

I can only give my opinion on these things:

  • inserting images (and other tags) is easiest with Zen-coding. Paths to images I always type by hand, as theyā€™re always in short locations like ā€˜/images/sprites.pngā€™. Iā€™m not sure why you would need another way of inserting images :wink:

  • do you mean physically printing the code on a printer? What would be the reason for that? Sorry if I donā€™t understand, but it seems a littleā€¦ awkward to me :wink:

  • I think thereā€™s a colour picker plugin: Color Picker plugin

For commenting code, I recommend use DocBlockr, a good way of commenting your code. This is available is a ST2 plugin.

I recommend installing package manager by Will Bond and then installing plugins through his awesome package manager.

Again: if you could clarify why you need these specific functionality I might be able to help you better. Somehow it seems to me youā€™re using some unusual practices and you would be better off changing them, instead of looking for tools that help you out :wink:

0 Likes