Animating with html5 [closed] - html

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I saw this great dynamic image website which got me curious on actual development. My plan is to create a friendly more dynamic animation on the left and right margin of the browser giving it more flavor or life. I am a complete beginner but I am willing to learn. So what would I need to create animations like as seen on link and are there any good tutorials to do this.

You can write raw code for HTML5 canvas or alternatively use a third party app like Adobe Edge.
http://labs.adobe.com/technologies/edge/
Also check out CSS3 animations
http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
Or a Javascript animation library like Alice.js
http://blackberry.github.com/Alice/

What you want to learn is HTML5 with Canvas.
Essentially W3 is trying to replace flash with this feature.

Related

Map Generation for browser based games [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
I am building a browser-based game and I would like to generate a hex map. I have seen it done using Flash and I thought that it can be done using HTML5 canvas. I have done some research on it and I would like some suggestions from other experts on this context.
Adapting basic algorithms like this from Flash to Canvas is actually not that difficult. If you need a canvas framework that's close to the AS3/Flash you can take a look at EaselJS: http://createjs.com/#!/EaselJS
Here's an article on Hexagon Tiles:
http://www.emanueleferonato.com/2008/04/16/understanding-hexagonal-tiles/

Making css 3d responsive [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Aloha,
Here is the code I want to use for my project.
http://desandro.github.com/3dtransforms/examples/carousel-02-dynamic.html
3D transforms by DeSandro.
My task is to make it close to fullscreen (for example for 1024x768 like 900x700) and make it resnponsive.
Questions would be:
1) Can it be done with bootstrap? I tried Bootstrap container/row/span but all of them just screw everything.
2) http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ I found this media queries. Are they enough for make it responsive? or there is never enough?
i tried to copy code to http://jsfiddle.net/ but it doesnot work there I guess
I think from your description its clear that you want a Jquery 3d responsive carousel...
So why using with bootstrap its of no use... Just attach a jquery plugin for your requirement..
Check out this plugin...
http://coolcarousels.frebsite.nl/c/51/
The responsive part here can be done by the use of media queries and their are many examples too you can choose from it...

Export area as image in html [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have an html page with an area designed using css. I'm looking for suggestions if we can export an html area as an image.
Any help is much appreciated.
Well I think you want to take a screenshot of a particular portion or elements in your web page. If that is the case, it is not possible with just CSS and you need JavaScript.
Google is doing this in Google+ and a talented developer reverse engineered it and produced http://html2canvas.hertzen.com/ . To work in IE you'll need a canvas support library such as http://excanvas.sourceforge.net/
Take a screenshot using your preferred software. GIMP is free and capable.
If that software gave you a full screen screenshot (rather then a region), use an image editor to crop it.
http://cutycapt.sourceforge.net/
http://iecapt.sourceforge.net/
http://www.websitescreenshots.com/
http://www.princexml.com/
http://khtml2png.sourceforge.net/
http://linkpeek.com/

What features of HTML5 can I use right now? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
Any suggestions which feature can I use for simple web pages?
It really depends on how advanced you plan on making your website. Generally speaking most of the real browsers (NOT IE) support most of the html 5 elements.
Have a look at http://html5readiness.com/ to see what elements are supported by which browsers.
You can use new HTML5 tags which make markup more semantic. In order to get started right away, use this Initializr - HTML5 templates generator
http://caniuse.com is specifically designed to answer your question.

charts in HTML5? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
I am new to HTML5.I see lot of charts using sencha,fusion.Is it possible drawing charts without using any scripts in HTML5?Have they used scripts?If it is possible only through scripts,why should we use HTML5? is Normal HTML Enough?
HTML5 has something called canvas that can show beautiful charts like this.
Now, do draw a chart, we need data primarily. That is xml, json or javascript array or something like that. HTML5 is just the latest version of HTML which makes it a Markup Language.
HTML just can render graphs into the screen once your script supply it all your data.
The point is, HTML5 cannot parse your custom data. And also to make it compatible to our good old IE, who apparently have not heard of canvas yet, , we need libraries like explorercanvas.
And to make this drawing simpler and cross browser friendly, we use libraries like
Raphaƫl
RGraph
if you want performance and beauty you have this - http://www.highcharts.com
thanks