Archive for the ‘developer’ Tag

Key Elements of Top Websites

When you are designing and developing a web application, there are lot of details to consider. I stumbled upon this post on “15 Key Elements All Top Web Sites Should Have” and found someĀ  excellent points. Here are some points that I would like to add to the list:

  • Web Optimized Images: The post also mentions this points but talks about using 72 dpi images for your website. I think there is a lot more you can do over here. You need to reduce the number of images. One way to do it without making any compromise to your visual design is to use sprites. Sprites is a way to create a single image containing multiple images and using the CSS background property to display these images.
  • Faster Page Load: Even if you have made a visually stunning website with a very good product, visitors are not going to stay on your website if it takes more than 8-10 seconds to load your website. Read this post on Yahoo’s developers Network if you haven’t already.
  • SEO Design: From the start, keep your design in favour of SEO. You just need to know of the key points in SEO design (listed in my previous posts here and here) and keep them in mind while developing. You will notice that your website is already SEO optimized.

Top 10 Best Firefox Extensions

Firefox extensions are small add-ons that add new functionality to Mozilla applications. They can add anything from a toolbar button to a completely new feature. They allow the application to be customized to fit the personal needs of each user if they need additional features. Here are my picks for the Top Ten Best Firefox Extensions (not in any particular order):

  1. Firebug: The best Firefox extension without which a web developer cannot live. Using Firebug, you can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. It also helps you in profiling performance of javascript and the time it takes for each component of your web application to download.

    Also, you can get YSlow to get performance report of your web application which also points out the things you can do to improve your web application performance.
  2. Measure It: Pretty nice extension, handy for web development. Use it to measure the height and width in pixels.
  3. ColorZilla: If you are working with colors (background or foreground), use this extension to easily get the hex code (or RGB) value of the color.
  4. Screengrab: If you want to take screenshot of any web page then there is no good extension than this. It lets you copy/save the entire web page or the visibile portion or the portion that you select.
  5. Cool Iris (Pic Lens): If you are doing image searching or viewing lots of images on flickr then this is the best extension to have. It lets you go over all the images in the search result in a very easy way (no need to again and again press next button).
  6. Download Statusbar: Fedup of that download window that opens when you start any download ? Use this extension to easily manage your downloads.
  7. Last Tab: Use this extension if you fed up that your Ctrl+Tab does not take you to the last tab you were on.
  8. Live HTTP Header: It lets you view the all the header parameters of the requests made when a web page loads. You can use it to modify the data being sent to the server.
  9. Web Developer: Again a very good extension for the web developers.
  10. Better Gmail 2: Better Gmail 2 compiles the best Greasemonkey user scripts for Gmail into a single package. It adds useful extra features and skins to Gmail, like hierarchical labels, macros, file attachment icons, and more.