Webdesign

World Wide Maze: Turning Website into Marble Madness

Hübsches Chrome Experiment von Google: World Wide Maze verwandelt das DOM einer Website in ein Labyrinth-Game, ähnlich wie Marble Madness. Eine Bemerkung am Rande: Es ist beeindruckend, wie sehr ich eigentlich überhaupt keine Lust mehr habe, auch nur auf irgendeine Aktion von Google hinzuweisen, nachdem sie der gesamten Tech- und Blog-Welt mit dem Ende des…

Every Fucking Website

Every Fucking Website: „Title Tags are such a bunch of shit.“ [update] Aus dem Quelltext: <meta name="keywords" content="some SEO bullshit, I can't believe we paid 500 bucks for this crap, the SEO 'consultant' wasn't even wearing real shoes, how did he trick us into this voodoo, we can't even find the damn thing with search…

DRM is coming to HTML

Das W3C-Konsortium arbeitet an einem DRM-Mechanismus für HTML. <Ironie Mode>Oh, yes please!</Ironie Mode> The W3C’s HTML Working Group recently decided that a proposal to add DRM to HTML media elements — formally known as the Encrypted Media Extensions proposal — is indeed within its purview and the group will be working on it. That doesn’t…

Responsive Face-Detection Typography

Innovative Nutzung von Face-Detection: Responsive Typography basierend auf der Entfernung zur Schrift in Echtzeit. Nice!

Form Follows Function: Experiments in HTML5

Sehr schöne, typo-lastige HTML5-Experimente von Jongmin Kim. Die Bäume sind der Knaller! (via Daring Fireball)

To Hell with Interactivity!

Einer der besten Artikel über Webdesign und UX steht – auf The Onion. Tired of being bombarded with constant requests to share content on social media, bestow ratings, leave comments, and generally “join in on the discussion,” the nation’s Internet users demanded substantially less interactivity this week. […] “All I want is to go to…

box2d-jQuery adds Physics to Websites

Das Teil will ich als Bookmarklet: „jquery.box2d.js is a simple jquery plugin that transforms DOM elements into actual physical objects. well, physical in a flat 2d-browser-world that is. […] start to KICK STUFF AROUND (with your mouse/touchpad pointer - or using your fingers on modern iOS devices.)“

NC1–NC8

Ich hab' in meinem Bilderarchiv rumgesucht und mit der Wayback-Machine des Internet-Archives 'ne kleine Webdesign-Historie von Nerdcore zusammengestellt, wollte ich schon immer mal haben. Da fehlen mindestens zwei Designs, die ich nicht mehr rekonstruieren konnte und die Typo bei NC1 ist zerschossen. Trotzdem sieht man ganz gut, wie ich das Design für dieses Blog immer…

IE6 Crash Script

„A jQuery plugin for crashing IE6. That'll teach those motherf!%@*#s to upgrade their s#*t.“

WebGL Galaxy Viewer in your Browser

Schicke Milchstraßen-Visualisierung von Google mit hunderttausend Sonnen zum Rein- und Rauszoomen, läuft mit WebGL im Chrome Browser. 100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser. It shows the real location of over 100,000 nearby stars. Zooming in reveals 87 individually identified stars and our solar system.…

Edgefonts: Adobes offers 500 free Webfonts

Adobe hat sich mit Google zusammengeschmissen und bietet seit heute über 500 freie Webfonts unter dem Label Edgefonts an, das ganze läuft unter Adobes Typekit-Service. Ein Preview und Infos gibt's hier und da das Posting auf dem Typekit-Blog. Edge Web Fonts features hundreds of web fonts, including a sampling of fonts from the Adobe library…

The New MySpace

 Vimeo Direktmyspace, via The Verge MySpace hat gestern Abend sein Redesign vorgestellt, sieht aus wie ein Mix aus Google+ und Pinterest, integriert Twitter und Myspace und konzentriert sich nach wie vor auf Musiker. Ob das funktionieren wird, wer weiß. Aber: Mir gefällt auch das neue Digg ausgesprochen gut, könnte beim neuen MySpace genauso sein.

Staggering Beauty

Leute mit Epilepsie sollten diese Website unbedingt meiden. Die anderen sollten die Boxen aufwatzen und mit der Maus hin- und herschubbern. Beschwerden über geplatzte Lautsprecher bitte in die Kommentare, ich kümmere mich irgendwann mal darum. (via MeFi)

Redesigned Middle-East Cyberwar

