IE10

Internet Explorer 10 for Windows 7/Server 2008R2 final released

March 1, 2013 Community, IE, IE10, Internet Explorer 10, Microsoft, MSDN, Windows, Windows 2008 R2, Windows 7 No comments

Microsoft has released the final version of Internet Explorer 10 for Windows 7/Server 2008R2.

You can download it from below link:

Download: Internet Explorer 10 for Windows 7/Server 2008 R2 (32bit)

HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance

December 19, 2012 All, ANDROID, Community, CSS, CSS 3, HTML, HTML5, IE, IE10, Internet Explorer 10, iOS, iPhone, JavaScript, JQuery Mobile, KnowledgeBase, Mobile Frameworks, mobile web, Mobile-Development, MSDN, StyleSheets, Web No comments

The World Wide Web Consortium (W3C) has published —  the complete definition of the HTML5 and Canvas 2D specifications on 17 December 2012.

Quoting from the announcement here

  • Though not yet W3C standards, these specifications are now feature complete, meaning businesses and developers have a stable target for implementation and planning.

  • HTML5 is the cornerstone of the Open Web Platform, a full programming environment for cross-platform applications with access to device capabilities; video and animations; graphics; style, typography, and other tools for digital publishing; extensive network capabilities; and more.

W3C also announced today the first draft of HTML 5.1 and Canvas 2D, Level 2, an early view of the next round of standardization.

To reduce browser fragmentation and extend implementations to the full range of tools that consume and produce HTML, W3C now embarks on the stage of W3C standardization devoted to interoperability and testing (called "Candidate Recommendation"). Expecting the broad HTML5 Interoperability in 2014.

During this stage, the W3C HTML Working Group will conduct a variety of activities to ensure that the specifications may be implemented compatibly across browsers, authoring tools, email clients, servers, content management systems, and other Web tools.

  • The group will analyze current HTML5 implementations, establish priorities for test development, and work with the community to develop those tests.

  • The HTML Working Group has planned for this implementation phase to last into mid-2014, after which W3C expects to publish the final HTML5 Recommendation, available Royalty-Free to implementers under the W3C Patent Policy.

Sencha(Leading cross platform mobile framework product developer) – has published a blog on HTML5 readiness here

Quoting from Sencha’s report

Feature Standardization Status:

A long list of major HTML5 technologies has now reached advanced stages of standardization.

Here is a list of just some of the big technologies in advanced standardization status with the date of the most recent standard:

Candidate Recommendation:

  • CSS Multi-column (2011)
  • CSS Flexbox (2012)
  • CSS Values & Units 3 (2012)
  • CSS Backgrounds and Borders 3 (2012)
  • CSS Images & Replaced Content 3 (2012)
  • CSS Style Attributes (2010)
  • Web Storage (2011)
  • Web Sockets (2012)
  • Web Workers (2012)
  • Web Messaging (2012)
  • Touch Events

Proposed Recommendation

  • Geolocation (2012)

Full Recommendation

  • CSS Media Queries (2012)
  • CSS Selectors 3 (2011)
  • CSS Namespaces (2011)
  • CSS Color 3 (2011)
  • Media Fragments (2012)
  • SVG 1.1 (2nd Ed) (2011)

HTML5 Feature Implementation Progress in Browsers

The very good news is that HTML5 and CSS3 implementations across all major browsers on desktop and mobile have become increasingly convergent. The chart below shows the progress of HTML5 feature implementation across major desktop and mobile browsers in the last three years using the HTML5test.com scoring methodology.

Adoption on Desktop Browsers

HTML5 Support on Dektop Browser

Adoption on Mobile Browsers

HTML5 Support on Mobile Browser

HTML5 features have been rapidly adopted by all major browsers – with Internet Explorer’s progress on both mobile and desktop being particularly impressive. The feature implementation ramp from IE8 in 2010 to IE9 in 2011 to IE10 this year has been very steep.

Information Sources:

http://www.sencha.com/blog/html5-progress-report

http://www.html5test.com

http://www.w3.org/2012/12/html5-cr

Great News! for all Mobile and Web Developers

HTML5 – Bye Bye ‘WebSQL’/’SQLite’ – Welcome ‘IndexedDB’

December 18, 2012 All, ANDROID, Community, CSS, CSS 3, HTML, HTML5, IE, IE10, Internet Explorer 10, Internet Explorer 9, iOS, iPhone, JavaScript, JQuery Mobile, KnowledgeBase, Mobile-Development, MSDN, Web, Windows Phone, Windows Phone 8 No comments

Since November 18, 2010, the W3C announced that Web SQL database(Sqlite) is a deprecated specification. This is a recommendation for web developers to no longer use the technology as effectively, the spec will receive no new updates and browser vendors aren’t encouraged to support this technology. The new alternative is IndexedDB which is already available on Chrome 12+ and Firefox 5+, and, soon, in IE 10 as well.

The new web database standards adoption progress report as per Html5Test.com – how standards setting can work well.

  • WebKit browsers originally shipped a copy of the SQLite — an embedded relational database — and then proposed “WebSQL” as a specification to standardize it.
  • Mozilla objected to its standardization on the grounds that the SQL 92 standard was a poor basis for a web standards technology, and that an implementation (SQLite) shouldn’t be the basis for standard.
  • As a result, WebSQL standardization was abandoned in favor of a new database standard, IndexedDB which is now the standard database of record for all major browsers.
  • Firefox, IE and Chrome now support IndexedDB on the desktop.
  • Chrome for Android is the first browser to support it on mobile devices.
Category WebSQL IndexedDB
Advantages A real, relational database implementation on the client (SQLite). * Allows fast indexing and searching of objects, so in a web application scenario, you can manage your data and read/write it fast.
* A NoSQL database that let you work with your JavaScript objects and indexing them based on your application needs.
* Works in asynchronous mode with moderately granular locking per transaction. This allows you to work inside the event-driven module of JavaScript.
Disadvantages * The spec is deprecated.
* Overhead of SQL language you need to master and transform your JavaScript objects into relational schema
* Not object driven
Harder to understand if you are coming from the world of relational databases.
Location Tables contain columns and rows objectStore contains Javascript objects and keys
Query Mechanism SQL Cursor APIs, Key Range APIs, and Application Code
Transaction Lock can happen on databases, tables, or rows on ‘readwrite’ transactions Lock can happen on database ‘versionchange’ transaction, on an objectStore ‘readonly’ and ‘readwrite’ transactions.
Transaction Commits Transaction creation is explicit. Default is to rollback unless we call commit. Transaction creation is explicit. Default is to commit unless we call abort or there is an error that is not caught.

Ref Link:

http://www.w3.org/TR/IndexedDB/

http://www.html5rocks.com/en/tutorials/webdatabase/websql-indexeddb/

http://www.steveworkman.com/html5-2/standards/2011/the-limitations-of-websql-and-offline-apps/

http://www.html5rocks.com/en/tutorials/indexeddb/todo/

http://html5test.com/compare/feature/storage-sqlDatabase.html ( WebSQL – Current Support on browsers)

http://html5test.com/compare/feature/storage-indexedDB.html ( IndexDB – Current Support on browsers)

Download Today – Windows Internet Explorer10 Pre-release for Windows 7/Server 2008R2

November 14, 2012 All, Community, IE, IE10, Internet Explorer 10, Microsoft, MSDN, Windows, Windows 7, Windows 8 No comments

Microsoft has just released the pre-release version of Internet Explorer 10 for Windows 7. Previously IE10 was bundled with Windows 8 and Server 2012. Now that Microsoft has announced the release of IE10 for Windows 7, developers and enthusiasts can experience the capabilities of IE10 – including more support for HTML5, CSS3 and improved security while browsing websites.

Internet Explorer 10 is fast and fluid, and lets your websites shine and perform just like native applications on your PC.

Overview from Microsoft Download Center

Internet Explorer 10. Fast and fluid for Windows 7.

  • Fast: Internet Explorer 10 harnesses the untapped power of your PC, delivering pages full of vivid graphics, smoother video, and interactive content.
  • Easy: Experience the web the way you want to with pinned sites, built-in Spellcheck, and seamless integration with your PC running Windows 7.
  • Safer: Improved features like SmartScreen Filter and Tracking Protection let you be more aware of threats to your PC and your privacy.

DOWNLOAD: Windows Internet Explorer10 Pre-release for Windows 7

Windows Internet Explorer 10 Pre-release for Windows Server 2008 R2

Windows Phone 8 – Internet Explorer 10 support for Mobile Websites–UserAgent(UA) details for IE10-WP8

October 18, 2012 .NET, All, IE, IE10, Internet Explorer 10, KnowledgeBase, Microsoft, mobile web, Mobile-Development, Recommends, Tips & Tricks, Windows, Windows Phone, Windows Phone 8, Windows Phone Development, Windows Phone SDK No comments

Earlier Microsoft has announced that upcoming Windows Phone 8 will have Mobile version of Internet Explorer 10. IE10 have lots of improvements in terms of HTML5, JavaScript/ECMAScript support etc.

If you want your existing mobile websites to compatible to IE10 and you are using any User Agent(UA) detection logic to provide UA specific User Experience to the Website, here is the  WP8 – IE10 User Agent details for your from the Official Windows Phone Blog:

User Agent Details for WP8 – IE10:

Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; ARM; Touch; IEMobile/10.0; <Manufacturer>; <Device> [;<Operator>])

Note: items enclosed in <> are optional entries specific to device, manufacturer and operator

Testing Compatibility in Desktop version of Internet Explorer 10

You can ensure your websites are compatible to different Windows Phone 8 resolutions in IE10 Mobile using the IE Developer Tools.

Follow the steps :

Step1: Set UA string

 F12 Developer Tools  -> Tools –> Change User Agent String –> select “IE for Windows Phone 8

image

 

image

<code>  &lt;p&gt;&lt;strong&gt;&lt;u&gt;Step 2: Set Resolution&lt;/u&gt;&lt;/strong&gt; &lt;/p&gt;  &lt;p&gt;Since you set the UA to ‘IE10 for Windows Phone 8’, now it is the time to try out the different resolutions to see how your site looks in different resolutions of Windows Phone 8. For that you need to choose &lt;em&gt;&lt;font color="#c0504d"&gt;“F12 Developer Tools” –&amp;gt; Tools –&amp;gt; ‘Resize’ –&amp;gt; Choose the different resolutions&lt;/font&gt;&lt;/em&gt; for (portrait and landscape orientations your have different settings) and you could even specify the custom resolution.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image2.png"&gt;&lt;img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image_thumb2.png" width="563" height="484" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;As per the official announcement and demos earlier, Windows Phone 8 will support 3 different resolutions: &lt;/p&gt;  &lt;p&gt;800 x 480&lt;/p&gt;  &lt;p&gt;1280 x 720&lt;/p&gt;  &lt;p&gt;1280 x 768(WXGA)&lt;/p&gt;  &lt;p&gt;Set your resolution accordingly.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image3.png"&gt;&lt;img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image_thumb3.png" width="578" height="484" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;For the example I am setting the custom &lt;font color="#c0504d"&gt;720p(1280 x 720)&lt;/font&gt; resolution&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;&lt;u&gt;Step 3: Refresh your website&lt;/u&gt;&lt;/strong&gt; &lt;/p&gt;  &lt;p&gt;Now that you have done the necessary prerequisites to start, refresh your browser window. &lt;/p&gt;  &lt;p&gt;In the below example my blog is a Responsive Web enabled site, you could see the content has aligned for a mobile view.&amp;#160; &lt;/p&gt;  &lt;p&gt;Continue &lt;em&gt;&lt;u&gt;Step 2:&lt;/u&gt;&lt;/em&gt; for trying more resolutions. &lt;img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/wlEmoticon-smile.png" /&gt;&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image4.png"&gt;&lt;img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.nitrix-reloaded.com/wp-content/uploads/2012/10/image_thumb4.png" width="559" height="772" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Hope that helps. For more information and reference &lt;a href="/wp-content/uploads/2012/10/getting-websites-ready-for-internet-explorer-10-on-windows-phone-8.aspx" target="_blank"&gt;Getting websites ready for Internet Explorer 10 on Windows Phone 8 by Charles Morris&lt;/a&gt; (Windows Phone Blog)
</code>