Codecandies » Bookmarks

Media-Queries und Javascript

Nico Brünjes — Thu, 05 Aug 2010 21:10:25 +0000

PPK weist uns völlig treffend darauf hin, dass media queries allein noch nicht der Weisheit letzter Schlus sind und das man mit Javascript kombinieren müssen wird.

Mit Opera einen HTML5-Videoplayer bauen

Nico Brünjes — Tue, 03 Aug 2010 09:01:41 +0000

in den Browser eingebauten Players abzuspielen. Dieser Fakt ist ja nun inzwischen hinreichend bekannt. Auch schon gehört hat man davon, dass man diesen Videoplayer selbst gestalten kann, also eigene Buttons, Seekbar und Controls hinzufügen kann. Aber wie genau macht man das?

Bei Opera gibt es genau zu dieser Frage nun ein ausführliches Tutorial: Building a custom HTML5 video player with CSS3 and jQuery. Ganz großes Kino.

Thoughts on Designing for iPad

Nico Brünjes — Wed, 28 Jul 2010 10:46:07 +0000

Derek Powazek über seine Erfahrungen beim Design einer iPad-App und die Abgrenzung vom Webdesign.

Word-Wrap

Nico Brünjes — Fri, 23 Jul 2010 12:35:40 +0000

A CSS3 Property That Works in Every Browser. Muss man sich einfach mal merken.

Javascript unpacker and beautifier

Nico Brünjes — Thu, 18 Mar 2010 08:53:05 +0000

This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward’s packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.

HTML WG Working Drafts have been published

Nico Brünjes — Fri, 05 Mar 2010 08:35:56 +0000

HTML5, HTML+RDFa, HTML Microdata, HTML Canvas 2D Context, HTML5 differences from HTML4, HTML: The Markup Language.

Parallax Backgrounds

Nico Brünjes — Thu, 25 Feb 2010 12:23:18 +0000

…a multi–layered javascript experiment.

Starry Night: Incredible 3D Background Effect with Parallax

Nico Brünjes — Thu, 25 Feb 2010 12:20:25 +0000

In honor of this amazing effect and it’s relevance to science, I created Starry Night. Starry night is a full-page background effect with three layers. Distant stars will only move a little bit as you resize the browser window, while closer stars will move faster.

Endeavour’s Launch (Wallpaper)

Nico Brünjes — Wed, 17 Feb 2010 15:54:04 +0000

Das NASA-Bild der startenden Endeavour-Raumfähre, dass ich im Spacenight-Artikel verwendet habe, gibt’s bei Interfacelift als Desktopwallpaper in allen denkbaren Größen.

HTML5 video markup, compatibility and playback

Nico Brünjes — Thu, 11 Feb 2010 20:16:07 +0000

HTML5 video has arrived and is deployed across a wide enough user base for sites and developers to stand up and pay attention. File support and markup varies by browser and there is currently no native support in Internet Explorer.

Specify a text colour for img elements

Nico Brünjes — Thu, 11 Feb 2010 20:00:03 +0000

I think most people will agree that it is a good thing for web browsers to display the contents of an image’s alt attribute when the image is missing or broken, or image rendering has been disabled. However, many web professionals forget to check what the alternative text will actually look like in those cases.

The Problem with Passwords

Nico Brünjes — Wed, 10 Feb 2010 10:08:59 +0000

The traditional password reset mechanism undermines the strength of the entire system. It doesn’t matter that my password is encrypted with the strongest ciphers known to man when it can simply be reset by anyone who knows which high school I attended.

CSS3 + Progressive Enhancement = Smart Design

Nico Brünjes — Fri, 05 Feb 2010 09:07:19 +0000

Progressive enhancement is a good thing, and CSS3 is even better. Combined, they enable designers to create lighter, cleaner websites faster and easier than ever before..

Sublime HTML5 Video Player

Nico Brünjes — Tue, 02 Feb 2010 09:56:48 +0000

no browser plugin, no Flash dependencies, Custom styled controls, Full-window mode, Full-screen mode by alt-clicking on the full-window button (currently only supported in latest WebKit Nightly Builds), Features we plan to add: Firefox support, Volume controls, IE support by falling back to Flash, Supported Browsers: Safari (v4.0.4+), Google Chrome (v4.0+).

10 ways to make Internet Explorer

Nico Brünjes — Tue, 02 Feb 2010 09:55:44 +0000

At a time where new and powerful techniques as such as HTML5 and CSS3 are emerging, it’s not surprising that IE can’t handle them correctly. Luckily, a few tricks can make your life easier..

ie-css3.js

Nico Brünjes — Thu, 21 Jan 2010 19:50:12 +0000

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Ich will das nicht!!1!

Google Wave: What’s It For?

Nico Brünjes — Fri, 15 Jan 2010 09:35:32 +0000

Eine Liste von Dingen, die man mit Google Wave besser machen kann, als ohne. Mal bei Gelegenheit lesen: ich nutze Wave immer noch nicht.

JAWS has a weird way of recognising data tables

Nico Brünjes — Fri, 18 Dec 2009 08:59:35 +0000

Roger Johansson erklärt wie Screenreader Datentabellen von Layouttabellen zu unterscheiden sucht.

The ultimative Guide for the_post_thumbnail in WordPress 2.9

Nico Brünjes — Fri, 18 Dec 2009 08:58:01 +0000

So ziemlich alles, was man mit dem neuen WordPress Post Thumbnail machen kann.

Saying Goodbye to the overflow: hidden Clearing Hack

Nico Brünjes — Fri, 11 Dec 2009 09:49:42 +0000

Andy Ford nutzt overflow:hidden (wie ich), selten auch die :after clearfix-Methode (wie ich!). Letztere scheint aber mit neuen CSS3-Errungeschaften wie box-shadow besser zu funktionieren. Damn!