Schöne Idee der Agentur McCann Digital Israel und der Designschule Habezefer, die 50 gehackte und defaced Websites aus Israel redesigned haben – weil ehrlich: Ich mag Hacker-Ethik und den ganzen Schnickschnack, aber Techies haben echt keinen Sinn für Design und die Anon-Maske zählt nicht, die stammt von Alan Moore, obwohl natürlich andererseits schickes Design dem…

HTML 5 Font-Bomb

 Vimeo Direktbomb Tolle Spielerei von Philippe-Antoine Lehoux: FontBomb ist 'ne HTML5-Spielerei inklusive Droplet, mit dem man Websites hochjagen kann. (via Gizmodo)

The History of <blink>

Der ehemalige Netscape-Entwickler Lou Montulli erzählt die Geschichte hinter dem Blink-Tag: Eine Lovestory mit viel Alkohol, die zu einem der nervendsten HTML-Tags führte. The bar was the St. James Infirmary and it had a 30 foot wonder woman statue inside among other interesting things. At some point in the evening I mentioned that it was…

Websites from Hell

Websites from Hell sammelt Beispiele für das beste Webdesign auf dem Planeten. Die Perle oben muss man sich live ansehen: Candy Romeo (Achtung: Animated-GIF Winged Glitter-Labradors und cheesy Autostart-Music). (Danke Fabian!)

Startseite der SPD Engenhahn

Die Website der SPD Engenhahn ist reinstes Augenzucker, voller wunderbar subtiler typografischer Spielereien und die subtile Farbwahl suggeriert, dass hier ein wahrer Meister seines Fachs am Werk wahr. (via @Caschy)

Tilt: 3D-DOM-Viewer in your Browser

Schöne Spielerei: Tilt 3D ist ein Firefox-Plugin, das einem das DOM (Document Object Model) einer Website in 3D anzeigt. Das Bild oben ist Nerdcore und man sieht wunderbar, wie unaufgeräumt mein WordPress-Theme eigentlich ist. Gmail sieht auch ziemlich interessant aus. Links zu Screenshots von Euren 3D-DOMs gerne in die Comments. Tilt is a fun new…

Ghostery: Browser-Plugin detecting Trackers

Ghostery ist ein sehr schönes Plugin für so ziemlich alle Browser, das die Tracking-Pixel und Whatnot auf Websites anzeigt und gegebenenfalls blockt. Geht wahrscheinlich auch mit anderen Plugins, aber die haben keine Geister. Ich hab' das Ding grade mal bei mir drüberlaufen lassen… sagen wir's mal so: da geht einiges. Ghostery is your window into…

One sentence contained within every HTML tag in alphabetical order

Schönes HTML-Experiment von Evan Roth: „One sentence contained within every HTML tag in alphabetical order“. Hier ein Randomizer. (via Jason Kottke)

Bookmarks for July 1st: Game-Development Timelapsed, Nyan Centipede, Fox News Nixon-Roots

Time-lapse video shows 48 hours in the life of an indie developer: This is two days of development on Retro/Grade compressed into one minute. YouTube - ‪NYAN CENTIPEDE‬‏ YouTube - ‪Jon dore and rory scovel on conan‬‏ World's Biggest Human-Made Smiley Face | Geekosystem Google Web Fonts: Hundreds of free, open-source fonts optimized for the…

The Wheels Of Steel: DJ-Decks in HTML, CSS and JavaScript

Scott Schiller hat ein DJ-Deck inklusive Scratch-Mode und Mischpult in HTML, CSS und JavaScript gebaut. Ist für ernsthaftes Mixing natürlich nicht zu gebrauchen und der Scratch-Mode erzeugt lustige Artefakte, dennoch: Impressive. Most Impressive. I have been interested in the idea of building a turntable-based UI in HTML for years; however, the past presented a number…

A randomized, circular Website, plz!

Ein besonders verwirrter Client from Hell: CLIENT: “I don’t really like that the website has a top and bottom.” ME: “Everything has a top and bottom. That’s how it goes.” CLIENT: “Not true. Circles don’t.” ME: “So you want a circular website?” CLIENT: “Yup! Like a conveyer belt, or ooh! a rolodex. Every time you…

Making a Website for Chocolate-Beer out of Chocolate

(Youtube Direktschoki, via Notcot) Das portugisische Bier-Label Sagres Preta hat seine Website komplett in Schokolade bauen lassen, um ihr neues Gebräu Sagres Chocolate Preto, „a beer caramelized dark chocolate“ zu feiern. Yummy!