HTML5

TwitterFacebook
Get flash to fully experience Pearltrees
Feast your eyes on the future of the Internet — beautiful websites built with HTML5. The newest version of HTML effectively catapults words and graphics into another dimension without plug-ins or the annoying lag time. Wix.com is making sure everyone — not just developers and fancy web designers — can get in on the action. http://mashable.com/2012/03/26/free-html5-website-builder/

Make a Flashy HTML5 Website Without the Coding or Plug-Ins

5 of the Best Free HTML5 Presentation Systems » SitePoint

But those are not necessarily killer drawbacks — you’re forced to concentrate on the presentation content rather than frivolous tweaks and awful animations. Here are the best HTML5 presentation systems I’ve found. Click the headings to view a demonstration — most work best in Chrome, Safari or Firefox… This is my current favorite. Slides look great and can be positioned horizontally or vertically. http://www.sitepoint.com/5-free-html5-presentation-systems/#fbid=MOd16VBaLHg
Are you aware that HTML5 is captivating the web by leaps and bounds? This new language is used for displaying the content on net. One can also add in audios, videos, various fonts, web graphics, drag and drop, animations to make your pages more colorful and informative. It is simply a renewed and much better version of the XHML1 or HTML4 and is also compatible to those versions. The online sprite tool box compresses your image and puts your image in a sprite. This compression will definitely increase the speed of your images and the time of loading.

23 Useful Online HTML5 Tools - DesignModo

http://designmodo.com/online-html5-tools/
http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/

Cross Browser HTML5 Progress Bars In Depth

Screenshots of HTML5 progress bars with different styles applied. Details given below. As a web application developer, progress bars are great when you want to show the user that some action is happening, especially when it can take a long time.
http://www.sitepoint.com/using-the-html5-geolocation-api/#fbid=rZBi54XGjJ0 Knowing the location of your users can help boost the quality of your website and the speed of your service. In the past, users had to actively input their location and submit it to a site, either by typing it, using a long drop-down list, or clicking a map. Now, with the HTML5 Geolocation API, finding your users (with their permission) is easier than ever. Figure 1 shows a website using geolocation to determine the location of a user, represented in latitude and longitude. The numbers can easily be translated into something more understandable, such as the street name or city. Figure 1 Showing a User’s Location with the Help of Geolocation

Using the HTML5 Geolocation API » SitePoint

Flotr2 is an open source library for HTML5 canvas charts and graphs which is a fork of the popular flotr without the dependency of Prototype JS framework and has many improvements. The library is framework independent and has support for line, bar, candle, pie and bubble charts . There are lots of customization options offered like the ability to define titles, subtitles, colors, labels on/off and so many others for each and every possible variable. Flotr2 outputs are interactive , they can be set to respond to the actions of the user. And, they can be extended with plugins (there are already several ones that can add interactions, new decorations, etc.).

Open Source HTML5 Charts & Graphs – Flotr2

http://www.webresourcesdepot.com/open-source-html5-charts-graphs-flotr2/

Using HTML5 to Determine User Location | Web development blog, news and tutorials - Developer Drive

As with all HTML5 functions, you cannot yet rely on browser support. Where browser support exists, it varies in depth and consistency. Essentially, you need to provide alternative functionality for users whose browsers do not fully support HTML5. In this tutorial we’ll run through the basics of establishing user location. In practice, the browser may be getting its data from more than one possible source. http://www.developerdrive.com/2012/01/using-html5-to-determine-user-location/

HTML5 is the new DHTML - The Easy Designs Blog

It’s true: For all intents and purposes, “ HTML 5” has become a meaningless catch-all marketing phrase defining a platform rather than a specification. It’s “ DHTML ” all over again. 1 This all probably started with the fact that “ HTML 5,” as a spec, was always more than a markup language. Even from the very early days at the WHATWG (before they decided to go versionless and just call it “ HTML ”), “ HTML 5” was a markup language, an updated DOM interface, and a set of new APIs for interacting with browsers and devices. http://blog.easy-designs.net/archives/2012/02/03/html5-is-the-new-dhtml/
To use native WebSockets in Firefox, the prefixed MozWebSocket should be used. However, Firefox 11 will support the IETF standard without the prefix. As a word of caution, the protocol backing the Web Socket API has become an IETF standard , but Safari has not yet implemented the (secure) new version.

HTML5 Please - Use the new and shiny responsibly

http://html5please.com/

Open Source Web Design - Download free web design templates.

If you don't already know about them, check out the blogs of Shaun Inman (of Mint fame) and John Gruber . I'm a regular fan of both and I want to thank them for supporting OSWD. skettino http://www.oswd.org/
Note: Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support. Note: IE7 does not support "inherit" as a value on any of these properties.

When can I use... Support tables for HTML5, CSS3, etc

HTML5 is definitely going to revolutionize the way we create website and web apps. In this article, I have compiled 10 awesome tools to simplify and enhance your HTML5 coding. Starting anew HTML5-based website? Just visit Initializr to get started.

10 online tools to simplify HTML5 coding | Web Builder Zone

At Sessions College we have a mission: preparing design professionals. Your certificate or degree courses help you build your professional design skills. This Career Center can help you translate skills to your job search. We want to help you land your first job toward a successful graphic design career or Web design career .

Free Color Wheel Color Calculator-HTML, RGB, CMYK color wheel chart: Sessions.edu

Colorblind Web Page Filter

This tool is still in development, but feedback is welcome while I work on it. If you only use one filter, use the grayscale filter which will not only point out potential problem areas, but will also let you see more clearly which areas the filter is unable to process. If your page meets the following criteria, please feel free to use this logo on your web site (available in gif and png formats). You may use the logo from this server or a local copy, but should include the following HREF and ALT text in your markup: either all text foreground/background color pairs remain unchanged (because your markup allows the user's browser preferences to dictate colors) or all text foreground/background colors are transformed to the coverage color (because your markup sets both foreground and background colors to ensure adequate contrast)
Windows: If you're colorblind or just need to constantly know what colors are on your screen the free program Colorblind Assistant might be for you. The program tells you whatever color is displayed at the current location of your mouse/trackpad pointer. The program gives you both RBG and HTML color values and also displays RGB, brightness, and saturation values on a bar graph. You can toggle whether or not the program stays on top—with the small footprint it doesn't really get in the way. Also there is a zoom pane for fine pixel detection. The developer, Achronism Studios promises that the program is spyware and advertising free.

Use Colorblind Assistant to Identify Whatever Color Your Cursor is Pointing At