I was wondering if there was a tag that auto-highlights the syntax of HTML and or PHP in HTML5. I'm writing a guide that has some code in it. Since I'm using a lot of the new html5 tags (I use section for the outline of my guide) I would like to use something in native html5. If this does not exist, what is the best way to do this? (Lik...
I am experimenting with animation in <canvas> and can't work out how to draw an image at an angle. The desired effect is a few images drawn as usual, with one image rotating slowly. (This image is not at the centre of the screen, if that makes any difference). ...
If I draw a rectangle of say linewidth=2 and then scale it to double the size of the rectangle, I get a rectangle that has its border double the size of the initial linewidth. Is there a way to keep the linewidth to the perceived size of 2 or the original size. In short, I want to just scale the size of the rectangle but keep the linew...
I'm building a music player web application which implements the HTML5 audio tag, however would like it to look consistent across browsers - is it possible to define my own custom CSS? And how? cheers Fela ...
Hi, I know Model-View-Controller well, have known about it for years and used it in terms of server-side development with languages like PHP. However, I am now working with JavaScript and building a big application with it utilizing SVG, Canvas among other great features modern browsers support. The project is big, so, the architecture...
I am a relatively new web developer looking for a hobby project thats substantial enough to actually learn a fair bit of php and other web related stuff. I'm thinking of a small simple webmail client but am unsure exactly where to start. I'm sure I will be using the php imap support a fair amount but but does anyone have any specific p...
I'm a bit puzzled how I'm supposed to use the HTML5 <header>, section>, and <footer> tags. Currently, I can't work out whether to use them like this: <section id="example_section"> <header> <h1>Example Section</h1> <p>etc</p> </header> <p>Content para 1</p> <p>Content para 2</p> <p>Content para 3</p>...
I have a chunk of a page that looks semantically this: Heading A Textual information related to heading A. Blah blah blah blah blah. [image gallery related to heading A] I can think of a couple of ways to mark this up: Method 1: <section> <h1>Heading A</h1> <p>Textual information related to heading A.<br /> ...
Hi, I'm developing a web app that needs to use HTML5 websockets. Is there any way of incorporating a javascript-based library to interface with my WebSocket server, when the browser doesn't support the WebSocket protocol? I've seen some Flash-based fallbacks, but I don't believe the iPhone supports Flash? I'm using iPhone OS 4.1 and ...
What would you recommend for supporting drag and drop upload - that is being able to drag a file icon from the desktop onto some "zone" on a web page and have it uploaded to the server. THe options are Google Gears,HTML 5 or anything else you can recommend. The criteria are: should work on as many browsers as possible should work into ...
My dreamweaver CS4 will not colour the syntax for HTML5 objects. However, I have downloaded an add-on through Adobe Exchange which allows automatic suggestions for HTML5. But I would love to have the syntax colouring. Any suggestions? ...
I have a piece of code like this: <figure> <img title="An amazing image that I forgot to specify a url for"/> <figcaption>An amazing image that I forgot to specify a url for</figcaption> </figure> Is it necessary for me to specify the title attribute in addition to the figcaption element, and will not doing so result in SEO pr...
So this is new, I'm trying to create clean CSS, here's my code example: <ul id="Main"> <li>blah blah</li> <li>blah blah</li> <li>blah blah</li> <li> <ul> <li>ding dong</li> <li>ding dong</li> <li>ding dong</li> </ul> </li> </ul> Then I have the following CSS: #Main li { background-color:Red; } Probl...
Hello, everybody, i've encountered the following issue in the Safari 5.0 (not in all WebKit-based browsers), this code: <html> <script> var on...
I would like to create a CSS/HTML version of this notepad on my page: I was thinking of using a simple table like this: <div id="notepad"> <table> <thead id="tbl_header">Comments</thead> <tr></tr> <tr> <td class="col1">Dot</td> <td class="col2">Text for...
<script type="text/javascript"> var canvas, context, tool, e; var varblurup=0; var varsizeup=1; var swtchclr; // Keep everything in anonymous function, called on window load. if(window.addEventListener) { window.addEventListener('load', function () { //check tool is pen or line or shape var chktool="pen"; function in...
I want to use a video as a background instead of an image that automatically stretches to the whole screen (background). I would also like to rotate videos and images.. so that there is a random video/image displayed in any order. It would also be nice to know how to delay video playback, so that the video only plays once 30 seconds af...
How can i stylize html5's range control to like this screenshot ...
I'm trying to create the following design: This is my code so far. <section class="frontpagearticle"> <figure class="frontpagearticlefigure"> <img class="frontpagearticleimg" /> </figure> <header> <h2 class="frontpagearticleh2">MyHeader</h2><time class="frontpagearticletime">pubtime</time> </heade...
Calling the javascript gurus out there. Basically my question is regarding how you structure your code, both visually and for functionality for example do you wrap everything in objects using this structure: var myapp={ binds:function(){ //put some event listeners for jquery etc... }, otherfunc:function(){ //do some other t...