as new to HTML 5 and willing to learn it core and form start. Can you all please share your best sites that you followed.
Love to have tutorials sites from where i can learn, and Showcases so that i get inspiration.
thanks for writing in advance.
Dive Into HTML5 by Mark Pilgrim is a well-written, humorous and very understandable online book that covers everything you need to know to get started with HTML5.
It also comes with lovely illustrations!
Table of contents:
Introduction: Five Things You Should Know About HTML5
A Quite Biased History of HTML5
Detecting HTML5 Features: It’s Elementary, My Dear Watson
What Does It All Mean?
Let’s Call It a Draw(ing Surface)
Video in a Flash (Without That Other Thing)
You Are Here (And So Is Everybody Else)
A Place To Put Your Stuff
Let’s Take This Offline
A Form of Madness
“Distributed,” “Extensibility,” And Other Fancy Words
The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything
HTML5 Peeks, Pokes and Pointers
I really like HTML5 Doctor
I guess you can learn a lot by looking into the well-organized archives.
Related
I'm looking for a video player that allows HTML embedding for questions and other user interactions, to build an educacion site similar to Coursera. The idea is to allow pop-quiz and other material to show while doing the lectures.
Could you please suggest one that's suited for this, or if not possible, point me in the right direction on how to build it?
Thank you very much
popcorn.js might be worth a look:
Popcorn.js is an HTML5 media framework written in JavaScript for
filmmakers, web developers, and anyone who wants to create time-based
interactive media on the web.
I'd check out the demos as some of them may be doing some of the things you want to do. I don't really have time to play with it at the moment, but this one, which attempts to teach Shakespeare by providing contemporary translations along with a video reading, looks like it might be interesting to you.
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 am aware of the great, wide new spectre of possibilities, but I have
almost no clue about Html5.
As one of the (from many) way to exponentially send back IE6 to the Big-Bang era - is to massively accept new technologies and methods... Well let's go with HTML5. How to embrace it in the meaning of compatibility without spending 70%+ time we usually spent looking at a Microsoft product.
Let's say we decide to start our new project in HTML5, what are the best practicies, problematics, links, infos... all related with older browsers compatib..
Do we have to create html5 docs apart or are they handable and how by oldyes.
Any good link or suggestion or explanation?
It looks like you are looking for a massive amount of information here...
What I would suggest is to visit a site such as net.tutsplus.com and do a search for html5. I would also get acquainted with the html5 shiv and other techniques to provide cross-browser compatibility.
I started with html5boilerplate - it's a great way to begin
If you can afford a book, I'd recommend hard boiled webdesign by Andy Clarke
good luck
The rules for using features added in HTML 5 are the same as those we have been following for the past decade. Use progressive enhancement as normal.
I started learning flash and actionscript very recently and I am having fun with it. Now, here's something I wanna do with actionscript and since I am pretty new, I am not yet sure where to look for to learn what I want. I am specifically looking for image manipulation techniques that can be achieved with AS, for example, basic image manipulation like changing contrast/brightness, transform image etc. Can anyone guide me towards any relevant tutorial/resources that would be easy to understand for a beginner.
Check out these pages:
http://gotoandlearn.com/index.php?currentpage=5
http://gotoandlearn.com/index.php?currentpage=6
Watch the videos titled:
Introduction to Pixel Bender: Part 1
Introduction to Pixel Bender: Part 2
Animating Pixel Bender Filters
This will have you well on your way. The rest of the site is packed with hundreds of free videos + source files (in many cases) so you should be well on your way with this website. The tutorials on that website are actually my foundation/roots/beginnings in flash. Of course since then I've moved on to more advanced topics/theory etc but there is more than enough information to come out a real flash developer. :)
I would recommend buying the book Learning Actionscript 3.0. This is the book I started with and to be honest I never needed another book on Actionscript again. It covers pretty much everything, including image manipulation.
You can see and download the samples from the book here. For image manipulation, I would recommend looking at example of 'Drawing With Pixels'.
There are a lot of good books out there. Colin Moock's Essential Actionscript is by far my favorite book.
If your looking for some online help or tutorials heres a list of references:
A nice tutorial on active tuts for changing the brightness of an image.
Senocular is an AWESOME reference in anything flash. Here he talks about the Matrix class is basically any size manipulation to a movieclip of image.
Finally the Adobe live docs are the best place for you to learn the built in classes AS3 has to offer. the Movieclip.transform property is the basis for all aspects of image manipulation (hue,tint,etc).
Good luck in your learning, I remember how exciting it was for me!
I have general question how to start developing my skills in web designing.
What is best place to start and what technique to use.
I have some knowledge of html and css, so far I have been building sites with already done all html and css. I would just use it and maybe do a smaller changes.
I want to be able to make html and css out of image that artistic guy produces.
http://w3schools.com/ has some great tutorials and you can play around with stuff right their on their pages.
A lot of the really "artsy" sites are produced in another program first, usually Adobe Photoshop or Adobe Illustrator, and then 'sliced' into HTML div's. NetTuts has a handful of tutorial on how these that show the complete start-to-finish. Here's a few I found real quick:
Design and Code a Slick Website from Scratch – Part I
How to Design and Code a Flexible Website
New Plus Tutorial: Convert a Beautiful PSD to HTML and CSS
Coding a Beautiful Website From Scratch: Plus Tutorial
(the last 2 I think you have to be a paying member for)
Here's a great web resource to check out for HTML/CSS: http://htmldog.com/
Also, do a Google search for "psd slicing." This is the process of taking an image of a website layout (a.k.a. mockup) and turning into valid HTML/CSS. You'll find a lot of screen casts and tutorials that will walk you through the entire process.
Start by getting a book and look at some tutorials. Google will help you there. Once you've got a decent idea of what's going on, look at a site, and try to duplicate what it looks like. If you're curious as to how something works or can't figure it out, look at the source (preferably with firebug) :D
Good luck
As others have said, getting a good book on HTML/CSS will certainly help.
Also read up on Web Standards - I think its really important to start learning these principles from the beginning as it will help you write valid HTML/CSS... and avoid writing invalid code.
I highly suggest the book "CSS Mastery". It's got a green cover with a pink binding...I think they've recently released a new version actually. Amazing book for beginning and advanced. I consider it my CSS bible.
I highly recommend w3schools.com and the Head First HTML with CSS & XHTML. I like most of the book in the head first series, in fact. They take a fun very visual approach to learning & I am a visual learner. Lots of things to practice & hints to help remember things.
If you don't feel totally confident then definitely pick up Head First HTML. Aside from that there are a few websites I would recommend:
A List Apart,
Stop Design
and as others mentioned the W3 website.
Working with a designer often means that they will produce mockups using Photoshop and you will in tern work off those. As that is the case having a working knowledge of Photoshop will be very useful for you. You don't have to be a wizard but some basic knowledge will enable you to do things like create image sprites from the mockup and get information relating to the width, height, color, etc of the different components in the design. As far as getting up to speed quickly there are many books on the subject, the Photoshop One on One books are a pretty good series and there are video tutorials available at Lynda.com.
I started on just looking at youtube. A really simple book for learning to code css and html is get coding. It's for kids, but it's a great start. I started there about a year ago, and now I've developed multiple websites for a couple of businesses. And I'm only twelve!