CARVIEW |
October 14, 2005
Pimp My IDE
I just updated my Programming Fonts entry. It now includes a much larger code sample in each font, and a few new fonts including the "gee, did I really just pay $100 for a single font" Pragmata. Be sure to check it out.
It's a shame that there's no CSS Zen Garden for IDE coloring and layout. I occasionally find amazing color schemes, such as this one from Leon Breedt's blog:
White on black color schemes can be hard on the eyes, but this one has less contrast. It's more of a white on brown, with soothing related palette choices for keywords and strings. I'd actually consider using it. If only there was a site where I could browse more great looking IDE layouts like this one...
Well, we may not have that, but I'd like to see what IDE layouts you guys (and gals) are using -- if they are significantly different than the VS.NET default, naturally. Post URLs to screenshots in the comments. I'm mostly interested in the code editing panel, but feel free to show whatever you think is worth showing in the screenshot. Here's mine:
With the screenshot, include a description of the rationale behind your decisions. Here are mine:
- Because my research on code colorization showed very definitively that 100% contrast schemes are harder to read, I changed my background from white to 248, 248, 248.
- I'm a big fan of RGB (red, green, blue) color schemes. Keywords are bright blue by default in the IDE; I modify that to the slightly darker Navy, and use Magenta for identifiers, and leave the comments at their default green.
- If I wasn't using the Pragmata font, I would be using Proggy or Lucida Typewriter. See my programming font roundup for more.
- I like using a background color for strings so spaces and other "non-characters" are easier to see.
- I prefer a much brighter highlight for selected code than the boring old white-on-navy default.
- I recently started highlighting numbers as well as strings. The jury is still out on this, but numbers tend to be significant in code (eg, Magic Numbers). It's been helpful so far.
But enough about me. Go ahead-- Pimp Your IDE! Post a link to a screenshot in the comments along with some explanation!
<a href="https://seizethedave.com/etc/ide-color.gif">https://seizethedave.com/etc/ide-color.gif</a>;
I just like my fall/spring poppy colors.
David Grant on October 14, 2005 03:30 PMAnd that's Proggy Clean, which rocks the mouse.
David Grant on October 14, 2005 03:31 PMI use Vim with the 'desert' colorscheme:
<a href="https://rix0r.nl/~one/share/shot-20051014.215707.gif">https://rix0r.nl/~one/share/shot-20051014.215707.gif</a>;
I think that 'light on dark' schemes are easier on the eye than 'dark on light': less screen area that's radiating intense light.
And Proggy Clean of course. Although I must say, Vera Sans Mono looks appealing too...
RiX0R on October 14, 2005 04:01 PMI'm supposed to be billing but instead I'm playing with my color scheme. I feel like such an interior decorator, but only in an IDE.
So how do I get Proggy?
First off, this is a great post. Leon's scheme is quite nice. The biggest issue is that you might only see part of someone color scheme, not the whole thing. Though a good hint about ones scheme, the whole pie it is not.
Now please note, I am not saying that these screenshots are a disservice (they are definitely not!), but it would be nice if the appropriate color codes were listed for each textual element associated with your IDE.
Another major issue is then setting up your IDE to conform to the described color conventions. Thus I propose the following application, an app that:
1) Scrapes your IDE for a specific color scheme, converting it into an XML file, and thus allowing you to email/post that file to whomever you want.
2) In turn the same application can load another persons XML color scheme and set it appropriately in the IDE.
** Note: of course making this app cross ide compatible would be quite a feat, so maybe one IDE at a time is ones best bet (please make it Visual Studio first ;) ).
Cheers,
Pete
> So how do I get Proggy?
Tsk, tsk.. just click the proggy link in the font entry!
https://www.codinghorror.com/blog/archives/000157.html
> Thus I propose the following application
This would be nice; I was thinking the same thing. There's no UI for exporting/importing IDE color schemes from VS.NET much less browsing them. Hmm, if only someone would write that..
Jeff Atwood on October 14, 2005 04:58 PM<a href="https://onlysyntax.blogspot.com/2005/01/example-of-nest-shading.html">https://onlysyntax.blogspot.com/2005/01/example-of-nest-shading.html</a>;
<a href="https://onlysyntax.blogspot.com/2005/01/nest-shading-ive-been-playing-with-c.html">https://onlysyntax.blogspot.com/2005/01/nest-shading-ive-been-playing-with-c.html</a>;
<a href="https://www.flickr.com/photos/carlmanaster/9322576/">https://www.flickr.com/photos/carlmanaster/9322576/</a>;
<a href="https://www.eclipse-plugins.info/eclipse/plugin_details.jsp;jsessionid=663F6B99AC132EEC19299200F3C6E571?id=558">https://www.eclipse-plugins.info/eclipse/plugin_details.jsp;jsessionid=663F6B99AC132EEC19299200F3C6E571?id=558</a>;
Screenshot
Discussion
Yet another screenshot
These aren't production IDEs, just ideas I was exploring. The second screenshot suggests what an IDE could look like if it and the language were designed to be testing all the time - like David Saff's Automated Continuous Testing for Eclipse, which I must try sometime.
(I tried inlining the links, but failed.)
Carl Manaster on October 14, 2005 10:04 PMWhile not perfect, VS 2005 does let you import/export settings. I think that the settings are serialized as XML - if that's the case, then I'm sure that it would be possible to find the color related settings from that file and post only those. Of course, I'm not exactly sure what happens when you import only a subset of all the settings exposed by VS....
It's better than nothing, though.
Andy on October 15, 2005 09:43 AMThe icing on the cake for that settings export / import tool would be to grab the font names and bundle or embed them as well.
It would be cool if VS supported Font Embedding, like a lot of other Microsoft products and web browsers do. Not at the document level (that would just be weird), but at the settings level.
Jon Galloway on October 15, 2005 06:07 PMthis is a screenshot from my visual studio .net ide:
<a href="https://img366.imageshack.us/img366/396/codinghorror6yc.jpg">https://img366.imageshack.us/img366/396/codinghorror6yc.jpg</a>;
HaCKTiCK on October 16, 2005 09:10 PMAh, here's how to import/export IDE environment settings:
https://blogs.msdn.com/vbide/archive/2005/09/20/471684.aspx
Tools | Import and Export Settings Wizard
Jeff Atwood on October 17, 2005 12:04 AMwas that a response to my comment (and simultaneously a request for my color settings) or just a info on how to import/export IDE environment settings ?
HaCKTiCK on October 17, 2005 04:06 AMAs far as dark colour schemes go I've always liked the zenburn scheme which is available for vim, emacs and probably more. Here's someone's screenshot here:
<a href="https://members.jcom.home.ne.jp/advweb/build/img/colorscheme/master/zenburn.jpg">https://members.jcom.home.ne.jp/advweb/build/img/colorscheme/master/zenburn.jpg</a>;
Font wise, verdana 8 is a lovely non-proportional font. Non-proportional fonts are much more readable than monospaced fonts and allow more text to fit horizontally on the screen. Aren't monospaced fonts just a throwback to text based displays?
Nick on October 17, 2005 05:17 AMI should add that the only problem with using non-proportional fonts is that you can't vertically align text using spaces but this is really only a small price to pay. Text strings are fundamentally one dimensional not two, and besides, we're coders not ascii artists.
Nick on October 17, 2005 05:24 AMReplace "non-proportional" with "proportional". Doh!
Nick on October 17, 2005 05:25 AMMonospaced fonts are better suited for programming (imo).
With verdana all the text will look compressed to the left. and Spaces/Tabs won't look "properly" aligned. At least that's my impresion.
For what is worth, here's mine:
https://www.newsforge.com.ar/images/vbide.PNG
I use Proggy and have ReShaper, which allows me to set colours with much more granularity. ;)
Since I have two screens, all the toolbars/palettes are floating on the other screen.
Gryzor on October 17, 2005 10:56 AMGreat screenshots guys. Send more! Especially you, Mr. "I love serifs more than I love life itself" Haack.
> Monospaced fonts are better suited for programming (imo). With verdana all the text will look compressed to the left. and Spaces/Tabs won't look "properly" aligned. At least that's my impresion.
Yeah, the alignment argument is a showstopper in favor of monospace. Imagine trying to use Python, where tabs are equivalent to {}, with a proportional font! Hilarity ensues.
Jeff Atwood on October 17, 2005 01:37 PM> Imagine trying to use Python, where tabs are equivalent to {}, with a proportional font! Hilarity ensues.
Not really. The indentation only matters at the start of the line, and although the width between characters may differ, all spaces will still be the same width. So actually the indentation will still be consistent, even with a proportional font.
Methinks it will look messy though, if the columns aren't nicely aligned. Monospaced fonts are a sine qua non!
RiX0R on October 17, 2005 01:44 PMPfft - my code has hard tabs for indenting and all other whitespace is one space. No columns for me! I can run a simple script to translate any code into this format.
Nick on October 17, 2005 02:37 PMWhat I would love to know, is how to change the color of some (not all) of the windows.
I know that I was watching a video, probably a year ago now, where someone was running through something in Visual Studio. His main code window was the stadard black text on a white background. But his command window was white text on a black background. I haven't been able to figure out how to do this yet.
john on October 17, 2005 03:01 PM> I haven't been able to figure out how to do this yet.
Cool idea-- in VS.NET 2005, you can change the fore/back colors for the various tool windows in the "Fonts and Colors" section of the options.
I can't find any equivalent in VS.NET 2003.. the fore/back color selectors are dimmed. Maybe editing the registry?
Jeff Atwood on October 17, 2005 03:05 PMI write Python in Verdana (which is proportional of course), with no tab/space hilarity.
Adam Vandenberg on October 17, 2005 03:09 PM> with no tab/space hilarity
Well, that depends. We haven't seen your code yet ;)
Jeff Atwood on October 17, 2005 04:24 PMHere's mine:
https://www.hanselman.com/blog/content/binary/hanselmanidescreenshot.png
Scott Hanselman on October 17, 2005 05:06 PMYes, now with 36% more CodeRush! Question. Do you really program in 16 point Lucida Console?
Jeff Atwood on October 17, 2005 07:32 PMGood topic. It is interesting to see how poeple have changed from the default settings.
Here's mine:
https://blog.eriklane.com/archive/2005/10/17/2212.aspx
Erik Lane on October 18, 2005 12:18 AMI use Eclipse with a monospaced font (Andale Mono) and lighter text on a dark background (rgb: 236, 233, 216). Spending large amounts of time in an editor with black on white text leaves me reeling from something akin to snowblindness at the end of the day.
brian on October 19, 2005 02:21 AMHere's mine:
<a href="https://www.cs.utexas.edu/~akkartik/feed.cgi?desktop.html">https://www.cs.utexas.edu/~akkartik/feed.cgi?desktop.html</a>;
Things to note:
Screen space good, widgets bad
Keyboard good, mouse bad
Dark good, light bad
modd veeery good
<a href="https://www.jmknoble.net/fonts">https://www.jmknoble.net/fonts</a>;
Also wanted to chime in on the white text on black thing being very evil (I believe that someone else mentioned this earlier) thing. I use a dark background but the foreground colors are generally muted pastels, so that there's contrast but I'm not being blasted in the face by the characters on my screen.
Reading Will Shipley's blog* for example, makes me feel like a fruit fly orbiting a 100W light bulb.
* <a href="https://wilshipley.com/blog/2005/09/unit-testing-is-teh-suck-urr.html">https://wilshipley.com/blog/2005/09/unit-testing-is-teh-suck-urr.html</a>;
brian donovan on October 19, 2005 04:02 AM> I'm not being blasted in the face by the characters on my screen
That's some powerful imagery ;)
The whole white-on-black vs. black-on-white debate is really a red herring. They are roughly equal in legibility.. DEPENDING ON THE CONTRAST LEVEL. That's supported by the few bits of research I found on this topic:
https://www.codinghorror.com/blog/archives/000340.html
I do think black on white is somewhat superior, but that may just be because I wear glasses. I get halation effects from high contrast white-on-black schemes, much more so than high contrast black-on-white schemes..
Jeff Atwood on October 19, 2005 04:11 AMand use Magenta for identifiers
You mean Maroon there, right?
Thanks
Tim on October 20, 2005 06:10 PMSome good attempts. But none is as thoroughly customized as this! It took a surprising amount of effort to set up...
<a href="https://www.tomseddon.plus.com/files/Image2.jpg">https://www.tomseddon.plus.com/files/Image2.jpg</a>;
Tom on October 22, 2005 03:32 PMI just noticed that the rationale was mandatory.
My rationale is unexciting. There's no real reason for everything being the same colour; I did this after Visual Assist and Visual Studio stopped seeing eye to eye in the syntax colouring department. Rather than have random colours (including white on white), I switched it all off.
Thanks to the Stockholm Syndrome, I now really like it. It also impresses the casual passer-by.
Tom on October 22, 2005 04:00 PM
my setup goes back years and years and the prefs that i would always use in qedit and in DOS ...
it is lean mean and mostly yellow and green
https://edlserver.geekgalaxy.com/images/vsidecolors.jpg
What's up with everyone having line numbers enabled? It LOOKS like C# in most of the screenshots but i feel like i'm reading QBASIC again!
and ugh you people all code without Visual Assist? I pity each and every one of you, not to mention the horrible color schemes everyone has picked out, i think everyone here spends too much time looking at MySpace profiles gone wrong, with color schemes made in the spirit of the infamous HOTDOG theme in Windows 3.1 HAHAHA! The only one that IMHHHHHO seems to make any sense was from Gryzor.. and he mentions using 2 screens, KUDOS! Thats how coding should be, one screen with code, other screen with all those crappy output/debug windows + toolbars that nobody clicks on because we all use shortcut keys anyways ;)
i'd post a screenshot but i just reinstalled my OS again (without exporting my settings, again) and everything's still in horrible default coloring, though admittedly with even the Visual Assist defaults on a white background things still look considerably more pleasant than Jeff's article "Code Colorizing and Readability"
glenneroo on October 11, 2007 08:51 AMNeat post, but the link to Leon Breedt's blog is dead. I'd love to find a download for that funky purple/white on gray theme pictured!
Does anyone know where to find this?
Logan on March 30, 2008 12:40 PMContent (c) 2009 Jeff Atwood. Logo image used with permission of the author. (c) 1993 Steven C. McConnell. All Rights Reserved. |