Responsive Design: Make Your Website Mobile, Tablet, Desktop Compatible

Every client wants their website compatible with all platforms, whether user is accessing the site on a mobile phone, tablet, desktop computer or wide-screen. There are so many devices BlackBerry, iPhone, iPad, netbook, kindle..etc with different sizes and resolutions. It’s impossible to create a website version for each resolution. With Responsive Web Design technique, the website adapts the layout to the environment that it is being viewed in. It makes similar feelings for all platforms. You can see TechBrij as an example by resizing the browser window if you are on a desktop.

FEDe: A Search engine for Front-End (HTML, CSS, Javascript & jQuery) Web developers

Generally, A Web developer or designer want to search in his/her favorite sites first, but too complex to search in individual site one by one. Being a Front-End developer, I decided to create a search engine based on top sites, forums and blogs for HTML, CSS, Javascript and jQuery. After NetBrij(A Search engine for .NET developers), BrijPad(An online text editor for fast development), The next is FEDe (free from ‘Brij’ keyword :)). It’s a search engine for Front-End (HTML, CSS, Javascript & jQuery) Web developers based on Google CSE.

Stylish ASP.NET Wizard Control with Horizontal Sidebar on Top

Our objective is to customize asp.net wizard control sidebar as stylish horizontal step navigation on top without any image. First, we will disable existing side bar and use header template to create own sidebar. See following screen-shot which we are going to implement:

Simple Slide Tabbed box(Content Slider) using jQuery

There are many jQuery Content Slider Plugins and Tutorials available for adding this type of functionality to website, but I need a simple content slider without using any complex jQuery code. I like the following content slider. It uses the power of CSS and beauty of jQuery.

Simple Tabs with CSS & jQuery

If you want to create Tabs using CSS and jQuery, the following tutorial is good option for you; it explains how to create tabs step by step using CSS & jQuery. The main thing I like is that it can be easily customized.

Mac/iphone Style Dock menu for your website

I like Mac OS X dock menu and decided to write an article to add this type of dock menu in the website/blog. In this article, I will cover a few ways to add dock style navigation menu for your website.

7 Tips to make your website Cross Browser Compatible

Cross-browser means web application works with all versions of all browsers. To claim cross-browser compatibility, the website is nowadays expected to support browsers such as Mozilla Firefox,Google Chrome, Opera, and Safari in addition to Internet Explorer and Netscape. Here are the basic tips to make your website cross browser compatible.