Entries Tagged 'Web Development' ↓
December 28th, 2010 — Web Development
Everyone knows that having a website is very essential at present, but now more than this maintaining it properly and updating it with new content on regular basis has become the prime goal. It is very hectic for a website owner to do so but with Content Management System (CMS) it is very easy to do as CMS has a feature of user generated content.
A small question here I want to ask is that will you buy a house to live until you have a complete tour of it and until you check and compare its every available and unavailable feature?
Obliviously not and reasons are many so same things are applied when taking decision about any major issue:
Now let us start!
Small and Comprehensive introduction of CMS
CMS can be defined as software system, database, web application, dynamic website or collection of procedures which basically creates mutual and friendly environment so that everything can be done in a proper flow. In fact CMS keeps the proper record of every bit at a specific location, also Moderator of site has special control panel to manage or delete the content and you know very well that content includes everything i.e. images, text, links etc.
The procedures of CMS will either be manual or based on computer and involve the following actions:
1. Massive number of people can share knowledge, information through it.
2. Helps to store and retrieve the data easily.
3. Repetition of content can be avoided automatically.
4. Report writing is now an easy task because of CMS
5. Users can communicate with each other easily and effectively.
Why CMS?
Web developers first learn programming languages, and then after practicing of few years become able to do site building bit confidently, but still it is not an easy task for them as they have to write lengthy codes then remove the bugs along with many other activities involved.
On the other hand one who does not know the ABC of development can manage everything very easily just through having a little training about usage of CMS.
How to choose Best CMS:
First of all make one thing clear that there is no best CMS, any can be the best one for you if fulfilling your requirements. While selecting CMS just consider the following points:
1. Once you have finalized the required options then start deciding about the best CMS that suits your requirements.
2. Once you have selected any CMS then test it by yourself and in this regard avoid using Demos, if testing satisfies you then go for it otherwise search and test any other.
Here you should also clear one thing that you need PHP CMS or .NET CMS.
1. Admin panel is not the only concern but also user interface should work properly. As users will be your force and without complete ammunition your force cannot perform well.
2. Do not rely on others as they will tell you that CMS which did well for them. Your needs are different so should be the CMS.
3. Pricing is not the basic matter but costly CMS is useless if it is beyond your requirements.
4. Inspiration is good but do not adopt any inspiration if that doesn’t match your specific business needs. Don’t grab the content of best site for you.
5. If CMS is extra ordinary fit but its available customer support is nil then run away from it.
PHP CMS or .NET CMS

PHP has made appreciatory innovations in CMS like Wordpress, Joomla etc. People prefer them because of following reasons:
1. They are available in large quantity
2. They mostly are free
3. Easy availability
4. Contain plenty of options in them.
Now coming towards .NET CMS, people avoid them due to the following reasons.
1. Lack of awareness.
2. Trend ( means to say that people are following crowd and crowd is using PHP CMS )
3. Not available freely and if available then with very limited features.
4. High prices.
An Important Point
Did you notice that I have not raised an important issue yet and that is “What is Need?”
Well need surely means your requirement or option you want in your site. Your needs should be crystal clear in your mind as only then you can choose best CMS for you otherwise it will not just difficult but impossible.
Few Basic and prime needs
1. Options for Social Media including commenting, tags, and user generated content etc.
2. Adding videos or pictures
3. Multiple languages support option
4. Your affordable budget.
Now Few Secondary but Essential needs
1. If a shirt does not get fit over your body structure then surely you will never buy it. Similarly if a CMS is not fit according to your on hand IT structure then leave it for someone else.
2. Avoid choosing a complex and difficult CMS regarding usage as you are wishing an easy life with CMS.
3. Now almost you have done with specifying your needs, consult your other partners or cream employees.
4. After you have finished everything mentioned above, you are in position to make a final decision that you will never repent over.
Top 5 .NET CMS
There are many .NET CMS but following are sitting on the front desk.

