RSS

fjordaan + html5   52

A List Apart: Articles: Application Cache is a Douchebag
At first, this can seem like a magic bullet to the problem. Unfortunately I was lying when I said this would be an easy introduction. The ApplicationCache spec is like an onion: it has many many layers, and as you peel through them you’ll be reduced to tears.
cache  html5  appcache  alistapart  jaffathecake 
15 days ago by fjordaan
Trigger.io - mobile engine for web devs
The simplest way for web developers to build native iOS, Android and web apps using a single HTML5 codebase.
html5  ios  mobile  framework  android  phonegap  native  forge  package 
28 days ago by fjordaan
Everything you always wanted to know about touch icons · Mathias Bynens
“Touch icons” are the favicons of mobile devices and tablets.
apple  touch  icons  favicons  html5  boilerplate 
4 weeks ago by fjordaan
Polyfills For The Pragmatist
Polyfills For The Pragmatist – Jason Johnston, @lojjic, @css3pie
"a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively"
browser  html5  compatibility  polyfills  css3pie 
4 weeks ago by fjordaan
Interactive Experiments Focused on HTML5
I'm a web developer and creative programmer from Sweden that is as passionate about working with animation and interactivity as I am technical implementation. My work experience is broad and includes campaign sites in Flash, web apps in HTML, desktop apps in AIR, experimental HTML5 and CSS3 projects as well as mobile development. I used to work at
Fi
, a digital production agency in Stockholm, but recently moved to San Francisco to take on the role of Lead Interactive Developer at a well known startup;
Qwiki
.
html5  javascript  canvas  webgl  games  sinuous  snake 
5 weeks ago by fjordaan
Adrian Roselli: The Return of “Best Viewed in…”
We have plenty of evidence to suggest that a browser monoculture is coming back, a repeat of the monoculture that we as developers created when we built for IE6 only, and now we rail against as if it's the user's fault.
best  viewed  browser  monoculture  IE6  firefox  chrome  caniuse  html5  return 
11 weeks ago by fjordaan
Oxygen XML Editor • View topic - Working with HTML5
You have to associate the epub-xhtml-30.rnc schema with the XML files which you want to edit and validate as HTML 5 documents. In Oxygen 10 please follow these steps for associating the HTML 5 schema from epub30-schemas.zip with an XML document:
oxygen  xml  html5  schema  francois  comment 
february 2012 by fjordaan
haz.io › HTML5 & CSS3 Browser Capabilities
Trio of useful HTML5/CSS3 resources: HTML5Please, CanIUse, Haz.io
css  html5  from twitter
february 2012 by fjordaan
24 ways: Have a Field Day with HTML5 Forms
We are also going to use some of HTML5’s new input types and attributes to create more meaningful fields and use less unnecessary classes and ids:
email, for the email field
tel, for the telephone field
number, for the credit card number and security code
required, for required fields
placeholder, for the hints within some of the fields
autofocus, to put focus on the first input field when the page loads
css3  form  forms  html5  email  tel  iphone  24ways 
january 2012 by fjordaan
HTML5 Please - Use the new and shiny responsibly
HTML5 Please great site that tells you what , etc. features are safe to use. /via
CSS3  HTML5  css  from twitter
january 2012 by fjordaan
Accessible HTML5 Forms – Required Inputs « Unrepentant
While we still don’t have a completely universal experience across all browsers, by doubling up the attributes we are ensured that the form input is as accessible as we can make it, while still taking advantage of the visual output that the ‘required’ attribute is starting to render. At this time then, the Best Practice is to still include both the aria-required and required attributes to your required form inputs.
accessibility  forms  required  html5  aria  john  foliot 
january 2012 by fjordaan
HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than three 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.
html5  boilerplate  framework 
december 2011 by fjordaan
Ben Alman » jQuery BBQ: Back Button & Query Library
jQuery BBQ leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods.
jquery  bbq  javascript  ajax  history  hashchange  html5 
december 2011 by fjordaan
HTML5 context menus in Firefox (Screencast and Code) ✩ Mozilla Hacks – the Web developer blog
You may not know it, but the HTML5 specifications go beyond what we put in the pages and also define how parts of the browser should become available to developers with HTML, CSS and JavaScript. One of these parts of the specs are context menus, or “right click menus”. Using HTML5 and a menu element you can add new options to these without having to write a browser add-on. In Firefox 8 (the current one) we have support for those. See the following screencast for a context menu demo.
html5  context  rightclick  menu  mozilla 
november 2011 by fjordaan
#194: visuallyhidden sometimes cause a horizontal scrollbar on IE7 - Issues - h5bp/html5-boilerplate - GitHub
Paul's note: the original visuallyHidden technique is from Jonathan Neal.. it's an iteration of research here http://www.webaim.org/techniques/css/invisiblecontent/ and it was first published here: http://j.mp/visuallyhidden
html5  boilerplate  visuallyhidden  hidden  accessibility  paul  irish 
november 2011 by fjordaan
Happy 1st Birthday us | HTML5 Doctor
Flowchart to help you choose the most appropriate element: /thanks
html5  from twitter
october 2011 by fjordaan
Google Swiffy
Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads).
google  swiffy  flash  swf  convert  html5 
september 2011 by fjordaan
html5 article - work blog - onderhond.com
Useful advice to consider the #HTML5 <article> element as analogous to content types in a CMS:
HTML5  from instapaper
september 2011 by fjordaan
HTML5 Snippets
css3  html5  snippets  examples  button  outline  shadow  glow 
july 2011 by fjordaan
Mobile Web vs Native App: Give It a Rest (Global Moxie)
But my dirty little secret—spoiler alert!—is that I don't really think it's a matchup at all. Providing a great experience almost certainly means that you'll do both. We're all in this together, friends.
html5  mobile  app  native  globalmoxie  joshclark  cage  fight 
june 2011 by fjordaan
schema.org - Home
This site provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers. Search engines including Bing, Google and Yahoo! rely on this markup to improve the display of search results, making it easier for people to find the right web pages.
html5  html  microformats  search  seo  google  yahoo  bing  schema  taxonomy  rdf 
june 2011 by fjordaan
Documentation | Popcorn.js
Popcorn.js is an event framework for HTML5 <video> that provides a simple API for synchronizing interactive and immersive content. Popcorn.js utilizes the native HTMLVideoElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.
events  html5  javascript  video  time  offset  chapter  api 
april 2011 by fjordaan
ginger's thoughts » Jumping to time offsets in HTML5 video
For many years now I have been progressing a deeper view of video on the Web than just as a binary blob. We need direct access to time offsets and sections of videos.

