Posts tagged HTML5
Posts tagged HTML5
Wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
by Jake Strawn (@himerus), from Drupalcon 2011
Semantics in HTML is always a hot topic. Some people strive for it at all times. Some people critisize a dogmatic adherence to it. Some people don’t know what the heck it is.
I’d describe semantics as it relates to HTML as tags, classes, IDs, and attributes describing but not specifying the content they enclose.
jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app.
You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded.
Here’s a free Wordpress theme with HTML5, CSS3, and responsive design elements built in — a very cool start, although it doesn’t look like it has the capability currently to scale images on the fly (at least on their demo site). This means that at the mobile level, you’re still downloading a full resolution image and then scaling in the browser, which uses a lot of unnecessary bandwidth and slows page load dramatically.
IBM launches Maqetta, a visual authoring environment for creating HTML5 interfaces.
“Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.”
If you are going to be developing (or are thinking of developing) a site in Drupal in the future, do yourself a favor and check out the latest version (3.x) of the Omega starter theme. It’s pretty incredible, with HTML5 and responsive design capabilities baked right in, “giving you full control over your layout, advanced region placement and controls, and contextual layouts provided by the Delta and Context modules.” (See the intro video for a basic demonstration).
A huge round of applause to the developers!
HTML5, CSS3, jQuery & PHP Front-End Framework
Packed with Modernizr 1.6, Eric Meyer’s Reset Reloaded, jQuery 1.4.4, CSS3 PIE, CSS3 Buttons, Easy Grid, IE6 PNG Fix + IE6 Update, Tipsy Tool Tips, Reveal Modals, Orbit Image Slider, and more…
It’s a mistake to think of this as a small thing. Modernizr can be used to provide a performance boost for visitors with newer browsers and devices. And, as it detects features and not browser type and version, whenever your favourite browser supports these features they’ll get that boost too.