Malenke | Barnhart

mblog

Posts Tagged With "html5"

January 7th, 2011

Sweet Links – Week of 1/3/2011

If an App Is Your Content Strategy, You Are Doomed
Bloomberg takes a look at newspapers and magazines that considered the iPad their savior.
Storyboarding iPad Transitions
Greg Nudelman walks through the amazing detail of iPad (and iPhone) animations and shares his thoughts on how to document their design for developers.
How To Build A Mobile Website
This deep dive from Smashing Magazine includes a lot of often-overlooked details of implementing a mobile website.
Progressive Signup: A Better User Signup Process
QuietWrite segments their users by step of the sign-up process to provide a low-effort account creation flow.
This Shell by the Gamits
Similar to what the Arcade Fire did a while back with incorporating video and HTML5, this hit the webs recently. It was created by some very cool folks at Legwork Studios as well as the Denver band, The Gamits.
Controlling text size in Safari for iOS without disabling user zoom
456 Berea Street takes a look at the intricacies of text scaling and orientation changes on iOS.
iOS Icons Made in Pure CSS
A stunning collection of iOS icon replications made purely with CSS. Be sure to use a webkit browser to check these out.
Learn HTML5, JavaScript and CSS With Mozilla’s Free “School of Webcraft”
Mashable runs down Mozilla’s expansion of their School of Webcraft to 30 classes.
Five UX antipatterns to avoid when designing Log-in & Registration areas
Harry Brignull uses real-world examples to remind us what NOT to do when designing log-in and registration flows.
Apple engineer re-creates ancient computer with Legos
I remember using a computer to control Lego models back in school. Now the computer itself is made of Legos!
Mies van der Rohe Society
An appropriately stunning website for one of history’s greatest designers.
Telescopic Text
A new take on “progressive reveal”.
November 9th, 2010

Google Instant Previews and Animation

Today Google launched a new feature: Instant Previews (this hasn’t rolled out for all users, so you may not see this functionality yet). It is now possible to get a snapshot of each site in your search results before you actually visit the site (just click the little magnifying glass). This could be a useful feature. And Google has executed it in such a way that the previews show up remarkably fast. They also feature the sections of the page matching your search. Well done! More…

October 29th, 2010

Sweet Links – Week of 10/25/2010

HTML5-compatible video on the Web, October 2010: http://blog.mefeedia.com/html5-oct-2010

Preview of Adobe’s Edge prototype tool for HTML5: http://tv.adobe.com/watch/adc-presents/preview-of-the-edge-prototype-tool-for-html5-/

Need a lot of GUIDs fast? Online GUID Generator: http://www.guidgenerator.com/online-guid-generator.aspx

Smashing Magazine’s Review of popular Web font embedding services: http://www.smashingmagazine.com/2010/10/20/review-of-popular-web-font-embedding-services/

High-level overview of JavaScript frameworks from Luke W: http://www.lukew.com/ff/entry.asp?1220

Replicating iOS pagination with JavaScript for iPad: http://insideria.com/2010/10/replicate-the-ios-pagination-w.html

UX Matters’ take on Designing for Different Screen Sizes: http://www.uxmatters.com/mt/archives/2010/10/going-mobile-designing-for-different-screen-sizes-promoting-your-mobile-app.php

iScroll – provide content scrolling inside a fixed-size element in iOS: http://cubiq.org/iscroll

Detailed, step-by-step write-up on developing for Android: http://www.smashingmagazine.com/2010/10/25/get-started-developing-for-android-with-eclipse/

October 14th, 2010

Canvas, Video and HTML5 Accessibility

At the moment, HTML5 is not an accessible specification. Granted, at the moment, HTML5 is not a completed specification.

Of course, HTML5 still contains the accessibility capabilities of HTML 4.01 so it isn’t necessarily a step backward. Where HTML5 is lacking is in the implementation of new elements that didn’t exist in previous versions of HTML. Most notably <canvas> and <video>. More…

September 22nd, 2010

You Only Get to Tomorrow If You Pave the Way Today

You really should upgrade your browser.

We used to make nice little (actually they weren’t little, and as time went on, they became less nice) screens that suggested (demanded) that you upgrade your browser or risk having a less-than-optimal experience (or risk having absolutely no experience).  Then we (in my head, I keep referring to this as the royal We, but it really isn’t; it is “we” meaning the Web design/dev community (whatever that really means)) decided that we should be nicer to everyone visiting the sites we build and moved to the idea of graceful degradation. More…

August 30th, 2010

HTML5/Chrome in Action

Montreal based indie rock band, Arcade Fire, have joined up with Google to created a site that uses the band’s new music to showcase the potential of HTML5 and the Google Chrome browser in some creative ways.

http://www.thewildernessdowntown.com/

Picking a Technology: HTML5 vs. Flash
Picking a Technology: HTML5 vs. Flash
August 30th, 2010

Picking a Technology: Flash vs. HTML5

HTML5 vs. Flash

For nearly a decade, Flash grew on the web to a point of near pervasiveness. It offered itself as a plug-in for every major browser and every major platform. It even came pre-installed in a lot of situations. Flash came as close to a “standard” as any proprietary technology on the web ever had. Then came the iPhone and the first hints that there was another (better?) way. More…