DotNetNuke v5.5:
| Products: |
Its available products are
1. Community Edition which is free but has very limited features.
2. Professional Edition which is not free but it has unlimited technical support.
3. Enterprise Edition which is the most expensive and has only one extra feature than pro-edition. |
| Templates: |
Available both in free and paid form and are relatively more in numbers than others. |
| Content Management Flexibility: |
Very easy functionality and can be handled without any IT support. |
| Content Editing Functions: |
It has a rich editor called Telerik RadEditor which Allows spell checking, image resizing etc. With its Ribbon Bar Control Panel user can edit pages and add new modules. |
| Permissions: |
Moderator can control everything and can grant or restrict any access to any user. |
| E-commerce Solutions: |
The main shopping cart option is the DotNetNuke Store Module and is integrated with Authorize.net and PayPal. The free Nevoweb.com NB_Store module is also making its place. |
| SEO: |
It has many SEO friendly modules like Pretty URL’s module to enhance the SEO factor of site. |
| Multimedia: |
UI has made editing of media files very easy also there are some good third-party add-ons also available. |
| Photo Galleries: |
Two Prime photo gallery modules are “DNN Photo Gallery” and “Simple Gallery” also many others are available easily. |
| Event Calendars: |
DNN has an event calendar and registration module that will dish up as an event calendar. |
| Document Management: |
Moderators can upload files directly from their computers which can be available for use at very next moment. There is several popular third-party document management modules includes: Issue Management Tool, Document Exchange 5.2 and i2 Class Management. |
| Blog and Forum Packages: |
DNN Blog module is actually a collection of modules that come together to form a single blog.
Two main forum module options are the free “DotNetNuke Forum” and its commercial counterpart, “Active Forums”. |
| Multi-Lingual Support: |
DNN 5.5 has the ability to support multiple languages. |
| Standards Compliance: |
DNN core is XTML 1.0 compliant and all the core modules go through compliance testing. |
| Module Availability: |
DNN comes with some free modules and there is massive number of 3rd party add-ons at the Snowcovered.com marketplace. Some are free but others are paid. |
| Community Support: |
DNN is now affiliated with DotNetNuke Corporation, which also controls Snowcovered.com. There are more than 800,000 registered DNN members; DNN seems to have a very solid commercial community, especially regarding modules and skins. |
| Available Documentation and Technical Support: |
Tutorials and videos can be downloaded freely. Informative books are also available but they are not free so do not run after them. Pro and Enterprise users have access to unlimited technical support |
| Learning Curve and Ease of Use: |
DNN is very user-friendly. The UI and modules are easy to understand even for non-technical users. |
| Current Industry Status: |
DotNetNuke is a leading Web Content Management podium for Microsoft .NET. The driving force behind more than 600,000 web sites worldwide, it’s most recent release is version 5.5. DNN is favorite for developers who possess .NET experience. DNN concentrated more on paid versions of their product up to now. |
| Final Product Conclusion: |
As DNN is leader in .NET CMS community for years and without any valid reason it cannot end up and they yet have a strong community to aid up in need. The latest upgrade V 5.5 got some new and very important features to DNN and could help them recapture their place as the leading WCMS. |

Orchard 0.1.2010.0312:
| Products: |
Although it is yet in developing stage however its latest release is orchard 0.1.2010.0312, and it is a free open source yet. |
| Templates: |
You can find the reasonable amount of its templates moreover you can install, remove or preview its available themes. |
| Content Management Flexibility: |
You will get the complete authority in this case. |
| Content Editing Functions: |
Well you can have preview, schedule, draft and many other options in it. |
| Permissions: |
Do not worry as being admin of site you can expand or contract permissions for users. |
| E-commerce Solutions: |
Still pending but will be available shortly. |
| SEO: |
This point is in the prime goal for future. It provides options for metas/keywords, Web standards, Semantic URLs, sitemap are its important targets. |
| Multimedia: |
One can render and upload images in it. |
| Photo Galleries: |
Yes, you can have fun of photo galleries by installing Gallery server pro-2.4. |
| Event Calendars: |
Yes it has the facility of events logs and also reporting can be done through it, and a.k.a. plug-ins are also available. |
| Document Management: |
You can freely use this feature here. |
| Blog and Forum Packages: |
It has the basic support for blogs which includes commenting, archiving, tagging, posting, RSS and other important options, but forum option is still under construction. |
| Multi-Lingual Support: |
Yes this feature is also available in it. |
| Standards Compliance: |
Again it is XHTML 1.0 compliant. |
| Module Availability: |
Modules Scaffold in it and are extensible also, moreover features of modules can be made disable or enable in it. Dynamic compilation can also be done here. |
| Community Support: |
Basically it is not a specific .NET CMS and all end users, developer, designers can use it. At present as it is in childhood stage so concentration is only on developers. |
| Available Documentation and Technical Support: |
It has Azure support and many documentation facilities are available for it. |
| Learning Curve and Ease of Use: |
It is easy and lay man can even handle it just with little training. |
| Current Industry Status: |
They are currently working on the performance, security and bug fixing however there are many key issues on which they are about to concentrate in near future. |
| Final Product Conclusion: |
Actually this .NET CMS is not to compete directly with existing CMS but to help them. Moreover it is paving its way to success so soon it can be included in the race of top .NET CMS. |

