I recently installed the Firebug plugin for Firefox on my mac. This is the only real tool to inspect and debug HTML and CSS code. I really enjoy the functionality to use the inspect tool to hover over a specific part, change the HTML or the CSS and instantly see the results - live. Thats really revolutionary. I use Firebug every day to code debug my code and I can recommend for all webdesigner and developers. Whether you deal with HTML, CSS or write PHP or JavaScript code; Firebug just appears on the bottom of your browser window and helps you build up, inspect, analyze and debug the code you’ve written. Another great tool is the Web-Developer Toolbar written by Chris Pederick, also a very functional and handy tool. Both are Firefox plugins.
Considering that my brand new MacBook Air will (hopefully) arrive today, I’m currently organizing all my data and I thought I let you know how my whole file system is organized (or should be
):
I own a Maxtor 320 gb external hard drive were I store all my data. On this disk I set up 7 different folders:
- Music
- My whole iTunes Music Library is stored here. It currently weights around 12gb.
- Photos
- I am organizing my photos with Google’s Picasa on my Windows machine, but soon I’ll do that with iPhoto then.
- Projects
- I created a folder for each of my clients. All the stuff that is related to the projects is stored here. I also have a file called “thoughts.txt” in all of my sub folders were I brainstorm things.
- Software
- This folder is split up into Mac and Windows Software.
- Videos & Movies
- My videos and movies currently have around 40gb.
- Webdesign
- Some webdesign code templates and cms snippets, backups of several projects, some free photos, my FileZilla FTP XML file and some other resources like icons, CMSs are located here.
- Stuff
- I put everything else in here. As it says; Stuff.
I thought it would be interesting. Just let me know if you have any suggestions for me.
Dejan Cancarevic created a great list on StylizedWeb.com of the 10 best css hacks. Brilliant; I always looked out for something like this. Thanks. Visit Site
CSS gives you a great way to create frame similar sites. Simply apply the overflow: auto; property to create a scroll area.
Read On