Tag Archives: html5

Flash Vs HTML5

Google Swiffy Introduced: Flash “out” HTML5 “in”

With the introduction of Google+, Google also introduced its new Flash to HTML5 converter on Tuesday. This creation is the work of a very young, energetic and passionate Googler known as Pieter Senster.

Google Swiffy Labs

According to this software, it can convert Flash animation files known as .SWF into fully functional HTML5 files. As we know Flash is very important to us. All the videos we watch on YouTube and other internet players are Flash related content, so with the introduction of this technology people can now watch videos without installing the Flash plugin, like iPhones and iPads which do not support Flash.

convert-flash-to-html5

Speaking in Technobabble, simply feed the Swiffy converter with a .swf file and the result is a JSON file rendered with the help of SVG and a bit of HTML5 and CSS3. Modern browsers like Google Chrome and Apple Safari reads the converted files as Javascript and renders the content smoothly to you. Take a look at some of the demo content here at Swiffy Galleria.

Maybe you would have also heard a similar Flash to HTML5 converting tool developed by Adobe and only known as Wallaby. But Google claims that Swiffy has lot more advantages than Wallaby. Some of the primary being Swiffy can convert .swf files whereas Wallaby only focuses on .fla file conversion. Also Wallaby’s converted file can easily be edited whereas Swiffy’s files are very hard to breakthrough. For a more deeper review refer to FAQ over here.

Don’t forget to visit Swiffy Labs. Time for your comment! You can also submit your creations over here.

[A Birthday Candy] Google gets a HTML5 logo

Link: Google USGoogle UK

Google can also be called the god of Internet. Google has always been coming up with different new logos and doodles and today we hit our eyes on one of it’s best.

Google HTML5 logo

Google implements HTML5 in its logo

Chaaps loves HTML5 since long. Now Google also love HTML5. Yes, you guessed it right – Google’s logo is, today, controlled by HTML5: Wherever you take your mouse pointer, the particles of the Google logo moves away from it.

Java: Case-sensitive :: Google: Mouse-sensitive

Something special? According to my guesses, this is probably Google’s 12th birthday celebrations – supposed to be on September 4th, 7th or 27th.
Maybe or maybe not; But however, we’ll wish Google a very happy birthday.

Note: This doodle/logo is up and running only in Google US and Google UK.

I am sure you’d like this new logo. By the way, you can use the comment box to wish Google a Happy birthday. :-)

3 Websites to find HTML5 Experiments

3 Websites to find Amazing HTML5 Experiments