Kentico v5.5:
| Products: |
1. Its free version can be attained but after too much effort. Still it will contain a link and logo which you have to adopt with it.
2. Its basic paid package although varies according to time period, features etc. but still it is very much costly. |
| Templates: |
Hardly 35 skins are available and they are paid as well. |
| Content Management Flexibility: |
It has custom document types, fields, and content/design separation. |
| Content Editing Functions: |
It has complete functionality and authority for user and moderator for content editing. |
| Permissions: |
Kentico supports both Windows Authentication and Forms Authentication. You can import user information from an external database. Module based user permissions can also be granted for specific documents or sections of website. Permission (Authorization) is not just limited predefined settings. |
| E-commerce Solutions: |
The Kentico ecommerce module allows you to build on-line stores and sell products over the internet. The module integrates with PayPal, Authorize.net, and also customer credit (loyalty schemes etc). |
| SEO: |
This point however was kept in mind and you can have it in plenty. |
| Multimedia: |
When it comes to multimedia changes and etc then with the WYSIWYG editor, you will be allowed to do anything here. |
| Photo Galleries: |
There is an Image Gallery module included where you can upload and display images. It can be done through browser or by using batch file import module. |
| Event Calendars: |
A basic event calendar is included as a standard module. It can also work together with the Booking System to allow for event registration. |
| Document Management: |
The basic way to manage documents is through the media library module but you can also store files in the content tree as a CMS.File. |
| Blog and Forum Packages: |
The Blogs module is fully customizable and is part of the standard modules that are included.
The included forum module allows you to create both pre-defined forums and ad-hoc forums. |
| Multi-Lingual Support: |
Multiple languages are also supported by it. |
| Standards Compliance: |
All code rendered by Kentico is compliant with XHTML 1.0 specs. It also fixes XHTML incompatibilities that were the results of the ASP.NET 2.0 engine. |
| Module Availability: |
Many built-in modules are available. |
| Community Support: |
Its community is yet being built. |
| Available Documentation and Technical Support: |
Kentico has enough documentation to get you going. Free edition users only have access to the support forums. License holders have access to technical support via email or phone. |
| Learning Curve and Ease of Use: |
Kentico has a very small learning curve, especially with the new UI that was introduced in version 5. With each release Kentico keeps on getting easier to use. It is proving to be a worthy competitor with its combination of novice-friendly practical interface and enough advanced solutions for developers. |
| Current Industry Status: |
Kentico is still in its growth phase. It released an improved version 5 in December 2009 and most recently released version 5.5 in May 2010. So work is being done on it and there is a hope to see it shining one day. |
| Final Product Conclusion: |
Kentico made a huge jump into the spotlight with the release of version 5.If they continue to focus on creating an easy-to-use, function-friendly CMS; then they will be a great choice for years to come. |

Umbraco v4.5.2:
| Products: |
1. Its free version is completely free
2. Do not ask for its paid version as cost is beyond thoughts. |
| Templates: |
Because of its unstructured approach to website design there are very few templates of it. However, because the installation is completely clean, many people are using templates from other CMS and simply uploading the HTML and CSS files. |
| Content Management Flexibility: |
Unlimited approach in this regard is available. |
| Content Editing Functions: |
Also its editor resembles to MS word so very easy to use. And you can do all actions here. |
| Permissions: |
Again Moderator will be the King in this section and can do anything. |
| E-commerce Solutions: |
Here however it has limited apps and modules. The commercial app UCommerce appears to be popular and Tea Commerce is a new open source that has a lot of potential. |
| SEO: |
Yes, you can enjoy the juice of SEO friendliness. |
| Multimedia: |
You can manage your audio and visual aspects with the Media section. |
| Photo Galleries: |
Photo galleries can be managed by using Runway Gallery package. |
| Event Calendars: |
There are several event calendars that can be added. Popular options are PD Calendar and Ismail’s Umbraco Events Calendar. |
| Document Management: |
The main document management tool is through the media section. It may require you to alter the user type that gets access depending on your needs. |
| Blog and Forum Packages: |
There are available blog and forum packages. One of the main complaints against Umbraco was lack of decent forum support. But uForum and YAF (Yet Another Forum) modules have resolved this problem. |
| Multi-Lingual Support: |
15 languages are supportable in it but you can add more. |
| Standards Compliance: |
Umbraco is completely web standards compliant, however because of the amount of developmental flexibility there may be occasions when standards compliance will have to be performed manually. |
| Module Availability: |
It is not easy to use for non-technical person as it basically was designed for web developers however there are open-source plug-ins and advices available at the our.umbraco.org website. |
| Community Support: |
Sun of community is rising for Umbraco but still it is early dawn yet and shining day is little ahead. |
| Available Documentation and Technical Support: |
Continuously working on documentation and moreover for manufacturer’s technical support you will have to be a Pro member (with standard support package). |
| Learning Curve and Ease of Use: |
As I said it is designed for developers so you should have the prior knowledge of .NET, markup languages and CSS to use it. |
| Current Industry Status: |
Microsoft has recently included Umbraco in the Microsoft Web Platform Installer and also its download is being increased day by day. Umbraco’s ability to handle expansion and progression has earned it an increasingly devoted and committed fan base. |
| Final Product Conclusion: |
Developers love it and its existing community is working not only to increase its lovers but also to improve its working, functionality and other options. |