Such direct access can be achieved either by providing a javascript interface through which a video’s playback position can be controlled, or by using URLs that directly communicate with the Web server about controlling the playback position. I will explain the approaches that can be applied on the HTML5 <video> tag for such deep video interaction.
html5  javascript  video  time  offset  access  jump  chapter 
april 2011 by fjordaan
HTML5 Reset Stylesheet | HTML5 Doctor
We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects.
html5  reset  css 
march 2011 by fjordaan
The Current State of HTML5 Forms · Wufoo
Since HTML5 is fairly new and not all the details have been worked out yet, not all web browsers support HTML5 features the same way. This page is intended to explore those new new features and help you understand which browsers are supporting which features and to what degree. As a whole, this represents the current state of HTML5 forms.
browsers  forms  html5  support  browser  wufoo 
march 2011 by fjordaan
HTML5 Video Player | VideoJS
“Its the only example/library/plugin I found that worked for me! I followed instructions on other sites and couldn't get the videos to play. VideoJS worked first time through on all browser/platform combinations, including the iPad!”
videojs  js  video  javascript  player  opensource  html5  ios 
march 2011 by fjordaan
Syncing Content With HTML5 Video - Smashing Magazine
Today we looked at how to embed video onto a Web document; and with the native video API that gives us event handlers for changes in a video, we saw how easy it is to make the video interact with the rest of the document. Instead of trying to control the video, we use native controls to make the page react to what is happening in the video itself. We used semantic HTML and data attributes to allow maintainers to use the syncing script without having to touch any JavaScript, and we looked at some services that make hosting and converting video easy.
html5  sync  video  javascript  christianheilmann  heilmann 
march 2011 by fjordaan
HOWTO: Native iPhone/iPad apps in JavaScript
In this article, I'll explain how to:

