Split-Visionz

01
Jul

3 Favorite Developer Tools

Posted by Mike in Design, Javascript/Ajax, Misc, XHTML

What is a web developers blog without a post about his/her favorite tools? So as it goes, I will now through my hat into the fray with my list of personal favorites.

1. W3C Validators

What should be key on any web developers list of tools is the W3C validators. Designed to quickly and easily find errors in code based on industry standards these tools help insure websites are cleanly coded improving quality and accessibility.

2. Web Developer Toolbar (For Firefox)

With a wide array of tools and options the firefox web developer toolbar is a must have. It features a wide range of testing tools including tests for broken images, screen size tests, links to the w3c validators and more..

Similar toolbars for other browsers:

IE: Click Here

Opera: Click Here

3. Browser Shots

This bad boy of a site will create screen shots of your website for you in almost every web browser known to mankind. Want to know how your site will look across multiple platforms without having to have multiple OS installs with multiple browsers on each then this site is for you.

Yes I know, my list is boring and only includes the most basic tools that pretty much every developer uses. BUT these tools are the most used tools in my arsenal.

And the Runner ups….
Fire Bug
Load Impact
Truwex Qualit Assurance Tool
What The Font
Added Bytes Cheatsheets

tags( developer tools, testing, tools, web developer)

comments(1)

30
Jun

Pure CSS Vertical Menu w/ Dropdowns, No Javascript

Posted by Mike in XHTML

I noticed there is a lack of pure CSS vertical menus with drop downs(fly out menus) on the net that involve absolutely no javascript so I decided to put together and release this little baby. I hope people will take a look at the code and not just attempt to copy and paste.

Screenshot

I seperated the CSS for the multi-level menu into a different file then the single level menu so you can easily notice the difference between the two stylesheets. And if you look at them you will notice there are only two definitions that seperate the two.

^?View Code CSS

.pbmenu ul li:hover ul ul{
	display:none;
}
.pbmenu ul li:hover ul li:hover ul{
	display:block;
}

What this does is tells the browser to first NOT display the 2nd level element when the first is shown, and the second tells the browser to display the second level element when the 1st is hovered over. Theoretically you could implement similar definitions to create deeper and deeper levels of drop down(fly out) menus.

This has been tested in and works in IE, Firefox, Opera and Chrome.

Click Here to Download

tags( css, drop downs, fly outs, no javascript, XHTML)

comments(1)

30
Jun

SDL and FreeImage, the long awaited union.

Posted by Mike in Misc

I recently came across this little library I wrote and forgot about while looking through old files on my external hard drive.

Way back in yester year(sophmore year in college) I had a class where we were working on developing image manipulation algorithms. In this class, in order to bypass the tedious work of writing importers, we used the well known FreeImage library to bring [...] Continue Reading…

tags( FreeImage, SDL)

comments(0)

30
Jun