13 Essential Tools to Check Cross-Browser Compatibility With an endless combination of modern and legacy browsers for users to choose from (depending on their system capabilities), it's our responsibility as designers and developers to ensure the websites we build perform adequately. Testing multiple browsers on multiple platforms isn't just difficult — it can be virtually impossible without the correct resources. However there are tools that let you comprehensively test your website, and check if it successfully displays across various browsers, platforms and resolutions. That way, your users will receive a positive, user-friendly experience no matter what their setups are. Below is a curated list of both free and premium cross-browser testing tools, ranging from cloud platforms to desktop applications. These tools will help you easily test everything from versions of Internet Explorer versions to more than 300 modern browser combinations. Show As Gallery Have something to add to this story?
Dos and Don’ts in JavaScript A few best practices for when you’re learning the language With every programming language, there’s a list of do’s and don’ts and JavaScript is no exception. Some of these best practices are there for your protection (like always always always using semi-colons!), some to make your code more readable and less error-prone, and some to increase the efficiency of your code. If you search for “best practices JavaScript” you’ll find lots of great information on the topic. In this installment of Head First JavaScript Programming Teasers, we take a look at a few common best practices that will help make your code more readable, make the best use of the language, and make your code a bit more efficient.
Schepp/CSS-Filters-Polyfill Become a Professional JavaScript Developer with Tuts+ Courses A long time ago, in a galaxy far, far away, JavaScript was a hated language. In fact, “hated” is an understatement; JavaScript was a despised language. As a result, developers generally treated it as such, only tipping their toes into the JavaScript waters when they needed to sprinkle a bit of flair into their applications. Ironically, it turns out that much of what the development community hated had very little to do with the JavaScript language itself. Luckily, the community has matured immensely since those days. The Basics As a first step into these waters, an understanding of the fundamentals will prove essential. JavaScript FundamentalsWithout a doubt, JavaScript is the most popular programming language in the world. Advanced JS FundamentalsThis follow-up course will focus on DOM scripting and events. Object-Oriented JavaScriptJavaScript is not a strict object-oriented language, but it does have the features of one. The Wonder of jQuery jQuery on the Go Modern Frameworks Tools
HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions ssw by Matthias Schäfer$.store by Rodney Rehmlawnchair by Brian Lerouxstore.js by Marcus WestinPersistJS by Paul DuncanSquirrel.js by Aaron GustafsonjStorage by Andris Reinman Video
Mozilla JavaScript JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. JavaScript's dynamic capabilities include runtime object construction, variable parameter lists, function variables, dynamic script creation (via eval), object introspection (via for...in and Object utilities), and source-code recovery (JavaScript functions store their source text and can be retrieved through toString()). This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. Looking to become a front-end web developer? Get started
3 Solutions for Supporting Internet Explorer In the beginning, Internet Explorer was the progressive browser. After a period of inactivity, Internet Explorer became the bane of our existence. Microsoft has since recommitted to their browser but the fact remains that sometimes modern Internet Explorer is lagging just a bit behind WebKit-based browsers and Firefox. We also need to accommodate for earlier versions of IE. htmlshiv.js Remy's HTML5shiv creates HTML5 elements like main, header, footer, etc. via JavaScript. selectivizr.js Selectivizr.js is an incredible resource, polyfilling loads of unsupported CSS selectors and properties, including the all-important last-child. An absolute must for your modern projects. <html> Conditional Comments The ugliest conditional comment series you'll ever see. This snippet doesn't require or wait on JavaScript, and isn't near the weight of a JavaScript library.
TodoMVC JSON The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON. It can't be called or constructed, and aside from its two method properties it has no interesting functionality of its own. DescriptionEdit JavaScript Object Notation JSON is a syntax for serializing objects, arrays, numbers, strings, booleans, and null. It is based upon JavaScript syntax but is distinct from it: some JavaScript is not JSON, and some JSON is not JavaScript. The full JSON syntax is as follows: JSON = null or true or false or JSONNumber or JSONString or JSONObject or JSONArray JSONNumber = - PositiveNumber or PositiveNumber PositiveNumber = DecimalNumber or DecimalNumber . Insignificant whitespace may be present anywhere except within a (numbers must contain no whitespace) or (where it is interpreted as the corresponding character in the string, or would cause an error). MethodsEdit JSON.parse() JSON.stringify() PolyfillEdit SpecificationsEdit Browser compatibilityEdit
Basic JavaScript for the impatient programmer This blog post enables you to get started with JavaScript as quickly as possible – if you already know how to program. It describes the smallest subset of the language that allows you to be productive. I call that subset “Basic JavaScript” and recommend to program in it for a while, before moving on to more details and advanced topics. Learning everything at once is too confusing. The post concludes with tips for what to learn next. Warning: Below, I’m describing rules of thumbs and best practices. Table of contents Conventions used in this blog post Command line interaction Whenever I introduce a new concept, I also try to illustrate it via an interaction in a JavaScript command line. The text after the greater-than character is the input, typed by a human. Finding documentation Sometimes, you see functions and methods in action, which should make it clear how they work. mdn array push The nature of the language JavaScript versus ECMAScript Influences Further reading Syntax Or as an expression: