background preloader

Awesome HTML5 Dashboard

Awesome HTML5 Dashboard

Typographic effects in canvas My Background Ajaxian, describing the transformation matrix, inspired me to create my first Color Sphere (2007). Which immersed me into the world of colors, and graphic primitives; inspiring the creation of Sketchpad (2007-2008) in an effort to put together an application “better than Paint” in the browser. These experiments eventually led to the creation of the startup Mugtug with my long-time friend Charles Pritchard. We’re developing Darkroom in HTML5 <canvas>. Introduction <canvas> brings Javascript programmers full-control of the colors, vectors and pixels on their screens—the visual makeup of the monitor. The following examples deal with one area in <canvas> that hasn’t gotten much attention; creating text-effects. Text-Shadows in <canvas>. CSS-like text-effects in <canvas> creating clipping masks, finding metrics in <canvas>, and using the shadow property. Neon-rainbow, zebra-reflection—chaining effects. Inner & outer shadows in <canvas> Spaceage—generative effect. Text-Shadows in Canvas

"Mobifying" Your HTML5 Site Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever, smart phones out sold PCs. More and more users are using a mobile device to traverse the web, which means it's becoming critical for developers to optimize their sites for the mobile browsers. The "mobile" battlefield is still uncharted waters for a large number of developers. Creating a mobile-friendly As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version. This article examines how we created a mobile version of html5rocks optimized for Android and iOS devices. HTML4 and CSS2 have supported media-dependent style sheets for some time. would target print devices and provide specific styling for the page content when it is printed. You can use media queries in the media attribute of your external stylesheets to target screen width, device width, orientation, etc. <head> ... - url: /(.*\.

HTML5Pattern HTML5 differences from HTML4 Abstract "HTML5 Differences from HTML4" describes the differences of the HTML5 specification from those of HTML4. Status of This Document This section describes the status of this document at the time of its publication. This is the 9 December 2014 W3C Working Group Note produced by the HTML Working Group, part of the HTML Activity. Publication as a Working Group Note does not imply endorsement by the W3C Membership. This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. This document is governed by the 14 October 2005 W3C Process Document. Table of Contents 1 Introduction 1.1 Scope of This Document This document covers the W3C HTML5 specification. 1.2 History of HTML HTML has been in continuous evolution since it was introduced to the Internet in the early 1990s. HTML4 became a W3C Recommendation in 1997. The HTML specification reflects an effort, started in 2004, to study contemporary HTML implementations and Web content. 1.3 Open Issues 2 Syntax <! <? <!

schema comparison An XML schema is a description of a type of XML document, typically expressed in terms of constraints on the structure and content of documents of that type, above and beyond the basic syntax constraints imposed by XML itself. There are several different languages available for specifying an XML schema. Each language has its strengths and weaknesses. Overview[edit] This article also covers a brief review of other schema languages. The primary purpose of a schema language is to specify what the structure of an XML document can be. Document Type Definitions[edit] Tool Support[edit] DTDs are perhaps the most widely supported schema language for XML. W3C XML Schema[edit] Advantages over DTDs[edit] Compared to DTDs, W3C XML Schemas are exceptionally powerful. W3C XML Schema is written in XML itself, and therefore has a schema of its own (appropriately, written in W3C XML Schema). W3C XML Schema has a large number of built-in and derived data types. Commonality with RELAX NG[edit] Disadvantages[edit]

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. 20 Excellent HTML5 Video Players | One of the trending topic in web development today is about HTML5. HTML5 players is one of the most notable new features in HTML5, it allows you to embed video without the use of flash. The HTML5 video player is a non-proprietary alternative to Adobe’s Flashplayer plug-in. HTML5 have some extra advantages than Flash player, which makes HTML5 more useful. The loading time is fast of HTML5 players, you can fast forward and rewind the video without waiting at video to buffer. HTML5 will be more efficient than Flash, but there is still plenty of debate. Technical implentation of HTML5 player really easy – mostly all players work due to the Java Script performance and of course one of the new HTML5 tags – “video” tag. SublimeVideo SublimeVideo maximizes the use of HTML5 Video in latest browsers while providing full support for legacy browsers thanks to its integrated fallback to Flash. Flarevideo MediaElement.js MediaElement.js allow us to use the <video> tag with one H.264 file. Moovie videojs

Les 20 meilleures extensions Firefox pour développeurs web Firefox est actuellement un des navigateurs préférés des développeurs, non seulement de par son rendu plus que correct des pages, mais également par la multitude d'extensions qui ont vu le jour pour l'aide quotidienne à la conception web. Certaines sont bien sûr déjà connues et utilisées couramment par la plupart des lecteurs d'Alsacréations. Firebug S'il fallait n'en posséder qu'une, ce serait Firebug. Sans compter l'onglet des requêtes réseau, l'inspection très pratique des éléments par le curseur de la souris, l'affichage en sur-impression des marges, l'exécution de code JavaScript au vol et sa console. Firebug peut être complété par 3 "sous-extensions" : WebDeveloper Toolbar Validateurs Html Validator procède à une validation automatique de chaque page consultée, affichant les résultats dans la barre d'état du navigateur en les détaillant lors de la consultation du code source. IEView / IE Tab Colorzilla Fireshot Dust-me Selectors MeasureIt SmushIt FirePHP / FirePython Live HTTP Headers X-Ray

rdf:about Schemas This is a list of XML schemas in use on the Internet sorted by purpose. XML schemas can be used to create XML documents for a wide range of purposes such as syndication, general exchange, and storage of data in a standard format. Bookmarks[edit] XBEL - XML Bookmark Exchange Language Brewing[edit] BeerXML: a free XML based data description standard for the exchange of brewing data [1] Business[edit] Elections[edit] Financial[edit] FpML, Financial products Markup Language is the industry-standard protocol for complex financial products. Geotagging[edit] KML, Keyhole Markup Language is used for annotation on geographical browsers including Google Earth and NASA's World Wind. Graphical user interfaces[edit] JAXFront - JAXFront GUI generator (free community edition)GLADE - GNOME's User Interface Language (GTK+)KParts - KDE's User Interface Language (Qt)XUL - XML User Interface Language (Native)XForms - XFormsXAML - Microsoft's Extensible Application Markup Language Humanities texts[edit] [edit]

Related:  manjinderHTML5HTMLhtml5Firefoxexamples