background preloader

HTML5

Facebook Twitter

Svg-edit - A complete vector graphics editor in the browser (in JavaScript) SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser. 2014-04-07 SVG-edit 2.7 was released (Note that Google has discontinued new project Downloads via Google Code so we had to commit the zip package into the 2.7/stable branch).

svg-edit - A complete vector graphics editor in the browser (in JavaScript)

Features detailed at VersionHistory. 2013-11-07 community conference call (You can listen to the recording) 2013-10-10 community conference call (You can listen to the recording) 2013-04-09 community conference call (You can listen to the recording) 2013-02-12 community conference call (You can listen to the recording) 2013-01-15: SVG-edit 2.6 was released Try out the latest stable release (or as a download). For the adventurous ones, please do try out the trunk build demo (This is the development code of the next version). SVG-edit is an online vector graphics editor that uses only JavaScript, HTML5, CSS and SVG (i.e. no server-side functionality). Cross-hatching GLSL shader. HTML5 Drag and Drop Multiple File Upload. Previously I experimented with drag and drop file upload with Google Gears.

HTML5 Drag and Drop Multiple File Upload

Recently FireFox 3.6 (codenamed Namoroka) was the first to implement File API. It enables JavaScript to interact with local files. Correction: Ionut G. Stan pointed out that File API was actually available already in FireFox 3.0.

Pearltrees on HTML5

#html5 VS #flash (for the week) Six Revisions - Useful information for Web Developers and Designers. There are many available tools to help make web development projects quicker and more productive.

Six Revisions - Useful information for Web Developers and Designers

Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently. 1. CSS Grid Builder CSS Grid Builder is an online GUI for customizing the YUI Grids CSS – a lightweight CSS framework developed by Yahoo!

AppMobi to Open Source All Its HTML5 APIs on Black Friday. HTML5 development firm appMobi has a gift for developers to kick off the holiday season.

AppMobi to Open Source All Its HTML5 APIs on Black Friday

The company is making much of its HTML5 device-side APIs available as open source projects starting on November 25, otherwise known as Black Friday. AppMobi is releasing its DirectCanvas, device-APIs for iOS and Android and its MobiUs browser among hundreds of other HTML5 development APIs as open-source projects free for developers to build upon. This cache of APIs is the type of trove that HTML5 developers could put to great use. For appMobi, HTML5 is not about the desktop, it is about mobile and it has worked to create functionality for device access by HTML5 applications including access to native functions like the camera, accelerometer and GPS. AppMobi is pushing hard on HTML5 development and, one way or another, it is trying to drag the rest of the ecosystem with it.

"This is our way of encouraging people to do mobile first," appMobi CTO Sam Abadir said. What can appMobi's APIs do? Validateur HTML & CSS - Validation de pages xHTML. HTML5 Professionals Group News. Flash vs. HTML5 Endgame. PMK Design Labs - Behind The Scenes. Welcome to the Design Lab!

PMK Design Labs - Behind The Scenes

A collaboration between PMK Customs and Internet Explorer. The Design Lab showcases many of the new features enabled in next generation browsers, like Internet Explorer 10 on Windows 8, such as multi-touch gestures, hardware accelerated graphics, and blazing fast HTML5 libraries and frameworks that make this website feel more like an app. This site has been designed to work easily with your finger, so give it a shot on a Surface tablet. PMK Design Labs. HTML5. HTML5 Slide Deck __ uulm Style. Thinking XML: The XML flavor of HTML5. 08 Jul 2010: Added two Resources per author request: Tip: Always use an XML declaration and thanks to Michael Smith.

Thinking XML: The XML flavor of HTML5

The history of HTML has been controversial at every turn. Despite the best efforts of web architects, the web has always been a wild frontier of messy, confusing, and sometimes just diabolically broken markup (nicknamed tag soup). One ambition of XML has always been to help clean up this mess, hence XML's designation as "SGML for the web" (SGML is the meta-language of which HTML is just one flavor). XML came on the scene and immediately made a lot of waves. The W3C expected, reasonably enough, that XML might also find success in the browser, and set up XHTML as the most natural evolution from HTML to something more coherent.

Be conservative in what you do; be liberal in what you accept from others. The strictures of XML are compatible with this law on the server or database side, where managers can impose conservatism as a matter of policy. XHTML is dead. Fun with DOCTYPE. W3Cx - Free Courses from The World Wide Web Consortium (W3C) The World Wide Web Consortium (W3C) is an international consortium where Member organizations, a full-time staff, and the public work together to develop Web standards and guidelines designed to ensure long-term growth for the Web.

W3Cx - Free Courses from The World Wide Web Consortium (W3C)

W3C's goal is for the Web to connect humanity in a way that makes access to knowledge more efficient and equitable. Founded in 1994 by the inventor of the Web, Tim Berners-Lee, W3C has successfully overseen processes of issue raising, design, consensus building and testing resulting in over 335 technical standards that make the Web work. Success stories include HTML5, XML, CSS and Web accessibility guidelines. The Members and Staff of W3C, and its partners, are creating many more technologies that are designed to enable all Web users, from the elderly to the youngest generations, to share knowledge, expand commerce, and innovate. Dropzone.js. Fragmention. Fragmention is an experimental extension to a URL to link and cite individual words or phrases of a document using double-hash anchors (##).

fragmention

Editor Kevin Marks License Per CC0, to the extent possible under law, the editors have waived all copyright and related or neighboring rights to this work. Example: Behavior Fragmentions find the first matching word or phrase in a document and focus its closest surrounding element. Open Source IndieWeb Examples Implementations on IndieWeb sites. initial discussion and follow-up explaining the idea more generally Jonathan's example page Kevin's original page with Jonathan's script added Aaron's site - note the custom CSS for the highlighted paragraph sayit.mysociety.org, thanks to Matthew Somerville.

Silo Examples Kevin's blogger blog by adding the fragmention JS to the template Instapaper Support creates fragmention URLs for highlights and POSSEs them to twitter, tumblr, facebook etc. Challenges.