* strip away the browser chrome (the url bar and button bar);
* prevent viewport scrolling and scaling;
* respond to multi-touch and gesture events;
* use webkit CSS to get the iPhone OS look and feel;
* cache the app so it runs without internet access;
* get a custom icon on the home screen; and
* have a splash screen load at the start.
html5  iphone  javascript  ipad  apps  howto  tutorial  native 
march 2011 by fjordaan
HTML5 Rocks - Quick hits with the Flexible Box Model
I'd bet that you've done your fair share of styling elements to be arranged horizontally or vertically on a page. As of yet, though, CSS has lacked a suitable mechanism for this task. Enter the CSS3 Flexible Box Module, or Flexbox for short.
css3  html5  layout  flexbox  paulirish 
march 2011 by fjordaan
BeerCamp at SXSW 2011
Wha..??! RT : Two lovely CSS scrolling effects I saw today for the first time.
sxsw  beercamp  3d  css  html5  inspiration  zoom  typography  css3  from twitter
march 2011 by fjordaan
Jeremy Keith | The Design of HTML5 | Fronteers 2010 on Vimeo
Everyone's talking about the benefits of HTML5 for web apps but the specification also introduces an extra layer of semantic richness to our web documents. These additions aren't wishful thinking for some far-flung future: you can start using them today. That's because the design principles driving HTML5 are steeped in pragmatism. Find out how important good design principles are to any project, whether it's a website, a content management system, or the very language that underpins the World Wide Web.
conference  html5  jeremykeith  videos  towatch 
february 2011 by fjordaan
Haavard - Is the removal of H.264 from Chrome a step backward for openness?
In a lengthy article at Ars Technica, Peter Bright argues that removing support for a closed standard from Chrome is a step backward for openness. I disagree strongly with this assertion, and will try to somewhat briefly explain why, and what's wrong with the arguments put forth in the article.
google  html5  video  webm  h264  opera  haavard 
january 2011 by fjordaan
Z-Type
Z-Type is a fun typing game...falling enemies each have a word associated with them and you type it to blow them up. More fun than it sounds.
typing  tutor  arcade  shooting  game  html5 
january 2011 by fjordaan
Coding In Paradise: 3D Slides Built with HTML5, CSS3, and SVG
I've created a 3D slide deck that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to 'zoom' into topics to as deep a level as necessary. Slides are nested, like an outline.
css3  html5  javascript  svg  3d  slides 
october 2010 by fjordaan
My HTML5 / CSS3 / Browser Wish List | EffectGames.com
RT : A fantastic wish-list of near-term HTML and CSS features. Do want! /thx
flash  html5  css3  wishlist  fullscreen  from twitter
september 2010 by fjordaan
Open Video Player (OVP) | Open Video Player (OVP) is an initiative encompassing the use of open standards, best practices, and established development methodologies in the development of media player applications.
Open Video Player (OVP) is an initiative encompassing the use of open standards, best practices, and established development methodologies in the development of media player applications.
ovp  open  video  player  streaming  flash  html5  silverlight  ios 
september 2010 by fjordaan
YouTube - Paul Rouget on Mixing the web! (Mozilla Summit 2010)
Pretty awesome demo about mixing HTML5, CSS3, WebGL, websockets... etc. Must see.
html5  css3  webgl  websockets  demo  paulrouget  french  mozilla  summit  presentation  video 
july 2010 by fjordaan
The Experiments of Hakim El Hattab
This is my personal playground which I use to explore visual effects, interactive experiments and technologies.
canvas  css3  demo  html5  hakimelhattab 
july 2010 by fjordaan
Sencha - Sencha Touch Overview - HTML5 Mobile App Framework
Sencha Touch allows you to develop web apps that look and feel native
on Apple iOS and Google Android touchscreen devices.
framework  html5  iphone  mobile  sencha  raphael  extjs  javascript  touch 
june 2010 by fjordaan
Detecting HTML5 Features - Dive Into HTML5
You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.
browser  detection  html5  diveintomark  diveintohtml5  markpilgrim  detect  modernizr 
may 2010 by fjordaan
When can I use...
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
browser  compatibility  html5  css3  tables  whencaniuse  css 
may 2010 by fjordaan
How to Make an HTML5 iPhone App
I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.
html5  iphone  javascript  offline  app 
april 2010 by fjordaan
Modernizr
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.
css3  html5  javascript  library  feature  detection  modernizr  fallback 
april 2010 by fjordaan
Introduction to HTML5 video - Opera Developer Community
This article gives you an introduction to <video> and some of its associated APIs. We look at why native video support in browsers is important, give an overview of the element's markup, and outline the most important ways in which video can be controlled via JavaScript.
html5  introduction  video  tutorial  guide  brucelawson  opera 
april 2010 by fjordaan
HTML5 presentation
This presentation was originally created by Marcin Wichary and modified by Ernest Delgado. The purpose of the presentation is to show the coming bleeding edge features for modern desktop and mobile browsers.
css  demo  javascript  presentation  html5  css3  from twitter
april 2010 by fjordaan
David DeSandro
Awed by 's design portfolio. Great examples of what can be done with CSS3, HTML5, jQuery /via
design  portfolio  desandro  daviddesandro  css3  html5  canvas  from twitter
march 2010 by fjordaan
Harmony - Procedural drawing tool
Javascript/Canvas drawing app
canvas  drawing  html5  javascript  sketchy  furry 
march 2010 by fjordaan
The Daily Maverick :: YouTube turns five, hyperspaces interweb into the future
Can you believe it's only five years old? In half a decade YouTube has changed the nature of online infrastructure, nearly caused a catastrophic policy change in the USA and given Google near-total dominance over an entire category of advertising. Now for its next trick: forcing standards-based video streaming on reluctant parties – like Microsoft.
flash  google  html5  youtube  chrome  frame  pressure  dailymaverick  southafrica 
february 2010 by fjordaan
Sketchpad - Online Paint/Drawing application
sketchpad  paint  drawing  html5  online  javascript  canvas  application 
february 2010 by fjordaan
RGraph: A HTML5 canvas graph library based on the HTML5 canvas tag
This library uses HTML5 features which are implemented in recent browsers. As such you will need to be using one of these latest browsers: Firefox 3.5+, Chrome 2+, Safari 4+, Opera 10.5+ or Internet Explorer 8.
javascript  library  visualisation  graph  chart  html5  js  charting  canvas 
february 2010 by fjordaan
On HTML 5 Drag and Drop « alert debugging
HTML 5 is shaping up to be quite an impressive step up from the capabilities web developers are currently constrained to. One of my favorite new features provided by the spec is support for native drag and drop.
html5  drag  drop  javascript  foil  pigs  internet  comment 
september 2009 by fjordaan
Adactio: Journal-The Rise of HTML5
On the markup side of things, we decided to write the site in HTML5. But wait! Isn’t HTML5 going to take another few decades before it’s finished?
netvouzimported  netvouzpublic  adactio  clearleft  example  html5  jeremy  keith  uxlondon 
july 2009 by fjordaan

