Tag Archives: CSS

Coding Wars

So I haven’t really been doing any coding the last few months. The majority of my work has been working on computer systems and such. But, recently, I’ve been doing more coding. Also, during my time of absence, I decided to use Google Chrome and Vim sometime along the way. I wanted to check out Chrome and give it a fair try and learn more Vim/Vi. But, today I was coding a website using Google Chrome/Web Tools and Vim and ended up frustrated and not getting any work done until I decided to go back to my old ways…


Vim is very frustrating. All I had to do was hit a few wrong keys and I could really get frustrated with Vim. Although I found a few features useful (not really features that couldn’t be found in other editors), it was just to cumbersome to use for development. On a server environment it totally makes sense, but in a desktop environment it is clunky. I know it is powerful, I was able to customize tons of stuff- but unless you know where or how to customize it, it really is hard to customize.


Chrome is fast! No doubt about it. But, once I really started trying to edit a page, Chrome just kept getting glitchier and glitchier. Chrome is a great browser for regular Internet browsing use. I just inserted an image into my WordPress post and realized I haven’t re-sized an image in the editor in months!

Going Back

But the moment came when, in my frustration, I brought up my typical Notepad++/Firefox/Firebug setup. I spent all day getting tons of coding work done than I have the last two weeks using Chrome and Vim. I had almost forgot how comfortable I was using this as my primary setup.


I really feel like I just totally got on the bandwagon when it came to Chrome and Vim. I know Vim is useful, I know Chrome is powerful. But, when it comes down to getting real work done, being on the bandwagon was actually a bumpy ride.

Using Vim w/ .vimrc and .gvimrc Configuration Files

Vim is a programming interface built on vi that I have been wanting to try out for about a month now. I have heard it has great features. Plus, moving in and out of Linux/Windows/Mac environments I wanted to enhance my vi skills and use vi exclusively for programming HTML, CSS and Javascript.

But, I had to fool around with it a little. I was a little frustrated with having to customize it with no clear help on the issue. After Googling for about an hour, I finally have Vim (gVim) configured to use the proper colorschemes, handle tabs, and features I like properly. I thought I would post my _vimrc and _gvimrc files so you can tweak them and customize them.


set gfn=Consolas "this is the font I like (on Windows)
set guifont=consolas:h10.5:cDEFAULT "This modifies the font size
syntax on "auto Syntax Highlighting

set autoindent
set smartindent "If it can be smarter, what the hey
set shiftwidth=4
set tabstop=4
set cindent

cd %:h "changes the working directory to the directory of the file (use to open other files in splits/etc)

set number "Line numbers
set nowrap "No like wrapping
set ignorecase "ignore case on search, etc (I think)
set vb " turns off visual bell
set bs=2 "Make sure that the backspace key deletes like (normal)
set incsearch
set ignorecase
set smartcase
set spell "spell checker
set spelllang=en
set spellsuggest=9 " show only 9 suggestions for misspelled words
set guioptions-=T "Hide the toolbar
set guioptions+=b "Show the horz. scroll bar
set lines=30 columns=140 " default size of window when it opens.


colorscheme desert "My fav color scheme on Vim