html5pioneer - html5 forum

Adobe Edge Released - Adobe's Solution to HTML5
http://labs.adobe.com/technologies/edge/edge_557x200.gif
Adobe has recently released "Edge," a new html5 tool that allows you to create animations and other multimedia content easily in CSS like you would with flash.



Adobe Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

This version of Edge focuses primarily on adding rich motion design to new or existin...
Discussion in 'News' started by Scar3croW, Aug 3, 2011.
PDF.js - PDF Viewer rendered using html5 and canvas
PDF.js is a PDF viewer rendered completely in html5 and canvas!

Here is some sample html using this.

HTML:
<html>
<head>
  <title>Simple pdf.js page viewer</title>
  <script type="text/javascript"
          src="pdf.js"></script>
  <style type"text/css">
body {
  margin: 6px;
  padding: 0px;
  background-color: #c0bdb7;
}
#controls {
  border-bottom: 1px solid black;
  position:fixed;
  left: 0px; top: 0px;
  width: 100%;
  padding: 7px;
  background-color: rgb(242, 240, 238);
}
span#info {...
Discussion in 'Tutorials and Resources' started by Scar3croW, Jun 15, 2011.
HTML5 Games Conference
http://cl.ly/6xRy/Screen_shot_2011-05-20_at_9.25.29_PM.png


The worlds first HTML5 game conference is being held from September 22-23 in Warsaw, Poland. This is an interesting development in the gaining popularity in HTML5. Hopefully with conferences like this we can finally squash out Flash as the main format for games.

- HTML5 Games Conference
Discussion in 'News' started by Scar3croW, May 20, 2011.
Arena5 - Geometry Wars Style HTML5 Game
http://cl.ly/6gi2/Screen_shot_2011-05-12_at_2.36.20_PM.png
Arena5 is a Geometry Wars style HTML5 game that utilizes canvas to create an awesome game without flash!

Check it out - Arena5
Discussion in 'News' started by Scar3croW, May 12, 2011.
Daft Punk in HTML5
http://cl.ly/6gQC/Screen_shot_2011-05-12_at_1.30.38_PM.png


The entire piece is composed from the latest HTML5 and CSS3 technology (canvas, audio, transforms & transitions) so you'll need a newer browser to view it in. Chrome is recommended because it built around webkit. All of the waveform and spectrum visualisation is performed in realtime, so your browser is rendering a music video on the fly!

- Daft Punk in HTML5
Discussion in 'News' started by Scar3croW, May 12, 2011.
Cloud9 - Online IDE in the Cloud
http://1.bp.blogspot.com/-spb3HhFNY7s/TcizIlf4LJI/AAAAAAAAAbU/R7Gx9kC9wNk/s1600/image00.png
Cloud9 is an online IDE for JS, Python, PHP and Ruby development. By placing all your code in the cloud, you can access your code anywhere, anytime and on any device. But what if you’re not online?

Working with web applications offline has been a difficult problem to solve. Traditional web applications required all the logic for HTML generation and user interaction to be located on a remote server. The "go offline" feature in some of the earliest browsers was hardly...
Discussion in 'Tutorials and Resources' started by Scar3croW, May 12, 2011.
Angry Birds Rewritten in HTML5 and CSS3
http://cl.ly/6hEO/Screen_shot_2011-05-11_at_9.56.31_PM.png
Angry Birds in HTML5 and CSS3

As it is built on general HTML5 technologies, the application (chrome.angrybirds.com) is a simple web service and runs in any modern web browser that supports the new web technologies. However, users will need Firefox 4 or Chrome to run it in WebGL as IE9 does not support this technology and reverts to hardware accelerated Canvas 2D. Firefox 3.6 can only run the app in standard definition, while all other browsers run it in high-def.

The only diff...
Discussion in 'News' started by Scar3croW, May 11, 2011.
VNC in Your Browser with HTML5
https://d3nwyuy0nl342s.cloudfront.net/img/f728540e01229a29fbfcb1d5d2843a50d88bb374/687474703a2f2f6b616e616b612e6769746875622e636f6d2f6e6f564e432f696d672f6e6f564e432d322e6a7067
noVNC: HTML5 VNC Client

Description

noVNC is a VNC client implemented using HTML5 technologies, specifically Canvas and WebSockets (supports 'wss://' encryption). noVNC is licensed under the LGPLv3.

Screenshots

Running in Chrome before and after connecting:
[IMG]
Discussion in 'News' started by Scar3croW, May 11, 2011.
Photoshop Style CSS3 Generator
http://cl.ly/6dfi/Screen_shot_2011-05-11_at_1.47.27_AM.png
Layer Styles v 0.1
Layer Styles is an amazing piece of code. It allows you to generate CSS3 code like you were editing the layer style of text in Photoshop. It has the exact same settings and look of Photoshop. This is a must have for any web designer that uses Photoshop or wants to implement CSS3.

- Layer Styles
Discussion in 'Tutorials and Resources' started by Scar3croW, May 11, 2011.
CSS3 Generator
http://cl.ly/6bfR/Screen_shot_2011-05-09_at_2.51.34_PM.png
CSS3 Generator allows you to create complicated CSS3 code with a wysiwyg interface. It is by far the easiest and most intuitive CSS3 generator created so far. You can edit the border-radius, box-shadow, gradients, the box size, and even the opacity. It is a must have for any web designer looking to integrate CSS3 into their site. It even adds IE7 and IE8 support so it degrades gracefully.

Check out CSS3 Generator.
Discussion in 'Tutorials and Resources' started by Scar3croW, May 9, 2011.
Page 1 of 2
XenPorta © Jason Axelrod from 8WayRun.Com