SublimeVideo - HTML5 Video Player - Features
november 2011 by ohskylab
Much as I appreciate the effort that's gone into mediaelement.js, this looks worth exploring.
web
video
html
html5
november 2011 by ohskylab
Native Fullscreen JavaScript API (plus jQuery plugin) | John Dyer's Code
october 2011 by ohskylab
"Native FullScreen support is coming to most browsers in the next few months (no word from the Internet Explorer team)." But not here yet. Super.
web
html
html5
video
audio
fullscreen
flash
mediaelement.js
october 2011 by ohskylab
Ripple Emulator Community
september 2011 by ohskylab
"A multi-platform mobile environment emulator that runs in a web browser and is custom-tailored to HTML5 mobile application testing."
mobile
html5
testing
web
september 2011 by ohskylab
Hacker News | Mobile development with HTML5
august 2011 by ohskylab
The linked article is fairly useless but the comments on it are good; real-world dev stories.
web
html5
mobile
caching
appcache
jquery
sencha
performance
august 2011 by ohskylab
manifestR - offline web apps made easy (well easier)
july 2011 by ohskylab
"manifestR is a bookmarklet, which you drag to your bookmarks bar. Then, when you visit any page, you can click the manifestR button, and it will create an HTML5 appcache manifest file for that page."
web
html
html5
offline
cache
manifest
tools
bookmarklet
from delicious
july 2011 by ohskylab
The Wheels Of Steel: An Ode To Turntables (in HTML)
june 2011 by ohskylab
Pretty flipping amazing.
css
javascript
music
audio
web
turntables
technics
sl1200
html5
css3
from delicious
june 2011 by ohskylab
On using h1 for all heading levels in HTML5 | 456 Berea Street
june 2011 by ohskylab
"You can keep using h1-h6 in HTML5, but you can also choose to use only h1 elements for all headings and rely on the HTML5 outline algorithm to sort out the heading hierarchy. If you do this, however, you should be aware that currently there is very little support for the HTML5 outline in web browsers, screen readers and developer tools." Possibly not ready for production quite yet, then.
headings
html
html5
accessibility
web
from instapaper
june 2011 by ohskylab
20 Snippets You should be using from Html5 Boilerplate
may 2011 by ohskylab
Bad title, good article
web
html
html5
html5boilerplate
frontend
from instapaper
may 2011 by ohskylab
When can I use... Support tables for HTML5, CSS3, etc
march 2011 by ohskylab
"Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."
html5
css3
css
compatibility
html
browsers
web
svg
mobile
from delicious
march 2011 by ohskylab
BlackBerry PlayBook Browser HTML5 support | Mobile Web Programming
february 2011 by ohskylab
Notes on BlackBerry's Webkit-based PlayBook browser called, er, "Browser".
blackberry
playbook
web
html5
browsers
tablets
mobile
from delicious
february 2011 by ohskylab
Initializr - Start your HTML5 project in 15 seconds!
february 2011 by ohskylab
"A simple tool to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate".
html5
framework
generator
web
boilerplate
from delicious
february 2011 by ohskylab
HTML5 accessibility
february 2011 by ohskylab
"This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web."
html5
accessibility
html
browsers
web
from delicious
february 2011 by ohskylab
HTML5 allows almost any value for the id attribute – use wisely | 456 Berea Street
january 2011 by ohskylab
I can see this being horribly confusing.
html5
markup
web
from delicious
january 2011 by ohskylab
Adactio: Journal—Three questions
january 2011 by ohskylab
"The WHATWG spec is the place to look for what’s new and evolving. The W3C spec, once it goes into Last Call, is the place to look for the official milestone that is HTML5. In practice, the two specs will be pretty much identical for quite a while yet. But the truth is that authors shouldn’t be looking at specs to decide what to use—look at what browsers support in order to decide if you should use a particular feature—look at the spec to understand how to use features of HTML5."
html
html5
whatwg
web
jeremykeith
w3c
from delicious
january 2011 by ohskylab
W3C HTML5 Logo
january 2011 by ohskylab
Oh, you big bullies. I quite like it.
html5
logo
w3c
standards
from delicious
january 2011 by ohskylab
Adactio: Journal—Landmark roles
january 2011 by ohskylab
Using ARIA landmark roles in HTML5 documents instead of IDs to provide styling hooks. Clever.
html5
specificity
aria
css
web
from delicious
january 2011 by ohskylab
Nike Better World
january 2011 by ohskylab
Nice parallax effect; feels like a one-shot, though. Interesting to see this level of HTML5 + related in a campaign site.
html5
scrolling
parallax
nike
from delicious
january 2011 by ohskylab
Eric's Archived Thoughts: Reset Revisited
january 2011 by ohskylab
A new (but work-in-progress) reset from Meyer.
css
web
reset
html5
ericmeyer
from delicious
january 2011 by ohskylab
zencoder's html5-boilerplate-for-wordpress at master - GitHub
november 2010 by ohskylab
"The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress."
html
html5
wordpress
themes
web
november 2010 by ohskylab
mezzoblue's PaintbrushJS at master - GitHub
october 2010 by ohskylab
"A lightweight, browser-based image processing library that can apply various visual filters to images within a web page."
css
css3
effects
images
javascript
web
html5
october 2010 by ohskylab
HTML5 Reset Stylesheet | HTML5 Doctor
october 2010 by ohskylab
"Modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects."
html
html5
reset
web
css
october 2010 by ohskylab
Google Chrome Frame hijacks IE, and is now considered stable | ZDNet
october 2010 by ohskylab
"<meta http-equiv=”X-UA-Compatible” content=”ie=edge,chrome=1″>
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
google
chrome
chromeframe
web
html
html5
ie
browsers
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
october 2010 by ohskylab
Twitter / Paul Irish: Every good developer shoul ...
october 2010 by ohskylab
Every good developer should have this in their <head>:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
#optintoawesome
html5
html
google
chrome
chromeframe
web
ie
browsers
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
#optintoawesome
october 2010 by ohskylab
yepnope.js | A Conditional Loader For Your Polyfills!
september 2010 by ohskylab
A small wrapper around LABjs to help use feature detection to load exactly the scripts that your user needs, not just all the scripts that you think they might need.
javascript
html5
css3
html
performance
hpw
progressiveenhancement
labjs
september 2010 by ohskylab
Html5 cross browser polyfills - Modernizr - GitHub
september 2010 by ohskylab
"So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
html
html5
css3
javascript
modernizr
web
polyfills
september 2010 by ohskylab
HTML5 video player
september 2010 by ohskylab
Comparison table.
via:paul.irish
html5
video
web
javascript
tools
comparison
player
september 2010 by ohskylab
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by ohskylab
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
css
css3
framework
html5
html
javascript
templates
web
via:twoplusfour
august 2010 by ohskylab
HTML5 Video Player | Video JS
june 2010 by ohskylab
"A javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers."
via:twoplusfour
development
flash
html5
video
web
javascript
june 2010 by ohskylab
Understand The Web · Ben Ward
may 2010 by ohskylab
"Want to know if your ‘HTML application’ is part of the web? Link me into it. Not just link me to it; link me into it. Not just to the black-box frontpage. Link me to a piece of content. Show me that it can be crawled, show me that we can draw strands of silk between the resources presented in your app. That is the web: The beautiful interconnection of navigable content. If your website locks content away in a container, outside the reach of hyperlinks, you’re not building any kind of ‘web’ app. You’re doing something else."
adobe
apple
development
flash
html5
standards
web
benward
may 2010 by ohskylab
Time Zones
april 2010 by ohskylab
"Never warp your brain with time zone math again. "
via:gilest
data
css3
css
visualization
web
html5
tools
time
travel
conversion
javascript
timezones
april 2010 by ohskylab
Technical Note TN2262: Preparing Your Web Content for iPad
march 2010 by ohskylab
"Platform-specific considerations for web content in Safari on iPhone OS devices, with specific information for iPad."
apple
guidelines
iphone
ipad
web
safari
html5
mobile
css
march 2010 by ohskylab
HTML5 enabling script
march 2010 by ohskylab
"Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements."
html5
ie
javascript
jquery
development
web
hacks
standards
html
march 2010 by ohskylab
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
february 2010 by ohskylab
"Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads."
web
tools
javascript
ajax
flash
forms
jquery
upload
html5
opensource
plugins
tinymce
gears
february 2010 by ohskylab
HTML 5 syntax | 456 Berea Street
december 2009 by ohskylab
"Once HTML 5 becomes a viable option, how can we avoid having teams of web developers spending their time discussing which syntax to use instead of working on the project their clients pay for?"
html
html5
standards
syntax
markup
december 2009 by ohskylab
HTML 5: The Markup Language
september 2009 by ohskylab
Just the meat. "This specification describes the fifth major version of the HTML language and provides details necessary for producers of HTML content to create documents that conform to the language. By design, it does not define related APIs nor attempt to specify how consumers of HTML content are meant to process documents."
html5
w3c
html
standards
reference
markup
web
september 2009 by ohskylab
related tags
37signals ⊕ accelerometer ⊕ accessibility ⊕ adobe ⊕ ajax ⊕ alistapart ⊕ android ⊕ api ⊕ appcache ⊕ apple ⊕ aria ⊕ audio ⊕ autosave ⊕ aws ⊕ benward ⊕ blackberry ⊕ blog ⊕ boilerplate ⊕ bookmarklet ⊕ browsers ⊕ cache ⊕ caching ⊕ cameronmoll ⊕ canonical ⊕ canvas ⊕ cdn ⊕ chrome ⊕ chromeframe ⊕ clearleft ⊕ cloudfront ⊕ comparison ⊕ compatibility ⊕ concurrency ⊕ conversion ⊕ css ⊕ css3 ⊕ data ⊕ demo ⊕ design ⊕ development ⊕ documentoutlines ⊕ effects ⊕ embed ⊕ enhancement ⊕ ericmeyer ⊕ firefox ⊕ flash ⊕ flexbox ⊕ forms ⊕ framework ⊕ frontend ⊕ fullscreen ⊕ gears ⊕ generator ⊕ google ⊕ grids ⊕ guidelines ⊕ h264 ⊕ hacks ⊕ headings ⊕ history ⊕ hpw ⊕ html ⊕ html5 ⊖ html5boilerplate ⊕ hyphenation ⊕ ie ⊕ images ⊕ inspiration ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ javascript ⊕ jaws ⊕ jeremykeith ⊕ jquery ⊕ json ⊕ labjs ⊕ layout ⊕ leanbackplayer ⊕ links ⊕ logo ⊕ manifest ⊕ markup ⊕ media ⊕ mediaelement.js ⊕ mediaqueries ⊕ metadata ⊕ microdata ⊕ microformats ⊕ microsoft ⊕ mobile ⊕ modernizr ⊕ music ⊕ nike ⊕ offline ⊕ ogg ⊕ oocss ⊕ opensource ⊕ opera ⊕ optimization ⊕ outlines ⊕ parallax ⊕ performance ⊕ playbook ⊕ player ⊕ plugins ⊕ polyfills ⊕ polyglot ⊕ progressiveenhancement ⊕ progressiveenrichment ⊕ rdf ⊕ reference ⊕ reset ⊕ rev ⊕ revcanonical ⊕ safari ⊕ scrolling ⊕ sections ⊕ semantic ⊕ semantics ⊕ sencha ⊕ service ⊕ shortening ⊕ sisyphus ⊕ sl1200 ⊕ slideshow ⊕ specificity ⊕ standards ⊕ structure ⊕ support ⊕ svg ⊕ syntax ⊕ tablets ⊕ technics ⊕ templates ⊕ testing ⊕ themes ⊕ timbernerslee ⊕ time ⊕ timezones ⊕ tinymce ⊕ tools ⊕ travel ⊕ tts ⊕ turntables ⊕ typography ⊕ unicorns ⊕ upload ⊕ uri ⊕ validation ⊕ via:gilest ⊕ via:ihart ⊕ via:monospaced ⊕ via:paul.irish ⊕ via:tomtaylor ⊕ via:twoplusfour ⊕ video ⊕ visualization ⊕ w3c ⊕ web ⊕ webkit ⊕ websockets ⊕ webworkers ⊕ whatwg ⊕ wordpress ⊕ xforms ⊕ xhtml ⊕ xhtml2 ⊕ yepnope ⊕Copy this bookmark: