Which Browsers Should You Use For HTML5 And CSS3 Programming

{“appState”:{“pageLoadApiCallsStatus”:true},”articleState”:{“article”:{“headers”:{“creationTime”:” T13:17:47+00:00″,”modifiedTime”:” T13:17:47+00:00″,”timestamp”:” T18:05:22+00:00″},”data”:{“breadcrumbs”:[{“name”:”Technology”,”_links”:{“self”:”-api.dummies.com/v2/categories/33512″},”slug”:”technology”,”categoryId”:33512},{“name”:”Programming & Web Design”,”_links”:{“self”:”-api.dummies.com/v2/categories/33592″},”slug”:”programming-web-design”,”categoryId”:33592},{“name”:”HTML5″,”_links”:{“self”:”-api.dummies.com/v2/categories/33601″},”slug”:”html5″,”categoryId”:33601}],”title”:”Which Browsers Should You Use for HTML5 and CSS3 Programming?”,”strippedTitle”:”which browsers should you use for html5 and css3 programming?”,”slug”:”which-browsers-should-you-use-for-html5-and-css3-programming”,”canonicalUrl”:””,”seo”:{“metaDescription”:”The browser is the primary tool of the web. So for HTML5 and CSS3 programming, you should have a working knowledge because all your users view your page with on”,”noIndex”:0,”noFollow”:0},”content”:”The browser is the primary tool of the web. So for HTML5 and CSS3 programming, you should have a working knowledge because all your users view your page with one browser or another.

\nMicrosoft Internet Explorer 10
\nMicrosoft Internet Explorer (IE) remains a dominant player on the Internet. Explorer is still extremely prevalent because it comes installed with Microsoft Windows. Of course, it also works exclusively with Microsoft Windows. Mac and Linux aren’t supported.

\nVersion 10 of IE finally has respectable for the major parts of the HTML5 standard. If you write pages according to the version of HTML5, you can expect your page to work well in IE10. Most features will also work in IE9, but not all.

\nOlder versions of Internet Explorer
\nThe earlier versions of IE are still extremely important because so many computers out there don’t have 10 installed yet. Version 6 was the dominant player in the Internet for some time, and it refuses to die. However, it will not play well with modern standards, so it’s considered obsolete by most developers.

\nMozilla Firefox
\nFirefox is a major improvement on IE from a programmer’s point of view, for the following reasons:

\n *
* Better code view: If you view the HTML code of a page, you see the code in a special window. The code has syntax coloring, which makes it easy to read. Some versions of IE display code in Notepad, which is confusing because you think you can edit the code, but you’re simply editing a copy. \n
*
* Better error-handling: You’ll make mistakes. Generally, Firefox does a better job of pointing out errors than IE, especially when you begin using JavaScript and other advanced technologies. \n
*
* Great extensions: Firefox has some wonderful extensions that make web development a lot easier. These extensions allow you to modify your code on the fly, automatically validate your code, and explore the structure of your page dynamically. \n
*
* Multi-platform support: IE works only on the Windows operating system, so it isn’t available to Mac or Linux users. Even if you’re a Windows-only developer, your users may use something else, so you need to know how the other browsers see things. \n
*

\nWebKit/Safari
\nThe default browser for Mac and the iPhone/iPad Operating System (iOS) is called Safari. It’s a powerful browser built on the WebKit rendering engine. Safari was designed with standards-compliance and speed in mind. Your Mac and iOS users will almost certainly be using Safari, so you should know something about it. Chrome uses WebKit as well, so if things look good on Chrome, you’re likely fine with your Apple users.

\nGoogle Chrome
\nGoogle sees the future of computing in browser-based applications using AJAX technologies. The Chrome browser is extremely fast, especially in the JavaScript technology that serves as the foundation to this strategy. In addition, Chrome has a number of developer toolkits that makes it the hands-down favorite browser for many web developers. Here are the highlights:

\n *
* Real-time page editing: You can go to any web page, right click ‘inspect this element’ and modify the text of that element in real time. You can then see what the element looks like with new content. You can select a part of the page to see which page corresponds to the code, and you can select the code and see which part of the page that code represents. \n\n
*
* Page Outline: A well-designed web page is created in outline form, with various elements nested inside each other. The elements view allows you to see the web page in this format, with the ability to collapse and expand elements to see your page’s structure clearly. \n
*
* Realtime CSS Edit: As you discover how to apply CSS styles, you’ll want to be able to see how various CSS rules change your page. In the Inspect Element view, you can highlight a part of your page and change the CSS while seeing how the change affects your page in real time. \n
*
* Network Tab: This feature allows you to examine how long each piece of your page takes to load. It can be helpful for troubleshooting a slow-loading page. \n
*
* Sources View: This allows you to see the complete code of your page. It’s especially useful when you get to JavaScript programming because it includes a powerful debugging suite. \n
*
* Console: The console view is a little command-line tool integrated directly into your browser. This can be very helpful because it often shows errors that are otherwise hidden from view. The console is most useful when using JavaScript. \n
*

\nOther notable browsers
\nFirefox and IE are the big players in the browser world, but they certainly aren’t the only browsers you will encounter.

\nOpera
\nThe Opera web browser, one of the earliest standards-compliant browsers, is a technically solid browser that has never been widely used. If you design your pages with strict compliance in mind, users with Opera have no problems accessing them. Opera has very good HTML5 compliance. Many gaming consoles and mobile devices have browsers based on Opera, so it’s worth looking into.

\nWebKit/Safari
\nApple includes a web browser in all recent versions of Mac OS. The current incarnation — Safari — is an excellent standards-compliant browser. Safari was originally designed only for the Mac, but a Windows version is also available. The WebKit framework, the foundation for Safari, is used in a number of other online applications, mainly on the Mac. A modified version of Safari is the foundation of the browsers on iOS.

\nText-only browsers
\nSome browsers that don’t display any graphics at all (such as Lynx) are intended for the old command-line interfaces. While seemingly irrelevant, these browsers are incredibly fast because they don’t display graphics. Auditory browsers read the contents of web pages. They were originally intended for people with visual disabilities, but people without any disabilities often use them also. Fire Vox is a variant of Firefox that reads web pages aloud.

“,”description”:”The browser is the primary tool of the web. So for HTML5 and CSS3 programming, you should have a working knowledge because all your users view your page with one browser or another.

\nMicrosoft Internet Explorer 10
\nMicrosoft Internet Explorer (IE) remains a dominant player on the Internet. Explorer is still extremely prevalent because it comes installed with Microsoft Windows. Of course, it also works exclusively with Microsoft Windows. Mac and Linux aren’t supported.

\nVersion 10 of IE finally has respectable for the major parts of the HTML5 standard. If you write pages according to the version of HTML5, you can expect your page to work well in IE10. Most features will also work in IE9, but not all.

\nOlder versions of Internet Explorer
\nThe earlier versions of IE are still extremely important because so many computers out there don’t have 10 installed yet. Version 6 was the dominant player in the Internet for some time, and it refuses to die. However, it will not play well with modern standards, so it’s considered obsolete by most developers.

\nMozilla Firefox
\nFirefox is a major improvement on IE from a programmer’s point of view, for the following reasons:

\n *
* Better code view: If you view the HTML code of a page, you see the code in a special window. The code has syntax coloring, which makes it easy to read. Some versions of IE display code in Notepad, which is confusing because you think you can edit the code, but you’re simply editing a copy. \n
*
* Better error-handling: You’ll make mistakes. Generally, Firefox does a better job of pointing out errors than IE, especially when you begin using JavaScript and other advanced technologies. \n
*
* Great extensions: Firefox has some wonderful extensions that make web development a lot easier. These extensions allow you to modify your code on the fly, automatically validate your code, and explore the structure of your page dynamically. \n
*
* Multi-platform support: IE works only on the Windows operating system, so it isn’t available to Mac or Linux users. Even if you’re a Windows-only developer, your users may use something else, so you need to know how the other browsers see things. \n
*

\nWebKit/Safari
\nThe default browser for Mac and the iPhone/iPad Operating System (iOS) is called Safari. It’s a powerful browser built on the WebKit rendering engine. Safari was designed with standards-compliance and speed in mind. Your Mac and iOS users will almost certainly be using Safari, so you should know something about it. Chrome uses WebKit as well, so if things look good on Chrome, you’re likely fine with your Apple users.

\nGoogle Chrome
\nGoogle sees the future of computing in browser-based applications using AJAX technologies. The Chrome browser is extremely fast, especially in the JavaScript technology that serves as the foundation to this strategy. In addition, Chrome has a number of developer toolkits that makes it the hands-down favorite browser for many web developers. Here are the highlights:

\n *
* Real-time page editing: You can go to any web page, right click ‘inspect this element’ and modify the text of that element in real time. You can then see what the element looks like with new content. You can select a part of the page to see which page corresponds to the code, and you can select the code and see which part of the page that code represents. \n\n
*
* Page Outline: A well-designed web page is created in outline form, with various elements nested inside each other. The elements view allows you to see the web page in this format, with the ability to collapse and expand elements to see your page’s structure clearly. \n
*
* Realtime CSS Edit: As you discover how to apply CSS styles, you’ll want to be able to see how various CSS rules change your page. In the Inspect Element view, you can highlight a part of your page and change the CSS while seeing how the change affects your page in real time. \n
*
* Network Tab: This feature allows you to examine how long each piece of your page takes to load. It can be helpful for troubleshooting a slow-loading page. \n
*
* Sources View: This allows you to see the complete code of your page. It’s especially useful when you get to JavaScript programming because it includes a powerful debugging suite. \n
*
* Console: The console view is a little command-line tool integrated directly into your browser. This can be very helpful because it often shows errors that are otherwise hidden from view. The console is most useful when using JavaScript. \n
*

\nOther notable browsers
\nFirefox and IE are the big players in the browser world, but they certainly aren’t the only browsers you will encounter.

\nOpera
\nThe Opera web browser, one of the earliest standards-compliant browsers, is a technically solid browser that has never been widely used. If you design your pages with strict compliance in mind, users with Opera have no problems accessing them. Opera has very good HTML5 compliance. Many gaming consoles and mobile devices have browsers based on Opera, so it’s worth looking into.

\nWebKit/Safari
\nApple includes a web browser in all recent versions of Mac OS. The current incarnation — Safari — is an excellent standards-compliant browser. Safari was originally designed only for the Mac, but a Windows version is also available. The WebKit framework, the foundation for Safari, is used in a number of other online applications, mainly on the Mac. A modified version of Safari is the foundation of the browsers on iOS.

\nText-only browsers
\nSome browsers that don’t display any graphics at all (such as Lynx) are intended for the old command-line interfaces. While seemingly irrelevant, these browsers are incredibly fast because they don’t display graphics. Auditory browsers read the contents of web pages. They were originally intended for people with visual disabilities, but people without any disabilities often use them also. Fire Vox is a variant of Firefox that reads web pages aloud.

“,”blurb”:””,”authors”:[{“authorId”:9189,”name”:”Andy Harris”,”slug”:”andy-harris”,”description”:” Andy Harris earned a degree in Special Education from Indiana University/Purdue University–Indianapolis (IUPUI). He taught young adults with severe disabilities for several years. He also taught himself enough computer programming to support his teaching habit with freelance programming.
Those were the exciting days when computers started to have hard drives, and some computers connected to each other with arcane protocols. He taught programming in those days because it was fun.
Eventually, Andy decided to teach computer science full time, and he still teaches at IUPUI. He lectures in the applied computing program and runs the streaming media lab. He also teaches classes in whatever programming language is in demand at the time. He has developed a large number of online video-based courses and international distance education projects.
Andy has written several books on various computing topics and languages including Java, C#, mobile computing, JavaScript, and PHP/MySQL.
Andy welcomes comments and suggestions about his books. He can be reached at [email protected]”,”hasArticle”:false,”_links”:{“self”:”-api.dummies.com/v2/authors/9189″}}],”primaryCategoryTaxonomy”:{“categoryId”:33601,”title”:”HTML5″,”slug”:”html5″,”_links”:{“self”:”-api.dummies.com/v2/categories/33601″}},”secondaryCategoryTaxonomy”:{“categoryId”:34324,”title”:”CSS3″,”slug”:”css3″,”_links”:{“self”:”-api.dummies.com/v2/categories/34324″}},”tertiaryCategoryTaxonomy”:{“categoryId”:0,”title”:null,”slug”:null,”_links”:null},”trendingArticles”:null,”inThisArticle”:[{“label”:”Microsoft Internet Explorer 10″,”target”:”#tab1″},{“label”:”Older versions of Internet Explorer”,”target”:”#tab2″},{“label”:”Mozilla Firefox”,”target”:”#tab3″},{“label”:”WebKit/Safari”,”target”:”#tab4″},{“label”:”Google Chrome”,”target”:”#tab5″},{“label”:”Other notable browsers”,”target”:”#tab6″}],”relatedArticles”:{“fromBook”:[{“articleId”:207788,”title”:”HTML5 and CSS3 All-in-One For Dummies Cheat Sheet”,”slug”:”html5-and-css3-all-in-one-for-dummies-cheat-sheet”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/207788″}},{“articleId”:203865,”title”:”How to Use IrfanView’s Built-In Effects for HTML5 and CSS3 Programming”,”slug”:”how-to-use-irfanviews-built-in-effects-for-html5-and-css3-programming”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/203865″}},{“articleId”:203862,”title”:”How to Implement a Database in MySQL for HTML5 and CSS3 Programming”,”slug”:”how-to-implement-a-database-in-mysql-for-html5-and-css3-programming”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/203862″}},{“articleId”:203861,”title”:”How to Run a Script with phpMyAdmin in SQL for HTML5and CSS3 Programming”,”slug”:”how-to-run-a-script-with-phpmyadmin-in-sql-for-html5and-css3-programming”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/203861″}},{“articleId”:203857,”title”:”How to Register a Domain Name for Your HTML5 and CSS3 Site”,”slug”:”how-to-register-a-domain-name-for-your-html5-and-css3-site”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/203857″}}],”fromCategory”:[{“articleId”:207867,”title”:”Beginning HTML5 & CSS3 For Dummies Cheat Sheet”,”slug”:”beginning-html5-css3-for-dummies-cheat-sheet”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/207867″}},{“articleId”:207816,”title”:”HTML5 & CSS3 For Dummies Cheat Sheet”,”slug”:”html5-css3-for-dummies-cheat-sheet”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/207816″}},{“articleId”:207788,”title”:”HTML5 and CSS3 All-in-One For Dummies Cheat Sheet”,”slug”:”html5-and-css3-all-in-one-for-dummies-cheat-sheet”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/207788″}},{“articleId”:204537,”title”:”How to Create a New JavaScript File in Komodo Edit”,”slug”:”how-to-create-a-new-javascript-file-in-komodo-edit”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/204537″}},{“articleId”:204532,”title”:”How to Create Cascading Style Sheets (CSS) Simply and Easily”,”slug”:”how-to-create-cascading-style-sheets-css-simply-and-easily”,”categoryList”:[“technology”,”programming-web-design”,”html5″],”_links”:{“self”:”-api.dummies.com/v2/articles/204532″}}]},”hasRelatedBookFromSearch”:false,”relatedBook”:{“bookId”:281736,”slug”:”html5-and-css3-all-in-one-for-dummies-3rd-edition”,”isbn”:” “,”categoryList”:[“technology”,”programming-web-design”,”html5″],”amazon”:{“default”:”/gp/product/ /ref=as_li_tl?ie=UTF8&tag=wiley01-20″,”ca”:”/gp/product/ /ref=as_li_tl?ie=UTF8&tag=wiley01-20″,”indigo_ca”:”/click ?url=/en-ca/books/product/ item.html&cjsku= “,”gb”:”/gp/product/ /ref=as_li_tl?ie=UTF8&tag=wiley01-20″,”de”:”/gp/product/ /ref=as_li_tl?ie=UTF8&tag=wiley01-20″},”image”:{“src”:”/wp-content/uploads/html5-and-css3-all-in-one-for-dummies-3rd-edition-cover x255.jpg”,”width”:203,”height”:255},”title”:”HTML5 and CSS3 All-in-One For Dummies”,”testBankPinActivationLink”:””,”bookOutOfPrint”:false,”authorsInfo”:”Andy Harris taught himself programming because it was fun. Today he teaches computer science, game development, and web programming at the university level; is a technology consultant for the state of Indiana; has helped people with disabilities to form their own web development companies; and works with families who wish to teach computing at home.

“,”authors”:[{“authorId”:9189,”name”:”Andy Harris”,”slug”:”andy-harris”,”description”:” Andy Harris earned a degree in Special Education from Indiana University/Purdue University–Indianapolis (IUPUI). He taught young adults with severe disabilities for several years. He also taught himself enough computer programming to support his teaching habit with freelance programming.
Those were the exciting days when computers started to have hard drives, and some computers connected to each other with arcane protocols. He taught programming in those days because it was fun.
Eventually, Andy decided to teach computer science full time, and he still teaches at IUPUI. He lectures in the applied computing program and runs the streaming media lab. He also teaches classes in whatever programming language is in demand at the time. He has developed a large number of online video-based courses and international distance education projects.
Andy has written several books on various computing topics and languages including Java, C#, mobile computing, JavaScript, and PHP/MySQL.
Andy welcomes comments and suggestions about his books. He can be reached at [email protected]”,”hasArticle”:false,”_links”:{“self”:”-api.dummies.com/v2/authors/9189″}}],”_links”:{“self”:”-api.dummies.com/v2/books/”}},”collections”:[],”articleAds”:{“footerAd”:””,”rightAd”:””},”articleType”:{“articleType”:”Articles”,”articleList”:null,”content”:null,”videoInfo”:{“videoId”:null,”name”:null,”accountId”:null,”playerId”:null,”thumbnailUrl”:null,”description”:null,”uploadDate”:null}},”sponsorship”:{“sponsorshipPage”:false,”backgroundImage”:{“src”:null,”width”:0,”height”:0},”brandingLine”:””,”brandingLink”:””,”brandingLogo”:{“src”:null,”width”:0,”height”:0},”sponsorAd”:””,”sponsorEbookTitle”:””,”sponsorEbookLink”:””,”sponsorEbookImage”:{“src”:null,”width”:0,”height”:0}},”primaryLearningPath”:”Advance”,”lifeExpectancy”:null,”lifeExpectancySetFrom”:null,”dummiesForKids”:”no”,”sponsoredContent”:”no”,”adInfo”:””,”adPairKey”:[]},”status”:”publish”,”visibility”:”public”,”articleId”:157169},”articleLoadedStatus”:”success”},”listState”:{“list”:{},”objectTitle”:””,”status”:”initial”,”pageType”:null,”objectId”:null,”page”:1,”sortField”:”time”,”sortOrder”:1,”categoriesIds”:[],”articleTypes”:[],”filterData”:{},”filterDataLoadedStatus”:”initial”,”pageSize”:10},”adsState”:{“pageScripts”:{“headers”:{“timestamp”:” T10:50:01+00:00″},”adsId”:0,”data”:{“scripts”:[{“pages”:[“all”],”location”:”header”,”script”:”\r\n”,”enabled”:false},{“pages”:[“all”],”location”:”header”,”script”:”\r\n\r\n”,”enabled”:true},{“pages”:[“all”],”location”:”footer”,”script”:”\r\n\r\n”,”enabled”:false},{“pages”:[“all”],”location”:”header”,”script”:”\r\n”,”enabled”:false},{“pages”:[“article”],”location”:”header”,”script”:” “,”enabled”:true},{“pages”:[“homepage”],”location”:”header”,”script”:””,”enabled”:true},{“pages”:[“homepage”,”article”,”category”,”search”],”location”:”footer”,”script”:”\r\n\r\n”,”enabled”:true}]}},”pageScriptsLoadedStatus”:”success”},”navigationState”:{“navigationCollections”:[{“collectionId”:287568,”title”:”BYOB (Be Your Own Boss)”,”hasSubCategories”:false,”url”:”/collection/for-the-entry-level-entrepreneur “},{“collectionId”:293237,”title”:”Be a Rad Dad”,”hasSubCategories”:false,”url”:”/collection/be-the-best-dad “},{“collectionId”:294090,”title”:”Contemplating the Cosmos”,”hasSubCategories”:false,”url”:”/collection/theres-something-about-space “},{“collectionId”:287563,”title”:”For Those Seeking Peace of Mind”,”hasSubCategories”:false,”url”:”/collection/for-those-seeking-peace-of-mind “},{“collectionId”:287570,”title”:”For the Aspiring Aficionado”,”hasSubCategories”:false,”url”:”/collection/for-the-bougielicious “},{“collectionId”:291903,”title”:”For the Budding Cannabis Enthusiast”,”hasSubCategories”:false,”url”:”/collection/for-the-budding-cannabis-enthusiast “},{“collectionId”:291934,”title”:”For the Exam-Season Crammer”,”hasSubCategories”:false,”url”:”/collection/for-the-exam-season-crammer “},{“collectionId”:287569,”title”:”For the Hopeless Romantic”,”hasSubCategories”:false,”url”:”/collection/for-the-hopeless-romantic “},{“collectionId”:287567,”title”:”For the Unabashed Hippie”,”hasSubCategories”:false,”url”:”/collection/for-the-unabashed-hippie “},{“collectionId”:295430,”title”:”Have a Beautiful (and Tasty) Thanksgiving”,”hasSubCategories”:false,”url”:”/collection/have-a-wonderful-thanksgiving “}],”navigationCollectionsLoadedStatus”:”success”,”navigationCategories”:{“books”:{“0”:{“data”:[{“categoryId”:33512,”title”:”Technology”,”hasSubCategories”:true,”url”:”/category/books/technology-33512″},{“categoryId”:33662,”title”:”Academics & The Arts”,”hasSubCategories”:true,”url”:”/category/books/academics-the-arts-33662″},{“categoryId”:33809,”title”:”Home, Auto, & Hobbies”,”hasSubCategories”:true,”url”:”/category/books/home-auto-hobbies-33809″},{“categoryId”:34038,”title”:”Body, Mind, & Spirit”,”hasSubCategories”:true,”url”:”/category/books/body-mind-spirit-34038″},{“categoryId”:34224,”title”:”Business, Careers, & Money”,”hasSubCategories”:true,”url”:”/category/books/business-careers-money-34224″}],”breadcrumbs”:[],”categoryTitle”:”Level 0 Category”,”mainCategoryUrl”:”/category/books/level-0-category-0″}},”articles”:{“0”:{“data”:[{“categoryId”:33512,”title”:”Technology”,”hasSubCategories”:true,”url”:”/category/articles/technology-33512″},{“categoryId”:33662,”title”:”Academics & The Arts”,”hasSubCategories”:true,”url”:”/category/articles/academics-the-arts-33662″},{“categoryId”:33809,”title”:”Home, Auto, & Hobbies”,”hasSubCategories”:true,”url”:”/category/articles/home-auto-hobbies-33809″},{“categoryId”:34038,”title”:”Body, Mind, & Spirit”,”hasSubCategories”:true,”url”:”/category/articles/body-mind-spirit-34038″},{“categoryId”:34224,”title”:”Business, Careers, & Money”,”hasSubCategories”:true,”url”:”/category/articles/business-careers-money-34224″}],”breadcrumbs”:[],”categoryTitle”:”Level 0 Category”,”mainCategoryUrl”:”/category/articles/level-0-category-0″}}},”navigationCategoriesLoadedStatus”:”success”},”searchState”:{“searchList”:[],”searchStatus”:”initial”,”relatedArticlesList”:[],”relatedArticlesStatus”:”initial”},”routeState”:{“name”:”Article3″,”path”:”/article/technology/programming-web-design/html5/which-browsers-should-you-use-for-html5-and-css3-programming /”,”hash”:””,”query”:{},”params”:{“category1″:”technology”,”category2″:”programming-web-design”,”category3″:”html5″,”article”:”which-browsers-should-you-use-for-html5-and-css3-programming “},”fullPath”:”/article/technology/programming-web-design/html5/which-browsers-should-you-use-for-html5-and-css3-programming /”,”meta”:{“routeType”:”article”,”breadcrumbInfo”:{“suffix”:”Articles”,”baseRoute”:”/category/articles”},”prerenderWithAsyncData”:true},”from”:{“name”:null,”path”:”/”,”hash”:””,”query”:{},”params”:{},”fullPath”:”/”,”meta”:{}}},”dropsState”:{“submitEmailResponse”:false,”status”:”initial”},”sfmcState”:{“status”:”initial”},”profileState”:{“auth”:{},”userOptions”:{},”status”:”success”}}

Sign up for the Dummies Beta Program
to try Dummies’ newest way to learn.

The browser is the primary tool of the web. So for HTML5 and CSS3 programming, you should have a working knowledge because all your users view your page with one browser or another.

Microsoft Internet Explorer 10
Microsoft Internet Explorer (IE) remains a dominant player on the Internet. Explorer is still extremely prevalent because it comes installed with Microsoft Windows. Of course, it also works exclusively with Microsoft Windows. Mac and Linux aren’t supported.

Version 10 of IE finally has respectable for the major parts of the HTML5 standard. If you write pages according to the version of HTML5, you can expect your page to work well in IE10. Most features will also work in IE9, but not all.

Older versions of Internet Explorer
The earlier versions of IE are still extremely important because so many computers out there don’t have 10 installed yet. Version 6 was the dominant player in the Internet for some time, and it refuses to die. However, it will not play well with modern standards, so it’s considered obsolete by most developers.

Mozilla Firefox
Firefox is a major improvement on IE from a programmer’s point of view, for the following reasons:

* Better code view: If you view the HTML code of a page, you see the code in a special window. The code has syntax coloring, which makes it easy to read. Some versions of IE display code in Notepad, which is confusing because you think you can edit the code, but you’re simply editing a copy.

* Better error-handling: You’ll make mistakes. Generally, Firefox does a better job of pointing out errors than IE, especially when you begin using JavaScript and other advanced technologies.

* Great extensions: Firefox has some wonderful extensions that make web development a lot easier. These extensions allow you to modify your code on the fly, automatically validate your code, and explore the structure of your page dynamically.

* Multi-platform support: IE works only on the Windows operating system, so it isn’t available to Mac or Linux users. Even if you’re a Windows-only developer, your users may use something else, so you need to know how the other browsers see things.

WebKit/Safari
The default browser for Mac and the iPhone/iPad Operating System (iOS) is called Safari. It’s a powerful browser built on the WebKit rendering engine. Safari was designed with standards-compliance and speed in mind. Your Mac and iOS users will almost certainly be using Safari, so you should know something about it. Chrome uses WebKit as well, so if things look good on Chrome, you’re likely fine with your Apple users.

Google Chrome
Google sees the future of computing in browser-based applications using AJAX technologies. The Chrome browser is extremely fast, especially in the JavaScript technology that serves as the foundation to this strategy. In addition, Chrome has a number of developer toolkits that makes it the hands-down favorite browser for many web developers. Here are the highlights:

* Real-time page editing: You can go to any web page, right click ‘inspect this element’ and modify the text of that element in real time. You can then see what the element looks like with new content. You can select a part of the page to see which page corresponds to the code, and you can select the code and see which part of the page that code represents.

* Page Outline: A well-designed web page is created in outline form, with various elements nested inside each other. The elements view allows you to see the web page in this format, with the ability to collapse and expand elements to see your page’s structure clearly.

* Realtime CSS Edit: As you discover how to apply CSS styles, you’ll want to be able to see how various CSS rules change your page. In the Inspect Element view, you can highlight a part of your page and change the CSS while seeing how the change affects your page in real time.

* Network Tab: This feature allows you to examine how long each piece of your page takes to load. It can be helpful for troubleshooting a slow-loading page.

* Sources View: This allows you to see the complete code of your page. It’s especially useful when you get to JavaScript programming because it includes a powerful debugging suite.

* Console: The console view is a little command-line tool integrated directly into your browser. This can be very helpful because it often shows errors that are otherwise hidden from view. The console is most useful when using JavaScript.

Other notable browsers
Firefox and IE are the big players in the browser world, but they certainly aren’t the only browsers you will encounter.

Opera
The Opera web browser, one of the earliest standards-compliant browsers, is a technically solid browser that has never been widely used. If you design your pages with strict compliance in mind, users with Opera have no problems accessing them. Opera has very good HTML5 compliance. Many gaming consoles and mobile devices have browsers based on Opera, so it’s worth looking into.

WebKit/Safari
Apple includes a web browser in all recent versions of Mac OS. The current incarnation — Safari — is an excellent standards-compliant browser. Safari was originally designed only for the Mac, but a Windows version is also available. The WebKit framework, the foundation for Safari, is used in a number of other online applications, mainly on the Mac. A modified version of Safari is the foundation of the browsers on iOS.

Text-only browsers
Some browsers that don’t display any graphics at all (such as Lynx) are intended for the old command-line interfaces. While seemingly irrelevant, these browsers are incredibly fast because they don’t display graphics. Auditory browsers read the contents of web pages. They were originally intended for people with visual disabilities, but people without any disabilities often use them also. Fire Vox is a variant of Firefox that reads web pages aloud.

About This Article

This article is from the book:
Andy Harris taught himself programming because it was fun. Today he teaches computer science, game development, and web programming at the university level; is a technology consultant for the state of Indiana; has helped people with disabilities to form their own web development companies; and works with families who wish to teach computing at home.

This article can be found in the category: