background preloader


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)

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. What Namoroka introduced is the drag and drop interface for the files. Here is how you can implement drag and drop multiple file upload with native JavaScript. PHP Upload Script PHP script for receiving the files is the same as last time. Setup Drop Target Also JavaScript code is almost identical with the Google Gears version. $(function() { /* Cannot use $.bind() since jQuery does not normalize native events. */ $('#dropzone') .get(0) .addEventListener('drop', upload, false); function upload(event) { /* Uploading will here. */ } } Upload Files With Native JavaScript JavaScript is used to build RFC2388 string.

Pearltrees on HTML5

#html5 VS #flash (for the week) The simple HashtagBattle layout provides a clear contrast between hashtags.

#html5 VS #flash (for the week)

Layouts are fully responsive. They work great on a smartphone, a tablet, a desktop, a TV, a projector, or your future iWatch? The multi HashtagBattle widget is really useful for contest, simple statistics, or real-time feedback. 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. Validateur HTML & CSS - Validation de pages xHTML. HTML5 Professionals Group News. Flash vs. HTML5 Endgame. [In the debate of Flash vs HTML5, has the death of Flash been over exaggerated?

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). 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 (##).


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.