Category : Web Development

Now Offering Free Web Tools!

Posted by admin at 7:15 pm

MamdaniWeb now offering premium web tools for FREE of cost to our users. These Tools are categorized as follows:

Link Tools
Keyword Tools
Search Engine Tools
Authority Link Tools
Website Rank Checkers
Multi-Site Rank Checkers
Header/Tag Tools
IP Tools
Miscellaneous Tools
Source Code Tools
Social Web Tools

Please Click Here to visit Free Tools Page. Use these tools for Absolutely FREE. Hope you guys like these tools.

Web Development Tips

Posted by admin at 9:04 pm

Cool General Website Development Tips & Tricks

Check out these cool web development tips and tricks. Our tips range from design, programming and promotion to working with Dreamweaver, Fireworks and Flash.

Dreamweaver Tips

• Use a common structure for your site pages.
• Place common code into include files.
• Create rollover buttons/images in Dreamweaver.

JavaScript (DHTML) Tips

Self-submitting and URL redirecting list Box:
This tip tell you how to make a list box that directs the user to another page when one of the options is just selected.

• If you have a Category list (select) box in a form named ‘frmTemp’ (whose action should be null) then just have the following code in the select box <select> tag.
  < select onchange=”document.forms['frmTemp'].submit()” name=”lstCategory”.>
• Now in the <option>tag have the value of each option as the URL of the page you want to redirect to.
• Now in the programming language that you are using check if the form has been submitted and redirect the page to the URL got from the value of ‘lstCategory’.
• Remember page redirection should be done before sending any data to the users browser.

Active Server Pages (ASP) Tips

Good ‘ASP dealing with the Database’ Coding Practices:

• When dealing with Databases it is always advisable to ‘Open the connection at the latest and Close it at the earliest’.
• Don’t create recordsets for insert and update statements. If your database connection name is ‘DBConn’ then use DBConn.execute (SQLString).
• Use stored procedures to the Max. They are inevitable faster than executing SQL statements.
• For the display of records for ‘read only and forward only cursor movement’ operation use the ‘Set rsRecordSet=DBConn.execute(“Select SQL statement”)’ statement.
• Set all variables assigned using the ‘SET’ operator to ‘Nothing’ as soon as you are finished with using them. This includes the Connection Object, Recordsets, fields, etc

SQL Server Tips

Null Data Entry: When working in your SQL data display pane you might want to place a null value that stores the value truly as ‘<null>’. For achieving this just select the cell and press the ‘Ctrl’+’0′ (Zero) keys.

Flash Tips

Optimization Tricks for obtaining very small sized flash movies for the web:

• Do not use the ‘Include all font outlines’ option when using text boxes.
• Using common fonts will not increase the size of the movie as much as using uncommon ones.
• Use minimum no of frames and small symbols that can be enlarged.

Search Engine Optimization Tips

The golden rule for effective SEO is that all your important keywords should appear in your title, description, content and alt tags of your web page. This increases your keyword density and helps in boosting your ranking with the search engines.

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!

Professional Web Design

Posted by admin at 8:54 pm

Helpful Tips for Professional Web Designers

In this article we talk about some key aspects of Professional Web Design and impart tips on how to become a professional web designer.

What is Professional Web Design?

Simply put, professional web design is a highly creative career where you are (or your company is) selling your web design skills as a professional. For this the quality of your design and programming work determines weather you are truly a professional web designer. Apart from hard work and dedication to your work, which is a common requirement for most careers, this career requires a high level of inborn creativity plus learn-and-apply intelligence. To become a skilled professional these qualities need to be advanced and worked on over a period of at least 2-3 years. Thus these skills cannot be learnt overnight. In this profession, there is no stopping to the improvement you can make to your work quality as there is always something to learn as technology constantly advances.

Professional Web Designer Tips

• To become a high level Professional Web Designer you need to set a standard for yourself that is on par with the best web designers in the global market.
• ‘See, learn, practice’ should be your mantra when you see better designs than what you can produce.
• Your site graphics (colors, shapes, textures, effects) should always been neat and impressive. There should not be a hint of gaudiness or impatience in the design. Symmetry should be maintained wherever possible (between curves, distances between buttons, links, etc).
• Learn CSS and HTML Programming well – This is the single most important tip we can give you. You cannot be a complete web designer without knowing CSS and HTML in and out. If you don’t have an aptitude for this make sure you have someone working with you who does.
• Learn how to design for all screen resolutions – this is to do with CSS & HTML programming and not with just Fireworks or Photoshop layout design.
• Always check if your site pages comply to W3C standards. Check out your site URL in W3C CSS Validator and W3C Markup Validator.
• Help out people around you and in the design community. Teaching is the best way to gain more knowledge.

We hope you found this article interesting and helpful.

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!