[ad#ad-2]
Nowadays, HTML5 is riding over on flash. Against us? Rise your voice in the comments then.

It’s been quite a while since we discussed about Google switching to HTML5 view, but is it all about HTML5?
No, obviously.

Day-by-day we hear new projects and experiments in HTML5 via blogs, social networks, etc.,
But do we have a  particular place where only HTML5 is the Talk?
Yes, certainly.

Here we bring three of the most impressive HTML5 experiment galleries:

1. Chrome Experiments

Originally created as a platform to advertise and make Google Chrome popular. But now it has turned out to be one of the greatest HTML5, Canvas and SVG experiments gallery. The main advantage here is you can submit your own HTML5 experiment here.

Chrome Experiments

Chrome Experiments

Link: Chrome Experiments

2. Mr. Doob

In contrast to Chrome Experiments which has a li’l deal with Canvas and SVG, Mr. Doob is solely dedicated to Mr. Doob‘s HTML5 experiments. I personally like Mr. Doob more than Chrome Experiments and Hakim.se.

Mr. Doob

Mr. Doob

Link: Mr. Doob

3. Hakim.se

A collection of HTML5 experiments powered by Hakim El Hattab. Worth giving a try.

Hakim.se

Hakim.se

Link: Hakim.se

They were a few HTML5 collections that I was impressed by. Among the three, which one you lik’d the most? Or do let us know if you know about a better collection of HTML5 experiments, that is not included in the list.

[ad#ad-2-1]

7 New form field types <input type> Implemented in HTML5 [Tutorial]

[ad#ad-2]
Things are Moving Fast! Lets Learn some HTML5!
Today we will learn some Basic Things in HTML5. We Will discuss on some of the New form field types which are implemented in HTML5. Form Field types can be classified into Dedicated UI and Input Validation.

“Dedicated UI” as the Term says it is dedicated and can be used anywhere you like… here are 3 New Form field Types which comes under “Dedicated UI”

1.Range

<input type=’range’ min=’0′ max=’50′ value=’0′ />

Using Range as Input type we are defining some range with attributes min and max.. Set your Own Values for Min and Max to lengthen or shorten the Range. One Could Scroll horizontally to move pointer between Min and Max!

2.Search

<input results=’10′ type=’search’ />

Get a Search Box of your Own declaring the input type as search

3.placeholder

<input type=’text’ placeholder=’Search inside’ />


This defines some default text(place holder) in a search box.

To Learn 4 Other New form field types of HTML5 which belongs to Input Validation type lets have a look at this Code Snippet

Now Learning one by one

4.color

<input type=’color’ />


Using color as a input type you can type in your own colors to validate the form

5.number

<input type=’number’ />


if you type in wrong inputs other than number, a “red” color is highlighted as per the code!

6.email

<input type=’email’ />


Define email id using emailid input type during form validation.

7.tel

<input type=’tel’ />


Adding Telephone number as Input type for form Validation!

Hope This Tutorial helped you to learn some basic things in HTML5! Lots More Coming Up, Subscribe to our feeds to get Notified

PS: Try This Only in HTML5 Supported Browser!

[ad#ad-2-1]

Apple Shows Off HTML5 and Safari 4

[ad#ad-2]

As reported via several Blogs, Companies, and people on social networking sites, HTML5 will be the next Flash. Well Apple has recently released Safari 4. And the new changes haven’t surprised me at all, esp the new features Apple has added.

In Safari 4 Apple has added “HTML 5, CSS3, and Javascript” according to apple. Of course apple doesn’t leave anything quite, they have to show off like usual and so they should. Well apple today launched a page on the Apple.com website called “HTML5″

Yes, Apple is showing off HTML5. And knowing apple you most be using “Safari 4″ to check out the demos. On the site you are able to check out the new ways of how you can use HTML 5 and CSS3 in various ways. Apple is also outlining you can embed Videos and Audio files without any plug-ins or third party software or scripts.

After a while of checking out the demos and doing a little tests, i was surprised on the outcome of my results. HTML5 and CSS3 seemed to be liter and faster to load than HTML4 and CSS2. The new versions of the coding languages seem to allow you to do anything, and without the need for large file sizes, and no lag. That’s right Safari didn’t effect my CPU, or Physical memory that much, in fact it proformas better than FireFox. Well , on my laptop anyway.

Overall the updated browser raising up to the new Web Standards is great. Now we only have to wait for IE and FireFox to meet the new needs of the latest new versions of HTML and CSS.

[ad#ad-2-1]

Google Reader Gears up for the next Generation – HTML5

[ad#sidkid1]

HTML5

HTML5 seems to be in rapid development now. All companies and officials are trying to get HTML5 a working release as soon as possible, main reason, demand. Web developers want to get the stable release of HTML5 soon. Google, being one of the many companies developing HTML5 knows about this problem. That’s why they are releasing support for HTML5 way before time.

Google reader has been tweaked up in the past month. The most significant was addition of HTML5 support. Its clear that Google can easily integrate HTML5 as they are the ones who are developing it.

Here are some changes made to Google Reader which is mainly because of the addition of HTML5:

1. HTML5 integration

Google Reader will now support the audio and video tags in HTML5.

2. Added “Not interested”

Now there is a “Not interested” link at the bottom of recommended items, so that you can both hide that item and provide your like & dislike.

3. Update reminder

To keep you updated, a small banner appears, stating “A new version of Google Reader is available” whenever a new version is released. Incidentally, it’s the 500th version of Reader over the 5 years.

4. Improvements to Reader Play

When you hit space (or shift-space), you’re now automatically moved between posts, and for posts with multiple images, cycled through each image. Also added made Play more configurable by letting you change URL used: If you add welcome=0 query parameter skips welcome screen for new & signed-out users. An autoplay=1 query parameter start moving through posts automatically. A #feed/<URL> fragment display specific feed. You can combine all these to make automatically playing slideshows of favourite photo-blogs.

5. Improved Speed

Of course there should be no doubt on this one. HTML5 has major speed improvements and Google is slowly implementing them. Home view loading is now faster, and Send to functionality being less susceptible to being stymied by popup blockers when used with services such as Twitter.

Other changes due to HTML5

Google Chrome 5 Speeds Up with HTML5

Google Chrome HTML5

Why Apple chose to use HTML5 instead of Flash for the iPad

Flash vs HTML5

End of Flash – The future of Graphics

HTML5 Punch

Google Chrome in 3D – First ever browser in 3D

Google Chrome 3D

Internet Explorer 9 with major improvements

Internet Explorer 9 HTML5

Google Wave – A HTML5 App

Google Wave

Switching to HTML5 ?

Google is slowly switching to HTML5. So are many other big companies. But if your a web developer wondering whether to switch to HTML5, I would say that this is not the time. Big companies like Google and Apple have added parts of HTML5 into their servers, not a complete change. HTML5 is still not stable. But since Google is the one that’s making it, they’ll know much better whether they should switch to HTML5 or not. We still have to wait till HTML5 gets is official release to know whether its a good choice to switch to HTML5.

[ad#sidkid2]

Why Apple did not use Flash for the iPad?

[ad#sidkid1]

Apple

Apple, being the second most successful multinational company based on computer technology, has finally released the iPad ! In case you don’t know this already, the iPad was one of Apple’s most successful produces yet. Apple had so many pre-ordered iPad’s to deliver that it had to temporarily shut down the Apple store to rebuild the stocks of the iPad.

The iPad was really made fun of at first. There were many jokes on the iPad. The most popular being those of MadTV and Hitler.

The main reason everyone thought that the iPad was going to be a iFailure was because it did not support flash. At this moment 90% of the internet is based on flash content. Flash was Adobe’s most successful product yet and is used by almost all web developers to deliver dynamic content.

The iPad not supporting flash was really shocking, as some people planned to use the iPad as a mini-pc. If the iPad could not load 90% of the web pages, then why buy it ?

Steve Jobs answered this question personally on the Apple Site.

Apple vs Flash

“New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.”

says Jobs.

According to Jobs, Apple has been teamed up with Adobe for a long time. But now when Adobe realized that Apple’s latest product does not support Flash it was really shocking to them.

Reasons why Apple is against Flash

1. Apple is not really Open

“Adobe’s Flash products are 100% proprietary. They are only available from Adobe, and Adobe has sole authority as to their future enhancement, pricing, etc. While Adobe’s Flash products are widely available, this does not mean they are open, since they are controlled entirely by Adobe and available only from Adobe. By almost any definition, Flash is a closed system.”

says Jobs.

Basically he means to say that there are some other open-source platforms such as scripting languages using which a user can create dynamic content. Flash need not be that dynamic content.

2. Availability of Open Standards

“Though the operating system for the iPhone, iPod and iPad is proprietary, we strongly believe that all standards pertaining to the web should be open. Rather than use Flash, Apple has adopted HTML5, CSS and JavaScript – all open standards. Apple’s mobile devices all ship with high performance, low power implementations of these open standards. HTML5, the new web standard that has been adopted by Apple, Google and many others, lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins (like Flash). HTML5 is completely open and controlled by a standards committee, of which Apple is a member.”

says Jobs.

These open standards are much better alternatives to Flash. They are recommended by W3C (World Wide Web Consortium), the non-profit organization created by the creator of the Internet (WWW) to promote open source standards for the internet. Its always better to use W3C standards rather than the standards which may look good.

3. Problem with the ‘Full Web’

The Full Web is the web pages that you see on your PC web browser. Mobile platforms usually cannot support the full web as they need powerful graphics card and a good memory space for that. This creates a major problem. Most users like the create that full web. Apple confirms that if the iPad had to support flash then it would not be as good as it is now.

4. Reliability, Security and Performance

“Symantec recently highlighted Flash for having one of the worst security records in 2009. We also know first hand that Flash is the number one reason Macs crash. We have been working with Adobe to fix these problems, but they have persisted for several years now. We don’t want to reduce the reliability and security of our iPhones, iPods and iPads by adding Flash.”

says Jobs.

This is a major concern to Apple. Many users have complained that the products that support Flash are really unstable and insecure. To remove this threat to the iPad, they completely eradicated Flash from the scene.

5. Battery Life

To achieve long battery life when playing video, mobile devices must decode the video in hardware; decoding it in software uses too much power. Flash is software !

6. Compatibility of Versions

Not all Flash sites use the latest version of Flash. The newer versions of Flash include H.264 decoder, but not all flash content will use this decoder. The decoder used depends on the version of flash used. If a web designer uses an old version of flash to create his site, then the flash decoder used will be old. The older the version, the more stress on battery life too.

7. Apple Touch Technology

Flash was meant for PC’s using mice, not mobile gadgets with touch screen. Apple’s touch technology is one of the best in the world. Have you noticed how responsive apple’s touch devices are ? Apple could surely not afford to risk its touch technology.

8. Flash is an external app

This according to Steve Jobs is the most important reason. He lays a lot of emphasis on it. Using external apps and third party layered software could really kill Apple. Its really not easy to apply third party apps in the iPad. For this reason, the iPad clearly discarded flash.

Did you miss out on our post: WHAT IS THE FUTURE OF GRAPHICS ? We’ve explained what alternatives could be better than flash in that post.
[ad#sidkid2]

RIP Flash – What is the future of Graphics?

[ad#sidkid1]

RIP Computer Flash

Flash, originally made by Macromedia and now continued by Adobe Systems, is a multimedia platform that is popular for adding animation and interactivity to web pages. Flash has always been popular as it gave interactivity to boring old web pages. Day by day Flash has got better and heavier. Now it seems its too heavy. Time to discard it….

Flash was the best platform to build graphical applications. But with the day by day demand for slimmer and trimmer software has increased. This simple means that we want an all in one software. That we are getting, Operating Systems are coming inbuilt with the necessary software, other software are coming with pre-built extras. But the main problem is that these are heavy…

But this is not the case with HTML5. It may be an all in one language, but surely its not heavy.

Did you see the release of the Apple iPad ? Its selling for upto 700$ and still it does not have flash. Yet its better without flash. Apple’s sales of the iPad was just unbelievable. There were so many people wanting the iPad that Apple actually had to stop the pre-ordering of the iPad online before its official release !! Everyone was ready to buy a gadget without flash. There’s the end of flash with Apple.

How about Youtube ? Youtube is going to HTML5. Presently its only for developers but soon HTML5 will be the standard for YouTube.

Macromedia Adobe Flash

With HTML5 in the run, Lets say our last words to flash..

Oh flash, how you used to fry my processor and provide me with amazing high quality graphics which would make my computer crash. Now no more of you buddy, I’m going clever developer. I’ll attend your funeral for sure. Good Bye and Rest In Peace.

Going into the next generation, lets see what the future of graphics holds for us….

1. 3D graphics in web browsers

Chrome 3D

Check out our post on Chaaps of Chrome going 3D:
Google Chrome in 3D – First Ever Browser in 3D

Not to forget flying images in Internet Explorer 9 developer preview:
Microsoft releases IE9 Platform Preview

2. Operating Systems to support better graphics

Windows 7 was Microsoft’s most successful operating system yet. It was liked by everyone, especially people working in Gaming industry and other graphic mobility stations.

Here’s AMD’s views of Windows 7:
AMD and Windows 7

Here’s nVidia’s views of Windows 7:
Nvidia and Windows 7

Basically all graphic industries were excited about Windows 7 because it enabled multitasking with superior graphics. If this was Windows 7 then you can surely expect more in Windows 8.

Windows 8

There were quite some rumour’s that the next version of Windows i.e. Windows 8 is going to be 128 bit and this OS will give High Definition Graphics and at the same time be lightweight. If these rumours are true then you can be sure to see HD graphics in Windows 8 !!

3. Gadgets

iPad shipping pack

The trend is starting from the iPad. HTML5 is entering gadgets. No longer will your mobile phone support flash, its upgrading to developer flash. Companies such as nokia and blackberry have already started working on HTML5 to see the possibilities.

Check out this post:
Start Building Your iPad Apps

Can you see the a racing game running in the iPad. Hope you can guess that its a flash game !! A flash game in the iPad running on just HTML5. That’s the potential of HTML5 !!

4. Advanced Languages

HTML5 Punch

HTML5 is just the beginning. After that we can expect newer versions of xHTML, Java, JavaScript, etc. With the focus on user interface, graphics is slowly being integrated into most well known programming languages.

This post was an extension of a previous post:
Will Flash Die because of HTML5

[ad#sidkid2]

Will Flash Die Because of html5 ?

[ad#ad-2]


Flash based websites are created with lotta contemplations and planning. One simply cannot start a flash based web site without analysing the target audience. It is really surprising to know there are hundreds of users who have no idea about flash.Ask youtube bug report system . Ppl complain you tube is not working without installing flash. Though flash doesn give one complete independence . Its users responsibility or rather capability to install flash in his/her system.Hence the complete solution is missing.

One might ask why doesn’t Browsers come with inbuilt flash . Well i guess we need to wait for adobe to give the go ahead for that. Recently apple release I-Pad which doesn support flash. That raised the whole question of “Why make a Internet device without flash ? Well the answer is quite simple they need not . Why ? because flash doesn necessarily have to define the future of Internet. Face it Flash is third party application. Is apple killing flash ? Well that a whole different topic to be discussed !! Flash is powerful.No kidding. At wat cost is the debate.The ide for flash cs4 cost 700$.while that of developing html 5 app cost only brain power and a simple notepad. Html 5 is the new kid in the block.

Much about the power of html 5 is unknown to many web developer. With html 5 the most complex task can be done in minimal code. Abstractness is brought to a new level.The main drawback of html 5 is that it consumes lotta processing power. Is it just the systems i tried it on or a defect of html 5 .I’m not sure but the power of html 5 is very apparent. Web applications are dependant on technologies like .net,php,java,flex,flash .The best out there aren necessarily gonna be around in sometime. Just check out these example of html 5 presented in google summer code. I’m sure some of you will be amazed !

http://html5demos.com/

I just finished doing a simple app in html5 and trust me guys it is really neat.I have almost come to conclusion that html5 can give adobe run . Hold on. This doesn mean that flash is gonna disappear !! .For sometime till end of this year at least i ‘m sure flash based apps will continue to grow. But the indications are that Flash’s code-base has grown quite inflexible, if adobe doesn pick up pace and push new features the consequence may be bad for adobe.

check out this link  (Adobe working to sabotage HTML5)

http://www.appleinsider.com/articles/10/02/14/adobe_working_to_sabotage_html5.html

[ad#ad-2-1]