The Top 10 Most Essential Time Saving Tools for Web Developers

Bruce Lee once said, “Use only that which works, and take it from any place you can find it.” Those are very powerful words. Being a huge Bruce Lee fan, I took those words very seriously when I first heard them. At first I took it to learn that it means you have to be a sponge for new knowledge. As time went on and I have needed to be more efficient I have learned it also means you don’t need to waste your time re-inventing the wheel. Or worse, give up because you don’t think you can’t do it.

Anyways, now that you have read about Bruce Lee on Wikipedia and realize how right he was here are my top 10 most essential tools for a web developer based on my own real true life experience. These may not be the coolest, or most sexy, we’ll get to that in another article. This one is all about the essentials.

10. GIMP / Photoshop CS5
Boring I know, but it is essential isn’t it? Yes it is. You must have an image editor handy if you are a web developer, designer, or basically anyone these days. I use Photoshop, but for those of you looking for a free alternative, GIMP is free and open source. I spend quite a bit of time unfortunately each day in Photoshop. Quick tip – record actions to save time.

9. Google Chrome
Really? A web browser is essential for development? Yes it is, and more than you will ever know. I stopped using Firefox because it crashes too much and I finally figured out how to make Chrome Bookmarks work like I want them too. Use Google Chrome for the element inspector. It is way better than Firebug in my opinion. It has all different kinds of features such as CSS, HTML element inspector, resource charts, and performance testing. I use it most of the time to inspect CSS styles and see how folks are doing what they do!

8. Adobe Dreamweaver CS5
If you are getting bored you should just skip to the top 5. Dreamweaver should really be #1, but I took the list of 10 and picked my personal favorites. Dreamweaver, for those that may not know, is an FTP client to upload and download files from web servers, manage multiple site configurations, and edit code. CS5 does a lot better job supporting the latest version of CSS and will debug your code as you type javascript, html, css, or php. I’m sure there are plenty of other cool features like the spry framework, but I don’t really use that anymore.

7) netrenderer
I use netrender for one reason plain and simple: testing sites in IE6 and IE7. I have all the other browsers loaded to my computer, so I don’t really need a complete solution. I am pretty confident with how I code so I know which things will break in IE6 (transparent PNGs being my #1 pet peeve). So really I end up using this essential, fast tool just to see what my site looks like in crappy Internet Explorer 6. On a side note many companies, even fortune 30 companies, are still using IE6. So thank God your not in a corporate development shop.

6) StumbleUpon
StumbleUpon is a web application for sharing cool websites. It is best embodied and used by mes as a Firefox extension. To get started, get a free accoun and setup your preferences as a web developer or designer (and maybe stick some funny videos in your preferences too – for break time only, kids!). Anyways once you get this up and running simply click ‘Stumble!’ on your toolbar and you will be magically wisked away to various sites that have been ‘liked’ by others. Think that’s a waste of time and you already have limited space because your using delicious? Think again! StumbleUpon has been around for a few years now if not more and I have found more cool random stuff on there than I ever would have using Digg, DevZone, or Delicious. The element of randomness adds a freshness to it that gets you slightly more excited and willing to read / skim through whatever page it sends you too.

5) BluePrint CSS
Even though I don’t really use BluePrint CSS that much anymore (read #1 and you will see why), I think it has been one of the single most essential tools I have ever used.

BluePrint CSS is a simple, easy to implement CSS Framework. Even if you don’t use it as a complete solution, it has a great reference guide which I use frequently to troubleshoot problems with my CSS, look for best practices, or simply grab a chunk of CSS code and use it (I recommend using their.error and.success classes for providing user feedback). You see it all over the place.

The single best reason why you should put BluePrint in the top shelf of your toolbox is to understand the importance of being thoughtful about layout and typography. You know how sometimes you go to a website and think, man this looks great, why do my fonts not look like that? What font are they using? Well, for one, they are probably using similar if not the same fonts as you, but it is the character spacing, line height, and font size relationships between elements that they have optimized for viewing. Study BluePrint CSS, if not for the aforementioned but because man, its #5 on the list!!!

4) Webappers
All I can say is: Great Website. I found it once on StumbleUpon (#6 on this list) and probably go their every few days and also have an RSS feed I check on my iGoogle page. This website has a ton of content and is separated out into components, design, and extras. I would say that if your looking for anything from icons, color schemes, charting techniques, photo galleries, video embedding techniques – this is a great site to use.

3) SimpleScripts
Another tool I hope you have used. SimpleScripts is like Fantastico but way better, more advanced, and I believe has more software options. It is used as a feature to most hosting providers in the administration panel for users to manager their installations of third party software like WordPress, Joomla, and Drupal. Two main reasons why this is the most essential tool are the fact that it automates the installation process but also it manages and monitors updates so that you don’t end up with a site that is exposed to hackers who will setup a phishing site. Content Management Systems are easy targets if they are not updated timely.

