Best Chrome Extenshions for developers and designers, that make their life easy.

Since I use Chrome most of the time, I gathered 5 browser extensions which I think most Chrome users will appreciate. These extensions facilitate users in different ways, from saving our browsing sessions and managing our tabs to letting us choose hotkey shortcuts.  With the introduction of Google Chrome, the community has made some amazing extensions which are very easy to use for every day work.

FireBug Lite

This allows you to inspect the HTML, CSS, Javascript code without leaving the page. You’re also able to edit the code without any problems and test the new changes immediately.

If you use Firefox, you’ll know this is the most popular Firefox extension among web developers. For now, FireBug Lite is not as advanced as its Firefox counterpart. However, I’m sure that will change in the near future. Continue reading

Typechart – Free Resource for designer & developers to Browse Web Type, Grab CSS.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

  • Browse typographic styles. (See “anatomy of a style” below)
  • Download CSS. { 1 }
  • Compare Windows (ClearType) rendering { 3 } with Apple font rendering { 2 }
  • Each style corresponds with a “style ID” { 4 }, which allows you to annotate prototypes and retrieve the css while coding.

Continue reading

Best Robust Tools To Simplify Developer’s Worklife

This is one of the useful list of its kind where you can find the must have online web apps that may be very helpful for you when you want to get your work. I hope developers and programmers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of Eight Robust Tools To Simplify Developer’s Worklife. Just take a look at them and share your thought’s here.

Adobe BrowserLab

Adobe-BrowserLab

An easier and faster solution for cross-browser testing. You can preview and test your web pages on leading browser and operating systems. This will help you get your results in real time, from virtually any computer connected to the internet.

Continue reading

Make Mega drop-down Using Jquery, Best for designers & developers.

Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often.

drop-down

Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu item will have a mega drop-down attached to it. I used jQuery for the drop-down and some CSS3 for the rounded corners.

Continue reading

Collection of Tutorials, Resources and Tips for Joomla Template Developers.

Tutorials, Resources, Tips for Creating a Jommla! TemplateTaking the step into a new Content Management System (CMS) can be a daunting prospect. Sometimes you just have to take the step, it could be a client requirement, or simply that the new CMS is tailor made for your current projects spec. Whatever the reasons, it is best as a web designer, to have the knowledge of several CMSs and not be limited to only one.

Joomla! Homepage »
Download Joomla! 1.5 »
Joomla! Extensions »
Joomla! Documentation »
Joomla! Forum »

The Absolute Beginner’s Guide to Joomla!

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Do you want to get started with Joomla!, but you have no idea where to begin? The Absolute Beginner’s Guide to Joomla! is just for you. This guide is intended for those who have no clue where to begin but really want to learn how to use Joomla!. Helping you become successful installing, configuring, backing up and restoring, upgrading, and extending Joomla! is exactly the point of this guide.

Joomla! 1.5: Quick Start Guide PDF

Continue reading