Today I discuss some important web design and coding related fundamental concept that helps a web designer or developer to improve his/her coding skills efficiently.
First Concept about cross-browser testing……
1.What is cross-browser testing?
Cross-browser testing is a type of compatibility testing, which ensures that the web sites and web apps you create work across an acceptable number of different web browsers.
2.Why do cross-browser issues occur?
Different web browsers parse websites separately. As a final step in the design, it is important to check your website for any cross-browser compatibility issues. Cross-browser compatibility issues are caused by errors in website code. This means that larger browsers like google chrome read and display your website differently than Internet Explorer or Mozilla Firefox.
Example:
3.Tips to Avoid Cross-browser Compatibility issues
To avoid cross-browser compatibility issues you can following these steps:
Understand Browser Differences:
The first thing a web designer needs to know before designing a website is the difference between browsers and how they handle elements. This awareness alone can go a long way in ensuring that design does not lead to cross-browser compatibility issues that cannot be corrected.
Clean Code:
A website with clean code and no avoidable elements that may be interpreted differently by different browsers will run smoothly across the browsers.
HTML Editor Selector:
The HTML editor you choose while creating your website often adds lines of code that can create cross-browser compatibility issues. Dreamweaver’s HTML editor is an excellent choice provided you convert layers into tables.
Style Sheets:
CSS all styles may be compatible with all versions of every browser. Web designers need to be aware of this and select styles that will have the least impact on cross-browser compatibility.
Cross-Browser Testing:
The last thing is to test your website in as many different browsers as possible before releasing it. There are many free and paid cross-browser testing tools available to check all versions of multiple browsers.
The second Concept about Error Handling “Try… Catch”
What is Error Handling?
No matter how big of a programmer you are, your program may be shut down for code errors or the program may block any incorrect input from the user and the server may stop responding in advance for the incorrect feedback. Due to all these problems, error handling is used so that the program does not stop.
Try…Catch Handling
The Try statement lets you check a block of codes for Error.
The Catch will handle the exception or error that will be caught in the program.
Example:
If there is no error in the try statement then the catch statement will not work. But if there is an error in the try statement, the catch statement will handle it instead.