related tags

3d ⊕  24ways ⊕  access ⊕  accessibility ⊕  adactio ⊕  ajax ⊕  alistapart ⊕  android ⊕  api ⊕  app ⊕  appcache ⊕  apple ⊕  application ⊕  apps ⊕  arcade ⊕  aria ⊕  bbq ⊕  beercamp ⊕  best ⊕  bing ⊕  boilerplate ⊕  browser ⊕  browsers ⊕  brucelawson ⊕  button ⊕  cache ⊕  cage ⊕  caniuse ⊕  canvas ⊕  chapter ⊕  chart ⊕  charting ⊕  christianheilmann ⊕  chrome ⊕  clearleft ⊕  comment ⊕  compatibility ⊕  conference ⊕  context ⊕  convert ⊕  css ⊕  css3 ⊕  css3pie ⊕  dailymaverick ⊕  daviddesandro ⊕  demo ⊕  desandro ⊕  design ⊕  detect ⊕  detection ⊕  diveintohtml5 ⊕  diveintomark ⊕  drag ⊕  drawing ⊕  drop ⊕  email ⊕  events ⊕  example ⊕  examples ⊕  extjs ⊕  fallback ⊕  favicons ⊕  feature ⊕  fight ⊕  firefox ⊕  flash ⊕  flexbox ⊕  foil ⊕  foliot ⊕  forge ⊕  form ⊕  forms ⊕  frame ⊕  framework ⊕  francois ⊕  french ⊕  fullscreen ⊕  furry ⊕  game ⊕  games ⊕  globalmoxie ⊕  glow ⊕  google ⊕  graph ⊕  guide ⊕  h264 ⊕  haavard ⊕  hakimelhattab ⊕  hashchange ⊕  heilmann ⊕  hidden ⊕  history ⊕  howto ⊕  html ⊕  html5 ⊖  icons ⊕  IE6 ⊕  inspiration ⊕  internet ⊕  introduction ⊕  ios ⊕  ipad ⊕  iphone ⊕  irish ⊕  jaffathecake ⊕  javascript ⊕  jeremy ⊕  jeremykeith ⊕  john ⊕  joshclark ⊕  jquery ⊕  js ⊕  jump ⊕  keith ⊕  layout ⊕  library ⊕  markpilgrim ⊕  menu ⊕  microformats ⊕  mobile ⊕  modernizr ⊕  monoculture ⊕  mozilla ⊕  native ⊕  netvouzimported ⊕  netvouzpublic ⊕  offline ⊕  offset ⊕  online ⊕  open ⊕  opensource ⊕  opera ⊕  outline ⊕  ovp ⊕  oxygen ⊕  package ⊕  paint ⊕  paul ⊕  paulirish ⊕  paulrouget ⊕  phonegap ⊕  pigs ⊕  player ⊕  polyfills ⊕  portfolio ⊕  presentation ⊕  pressure ⊕  raphael ⊕  rdf ⊕  required ⊕  reset ⊕  return ⊕  rightclick ⊕  schema ⊕  search ⊕  sencha ⊕  seo ⊕  shadow ⊕  shooting ⊕  silverlight ⊕  sinuous ⊕  sketchpad ⊕  sketchy ⊕  slides ⊕  snake ⊕  snippets ⊕  southafrica ⊕  streaming ⊕  summit ⊕  support ⊕  svg ⊕  swf ⊕  swiffy ⊕  sxsw ⊕  sync ⊕  tables ⊕  taxonomy ⊕  tel ⊕  time ⊕  touch ⊕  towatch ⊕  tutor ⊕  tutorial ⊕  typing ⊕  typography ⊕  uxlondon ⊕  video ⊕  videojs ⊕  videos ⊕  viewed ⊕  visualisation ⊕  visuallyhidden ⊕  webgl ⊕  webm ⊕  websockets ⊕  whencaniuse ⊕  wishlist ⊕  wufoo ⊕  xml ⊕  yahoo ⊕  youtube ⊕  zoom ⊕ 

Copy this bookmark:



description:


tags: