collected links :: inspiration ~ reference ~ … & more
view tag archiveYour bookshelves may already be buckling under the weight of books about HTML and CSS. Do you really need another one? Hardboiled Web Design is different. It’s for people who want to understand why, when and how to use the latest HTML5 and CSS3 technologies today. Are you ready to get hardboiled?
We are trying to help you deciding which HTML5 video-based player to choose for your web project. This site will hopefully be updated regularly. Feedback is appreciated via Twitter (Hashtag: #videosws).
The Official Guide to HTML5 Boilerplate
An interactive film by Chris Milk Featuring “We Used To Wait” Built in HTML5
This site, the HTML5 Playground, Studio, and Presentation slides are all open source projects. Tweak the code or contribute new guides!
This presentation is an HTML5 website
Mobile users in the UK, Europe and Middle East can now access an HTML5 version of Google’s YouTube video site, speeding up access for those accessing it via iPhones, Android or other mobile devices with browsers able to render HTML5 video content.
HTML5 version of YouTube launches for mobiles | Technology | guardian.co.uk
I was honoured to be invited to talk about HTML5, CSS 3 and how they’re not the same thing for the London HTML5 Users Group. Here are demos and resources from the presentation:
HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.
illustrated intro to HTML5 web workers
An implausibly illustrated introduction to HTML5 Web Workers
While HTML5 has a bunch of semantic elements, including new ones like
Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.
Free for use in all web projects, professional or personal, HTML5 Reset by Monkey Do! is a set of HTML5 and CSS templates that jumpstart web development by removing the styling native to each browser, establishing basic HTML structures (title, header, footer, etc.), clearing floats, correcting for IE problems, and more.
HTML5, CSS3 default templates – Jeffrey Zeldman Presents The Daily Report
never warp your brain with time zone math again
The HTML5
HTML5 is a set of web standards being developed by the “Web Hypertext Application Technology Working Group” The HTML5 standard includes many new features for more dynamic web applications and interfaces. One such component being specified and implemented is the
Degradable HTML5 audio and video Plugin
Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.
Browsers that understand the video element will use that while less capable browsers will play the Flash movie in the object element (and because of the way the object element works, you can put yet another layer of fallback content between the opening and closing
by Jeremy Keith
I’m going to make a bold prediction. Long after you and I are gone, HTML will still be around. Not just in billions of archived pages from our era, but as a living, breathing entity. Too much effort, energy, and investment has gone into developing the web’s tools, protocols, and platforms for it to be abandoned lightly, if indeed at all.
writing & such by Oli Studholme — on HTML5
Flash … without the plugin
e WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone.
Web Designer’s Checklist, Web Designers’ Browser Support Checklist : : what browser am I using, how modern is my web browser, and what’s my IP address?
For a web standards-oriented designer/developer like myself, it was cool to see how the other half lives and what drives them. There are a lot of good and talented people in the Flash community, and it was awesome to get to meet some of them.
JeffCroft.com: On the Android Flash demo at FlashCamp Seattle
The whole purpose of this article is to help you get started with some basic guidelines and easy to follow code templates. If you are familiar with the basics and want to take things to the next level, you will also find several useful resources providing more tips, tricks and techniques.
Perceptions of the web is changing. People are advocating that we treat the web like another application framework. An open, cross-platform, multi-device rival to Flash and Cocoa and everything else. I’m all for making the web richer, and exposing new functionality, but I value what makes the web weblike much, much more.
Web Designers’ Browser Support Checklist
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
This is the result of all the weekend playing with various drawing algorithms and
The first part of my post of 1 February was not an attack on Flash. It described a way of working with Flash that also supports users who don’t have access to Flash. I’ve followed and advocated that approach for 10 years. It has nothing to do with Apple’s recent decisions and everything to do with making content available to people and search engines.
Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design.
Flash, iPad, Standards – Jeffrey Zeldman Presents The Daily Report
Video for Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5
We wanted to provide a comprehensive references of elements that are new or have been redefined in HTML5, so we’ve created a glossary. We’ll be adding to this in the coming weeks to make it more comprehensive.
The HTML 5 spec was originally called “Web Applications 1.0″. Most of the attention has been on the new markup elements, but in his talk he takes a further look at the applications side of the spe
This is a proof of concept demonstration of HTML pluginless Video and Audio playback, showing AV content synchronised to chapters, allowing direct access to specific sections of the show.
Now that the development of XHTML 2 is discontinued, should we stick to XHTML 1.0 or move forward to HTML 5 or better prefer the old HTML 4? Let’s set things straight once and for all. In this post we are trying to clear up the confusion, explain what is what and describe what markup language you can use for your web-sites.
Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip | How-To | Smashing Magazine
“XHTML 2 was a beautiful specification of philosophical purity that had absolutely no resemblance to the real world,” said Bruce Lawson, HTML 5 evangelist for browser maker Opera.
The W3C announced last week that [the XHTML 2 Working Group will wrap up at the end of this year]. This should have been a straightforward, welcome announcement. Instead it has confused a lot of people who believe that it heralds the end of XHTML—see, for example, the comments on Zeldman’s blog post.