HTML5 vs. Flash - What You Need to Know

It’s been 5 years since the announcement of HTML5 and however the HTML5 vs. Flash dialogue continues to rage on among developers. all over you look, from newspapers to magazines to the net, you’re swamped with articles concerning these technologies, usually giving conflicting recommendation concerning that is that the higher resolution. So, with all the noise on this subject circling within the technology layer, however does one create a choice on that one is best for you?

Background :
Released in 1996, Flash is a multimedia system platform originally developed by Macromedia and later noninheritable  by Adobe. By 2000, it had become the actual commonplace for video playback, animated banners, and interactive multimedia websites. Flash basically became the quality tool in an exceedingly non-standard net of multi-platform browsers.

HTML was developed by the world Wide net consortium (W3C), a bunch whose main purpose is “to guide the world Wide net to its full potential by making protocols and pointers that make sure the growth of the net in [the] future”. The last hypertext markup language specifications targeted on future developments were XHTML two.0 and HTML four.01, however neither had been updated since 2000. With developers longing for one terminology that enclosed elaborate process models to encourage additional practical implementations, HTML5 was born.

HTML vs XHTML vs DHTML

html image

HTML: 

HTML (HyperText Markup Language): HTML is the most widely accepted language used to build websites. It is the main structure of a website. It builds tables, creates divisions, gives a heading message (In the title bar of programs), and actually outputs text.

XHTML (eXtensible HyperText Markup Language):  

XHTML is extremely similar but follows the rules of XML. The main differences between HTML and XHTML are the case-sensitivity, the need to use closing tags for all tags, the need to use quotes around all attribute values and that all attributes must be in lowercase as XML requires. Special characters between tags need to be replaced with its code equivalent. Declaring the correct doctype (first line in source code) and language (in meta tag in the head of the source code) is required.

HTML5 & CSS3

HTML5 and CSS3 are the new gold standard. Since their gradual implementation over the last year or so, these powerful upgrades to the key coding languages have slimmed down workflows everywhere and empowered designers with an unparalleled level of control over their page elements. For many, it is now an incredibly exciting time to be a programmer. The HTML5 & CSS3 Genius Guide has been written by and for web professionals, with the aim of raising standards everywhere through the delivery of correct and crucial information about the new webscape.

Steve Jenkins, Features Editor of Web Designer magazine, said: “The HTML5 & CSS3 Genius guide is the perfect companion for web designers looking to take their skills to a new level. Get up to speed with the latest industry techniques, tools and frameworks. Join the responsive design revolution, build standards-friendly HTML and add stunning CSS3 styling to stay ahead of the game.”

How HTML, CSS and JavaScript work together in web pages

How HTML, CSS and JS work together

The web page you see in your browser may be a combination of structure, style and interactivity.
These jobs are undertaken by 3 different technologies, HTML, Javascript, and CSS which your browser knows how to interpret.

HTML

marks the content up into different structural types, like paragraphs, blocks, lists, images, tables, forms, comments etc.

CSS

tells the browser how each type of element should be displayed, which may vary for different media (like screen, print or handheld device)

JavaScript

tells the browser how to change the web page in response to events that happen (like clicking on something, or changing the value in a form input)

The 2 most important things to learn about web page production are:

1. Use the correct HTML tags that mean what they say.
2. Keep your HTML, CSS and JavaScript code separate.

1. Use HTML properly

Different HTML tags describe the structure of content.
Each one has its own meaning, and you should only ever use each one in accordance with its meaning, and in its proper place.

When people talk about “semantic” HTML, this is what they mean.

In the HTML section, I’ll explain what each tag means, and where it’s OK to use it.

2. Keep ‘em separate

This simply means: Don’t put JavaScript or CSS in your HTML. Put them in separate files, called in by your HTML pages.

There are lots of good reasons for this, the main ones being:

• It’s more logical and simpler. And simple is good.
• Easier management: Keeping all your styles and functional code in one place makes it quicker, easier and safer to change in future.
• Easier re-purposing: It’s easier to design your web site to look or work differently on different user agents (e.g. handheld browsers, audio browsers, or TV)

Why should I learn HTML?

This is a very common question amongst beginners. It's a valid question, especially as there are conflicting views on how necessary it is. Our position is this:

• If you want to create fast-and-dirty web pages and have no ambition to make them good quality or easy to access, then you can probably get by without understanding HTML. In such cases, a WSYWIG editor might be all you need. However you must understand that you are taking a chance — your web pages may or may not work (even if they appear to have worked).
• If you have a friend or colleague who can check your HTML for you, then that will probably suffice.

Click Here To Continue Reading.

Turn HTML and CSS into a hosted CMS in seconds

It really is that simple: Cloud Cannon uses the Dropbox API to make your site live and editable straight away. All you need to do is add class="editable" to every div that should be so, and put your files into Dropbox. Your clients can then add their content and make their edits directly in the browser.

It works with HTML, CSS and JavaScript, and there’s no need to anything special beyond adding this class. It works fine with things like Wufoo, Dreamweaver, MailChimp and so on.

The service costs $5 per month for one site, all the way up to $49 per month for 20 websites.

We haven’t heard from anyone who has used it yet, but it looks like a major time-saver to us. Let us know in the comments if you have experimented with Cloud Cannon!

• Learn HTML
• Learn CSS
• Learn JavaScript
• Learn PHP
• Learn Ajax