2) JQuery Tools
I can’t even begin to say how much I love JQuery Tools. Nicknamed, “The missing UI for the web”, JQuery is my solution for form validation, tooltips, image transitions, and horizontal sliders. The code is great and it usually works in every browser. They are the same guys who brought us flowplayer (see #4). I used to use lightbox, but now I use Overlay, which is an essential tool for providing feedback to a user or showing a nice popup form without opening a new window. The other great thing is that there is a nice user community and a bare essential example for each tool to get your started and up and running fast.

1) Artisteer
Ok, you might not have actually heard of this one! Artisteer is what I like to call”PowerPoint for Web Development”.

Sure Artisteer actually costs money. But it really is worth it. You design XHTML / CSS compliant web sites through a GUI without writing any code. But the real kicker is that you can export the result as a WordPress, Joomla, or Drupal template. Missing link, anyone? I had always wanted to create customized themes so I could actually be efficient enough to make a website with a CMS as its backend without just using a template that is already out there.

I have found that Artisteer does a great job of automating a lot of things that you would never do, like making consistent styles for all your elements, even elements like which usually end up looking like the default html styling because you simply don’t have time to make a UI that is consistent from top to bottom. Its also great for prototyping, messing with typography, and designing killer menus.

Offshore Centers and Their Web Development Strategies Changing for the Good!

Software outsourcing services delivered by offshore centers focuses on deliverables which can be done in least possible time. One needs skilled personnel on board who can handle problems with non-core operations especially the IT department. Third party providers are the ones who can offer decent work deliverables for a lesser cost for being competitive in the market. The time zone difference also helps them to deliver different tasks on a 24/7 basis. Recent market statistics reveal that the Indian market and other eastern countries are best suited offshore service destinations. Analysts predict a huge cash inflow and profits for upcoming service providers since the demand is very high.

Custom software development depends primarily on engineers and developers who are well versed in using the latest web technology. There are many web development companies who also provide web design and development solutions too. Most western countries have a serious time looking for resources in their local cities but the standard of living has forced them to look for options elsewhere since the local resources are not very cost-effective. Countries like UK and US follow a lucrative outsourcing policy wherein skilled technicians and developers from eastern offshore centers deliver the goods effectively. What’s more, the offshore center also invests in the infrastructure that is required and works on more than one project to cover the costs. The changing approach has led many to look for better deals and lucrative contracts since it is a win-win situation for most companies. The change in strategy especially in engagement models involving on site visits and offshore software development has also decreased the costs involved.

There are a lot of companies who offer testing, development and maintenance services. But not all web development providers can do justice to what they are assigned to. Consider this, according to the statistics mentioned in 2009, there were more than 40% of the Fortune 500 companies which included big-shot companies like Microsoft, General Electric, Oracle etc. favor custom software development since they find it lucrative and effective to counter the vagaries of recession. Most of the companies focus on extracting maximum work from low-cost areas like India, China and some other eastern countries. Most clients are also aware that the dropping costs amount in the range of 40%-70%. But one needs to be very particular while deciding on the offshore software development provider. India works out to be an ideal offshore software development center destination since the people there are well-versed with software development skills and are very much conversant with English.

Factors to Watch Out for in a Web Development Company

In the modern on line business conditions you can find literally thousands of choices as soon as it pertains to deciding on a Web Development Company. It’s a generally not regulated and aggressive sector in which there’s no firm prerequisites that should be met to become have the ability to call yourself a web development business. This could bring about a great deal of concern when it reaches time for it to select a organization to create your new internet site. Outlined down below are a couple of things that you ought to try to find for you to ensure that the company you are selecting is respectable.

Personnel: Whilst this looks obvious it’s overlooked. Any time getting in touch with a web development company for the first time you’ll want to enquire on the subject of the actual make up in their staff members. Are they using in house coders, designers as well as support personnel? Do you have the ability to talk to these people immediately? In the event the reply to any of these queries is no, you should probably not do business with them.

Verbal exchanges – Again this is an issue that so many firms neglect. Whenever you talk with the business do they seem like people that you want to do the job with? Are their own e mail marketing and sales communications spelled adequately as well as grammatically right? For anyone who is sensing the language obstacle in the initial transactions with the organization you tend going to encounter issues any time seeking to convey AND get specifically what you would like out of your fresh web site.

Their Website – A specialist web development company must have a internet site of which reflects their particular reputation. It ought to be well designed, user friendly and useful. In the event that the enterprise you are looking at does not put their best efforts inside their own website, chances are they won’t do it for your website either.

These would be simply a few basic requirements that you need to be thinking about whenever it comes time in order to opt for a specialist web development business.