Or do you know of anyone working on one? I've been checking all the stuff you can do with HTML 5 here and some other sites and is amazing. I think such a big library should have some IDE with intellisense and easy documentation (like when you press F1 on Visual Studio while a symbol is highlighted) and all that stuff. And if there is not then I should probably start working on one :).
Most of known IDEs and their latest version, like Netbeans, Eclipse, Dreamweaver, support natively HTML5. You can find more info and pick one according to your preferences.
There are numerous HTML 5 IDEs, it's important to not necessarily separate current web technologies with HTML5 as they are really are very close to being one and the same. For example, the latest version of Adobe's tool offer support for HTML5, as well as other IDEs such as Aptana. Unfortunately, the HTML5 spec is not done yet so there will be discrepancies between browsers, which a builder could work around, but will put a lot of onus on you.
Alternatively, there are numerous client and server-side frameworks that abstract HTML5 and some of its features, each of these have varying levels of support, a builder, and intellisense. For example, I'm a co-founder of the NOLOH development platform (http://www.noloh.com), which abstracts away browser differences and supports HTML5 transparently to you the developer, allowing you to concentrate on your application and functionality without worrying about the plumbing. We also have what's known as "code stubs" that you can add to any IDE most IDEs and get intellisense/auto-complete functionality. We also have a visual builder in the works that should be out relatively soon.
Whatever you pick, just make sure you're comfortable with it, but you definitely don't want to re-invent the wheel here.
You should definitely try HTML5 Builder.
Try this, HTML5 Boilerplate
if you are looking for something that builds mobile sites or ads html5 builder, maybe you could try http://mobdis.com.
Related
In the field of RIAs, I've read tons of comments stated that the discussion about Silverlight vs JavaFX vs Flash vs HTML5 is outdated and the winner is HTML5.
Since I am a programmer (not a designer) but never used any of the technologies above and I have no time to learn all of them to compare, I want to ask the following:
1) With HTML5 we continue to only have interpreted JavaScript, or we can use more powerful languages that generates compiled code (some kind of MSIL or bytecode inside <object> ... </object> tags)?
2) Does HTML5 hide portions of our code from unwanted viewers (like Java applets and ActiveX did in the past) or the option "View - Source Code" continues to show all of our work?
3) HTML5 need some kind of runtime or all the work is done by the browser?
There is a bit of a fundamental problem with your question in that HTML5 is not really a thing. It's hard to compare it to Java or Flash, which are programming languages. It is possible to create interactive applications using HTML and JavaScript without using any of the features of HTML5. This seems to happen a lot, but for simplicity these are often referred to as HTML5 applications -- especially by non-technical people.
1) I would say that JavaScript can be as powerful as the other compiled languages you talk about even on a webpage -- especially with the power of <canvas>. You have found that HTML5 has won for a reason. In my opinion, it can do what the others can do and is simpler to implement.
There is nothing that forbids you from including Flash objects of Applets alongside JavaScript, though, and they can even interact.
2) There is nothing that prevents all of your HTML/JavaScript from being downloaded in the browser and viewed in plain text, although it can be obfuscated with tools such as Uglify.
It's also possible to download and decompile swfs and jars from a web interface, so compiling does not necessarily offer you a lot of protection anyway. Your code would be protected by Copyright (at least in the US) and you could use a license the MIT license too.
3) All the work is done by the browser. The client will only need a browser to run your code, but some browsers do not support some features you may want to use. This especially applies to older browsers.
There are a ton of frameworks and libraries out there for creating rich HTML/JavaScript applications, but these are just are mostly just JavaScript files.
HTML5 is a brand and trend. In silverlight/flash/html battle HTML must be the winner. Because browsers can't progress fragmentary. Is it true then some part of features developing in browser plugins, some part in browsers. For strong and fast progress always, at the start, needs the vector. In redefining web in our life such vector is HTML5. HTML5 is not a language, it is the set of capabilities, such video, music, webgl, geolocation, semantic essences and more and more only from browser. And we can't speek here about HTML5 like a language.
All your questions are about javascript.
Want bytecode inside <object> ... </object>? Use Chrome Native Client.
Want to hide your code? Use any obfuscator.
Modern javascript engines has just-in-time compilation. And there is the "subset" of javascript like asm.js which is just 2x slower then C++.
I want to look into developing mobile applications using HTML5. I'm very new to it and do not have any idea about HTML5. I would like to take some suggestions about where to get the basic tutorials for starters and what is the best IDE to use.
If you are new to HTML5 then I would recommend Headfirst HTML5, its a very comprehensive book with each of the JavaScript APIs(geolocation, audio, video, webworkers, canvas etc.) explained very well.
If you want to go with simple overview of the language there is introductory video on HTML5 by Google's Open Web Advocacy, http://youtu.be/siOHh0uzcuY . Its dated, though you can get the feel of HTML5.
& Not to forget Divya Manian's awesome work on HTML5Please
EDIT: for IDE I would recommend SublimeText2 which is very light weight.
You can also see Big IDE's like Microsoft Expression Web, Dreamweaver or Komodo Edit, Aptana Studio
UPDATE: Sencha Touch is lightweight which doesn't depend on jQuery like its sister project(jQTouch). Sencha Touch is a framework and provides a number of functionalities the former could not develop(that is, API).
Hope it helps!
If you are still learning the basics HTML5 then HTML5 Doctor is a very good reference. It tell you about all the semantic meaning of tags and the correct use of it.
Next, look into a quick start tutorial from sitepoint which will get you started.
Take a look at http://www.html5rocks.com/en/ also..
A very good way to start would be to learn basic HTML first(if you do not know that already), then HTML5. A nice site to learn both of these would be W3Schools. There you can learn at least the basics of HTML5.
I need to develop a web application, i have two choices
mvc3 straight forward implementation
using HTML5
i want to know whether HTML5 can be used as part of .net web application architecture or not?
Reasons:
there is no official support of HTML5 server controls like
Now IE 9 was launched but how good it supports HTML5
I found in internet that there is installation for HTML5 helper, but how reliabale it is?
I need guidance on the HTML5 and .net and if any tutorials in this combination.
Thanks in advance
Standards are based on implementation, not invention. If Microsoft wants to wait till HTML5 spec is finished, they will be waiting a long time. Meanwhile, modern browsers have implemented large portions of the spec and are moving forward.
With that in mind, how can one expect ASP.NET to contain elements of HTML5 and related technologies if Microsoft doesn't believe in its usage right now? In our small business, this is the reason we would never use it.
Microsoft always argument that HTML5 isn't fully finished. Then ASP.NET cannot be totally rewriten to follow it. Makes some sense, but...
You can do it by yourself: http://stephenwalther.com/blog/archive/2011/01/11/building-an-html5-app-with-asp-net.aspx.
But I realy believe that ASP.NET MVC is more flexible to it task.
Your question is pretty open-ended. What do you want out of HTML5? If you're just looking for controls, you run into a roadblock that ASP.Net web forms won't render the new HTML 5 input types with placeholders and custom keyboards like URL Input, Email input canvas, etc. I made an open-source project to make these plug and play with Web Forms.
If you're looking for other parts of the spec, pay special attention to whether or not the markup "fails gracefully". If you can optimize the experience with HTML5, but still keep a baseline quality for older browsers, I say go for it!
I use FrontPage for two different tasks; authoring html help and authoring a couple of websites. The websites don't require a lot of stuff -- they are there to disseminate a bit of information to a couple of small audiences.
FrontPage has been quick and easy for these tasks. WYSIWYG is good for these jobs and I like being able to click on links to quickly bring up other pages in the editor.
I've been exploring all sorts of options. tools that work online such as Kompozer make editing the html help difficult (at least, I haven't found a way around) and other html-level tools are just too much work. Tried nVu, Kompozer, Aptama, Komodo, Bluefish and so far, unless I'm missing something, I'm not sold on any of them.
I'm about to take a look at SeaMonkey but wondering if anybody has any recommendations. Or should I go back and look at those other tools again -- maybe I missed something?
Notepad++
I think the natural upgrade path would be Microsoft Expression Web.
People still use FrontPage?
I switched a couple of years back to DreamWeaver and never looked back.
Something to consider is that you could deploy these sites as wikis (which don't have to be publically editable) and edit them directly on the web in your browser. This would give you the ability to click around and do pretty much wysiwyg edits. It would also make it easier to maintain larger collections of data and to make new pages. You also don't really have to do any HTML at all because wikis mostly come pre-HTMLed (and CSSed and Javascripted), you just need to fill in the content.
I should note that this won't work if your webpages are deployed statically on a restrictive shared hosting account, but even most shared hosting supports installing things like wikis these days, so hopefully this is something you can look into.
I should also note that this probably isn't the best way to do local HTML help files, but if the HTML help is online, this is probably still a good choice.
I'm making this community wiki so others can add links to other wikis if they like or add more info on why you might want to or not want to use a wiki for this purpose.
Some wikis to consider:
MediaWiki - The wiki behind wikipedia
MoinMoin - Implemented in Python and popular in that community.
TiddlyWiki - Implemented in Javascript and runs on a single page. This is probably the most different wiki that's out there. Some love it, some hate it.
NVU and Kompozer both are best suited for you. NVU is my personal choice. Choose your poison. :)
FrontPage has been replaced by SharedPoint Designed in the Office suite.
You could also use Microsoft Expression Web if you can have it.
Drewamweaver or MS's Visual Studio/Web Developer Express will do the trick. They're both overkill (especially MS's tools).
I also think MS has (free) HTMLHelp. It's out there, but I don't know if it'll produce the files you need.
It depends on what kind of pages you are designing. If you are using Adobe Flash, Dreamweaver would be the best option but I would recommend "Microsoft Visual Web Developer Express". I am currently using it and totally love it from the bottom of my heart.
I'd say Dreamweaver, but last time I looked there was still bloated code, not as bad as the MX days mind.
Smashing Magazine has a list of WYSIWYG tools that would be worth a look :
http://www.smashingmagazine.com/2008/05/06/25-wysiwyg-editors-reviewed/
I persuaded my friend to ditch Dreamweaver for NetBeans, took a week or so but I got a pint out of that :)
You might look into Aptana (http://aptana.org) which should provide everything you need. I think it even has a WYSIWYG editor, though I would really recommend learning html instead.
I would use Notepad++ for the simpler things, and Dreamweaver when working with other Adobe products. Notepad++ is simple and has a lot of great features. Dreamweaver is huge and will take some getting used to.
Try dokuwiki. I've implemented a wiki/manual/documentation for my app in a week. It's very simple n easy installing. You just need PHP, no database (mysql), the information is stored on files. Give it a try.
My wiki implemented wiki doku: wiki.vigo.com.br
Microsoft Visual Web Developer Express perhaps? http://www.microsoft.com/express/vwd/
Works well, and it's free!
Something similar to FrontPage is Adobe Contribute. It does cost $199, but if you're looking for something as simple as FrontPage, it may be a good option for you.
A freelancer web designer I work with will setup clients who want to make simple HTML edits to their sites with it and they've all been pretty happy. They're all non-technical people.
Dreamweaver is good, but however using the WYSIWYG may have problems getting consistency when viewing between IE, firefox and safari.
I don't like WYIWYG editors, I want to be responsible for the selection and placement of each tag and attribute! Is there a good editor out there that allows you complete control over the HTML but offers useful features such as:
syntax highlighting (of course)
suggestions of tags, attributes etc. e.g. as dropdown lists
validation and accessibility checking
previewing the HTML
Currently I use TextPad with syntax highlighting, but feel I could do better.
I'm a big fan of Aptana for generic HTML/CSS/Javascript editing. Based on Eclipse, but nicer usability. Automatic formatting, code suggestion (with native support for jQuery & ExtJs) and embedded browser tabs for checking your work.
It's also cross-platform, supports Windows Mac & Linux.
I like Notepad++; it doesn't have embedded preview, but it's lightweight, has a good UI, syntax-highlights reliably...
Microsoft Visual Studio 2008 might suit your needs (and there's a free download "express" version).
Others have mentioned Visual Studio and HTML Kit. You might also consider DreamWeaver or Microsoft Expression Web. Technically, both of these (and even Visual Studio) have WYSIWYG modes, but they also offer split source/WYSIWYG and total source-only modes. All have validation, standards checking and the whole nine. All allow complete control over code with no fuss nor muss, if that's what you want. Expression and DreamWeaver support syntax highlighting for more than just HTML/ASP; both also support PHP natively.
Here's a link to Visual Web Developer Express (the free Visual Studio Brian mentioned).
I really like Coda on the Mac http://www.panic.com/coda/.
HTMLKit is reasonably decent and free.
I really like Microsoft Expression Web 2.0 or Microsoft SharePoint Designer 2007, depending on my needs.
Specifically, Microsoft Expression Web 2.0 supports development of the basics (HTML, CSS, etc.) while including Intellisense for ASP.NET and PHP.
Microsoft SharePoint Designer 2007 includes support for SharePoint Services and MOSS.
I've heard people say that they like Dreamweaver, but it's a little on the bloated side for my taste. Both the tools I mentioned above allow for WYSIWYG editing, but they support all the features you listed as well. They also allow for doctype support and validation for accessibility, etc.
I recommend Programmer's Notepad for lightweight code editing, but then I'm biased :)
To be fair, these are all also good for the same:
Notepad++,
SciTE,
Notepad2.
None of these (including PN) do the big extras you're asking for with previews and the like, however. For those features you need something more full featured like the already recommended and excellent Expression Web or perhaps even Visual Web Developer.
I should point out also that there are loads of editor discussions on SO already:
https://stackoverflow.com/search?q=html+editor
I still use an old version (4.0) of Homesite and it does just about all I want and need. It was originally written by Nick Bradbury and was not too heavy, had just the right set of features, and was very popular.
Nick sold Homesite to Allaire and then it was eaten by bigger and bigger fish. But it is still maintained and now being sold alongside Dreamweaver as a text-based HTML alternative by Macromedia (and now Adobe).
They charge $99 USD for it.
I would have upgraded, but they only have upgrade pricing for version 4.5 and after. Sorry for the following emotional comment, but I say Software vendors should not ignore early adopters of their programs. People who were first in line deserve special and lifetime treatment. They will become your best customers and best spokesmen for your software, if you let them.
I realize you're on Windows (from the tools you describe) but, for the next Mac guy to read this question:
TextMate seriously does-not-suck for editing all sorts of things, especially collections of things (like projects of C, ruby, java, html, perl, bash, etc.) If it had SubEthaEdit's ability to do cooperative editing, it'd be the only editor I ever use.
TextMate
Depending on what code you will be using (ASP v. php v. ruby, etc), I would suggest Dreamweaver. It is WYSIWYG, but many of the best editors you would find are, including VS 2008. Of course, that doesn't mean you have to use it! I used Dreamweaver quite often at my last job and it was great for editing code and quickly previewing.
Edit: I should mention that Dreamweaver would be best for html, css, javascript, coldfusion, and php. Those are the technologies I have used it with.
I really like Kate, and since it's a KPart, other KDE programs use it as the editor, so it's goodness everywhere!
(why is everybody else assuming you use windows?)
You might want to look into Bluefish - it's what I use for php at home. It has nice support for syntax highlighting for many languages and quite a bit of other goodies HTML-wise.
I use Eclipse here at work, for J2EE stuff. It comes with some great tools and syntax highlighting for html/css/etc.