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.
Tag: CSS
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:
Understand ‘+’, ‘>’ and ‘~’ symbols in CSS Selector
This article explains how to use different signs like space, +(plus), >(greater than) and ~(tilde) in CSS selector and their differences. Before getting started, let us take a sample code to understand the signs.
25 Free Online Tools for Web Design and Development
There are a tons of online tools available to make the life easier. I have developed some online tools and written about how to use. Apart from these tools, Here is the list of my favorite online tools for web design and development. I have tested different tools and mentioned I like the most.
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.