Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
Can somebody please refer me to a comprehensive tutorial on Canvas which covers all properties / functions?
I also need a definite reference on Canvas - something like w3schools
This has friendly/easy tutorials
http://developer.mozilla.org/en/Canvas_tutorial
This is pretty comprehensive
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#the-canvas-element
Here is a HTML5 Canvas cheat sheet (PNG and PDF) and a HTML version of the same.
Here is a website dedicated to cheat sheets for developers, but it doesn't have any other canvas cheat sheets/references.
I run a site called Canvas Demos, where you can find lots of tutorials and tools to help you build great applications with the canvas element.
It also contains a list of games and applications made by other people with the Canvas element.
Rob Hawkes recently release "Foundation HTML5 Canvas for Games and Entertainment" book. http://rawkes.com/foundationcanvas
There's one which covers all the properties/functions:
A comprehensive reference for HTML5 canvas
Take a look at the Canvas chapter from Dive Into HTML5: http://diveintohtml5.info/canvas.html
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I was wondering if anybody knew of any websites that have different projects for learning HTML5 and CSS3. I don't want to learn Javascript just yet. I just want to see how good a website can be with only HTML5 and CSS3.
Any tutorials or projects that start from scratch and construct an impressive website would be most appreciated.
I recommend you to follow the course "Web Fundamentals" of this portal: Code Academy
I recommend you to google it.
But in my oponion w3schools is great for starters and Udemy has many online courses.
Also you can visit these question:
Learning HTML5 and CSS3
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
Coding An HTML 5 Layout From Scratch
Also there are bunchs of video tutorials and e-books like:
learnr.pro
CSS3: The Missing Manual
HTML5 for Masterminds, 2nd Edition
Responsive Web Design with HTML5 and CSS3
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I am new to Web Site development and have some experience in Application Development.
What i want to know is which Client Side Scripting language will be best for front end animations such as fade ins and fade outs, dialog box animations and page loading animations.
I need them to be very light weight as much as possible.
I have heard JavaScript provides is good for this but want other options as well.
Please suggest.
JavaScript is good for this stuff, but if you what some more you can look into a library as JQuery. And for more animations and stuff maybe JQuery UI. Of course for basic animation you can use pure css and html5.(But only modern browsers support this.)
I hope this helps.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am in need of a library/plugin for HTML5 canvas that allows you to sketch. I am aware that I can simply create my own script to draw on canvas, but it's the additional functionality that I don't know how to implement. So I'm hoping someone can suggest a library that can add support for:
Brush manipulation (image, size, color)
Layered drawing (or a form of 'history')
Undo support (or again, history)
Does something like this exist? If not can someone send me in the right direction with creating my own functionality like this?
Thank you!
I'm not sure about the undo support but sketch.js is a good place to start.
http://intridea.github.io/sketch.js/
Kinetic JS will be a good start ...
http://kineticjs.com/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I want to do a presentation using HTML5. If some of you already use a good HTML5 framework to make slides please can you give me the links.
I like this one :
http://slides.html5rocks.com
But I want to have more information before choosing one.
reveal.js
deck.js
html5slides
I personally prefer reveal.js. Simple enough to easily create slides, but still powerful enough to do everything I want it to do.
Well I have used and been impressed by impress.js:
http://bartaz.github.io/impress.js
Its output is very similar to Prezi.
Bunkr is super convenient and fun to use, and nice enough.
But I haven't found a slide show framework that can handle math.
Hopefully they'll add this feature soon!
Update: reveal.js can use MathJax to handle math, as described here.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I want to start learning HTML5 with canvas by building a simple 2d game. I want to build one that looks like this one: http://www.youtube.com/watch?v=h4SgiVCPfPk
Do you recommend any framework or game engine I could use to do this?
I would recommend using EaselJs for a 2D game using canvas. You will find some great examples on the site, and a pretty decent documented api to get you going.
I'll offer you an alternative in the form of MelonJS Which has some excellent documentation and very easy to get up and running.
I would recommend CAAT → http://labs.hyperandroid.com/static/caat/
Here a tech demo (canvas): http://labs.hyperandroid.com/static/caat/sumon/canvas/Sumon.html
It's easy to use and powerful, it has a good documentation and a lot of official tutorials.
If you are interested to publish your game on the mobile devices, it is the first supported engine by the Ludei.com team - http://ludei.com/tech/cocoonjs
You can try chem.
It's optimized for rapid development so it's perfect for a little game prototype idea.
For developers familiar with Backbone, you can try Backbone Game Engine.
Built to work on the Web, and in CocoonJS. Super Mario Bros level 1-1 was written as a demonstration.