Nonprofit web design tips and more from CEDC

Posts tagged HTML5

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)

Filed under jquery upload javascript html5

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.

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)

Filed under css3 html5 responsive design theme wordpress open source

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)

Filed under html5 speed

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."

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)

Filed under html5 tools open source

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

Filed under Drupal drupal-7 omega delta context open source theme theming html5 responsive design

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.

Filed under HTML5 css3 modernizer coding performance