N2cms 2.0 beta:
| Products: |
Its latest product is 2.0 beta, which is completely free at the moment. |
| Templates: |
It has several available themes and it is basically not tied to the page templates as it has freely designed templates/functions. Moreover you can have following functions in its templates i.e. Text, Redirect, Custom data entry form, FAQ, RSS subscription, Social bookmarking, Google urching tracking, Change layouts etc. |
| Content Management Flexibility: |
It is Supporting hierarchically organized content items with unlimited depth and also AJAXy drag’n'drop content is available, so means to say that we can manage our content with this.NET CMS in quite good manners. |
| Content Editing Functions: |
Its editor interface is Very intuitive and you can also edit with Internet Explorer and Firefox (and probably others) for Windows, Mac and Linux. It also contains Extendable editor UI and WYSIWYG content editor. |
| Permissions: |
Complete authorities and permissions is another good point about this CMS. Also it has very User friendly user interface. |
| E-commerce Solutions: |
Well this feature is now available in it and mostly those people like to use it who do not want the CMS to take over the application architecture. |
| SEO: |
SEO is very essential now-a-days so it was kept in mind while developing this .NET CMS and you can enjoy SE friendly URLs in it. |
| Multimedia: |
This feature is present in this .NET CMS. |
| Photo Galleries: |
Photo gallery is available in it |
| Event Calendars: |
Also calendar item is present in it |
| Document Management: |
It has Support of scripting which includes jQuery, prototype and MS AJAX, and it is documented with API. |
| Blog and Forum Packages: |
It supports multiple types of content which includes everything like articles, blog comments etc. |
| Multi-Lingual Support: |
Well; definitely it is supporting different languages. |
| Standards Compliance: |
It is also XHTML 1.0 compliant. |
| Module Availability: |
Its online modules are not available yet. |
| Community Support: |
It is also focusing on developers so at the moment does not contain large size of community. However it is using good approach to achieve its major milestones so soon its community will be countless. |
| Available Documentation and Technical Support: |
If you are using standard .NET providers then you can get the support. |
| Learning Curve and Ease of Use: |
It is very easy to develop as its classes and attributes are pre-defined, so this is another good point of this CMS. |
| Current Industry Status: |
It is working in right direction and it seems like that soon it will stand very next to DNN. |
| Final Product Conclusion: |
As I said that it is working very keenly, effectively and in the right direction, so this product is going to be very famous among .NET CMS users in very near future. |
September 22nd, 2010 — SEO, Web Development

There are many mistakes committed by web designers and developers while designing and developing a website. If they are done by starters, it is understandable but if happens due to web designing myths then surely they need training. The question arises why they commit silly mistakes? The answer is quite simple, they over try with the design and try to make it eye pleasing by using excessive flash or unnecessary images, fooling are the known mistakes done by designers and developers:
Splash page
This is the mistake where people put banner image and write “click here to enter”. The flash object makes it more complicated and impracticable for the search spiders to detect it.
Non spiderable Flash Menus
Making flash and animated menus is the killer for your website. It lowers down the sites’ ranking and also not friendly for the users.
Using flash in content
Web spiders are always text oriented, they can’t detect text when used flash in it. It might look attractive visually but literally can ruin up your website.
Overdoing with Ajax
Developers try to make their mark and use Ajax massively. It makes navigational structure very complicated and also it is not appreciated by search engine spiders.
Versioning of Theme Design
You can lose back links and your search engine ranking can decrease sue to versioning the theme design. It’s a big don’t from SEO point of view.
“Click Here” Link Anchor Text
It is a great technique if you want your search engine ranking high but if you want to show how important your page is for a certain topic then don’t do that.
Image Alt Attribute
The image should always be described in alt attribute. This actually explains your image to the user. It is a huge SEO flaw not to use the alt attributes.
Miscellaneous
· Know your audience before designing the website and use color scheme accordingly.
· Know your clines’ business and design the site that should complement the business theme.
· Don’t over try with keywords in the content; the excessive density is a spam.
· Make sure the page titles are editable.
· Make sure the most relevant content should be prominent.
· Make URLs user friendly.
· Optimize images.
By avoiding these mistakes a website can become very much SEO oriented and can achieve high rankings.
Over to You
Do you know about other SEO mistakes that are commonly made by web designers and developers? Please, do let us know by commenting
June 14th, 2010 — Web Development, Website Design
Introduction
Web Browser is the most important Applications to Access website or web application launched over the web. The task of the web browser is to display and render HTML given by the Web Server as a Response of client Query.
In this era, where every website is based on different technologies, thus Browsers need to be updated with these technology changes in order to display web pages perfectly fine. There are many browsers which internet visitors may use of different versions either old or updated which can effect in displaying websites.
When we talk about Mozilla Firefox it has become the most popular and famous web browser among all just because it has given many useful add-ones for the developers, designers and for normal visitors.
Following are the Mozilla Firefox Add-ones for designers or developers:

Overview:
- Web Developer is the most functional add-one of the Browser Firefox.
- It provides the extensive support about different parameters of web development like CSS, HTML, screen resolution, CSS validation, and HTML validation from the w3c website.
- Following are the few important list items of the web developer toolbar that are added right after its installation as mentioned below:
| Web Developer Add-one: Provides Extensive support for Website Development |
| No |
Features |
Description |
| 1. |
Line Guide Information
(under Miscellaneous) |
Allow web developers to check the alignment of every web page. It allows you to draw as many horizontal and vertical lines for the alignment. |
| 2. |
Color information
(under information) |
The designer has the close relation with the use of colors. Firefox has the great add-ones for the color information like Colorzilla, but web developer has the color information support to view the list of all CSS colors and samples. |
| 3. |
Element Information
(under information) |
With the web developer add-one you can view all the information about elements of the web page. Just click CTRL+SHIFT+F on the web page, and click on any place of the web page and get all details about HTML elements. |
| 4.
|
Images
(under Images) |
You can take an overview of every single image of the web page like image alts attributes, image dimensions, Image paths, find broken images etc… Thus provide a real support in real time. |
| 5. |
View Page Information
(under information) |
You can view all the page information from general to the advance level about forms, images, size , paths dimensions, Get, Post methods. |
| 6. |
Show Passwords
(under forms) |
You can view all the password of the web page which is saved as a cookie. It’s a bit secret utility for someone who forgets his password. |
| 7 |
View Form Fields
(under Form) |
This is very important and interesting option to view all information about form elements. For example if you have used text box you can check its attributes like its name, ID, type, value, label, max length etc… |
| 8 |
Small Screen Rendering
(under Miscellaneous) |
This is really a remarkable feature about the current need of web 2.0 trend. It gives the idea of how your website will looks into small screen resolution like I phone, or mobile browser. |
| 9 |
Mark all Links
(under Miscellaneous) |
Here you have the support for settings of links, you can make all your links either visited or unvisited depends upon the requirements. With this option you can play with link styles, hover styles etc… |
| 10 |
Edit HTML
(under Miscellaneous) |
It’s the great option to edit HTML in real time without the use of any third party tool like Dream weaver. And then you can save the changes as a new web page. |
| 11 |
CSS |
It is the first and important option for all the designers with a great support of CSS. You can view all the style sheets of the web page, but can edit CSS in real time Scenario. |

Overview:
- Firebug is the most famous web development tool of the Mozilla Firefox web Browser.
- You can inspect your web page HTML and modify style and layout in the real-time. This helps you in taking vision of how your web pages look with different HTML/CSS attribute values.
- You can accurately manage the network usage and performance.
- You can get valuable information about your web page Dom, JavaScript and HTML.
Firebug is categorized in to four main features and this further categorization of each feature.
| INSPECT: Html of your Web page |
| No |
Features |
Description |
| 1. |
View source Live |
With the help of View Source Window you can inspect properties of individual elements.Moreover you can inspect CSS, DOM and JavaScript |
| 2. |
View Changes highlighted |
In JavaScript supported web pages, html elements created constantly, and they are either removed or modified. In order to inspect when, where & what changes are made, you easily view these them. |
| 3. |
Instant Html Editing |
You can edit HTML attributes and view their effect in real time. |
| 4. |
Place mouse Cursor and Inspect Html |
Visual Search: Sometimes it is not possible to locate html element, so you can inspect every element of a webpage with the help of Mouse cursor. |
| 5. |
Search & you shall find |
Text Based Search: Similarly html element search is available for locating the required html. |
| 6. |
Copy the Source |
By Right clicking to any element at any level, you have several options for copying HTML like copy inner HTML, copy x path, copy HTML. |
| LOG: With the Firebug cmd prompt you can search HTML attributes via JavaScript commands |
| No |
Features |
Description |
| 1. |
JavaScript Commands |
Firebug command prompt enables you to search anything via JavaScript commands. You can also use regular expressions to get your required result like HTML values or attributes etc… |
| 2. |
Auto Complete |
Using the tab you can auto complete the names, variables, object properties. For example document. GetElementbyID. |
| 3. |
Go big |
If you are sick with the single line of firebug, don’t get panic you can enlarge your screen size. |
| 4. |
Book mark let Heaven |
If you have written more than one line JavaScript code& want quick test result ,you can paste it on the editor and editor will automatically adjust these commands in the new window |
| 5. |
Insect and Command |
Simply just hitting the copy button you can create bookmark lets. |
| 6. |
Don’t Forget to Right click |
Context menus contain a whole world of fun, |
| DEBUG: When things go wrong, Firebug allows you to debug for the JavaScript, CSS, HTML or XML errors |
| No |
Features |
Description |
| 1. |
Status bar Error Indication |
At the Right bottom of the browser window there is a support of error indication with the green and red symbol. If it is green then there are no errors & if the symbol is x with red color, there will be errors displayed with specified number |
| 2. |
No error soup |
Firebug gives you error report specified to the web page. |
| 3. |
Informative JavaScript Errors |
Relevant and more Precise JavaScript Errors are displayed in the error window. Even you can view the complete description with a single click on error. |
| 4. |
Filtering Errors |
You can moreover filter errors , with the options like Show JavaScript Errors, Show JavaScript warnings, show CSS errors only … |
| ANALYZE: Some web pages take too much time to load but why? Firebug gives you details about each & every web page. |
| No |
Features |
Description |
| 1. |
Examine Http Headers |
You can examine HTTP header details with firebug. HTTP headers contain all the useful information about the website like server information, caching directives, cookie etc…; |
| 2. |
Cached or Not Cached |
Not every request of the user is completed; a few of them are fulfilled by browser cache. Firebug assigns the Grey color code to browser fulfilled requests. In order to examine the site is either using the cache to optimize page load times. |
| 3. |
Xml http Request Monitoring |
Ajax is based on the XML http Request. As Ajax is the great technology based on the fast post back mechanism. There is no visual feedback about their traveling but firebug shows you each XML Http Request along with the data posted and responded. |
| LAYOUT: Pinch and point HTML elements with CSS and the Layout panels. |
| No |
Features |
Description |
| 1. |
Box Model Shading |
With CSS, Every element is based on the Box model that is margin, border, padding and content. Using firebug tag; you can feel element boxes with shade in different colors inside the page. |
| 2. |
Rulers and Guides |
Using the layout tab you have the option of rulers and guides about the web page layout. |
| 3. |
Measure Each Edge |
Box model is based on the x-Html standards in order to assure cross browser platform compatibility, in this regard firebug gives you the option of visual breakdown of each box in the box model. |
| PROFILE: You can measure of JavaScript performance in the console. |
| No |
Features |
Description |
| 1. |
Find Script Easily |
A web project may contain a large number of code files. Firebug’s script file gives to facility to sort and organize files in an effective way. |
| 2. |
Use Breakpoints in code execution time. |
In order to inspect for logical errors, you can visualize the code functionality by placing Breakpoints during the execution phase. |
| 3. |
Go directly to line 110 |
Sometimes you want to jump direct on the required line; you can have this facility in the firebug. |
| 4. |
Browser and Eval() generated code |
For a certain kind of events, Firefox generates small JavaScript functions. And JavaScript created by Eval() calls appear in the list of files under the page URL that called Eval(), with a source code summary for the name. |

