Pong in CSS
Alex Walker hat Pong in purem CSS ohne JavaScript hingekriegt. Funktioniert eher so halb, ist aber auch nur „An exercise in the futile but fun“.
This is a playable version of Pong complete with working scoring system — built entirely with CSS. Not a line a Javascript to be seen.
All game logic is built using hover state and sibling selectors.
DRM-Oscar delivered in Style
Pünktlich zum gestrigen Anti-DRM-Tag haben Defective By Design dem W3C einen Oscar (und die Unterschriften ihrer Anti-DRM-Petition) überreicht, für die beste Nebenrolle in den DRM-Plänen von Hollywood. Hintergrund: Es geht um die Pläne des W3C in HTML5 einen DRM-Mechanismus einzubauen, eine Petition dagegen kann man nach wie vor hier unterzeichnen, aber die Signaturen werden dann wohl nicht mehr als Oscar überreicht.
Your signature opposing DRM in HTML5 has been officially delivered to W3C — in style. Because W3C’s consideration of this freedom-destroying measure is backed by Hollywood, we thought it fitting to recognize W3C’s role in this disastrous affair in true Hollywood style. We rolled out the red carpet and presented W3C with an award for “Best Supporting Role in ‘The Hollyweb’,” accompanied by over 22,500 verified signatures from people who want to stop W3C from weaving Digital Restrictions Management (DRM) into the fabric of the Web. […]
The petition delivery took place on International Day Against DRM, while people all around the world showed their opposition to DRM with protests, online action, and making DRM-free purchases. Today’s delivery is just the beginning. We’ll leave the petition up, so that concerned Internet users can continue to voice opposition to the proposal — although we delivered a large batch today, signatures continue to come in by the minute.
Oscar awarded to W3C for Best Supporting Role in “The Hollyweb”
Google Fonts for Download:
Google hat sich mit Monotype zusammengeschmissen und bietet seine 625 Schriftfamilien jetzt auch als Download an. Nice!
Google Glass User Interface Guidelines:
Google hat heute Nacht die technischen Specs für Google Glass veröffentlicht. Für mich interessanter: Die UI Guidelines mit schon recht detailierten Angaben zum Interface, hier die Startseite zur API. The Verge hat mehr: Google releases Mirror API documentation for writing Glass apps.
Pre-Processor for CSS in Oxford English
Schönes Spielzeug für Webdesigner mit Monokel: Ein CSS-Preprocessor für Stylesheets, die man damit auch in Oxford Englisch runterschreiben kann. Das $dictionary kann man freilich anpassen und sich so seine eigene CSS-Syntax basteln, BroCSS mit „fucking margins“ etwa oder ein Psychedelic TSS (Psychedelic Tripping Style-Sheet) mit Styles wie „Colors:#WHOA“ oder „Position:Flying In The Sky With Diamonds“.
Brits, take control of the web. Spiffing allows you to write your CSS and stylesheets in conformance to proper British English (also known as correct English) grammar and spelling regulations.
While admittedly, Spiffing doesn’t have the variance and extensive amount of features as other preprocessors, it does one unique thing, missing in any other existing solution: fixes the grammar mistakes prevalent throughout the CSS language.
Celebrate your well-spelt stylesheets with some tea and scones.
Spiffing CSS: the preprocessor made for Brits (Warning, annoying Autostart-Music, via Hackernews)
France Bizots Pencil-Drawings
Hübsche Arbeiten von France Bizot aus Paris, die Website-Elemente mit Filmklassikern in tollen Layout-Scribbles masht. Nice! Mehr ihrer Artworks gibt’s auf der Website der Backslash Gallery.
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 Reader den Stinkefinger gezeigt haben. Ich habe das Gefühl, die Langzeitwirkung grade bei Multiplikatoren haben die Pfeifen von Google nicht wirklich auf dem Schirm gehabt und mit diesem Gefühl bin ich nicht alleine. Oder wie’s Mark Reynolds formuliert:
Google last week: “Hey tech-heads! Fuck you!”
Google this week: “Hey tech-heads! Check out this cool new thing you’ll all lov….. hey, wait where did y’all go?”
Google hat gestern einen neuen Dienst vorgestellt, Google Keep nennt sich das Teil und ist ein Angriff auf Evernote, Notiz-Service in der Cloud. Warum sollte ich Google grade bei Cloud-Services auch nur einen Jota weiterhin trauen, wo sie das für mich zweitwichtigste Arbeitsgerät plattgemacht haben? Und dann mit einem uninnovativen Notizscheiß um die Ecke kommen? Und ratet mal, womit ich mein Evernote zu 98% füttere: Mit Notizen und URLs und Kram aus meinem Feedreader! Fuck off, Google. Aber dieses Labyrinth-Dings für Websites hier ist dann doch ganz nett.
[update] Von O’Reilly-Radar:
Google is injuring themselves in ways that are potentially much more serious than the success or failure of one app. Google is working on the most ambitious re-envisioning of computing since the beginning of the PC era: moving absolutely everything to the cloud. […]
If Google is serious about providing a platform that lets us move all of our computing to the cloud, they need to provide a stable platform. So far, the tools are great, but Google gets a #fail for stability. Google understands the Internet far better than its competitors, but they’re demonstrating that they don’t understand their users’ needs.
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 when we type in the entire front page of text into google along with the domain name”>
<meta name=”description” content=”Some crap that marketing gave us. The intern probably wrote it on a napkin while they were all out playing polo and getting drunk at 11am on a Wednesday.”>
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 mean that the Encrypted Media Extensions proposal will become a standard as is, but it does up the chances that some sort of DRM system will make its way into HTML.
The Encrypted Media Extensions proposal — which is backed by the likes of Google, Microsoft, Netflix and dozens of other media giants — technically does not add DRM to HTML. Instead it defines a framework for bringing a DRM system, or “protected media content” as the current draft puts it, to the web.
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 a website, enjoy it for the time I’ve decided to spend there, and then move on with my life,” he continued. “Is that so much to ask?”
As part of their demands, Internet users from around the country appealed for a drastic reduction in interactive lists, polls, and pop-up slideshows. Sources also called for an end to the badges that some websites award for “checking in” to physical locations, citing the fact that they ostensibly have no meaning, are dumb, and nobody cares about them.
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 weiter rausgenommen und das Theme immer minimaler gestaltet habe. Oben das Blogdesign, das bis gestern hier noch am Start war, nach dem Klick der Rest inklusive Jahreszahlen, wo ich sie noch wusste.
IE6 Crash Script:
„A jQuery plugin for crashing IE6. That’ll teach those motherf!%@*#s to upgrade their s#*t.“
