SharePoint and HTML5 investigation (Part 3)
Results & Discussion
I will discuss what can be achieved with my solution on utilizing SharePoint for HTML5 development.
Valid html5 and xhtml pages
Through this method you can
create valid html5 pages but still fully support legacy browsers and the edit
mode. By creating or extending webparts you can utilize the sharepoint platform
fully and create a beautiful interactive website that is also backwards
compatible with older software.
Possible to create pages suitable for all platforms
Using multiple masterpages you
can deploy one application to many platforms within one project. Within this
project you can unlock back-end systems and make them available on phones,
tablets, desktops and whatnot.
Edit mode stays XHTML, works always with older browsers
The most usable feature of SharePoint, Publishing stays in tact and you can still efficiently create pages through the standard CMS, while still creating a state-of-the-art html 5 site for the public visitors.Simplified development of great designs
Web designers can implement designs separately for different platforms, so they could work in parallel on each platform, or designers with different skill sets can work effectively on their own favorite platform.Page overhead of JavaScript diminishes
Because a specific page of valid html or xhtml5 is sent to the user, there's a lot less overhead on the page of javascript. This makes the page load faster and makes development easier and more maintainable.
What do you think about my solution especially compared to modernzr or other solutions?
Future Work
Extend basic sharepoint webparts
for HTML5 compatibility.
Improve browser feature detection
with UserAgentInfo
Create working prototype.
Resources
Dynamically
change master pages: http://blogs.msdn.com/b/taj/archive/2009/11/01/dynamically-changing-master-pages-in-sharepoint-server-2007.aspx
V5
responsive masterpage: http://kyleschaeffer.com/sharepoint/v5-responsive-html5-master-page/
Browser and
feature detection: http://msdn.microsoft.com/en-us/hh561717
User agent
string info: http://user-agent-string.info/
Usage of HTML5
tags: http://trends.builtwith.com/docinfo/HTML-5-Specific-Tags
Usage of HTML5
doctype: http://trends.builtwith.com/docinfo/HTML5-DocType
Wikipedia
Browser statistics: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
Iterate through all children of a WebControl (by Cristian Libardo): http://stackoverflow.com/questions/277646/finding-all-controls-in-an-asp-net-panel
Iterate through all children of a WebControl (by Cristian Libardo): http://stackoverflow.com/questions/277646/finding-all-controls-in-an-asp-net-panel
No comments:
Post a Comment