Overview:
The main objective of the add-one is to get useful information about HTTP headers of the specified domain. HTTP headers form the two core elements that are HTTP request and response. HTTP headers define various characteristics of data that is requested and data that has been provided.
Request HTTP Headers:
| Index |
Header Name |
Description |
| 1. |
Host |
Domain name of the Server Example: http://www.cyberdesignz.com/ |
| 2. |
User-Agent |
A user agent is a client application implementing a network protocol For example: Mozilla 5.0, (Linux, x11) |
| 3. |
Accept-Language |
Acceptable language for response for example
Accept-Language: da |
| 4. |
Accept-Encoding |
For example: Accept-Encoding: Compress, gzip |
| 6. |
Keep Alive |
Keep Alive is the connection type which is fast enough to response the request of the client. |
| 7. |
Connection |
What type of connection the user-agent would prefer |
| 8. |
Cookie |
Http cookie previously send by the Server. |
Response Http Headers:
| Index |
Header Name |
Description |
| 1. |
Date |
The date and time that the message was sent for example:
Date: Wed, 11 Nov 2001 08:12:31 GMT |
| 2. |
Server |
The name of the Server, Apache or IIS |
| 3. |
Keep-Alive |
Timeout=15; max=100 |
| 4. |
Connection |
Keep-Alive Connection Type |
| 6. |
Transfer Encoding |
chunked |
How to Use Http Live Header (Mozilla Add-one):
You can use this add-one for viewing http information about any website from the following two ways:
- First Method: Right Click on required web page, select “View page info” and on the last tab “L Symbol for Live headers”, after clicking it will give you all information about that specified domain.
- 2. Second Method: Click on the Tool menu bar and then on live headers, And view all information about the relevant website.
Benefits of using HTTP Live Header Add-one:
1. It can help in debugging web application.
2. You can see what Web server the remote site is using.
3. Can see the cookies send by the Remote site.

Overview:
- Colorzilla assists web developers and designers to inspect colors (visually) from anywhere in the web page.
- Colorzilla gives color characteristics in RGB, Hex decimal or X and Y axis specified values. With these values you can use the specified color in any editor which is color Palette supported.
- Along with the colors, Colorzilla provides you information about each & every element in the web page just by passing the cursor on the web page.
- Quickly adjust this color and paste it into another program.

Overview:
- With the Image zoom add-one of the Firefox you can zoom any picture displayed in the Browser individually.
- Provides the following Zooming options:
- Zoom Image/ Zoom Out
- Rotate Image (+90°, – 90°, +180°, Reset)
- Custom Zooming
- Custom Dimensions
- Zoom in Percentage Ratio
- It is helpful in roaming about for the images into the web. With the real time image zooming option you can check images without downloading it into the computer.

