Posts tagged HTML5
6 notes &
WYSIHTML5 - A Better Approach to Rich Text Editing
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.
(Source: gregbabula)
4 notes &
Adaptive, Responsive, Mobile First and Drupal Theming for the Future with HTML5, CSS3 and Omega
by Jake Strawn (@himerus), from Drupalcon 2011
More info
12 notes &
What Makes For a Semantic Class Name?
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.
(Source: twitter.com)
1 note &
jQuery HTML5 Uploader
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.
(Source: twitter.com)
7 notes &
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.
(Source: twitter.com)
29 notes &
50 Performance Tricks to Make Your HTML5 Web Sites Faster
Learn how you can make your sites faster directly from the Internet Explorer Performance Team. These are the same guys who brought you GPU accelerated graphics and compiled JavaScript with Internet Explorer 9, and they’re going to share their favorite 50 best practices for web developers. This session will provide an inside look into browser performance, discuss why common web best practices are important, and then go deep into how to get the most from new HTML5 capabilities including Canvas, Audio, Video, SVG, local storage, and more.
(Source: sambervalley, via gregbabula)
20 notes &
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.”
(Source: whatishtml5, via gregbabula)
6 notes &
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!
Learn more about Omega, or give us a shout if you need some help (and it’s a non-profit project).
24 notes &
G5 Front-End Development Framework
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…
4 notes &
Speeding up with Modernizer
Modernizr is a feature detection library for advanced browser features by Faruk Ateş and Paul Irish. By adding classes to your HTML tag and providing a Javascript object to check against, it helps you to customise your implementations to take advantage of new features while also supporting older browsers via fallbacks.
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.
