Webdesign

Beyond Cyberpunk Hypercard-Archive

HyperCard war eine frühe Version (vor HTML) der Hypertext-Programmierung auf dem Mac. Die Software war damals relativ weit verbreitet, wurde dann aber mit dem kurze Zeit später vorgestellten World Wide Web natürlich obsolet. (Eine der berühmtesten HyperCard-Anwendungen war übrigens die erste Version des Games Myst.) Archive.org hat jetzt, fast genau 30 Jahre nach der Ankündigung…

Website inside robots.txt

Netter Hack von Alec Bertram, eine Website in robots.txt: What's going on here: When parsing robots.txt files, search engines ignore anything that's after a hashtag in a robots.txt file - this turns it into a comment. However, a crawler will read anything on the page when it doesn't think it's looking at a robots.txt file,…

Geocities Forever

Geocities Forever – neural network generated geocities pages von Herr Aanand. „Enabled Super-Clicks“! (via CreativeAI)

Average Webpage-Size is the same size as Doom-Installer

Milestone, sort of: The Web is Doom. (via Jack Marshall) I suggested that the average web page weight would equal that of the Doom install image in about 7 months time. Well, we’ve made it, albeit a bit later than expected. This is where we are today: (NC hat 3,8MB mit Bildern und alles jetzt…

Every fucking Bootstrap-Page

„Take a look around at the same fucking bootstrap page you've seen ten million times before! Featuring all the same things as those pages! Want to make an original website yourself? Forget that! Who would ever want to put in all of that effort for a website?“

Swiss Design in CSS

„Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement.“

The Website Obesity Crisis

Yes, this: „I contend that text-based websites should not exceed in size the major works of Russian literature.“

The User is my Mom: Parent-based UX-Design-Testing

Nach The User is drunk hier der Nachfolger mit Mutti. Leider nur mit eingeschränktem Service: „Can I pay your mom to review a porn site? Dude, no. I'll refund your money if I'm too embarrassed to show your site to her.“ My mom tutors high school students and likes quilting and hiking. She yells at…

The User is drunk: Alcohol-based UX-Design-Testing

Richard Littauer ist UX-Designer und Developer und testet Websites. Betrunken: „Your website should be so simple, a drunk person could use it. You can't test that. I'll do it for you.“ Den Service, der möglicherweise sogar ernst gemeint ist, bietet er jetzt an für 'nen Fuffi 150 Dollar [Update: Das war gestern nacht noch ein…

GNU Terry Pratchett HTTP-Header

In Terry Pratchetts Discworld gibt es die Internet-ähnlichen Clacks, und in seinen Romanen wird toten Clack Operators gedacht, in dem man ihren Namen in den sogenannten „Clack Overheads“ ewig im Netz hält, von Redditor pocketknifeMT: This is done on the discworld for clack operators (a network of semaphore towers), and mentioned in particular for John…

Happy 20th, Styles.css!

Heute vor 20 Jahren hat Håkon Wium Lie, heute CTO von Opera, am CERN die Stylesheets erfunden und uns vor Drölfmillionen <FONT>- und <COLOR>-Tags gerettet. Danke dafür, Håkon!

Inventor of Popup-Banner is sorry. Also: Assfuckery.

Ethan Zuckerman hat das Popup-Banner erfunden, und es tut ihm schrecklich leid. Schönes Detail: Das erste Popup-Banner lief auf einer Seite über Analsex. Passt. „We came up with it when a major car company freaked out that they’d bought a banner ad on a page that celebrated anal sex. I wrote the code to launch…

Math Box 2

„That site with that header, made with WebGL, using Three.js.“

<blink> is back, sort of…

Blink! Vorher auf NC: The History of <blink> <blink> R.I.P.

Crapshaming

„Google Plus block screen: 100% crap“. (via Daring Fireball)

Tab closed; Didn't read

„If you're going to insist on obscuring your content with some stupid social shit, a promo for your shitty app or a full-page newsletter signup form, then I'm not going to read your content.“

This is a motherfucking website.

And it's fucking perfect. (via Eay)

<blink> R.I.P.

Mozilla haben <blink> getötet! Ihr Schweine! „Dropped blink effect from text-decoration: blink; and completely removed <blink> element“. Aber wer braucht schon blink, wenn man auch rumblen und shuddern kann. (via JWZ)

How To Error 451 Unavailable For Censorship your Website

Als Ray Bradbury vor einem Jahr verstarb, kam Tim Bray von Google auf die Idee, einen offiziellen, neuen HTTP-Fehlercode einzuführen: 451 Unavailable For Censorship. Dafür hat er jetzt einen offiziellen Entwurf in abgeschwächter Form eingereicht und bis der (vielleicht) wirklich umgesetzt wird, hat Philip Pemberton aufgeschrieben, wie man das per .HTACCESS-File auf seine Website anwenden…

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…

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…

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“.…

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.