Overview:
- Fire shot is an advanced screen capture add-one of Firefox
- It captures, edits, annotates, organize, exports and prints screen shots of your web pages.
- It’s not like that you cannot take a screen shot from the windows utility, but taking screen shot from the print screen cannot take the whole web page image, as it is longer than a browser window. So you need a fire shot.
- You can insert graphical text into your images quickly which is really helpful for web designers and content reviewers.
- Screen shots can be saved into any image formats like (PNG, JPEG, GIF, and BMP), copied into clip board, printed into hard copy & emailed to anyone.
Conclusion
We as a USA based web design company consider these kinds of latest technologies which support us in the field of web design and development. Web solutions are not that kind of easy task to just emerge the client requirements. There is an involvement of a complete process which needs excellence. Above mentioned Mozilla Firefox Add-ones are the great help for the web designing and web development process. Because it provides real time debugging and Error tracking for the code.
May 30th, 2010 — Web Development, Website Content, Wordpress
What is Content Management System (CMS)?
A Content management System is the collection of procedures implemented as web application use to manage the information in a collaborative environment. These procedures are based on automated or computerized system.
Consider the definitions of the Content Management System as listed below:
- A content management system is software that keeps track of every piece of content on your Web site. Content can be simple text, photos, music, video, documents, or just about anything you can think of.
- CMS is the web application used to manage that is add, update, and delete the information from the website without knowing any technical information about markup languages or web technologies.
- CMS is a database driven, dynamic website that provides site owner with an administrative panel to manage the site content (Text, multimedia content) efficiently and effectively.
The focus of the Post is on WEB BASED CONTENT MANAGEMENT SYSTEM.
Why there is a Need of CMS?
Content Management System (CMS) is based on the web 2.0 concept which states that the trend will focus on the user generated content. Now look around yourself and see the other examples of user generated content as mentioned below:
1. Blog
Blog is the abbreviation of Web log. The act of writing content on the blog is known as blogging. The owner of the blog who actually manages the content is known as blogger. So the concept of blog is based on the user generated content.
2. Article Directories
To Articles directories, people submit articles for the sake of promotion of their websites. But they generate unique and informative content. The whole idea is based on the user generated content
3. Forums
Forums are based on the group discussions, which are categorized according to the topic and user s discuss and share ideas in the form of group discussions.
4. Social networking sites
Social networking is the group of people who are interacted on the basis of mutual understanding or common interest. For example if the network is based on movies and entertainment then the content of social networking sites is all about movies and entertainment.
Again the concept is based on User generated content.
Top 5 Web Content Management Systems (WCMS)
CMS web applications are type of web projects which are open source and are customizable according to the user needs and requirements.
- Open source means that their source code is open and you can modify it according to your requirements.
- Following are the Top CMS which relates to different categories
| Index |
CMS |
Categorized as |
| 1. |
Word Press |
Specialized CMS: Blogging |
| 2. |
Drupal |
General |
| 3. |
Joomla |
General |
| 4. |
Symphony CMS |
General |
| 5. |
Pligg |
Specialized CMS: Social networking |

Word Press
- Word press is the one example of implementation to web 2.0 trend.
- Word press is the open source blogging platform. Anyone can down the word press project files which are customizable and can be coded further. But intentionally it is meant for making your own blog website without coding.
- Word press is based on PHP platform and My Sql. You can modify and enhance its database by establishing connection to My Sql. If you want coding less connection use Easy php.
- Word press offered extensive range of features which are beneficial for the user.
- Latest Version is available for download Word Press 2.9.2
Following are the listed down features of Word press:
| Index |
Features |
Availability /Description |
| 1. |
GNU (General Public License) Free |
Yes |
| 2. |
Customization (Open source) |
Yes |
| 3. |
Word press Project Download and installation |
Yes |
| 4. |
Theme installation |
Yes |
| 5. |
Custom CSS |
Yes |
| 6. |
Multi Author support |
Yes |
| 7. |
Web Hosting Requirement |
Yes |
| 8. |
Google Mail Integration Support |
Yes |
| 9. |
Admin Panel/ Dash Board |
Yes |
| 10. |
Plug in installations |
Yes |
| 11. |
Really Simple Syndication |
Yes |
| 12. |
Avatar Support |
Yes |
| 13. |
Spam Protection |
Yes |
| 14. |
Import and Export Blog posts |
Yes |
| 15. |
Sitemap support |
Yes |
| 16. |
Inserting Multimedia Items |
Yes |
| 17. |
Social Media Compatibility |
Yes |
| 18. |
Categories and Tagging |
Yes |

Drupal
- Drupal is web based CMS written in PHP with database support of My Sql.
- Drupal is the Open source web based CMS which is defined for any kind of website for managing content.
- Latest Version is available for download Drupal 7.0 Alpha5
Following are the listed down features of Drupal:
| Index |
Features |
Availability /Description |
| 1. |
Collaborative Book |
It is a remarkable feature that allows creating Virtual Book and allowing individuals to contribute in writing the content. |
| 2. |
URL Friendliness |
Drupal uses rewriting concept via Apache’s mod_rewrite to make the pretty URL which are friendly for both users and search engines. |
| 3. |
Modules |
Drupal core functionality is divided into number of modules or you say plug ins. “View” is the one example of Drupal module which enables designers to control how lists or table of content are presented? |
| 4. |
Online Help |
Yes |
| 5. |
Personalization |
The concept of personalization is perfectly implemented both the in the content and presentation prospect. |
| 6. |
Role based Permissions |
Yes |
| 7. |
Searching Capabilities |
All content is fully based on the Index Searching. |
| 8. |
Authentication |
Local and External Authentication source like Blogger, Jabber or Live Journal is supported by Drupal. |
| 9. |
Content Templating |
Drupal’s theme separates content from the presentation layer thus provide the better opportunities for visualizing the content. |
| 10. |
Blogger Support API |
Yes |
| 11. |
Generate RSS Support |
Yes |
| 12. |
News Aggregator |
Built in Powerful XML reader support |
| 13. |
Permalinks |
All the content has support with permalinks so that people may browser for any content online without the fear of broken links. |
| 14. |
Platform Independence |
Yes |
| 15. |
All O/S supported |
Yes |
| 16. |
Administration Panel |
Analysis, tracking, statistics, logging and reporting with complete web based administration support in Drupal. |
| 17. |
Caching |
This mechanism reduces servers load and increased performance and scalability |