Fast loading Website Tips

Posted by admin at 8:09 pm

10 Important Tips for a fast loading web site

It is important to have a reasonably fast loading web site so that viewers are not made to wait for a long time and to accommodate users on slow internet connections. Search engine algorithms also do take into consideration your load time.

Learn how to create and maintain a fast loading web site with these useful tips on load time and website optimization. Follow these tips while designing, programming and maintaining your web-site:

1. Optimize your HTML code

   Make sure that your site doesn’t have any unwanted tags or broken links and that it is optimized for load time. Errors on your web pages can slow down your website – Make sure your website is error free!

2. Maximize content area

   This not only reduces load time, it enhances the readability of your site.

3. Minimize use of graphics, Flash and scripts

   These are the major contributors to the size of your web page, so try minimizing them. Try using background colors and fills instead of heavy images.

4. Optimize all heavy files

   As much as possible optimize heavy graphics, Flash files and scripts. In editors like fireworks and flash you can see the various options in the preview panel to reduce the sizes. See how popular web sites like google and yahoo have pages that are very small in size and thus load in seconds.

5. Stick to simple designs

   Most fast loading sites have very simple designs. Take the hint! Complicated designs will slow down your pages.

6. Spread out your content neatly

   In case you find yourself having very long pages of content, break them down into separate logical sections and thus bring down the sizes of the individual pages.

7. Use Text Links instead of graphic buttons

   Basically try to make use of text links as much as possible as they are easier to maintain. Use CSS Styles for text links to make them as attractive as buttons.

8. Use Server Side Include (SSI) files

   SSI files once called from the web server reside in its cache so on subsequent requests they load faster. Use them where ever possible.

9. Use Div tags instead of Tables

   Go in for a pure CSS tableless design right from the beginning. Using Div tags instead of tables for your design is what you need to do for better load time and total control over your layout. It also ensures that it is scalable for whenever you want to make design changes in the future.
   Read our CSS Website Design with Dreamweaver and Fireworks tutorial series.

   Effective Table Design: In case you must use tables use them wisely and sparingly. Design using nested tables instead of using cell merges and splits. Use separate tables where ever possible. Not designing for 100% height is better as if you use just one outer table, the web page is displayed only after the table is loaded fully. If many outer tables are present [you can have different tables for the header, content, footer, etc.] the page displays the content of each table as soon as its elements are loaded.

10. Check your W3C standard validity and Load time regularly

    To maintain an excellent website you must give thought to how to improve your website on an almost daily basis! Maintain an error free website and tweek it regularly. Do remember to check your Load time and W3C code and CSS validity regularly.

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!

Web site Navigation Tips

Posted by admin at 7:46 pm

Site Navigation Design Tips for user friendly websites

Navigation of links on your site plays a big role in determining the stickiness of your site (how long your visitor stays and explores your site). Ask yourself this, What do visitors do as soon as they open your site? They would probably read the content of the present page and then look around to find any other page that interests them. Read On!

Give importance to Layout and Navigation

A clean layout and neat navigation and using a lot of white space for your site enhances its looks. Try to keep the focus on your content. That is why we recommend using dreamweaver templates for your site – all pages or a group of pages have one basic design and only the content varies – this way even if your site is a little distracting due to necessary effects, your design is noted once (hopefully with a appreciative eye and then the visitor focused on the content automatically.

Here are a few important tips:

• Prepare your site navigation before designing to prevent cluttering up the site with forgotten links.
• A clean-cut and uniform navigation system is a must.
• If you have too many links then you should use drop-down menus or flyouts for your main topics. If you have Fireworks create your drop-down menu navigation during the design stage or Dreamweaver then use the drop-down menus behavior are one of their most popular in-built “Behaviors”. Otherwise you can contact us for suggestions.
• Maintain a site map or section contents/home pages to help people find what they are looking for with ease.
• The navigation should be flexible enough to accommodate any amount of additional links in case you probably will be adding pages periodically. For this using drop-down menus or section home pages is a must.
• Keep your main links together as much as possible so that visitors can absorb them at one shot and know what your site conveys about your company. Check out how all our major links appear in our top navigation bar and all related section links are listed in the right hand side menu.
• There is no harm is showcasing important links (even repeated links) that you think might interest the visitor. Small boxes describing the link should look good.
• If you like a graphic intensive site and find there is not much space for accommodating all your links, you can have a separate home (splash) page and all other pages as content pages. Thus your home page can have visual appeal and your inner content pages can have elaborate navigation structures while focusing on the content.
• Use your navigation space efficiently. Use short, clear and precise words in your links so that your visitors know what the corresponding page will contain.

Take a look at our Custom Web Design Portfolio and Contact Us for any help.

We would love to hear your comments and any suggestions on future tutorials we can add to this section. Thanks!