I'd like to know cuz I've been using dreamweaver 8.
Thins is part six of my journey through facepunch. [url]http://www.facepunch.com/threads/1021238-My-journey-through-facepunch.?p=25772156#post25772156[/url]
Learn HTML and CSS and use Notepad++.
[url=http://www.facepunch.com/threads/1018536-Web-Development-Questions-That-Don-t-Need-Their-Own-Thread]Let's try to keep these questions in one thread.[/url]
It's a highly subjective question.
Personally, I use Visual Studio, although others here use Notepad++, Coda, etc
A text editor.
This seems to be asked quite a bit, or something very similar
Notepad++ for me
[QUOTE=Siemens;25773979]It's a highly subjective question.
Personally, I use Visual Studio, although others here use Notepad++, Coda, etc[/QUOTE]
Completely honest question here: Isn't VS overkill for web development?
[QUOTE=StankyJoe;25776643]Completely honest question here: Isn't VS overkill for web development?[/QUOTE]
He uses C#. :wink:
[QUOTE=StankyJoe;25776643]Completely honest question here: Isn't VS overkill for web development?[/QUOTE]
Well, as andersonmat said, I use C# so I may as well use VS for HTML.
That said, in my experience, I've found VS to be an [b]excellent[/b] HTML/CSS/JS editor.
[QUOTE=BrettJay;25781718][url="http://www.sublimetext.com"][img_thumb]http://intrepidesign.com/misc/sublimetext.png[/img_thumb][/url][/QUOTE]
Wow. Just used this for 5 minutes and I'm loving it.
[QUOTE=PieClock;25782496]Wow. Just used this for 5 minutes and I'm [b]loving[/b] it.[/QUOTE]
[img]http://i.imgur.com/WkwOT.png[/img]
Welp, guess I'll give it a shot.
[QUOTE=BrettJay;25781718][url="http://www.sublimetext.com"][img_thumb]http://intrepidesign.com/misc/sublimetext.png[/img_thumb][/url][/QUOTE]
Too bad this requires a licensed version of Sublime Text. (Who would buy a text editor, seriously?)
EDIT:
It's 59$.
Seriously?
[QUOTE=Crhem van der B;25783982]Too bad this requires a licensed version of Sublime Text. (Who would buy a text editor, seriously?)
EDIT:
It's 59$.
Seriously?[/QUOTE]
Anyone who's not a cheap ass?
I definetly wouldn't buy a text editor without using it for a fair amount of time - but if I like the tool, if it helps me be more productive or whatever, why shouldn't I pay for it, and support the developers?
Microsoft Frontpage :downs:
[QUOTE=Crhem van der B;25783982]Too bad this requires a licensed version of Sublime Text. (Who would buy a text editor, seriously?)
EDIT:
It's 59$.
Seriously?[/QUOTE]
The free version is just as good, you just have a popup asking you if you want to buy it every 50 or so saves.
[QUOTE=pikzen;25784223]The free version is just as good, you just have a popup asking you if you want to buy it every 50 or so saves.[/QUOTE]
I'd rather use notepad++ then.
And thats overkill price for a text editor.
[img]http://anyhub.net/file/hut.png[/img]
[i](I may have over-exerted my hosting's bandwidth, or at the very least, it seems to be down, so you might not see my pretty pictures :\)[/i]
[QUOTE=PieClock;25782496]Wow. Just used this for 5 minutes and I'm loving it.[/QUOTE]
Sublime Text X or Sublime Text 1.4? Although I'm rocking Sublime Text X, it's not as feature-packed as of yet compared with Sublime Text 1.4.
This is now a post about Sublime Text. Also, in the ~1 hour it took me to write up, screencap, and collate links, I see a lot of people posting about the commercial nature of Sublime Text. Well, this guide may help you see why I was happy to splash out $59 for it, after about an hour or two with it.
[QUOTE=Crhem van der B;25783982]Too bad this requires a licensed version of Sublime Text. (Who would buy a text editor, seriously?)
EDIT:
It's 59$.
Seriously?[/QUOTE]
Sublime Text X is only available to those with a license. [b]Sublime Text 1.4 will run indefinitely[/b] with occasional nags about it being unregistered. I really think its worth it, and after this spiel, you might too.
Now on with...
[b]Sublime Text: A guide with lots of images[/b]
[release][b]The Basics[/b]
Sublime text isn't really all that complicated. Still, there are some things I would have loved to have known when I first started using it.
[b]Understanding Packages[/b]
Packages are to Sublimetext like Bundles are to Textmate. Packages contain - amongst other things - the syntax highlighting and auto-completion snippets. On a regular installation of Sublime Text, these are located at [your user name]\AppData\Roaming\Sublime Text\Packages\ (under Windows Vista and 7).
[b]Browsing and installing Packages[/b]
The easiest way to navigate to packages, rather than trawling through AppData in your username account, is to click Preferences > Browse Packages in the file menu of Sublime Text. This opens the list of packages.
[b]Getting Packages[/b]
Check [url="http://sublime-text-community-packages.googlecode.com/svn/index.html"]here[/url] and on the Plugin Announcement [url="http://www.sublimetext.com/forum/viewforum.php?f=5"]subforum[/url].
Yes, it has a [url="http://bitbucket.org/sublimator/zencoding/wiki/Home"]Zen Coding[/url] package.
[/release]
[release][b]Beautifying Sublime Text[/b]
Sublime Text is a pretty pretty program already, but if you really want to make coding even more of a joy, there's a few ways to personalize it further.
[b]Fonts[/b]
[img]http://intrepidesign.com/misc/sublime-font.png[/img]
Courier New is so 2003. There are two great fonts I recommend.
[list]
[*][b]Consolas[/b] - Comes with Windows Vista and 7.
[*][b]Monaco[/b] - The popular monospace font that comes with OSX - download Monaco [url="http://intrepidesign.com/misc/MONACO.TTF"]here[/url] (truetype).
[/list]
[b]Themes[/b]
[img]http://intrepidesign.com/misc/sublime-syntax.png[/img]
Sublime-Text has built in native support for Textmate themes (as well as textmate bundles, I believe). So go on over and have a gander at the [url="http://wiki.macromates.com/Themes/UserSubmittedThemes"]Textmate themes[/url]; when you find one you like, simply download it, and install it somewhere into the \Packages\ directory, I save them to \Packages\Color Scheme - Default\. All textmate themes should work, more or less.
I recommend "Made of Code" (pictured), "Merbivore" and "Clouds Midnight". There are plenty of other great themes out there.
[/release]
[release][b]Pro-tips[/b]
[i]Mostly Sublime Text 1.4 and earlier only, some of these aren't available in the snapshot preview of X[/i]
[b]Multiple Selection[/b]
[img]http://intrepidesign.com/misc/Sublime-selection.png[/img]
Hold ctrl and click and drag, release left click, rinse and repeat. You can select multiple areas of text, delete and/or edit them at the same time. Hold alt and drag to de-select a line.
[img]http://intrepidesign.com/misc/Sublime-timesfive.png[/img]
You can also make vertical selections by middle clicking and dragging. Using this, you can type/edit multiple lines at a time.
[b]Autocompletion[/b]
Once SublimeText understands the language of the document (ie: You've selected it from the dropdown in the statusbar or saved/opened a document with the respective extension - either way, once syntax highlighting is enabled), you can use Sublime Text's native autocomplete function.
With the document type set to HTML, type 'p' then hit tab: Sublime Text creates an opening and closing paragraph tag for you. This works for almost all HTML tags, from uls to h1s and so on.
If you type 'a' and hit tab, it creates an a href tag, and places the text input between the two quotes, so you can immediately type the link. Another tab will send you between the tags. Made a mistake on the link? Hit Shift+tab to be sent back between the quotes to make a change.
[url="http://intrepidesign.com/misc/jing/SublimeText-Autocomplete.swf"]20 second demonstration here[/url].
[b]Projects[/b]
Sublime Text does support projects, Both sublime project files, and adhoc projects (dragging a folder onto sublime text). Although I [b]don't[/b] use this functionality often, it's still there. Now Sublime Text is mainly keyboard oriented as you've seen thus far.
Once a project is open, its name will appear in (parenthesis) in the Window caption. Hitting ctrl + p will bring up the project dialogue. As mentioned, Sublime Text is heavily keyboard oriented, so that your hands don't have to reach for the mouse.
[img]http://intrepidesign.com/misc/Sublime-projects.jpg[/img]
From there, you can use the arrow keys, or type to narrow down the list of files to the one you want. Hit enter to open the file, providing Sublime understands the file type.
To close a project, click Project > Close Project.
[b]Multi-panel workflow[/b]
Something that I absolutely love using is Sublime's Multiple panel workflow. Sublime Text has tabs as you'd expect, but you can also divide your workspace up into panels, each can hold tabs as well.
My usual workspace (sans minimap, for size considerations)
[img]http://intrepidesign.com/misc/sublime-panels.jpg[/img]
Hitting alt + 1/2/3/4 will switch between these layouts. It's a cinch to drag/drop between panels.
[b]Snippets[/b]
Writing the same code over and over again? Cut it down with snippets.
In Sublime Text, click tools > new snippet. You're presented with a confusing looking-text entry, but it's really not too bad; lets create a snippet to give us the webkit, gecko and CSS3 border radius declarations. Hit ctrl + a, and delete everything, then paste in:
[code]
<snippet>
<content><![CDATA[
/*Border Radius CSS3 Prefixes*/
-moz-border-radius: $0px;
-webkit-border-radius: px;
border-radius: px;
]]></content>
<tabTrigger>br</tabTrigger>
<description>Border Radius</description>
</snippet>
[/code]
Everything between [b]![CDATA[[/b] and [b]]][/b] is the snippet that will be entered when you activate the snippet. the $0 characters tell Sublime Text where to put the cursor (so in this case, just before px). Tab Trigger is the key combination you must press before hitting tab to activate this snippet - so in this case, hitting br followed by tab will enter the border radius properties for you. Last of all, the description tag just names it.
Save this to \Sublime Text\Packages\User, and in a new document, type br, followed by tab. You should see the three border radius properties, with the cursor ready to enter information in the first line. Snippets are another way to speed up coding.
[/release]
Sublime Text has definitely changed the way I work, and made coding much quicker and enjoyable. If that was t;dr for your tastes, a quick demonstration of this speed can be found in the [url="http://intrepidesign.com/misc/jing/SublimeText-Autocomplete.swf"]demonstration[/url] I posted earlier.
Sublime
Sublime
[editline]1st November 2010[/editline]
using Sunburst color scheme, and using the font Monaco.
I personally like Geany. It's an average editor, but it has a big underbelly of powerful plugins and it's customisable as fuck. I spent a few hours tinkering with it and it's as slick as fuck now.
[img]http://bogdan.org.ua/wp-content/uploads/2007/08/geany-screen.png[/img]
[QUOTE=BrettJay;25784446]Sublime :words:[/QUOTE]
Damn son that was an awesome post. Really useful, thanks.
Notepad++ on windows; Coda on OSX
[QUOTE=BrettJay;25784446]Long god damn post[/QUOTE]
Wow, just reading your post and looking at your pictures makes me want to get it!
Real men use notepad.
I must say, Sublime is amazing.
I find Notepad++ being more than enought for my developer needs.
Sorry, you need to Log In to post a reply to this thread.