Joomla
- Joomla is the award winning Content Management System
- Joomla enables you to developed powerful websites and online web applications.
- A few Examples of Joomla CMS are as mentioned:
- Corporate Web sites or portals
- Corporate intranets and extranets
- Online magazines, newspapers, and publications
- E-commerce and online reservations
- Government applications
- Small business Web sites
- Community-based portals
- Personal or family homepages
Latest Version is available for download Joomla
Following are the features list supported by Joomla:
| Index |
Features |
Availability /Description |
| 1. |
User Management |
Powerful registration support is available; there are nine user groups with different type of permissions for add, edit, read or write. |
| 2. |
Media Manager |
Media manager is the tool available for managing all kind of media. The tool is added with the content editor. |
| 3. |
Language Manager |
There is a support for multiple languages available in Joomla.
Multiple languages are supported in a single website or web application. For example website on single language and admin panel on other language. |
| 4. |
Banner Management |
It’s very easy to manage banners of the website with impressions, special URL’s using Banner manager in Joomla. |
| 5. |
Database driven sites |
Yes |
| 6. |
News, Product & services section support |
Full support Available |
| 7. |
Layouts |
Fully customizable , left, right, center |
| 8. |
Forums/ Poll/ Voting |
Yes |
| 9. |
All OS supported |
Yes |
| 10. |
Contact Management |
Extensive support in Joomla, Easy to find the contact of the person. |
| 11. |
Syndication RSS, News feed Management |
Yes |
| 12. |
Web Services |
Remote procedures call, via HTTP, XML. |
| 13. |
Complete Image Library |
PNG, PDF, Docx, xls, Gif, jpeg |

Symphony CMS
- Symphony CMS gives you remarkable support to build anything you want from small websites to large web applications.
- It being easy to developed or build a simple blog, news website or social networking website.
- In Symphony, the data logic and presentation layer all are independent. In other words you can make changes with a less effort.
- Moreover it keeps the system small thin and precise.
- Symphony CMS is based on XSLT content Management System.
- You may seem Symphony CMS lacking in features because it came for supporting developers to add new features rather than pre-installed features.
- Latest Version is available for download Symphony CMS
Please review the features of “Symphony CMS” mentioned below:
| Index |
Features |
Availability /Description |
| 1. |
XSLT templating |
Yes |
| 2. |
Interface |
Simple and Clean |
| 3. |
Forums support |
Yes |
| 4. |
Debugging support |
Extensible Support. |
| 5. |
Output content support |
Html, x-Html, CSV, PDF and support other format. |
| 6. |
Top CMS features |
Forums, blogs, portfolio |
| 7. |
MVC principles |
Yes |
| 8. |
Features based on Four Attributes |
Fields: Atomic data types e. g person name
Sections: Logical container of fields
Data Sources: XML snippets
Events: Actionable logic such as posting comment. |

Pligg
- Pligg is very famous open source web based CMS.
- Pligg is the free social networking web based CMS that encourages online visitors to come on the site, share content and connects with other users.
- So it is specialized in Social networking community.
- Latest is Version available for download Pligg
Following are the features supported by Pligg as mentioned below:
| Index |
Features |
Availability /Description |
| 1. |
Groups |
Social networking is the group of people who share information with common interest. So the articles are shared among groups or topical wise in groups. |
| 2. |
Private Message |
A social networking site without chat is incomplete, so pligg provides private messaging feature. |
| 4. |
Advanced Comment System |
Article commenting system, Other user’s commenting rating is also supported by pligg. |
| 5. |
User Management |
Yes/ Based on individualization. |
| 6. |
Avatar |
Yes |
| 7. |
RSS feed |
Yes |
| 8. |
SEO enabled |
Yes |
| 9. |
Multiple languages support |
Yes |
| 10 |
Smart Templates |
Yes |
| 11. |
Customization |
You don’t need to edit the pligg code, Because there is wide range of modules available which can enhance your pligg functionality |
Conclusion:
When we talk about data what is its meaning? A data is an entity which is raw material. When it is arranged in a way that it provides useful meaning is known as Information. In today’s era it is known that data is the most valuable entity in the world. An organization success is heavily based on the data. Internet is the primary source of information in today’s world.
Thus Information, data, content are the different words but have the same context. Web 2.0 theory is based on the user generated content so that every user gets benefited from the internet as a resource.
In order to manage the content, “Content Management System” is the application software used to manage the content of the website or desktop application. Cyber designz as a professional web design company strictly follow these trends and technologies & provides the cost effective web solutions for your business needs.
