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: /(.*\.

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]

Validate an email address using regular expressions - Totally PHP Home > Code Snippets > Validate an email address using regular expressions Description If you want a PHP script to verify an email address then use this quick and simple PHP regular expression for email validation. This is also case-insensitive, so it will treat all characters as lower case. It is a really easy way to check the syntax and format of an email address. The code Deprecated: Function eregi_replace() is deprecated in /home/totallyphpuk/ on line 29 Deprecated: Function eregi_replace() is deprecated in /home/totallyphpuk/ on line 30<? $email = ""; if(eregi("^[_a-z0-9-]+(\. Get the code Download the file to your computer: Click here to get the file

960 Grid System 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

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]

PHP Form Validation Script It is very essential to have the input to your form validated before taking the form submission data for further processing. When there are many fields in the form, the PHP validation script becomes too complex. Moreover, since you are doing the same or similar validation for most of the forms that you make, just too much of duplicate effort is spent on form validations. Note: You can make web forms quickly with Simfatic Forms. About this generic PHP form validation script This generic PHP form validator script makes it very easy to add validations to your form. We create and associate a set of “validation descriptors” with each element in the form. Each field in the form can have zero, one or more validations. You can associate a set of validation descriptors for each input field in the form. Download the PHP form validation script Using the PHP form validation script Include formvalidator.php in your form processing script The first argument is the name of the input field in the form.

Related:  HTML5HTMLhtml5Firefoxexamples