Wissen Links

Eine Zusammenstellung meiner aktuellsten Lesezeichen auf delicious.com/Sindre.

• HTML5 video player

  We are trying to help you deciding which HTML5 video-based player to choose for your web project.

• Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

  selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

• iPhone 4 GUI PSD (Retina Display) | Teehan+Lax

  Thanks for you patience on this one. It took a good deal longer to complete given the sheer size and level of detail the retina display has. It wasn?t a simple scale-up from the last file. It was clear as we created it that Apple has spent a lot of time considering how each element should be translated to such a dense resolution. What were single pixel elements are now two or three pixels thick and effects are exaggerated to become visible. For anyone designing for the retina display (640×960) it really is quite a different experience. When you work at 100% everything seems absolutely huge but small details get lost when viewing it on the device. You really need to be mindful of how it looks on the phone since your monitor displays things so differently.

• Breadcrumbs - Webmaster Tools Help

  Note: This article describes an experimental format. Depending on feedback and on other available markup standards, it may be modified or replaced in the future. In addition, the rich snippets testing tool doesn't currently display previews of breadcrumb content. (But we're working on it.)

• Generate sound with JavaScript in Firefox 4 ? Generate sound with JavaScript in Firefox 4 ? Bocoup Web Log

  Generating sound with JavaScript in Firefox4 is very easy with Mozilla?s Audio Data API. No plug-ins are required! In seven steps, and with only eight lines of code, this quick tutorial will show you how to create and play your own tones with JavaScript in Firefox 4.

• BonBon Buttons - Sweet CSS3 buttons

  There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible.
  
  And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store.
  
  No, wait! Before you click that download button and try to use them on your site, please also read the flaws.

• How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together

  And it looks great in every browser, but it looks like crap in Internet Explorer 6 with ClearType turned on. It is especially pronounced when using @font-face embedding with fonts that assume that some sort of anti-aliasing technology is being used.

• Smokescreen

  Smokescreen is a new open-source project aimed at converting Flash to JavaScript/HTML5 to run where it previously couldn';t and better interoperate with webpages where it previously could.

• Accessible ARIA Tabs | Research | Accessible Culture

  For what it?s worth, what follows is an examination of some typical implementations of ARIA-enabled tabbed interfaces, and some of the issues raised by the way screen readers work with them. Of particular concern are tabbed interfaces to regular text content as opposed to application or form controls.

• Terrill Thompson: Creating Your Own Accessible HTML5 Media Player

  HTML5 introduces the <audio> and <video> elements, which enable web browsers to natively support media without requiring users to download and install a plug-in. It also greatly simplifies the code required to add media to a web page. For example, here's all you need to add Man With Small F (The Inaccessible PDF Song) to your HTML5 website (feel free - I don't mind):

• The Tink Tank » Screen reader support for HTML tables

  Screen reader support for tables is something of a curiosity. Although tables are among the most common of HTML elements, they?re often misused and poorly coded. To some extent this has influenced screen reader support, but even so the variations in screen reader behaviour are quite remarkable.
  
  Possibly the biggest misuse of tables is using them to control page layout. Originally intended to markup tabular data, the concept of a layout table is now generally acknowledged.

• The Great Big Spreadsheet of All Known Android Devices Everywhere

  ow many Droids are there? How much RAM is in the Nexus One? Does the Samsung Galaxy S support Wi-Fi N? Does the Droid X have a bigger screen than the Droid 2? Can you get Android in a TV? In a car?
  
  If these are the sort of questions you've found yourself wondering about (or even Googling about with limited success), there's a new resource out there that you should be aware of. It's this incredible spreadsheet of all known Android devices and their technical specifications. And it includes smartphones, netbooks, e-books, PMPs (personal media players), MIDs (mobile Internet devices), TVs, cars and more.

• Universal launch images with PhoneGap

  I've been playing with PhoneGap a lot recently, in part to prepare Marbles2, but also to bring JS Console to the iPhone as a native app. I've always wanted to create an app that worked on all devices, but getting the launch image correct for each device can be tricky.

• Developing an Accessible Star Ratings Widget » Yahoo! User Interface Blog (YUIBlog)

  You might think that most rating systems would be based on some markup proven to be semantic and "operational" across many User Agents ? that is, that rating systems would be based on a specific set of HTML elements and attributes to which one applies behavior and style via JS and CSS. That would make sense, but it is far from the truth. When it comes to markup, authors try just about everything:

• CSS Counters: counter-increment and Friends

  The CSS2.1 spec introduced a new technique allowing developers to combine three CSS properties and a pseudo-element to create auto-incrementing counters ? similar to what is displayed in an ordered list.