HTML5 development with Visual Studio 2012 - html

I am new to the web world and I am asked to developed an HTML5 website using Visual Studio 2012. I have the following questions:
Can someone give me a link on how to set up visual studio 2012 to create HTML5 applications ? I tried to create a new project but didn t find an option for HTML5 applications at all?
Can someone suggest a good youtube page or tutorial page on how to develop HTML5 websites using visual studio 2012?

HTML5 is a newer version of HTML for browsers that support the features that comprise it. You may want to start by reading the wiki entry for HTML5.
The W3C completed the HTML5 specification earlier this week (December 17, 2012).
Before focusing on what features Visual Studio 2012 provides for developing HTML5 web applications, I'd suggest learning what HTML5 is, how it works, and what browsers support what features.
A great place to start reading is Dive Into HTML5.

you can refer : http://docs.kendoui.com/tutorials/ASP.NET/asp-net-hello-html5
And if you are in hurry,can jump directly to 6th min in this video, for the straight forward answer to this Question.

Related

Example of plugin, which is used with <object> element

I have two questions. If you can, please answer...
Could you show an example, where used plugin by object element in HTML?
Previously we could add video for flash player by using object, but now that doesn't used. Can you show an example, where used any resource for any plugin?
The simple answer is that browser plugins are a dead technology.
The term generally refers to applications implementing NPAPI (the "Netscape Plugin Application Programming Interface"), originally implemented by the Netscape browser (predecessor of today's Firefox) and then copied by other browsers. It essentially gives complete control over part of the web page to an external program, which makes it very flexible, but very hard to make secure and stable.
In 2015, Google Chrome removed support for NPAPI, using a new API to support Adobe Flash; Firefox blocked any plugin other than Flash in 2017. In 2021, Adobe ended support for Flash, and pushed out an update automatically uninstalling it from user's computers, so these exceptions are no longer needed.

Liferay theme - html5

I am developing a portlet for Liferay (v6.0.5, runs on JBoss). I would like to use HTML5 (canvas to be more specific) in this portlet. How can I find, if the theme I am currently using on the portal does support HTML5?
I know that themes with HTML5 support exist and I have to choose the right one? Or am I wrong and all themes automatically support HTML5?
Thanks for tips!
All the Liferay themes automatically support html5, its the browsers you should be worried about.
There is nothing special to make a theme HTML5 since its just a matter of doctype change (<!DOCTYPE html>) to make the browser know that you are rendering HTML5 stuff. So you can check the doctype in portal-normal.vm and other template files to see if the theme is HTML5.
But for scripting support I doubt if alloy-ui (Liferay's default library) provides any additional HTML5 specific modules for manipulating canvas, file-api etc.

Parse and Dreamweaver?

I'm thinking of creating a HTML5 app, which I also want to run well on iOS. I'm thinking of using parse.com as the backend, but apart from that I'm a little unsure where to start, can I use Adobe Dreamweaver with Parse? are there better options for creating a HTML5 app?
Thanks for any advice.
From looking at the Parse documentation, there aren't any specific tools to help you work with Parse in DreamWeaver.
If you're looking for a high-quality IDE for developing HTML5 and CSS3, see this question about open source HTML5/CSS3 IDEs.
Parse has blank XCode (for iOS), blank Android project (should work in Eclipse), and basic HTML5 project listed in their QuickStart guide. With the blank HTML5 project you can use any IDE you want to do the editing, and then open it in your browser to test it out.

Migrating Silverlight application to HTML 5

Currently we have application in Silverlight which contains a dashboard. The dashboard was developed in Silverlight.
Now we want to migrate the Silverlight dashboard app to HTML 5.0 so that the app can run on iPhone, iPad & android phones.
How we can migrate Silverlight application to HTML 5?
Also, do we need to use any third party custom control for dashboards in HTML 5.0?
You need to convert you graphics from XAML to SVG. If you have the designs for this project, then you might want to take a look at Adobe Illustrator CS5 HTML5 Pack, which lets you "Save As SVG". You should keep everything vector based so it scales to iPhone, iPad and Android.
Then you need to transfer your UI behaviour to javascript. I suggest using KnockoutJS by Steve Sanderson. I would combine this with jQuery for ease of use.
As #Polynomial mentioned in his comment, there is no "convert to HTML" package per se, but with a little know-how you will be able to migrate.
Take a look at this project http://www.cshtml5.com/ . It might help in some simple cases.
This may not solve your problems at this moment, but there is a project under development to rebuild Silverlight without using a plugin. The project has been under development for almost a year and the website just recently launched # http://fayde.wsick.com/.
DISCLOSURE: I am affiliated with this project.

Could you recommend an IDE to develop HTML5 canvas applications

We're starting to develop a Web application that will have some complex functionality written in HTML5 canvas.
Please, could you recommend any good IDE (open or commercial), or a toolset to develop/debug this kind of applications?
Thanks in advance.
I prefer Aptana Studio for web applications development as this offers very good support for javascript, HTML and even new libraries like coffee script. Aptana Studio's latest release in beta also has support for HTML5.
This might not quite be what you're looking for... but you can take a look at jsFiddle - http://jsfiddle.net/
If you can't use it for major parts of your web app, you can at least put it to use as a debug tool.