Schlagwort-Archive: html5

Rant on Tiles on Websites

Welcome to the 90ies:

ScreenshotSeriously, in which way shall nowadays‘ websites like this one give the user a clear, consistent and comprehensible way of being guided through the website?

First off: I *love* Rood.fm – they have nice radio shows, awesome DJs playing and generally do a great thing!
But:

1) There’s no clear navigation, in fact there are so many distributed navigation elements to reach different subcontents. Even when accessing the page via small-screen devices, there are too many misleading visuals (see point 4).

2) Which designer-chosen visual element suggests that this website can be scrolled? Not a single one!
— On some other web sites, I simply had no idea that the page contained further stuff..accessible through scrolling down.

3) Talking about accessibility..how accessible are pages like these for users with limited coginitive abilities?
— Where do screenreaders start reading on pages like these?

4) Misleading visuals: A smartphone that stands for mobile radio? A light bulb representing Windows Media? Seriously?
— The same goes for news apps on actual smartphones: Why the hell do articles need a senseless unrelated teaser image anyway?
God damn it, just give me a 3-7 words long headline, that’s totally sufficient for everything!

5) You’re probably enforced to use a website search or some search engine to scramble through all content layers of the websites: Just look at this one. That’s the site of a German University of applied sciences. Despite its text is German (which probably gives you the advantage of not having to read everything but just look at it), there are many subsites only accessible through
a. skipping the nonsense/misleading images everywhere,
b. perceive the link captions
c. hope you just clicked on the right thing.

Why the hell should important contents be that hidden. That’s [un]conscious stressing of the user’s patience, not helpful at all to get to the content quickly.

Stupid web trends..or perhaps I’m just too stupid for perceiving those kinda like websites properly.

My wishlist for a better Interwebs:
1) No misleading visuals.
2) No misleading visuals. (Yes, twice!)
3) Consciously leaving screen space empty. There are sub pages available for subordinate contents. Why was this single-page crap invented anyway?
4) Form follows function – and thus: Form follows Content. If there’s special art or creativity-oriented stuff to show, then then this may be an exception. Anything else just should deliver content straight to the user.
5) If there is advertising to show, please have dedicated ad pages that open up as a redirecting page like adf.ly does – I love this concept, as there’s strict perceptional separation between content and advertising. I may even spend a second looking at the ad, if I’m promised to have ad-free content afterwards with absolutely zero misleading visuals.

Focus, people!

Permanently enable HTML5 „Beta Test“ on youtube in Chrome/Chromium

I know it was quite a while ago when youtube established a feature that allows users not to need Flash anymore but just raw HTML5 video functionality to view videos – but now that I noticed this tremendous RAM usage again, I began thinking about enabling it again.

Done easily, and it works nicely – even on Linux. Until the browser shut down and removed all the cookies. Meh. But well, Google is your friend, innit?
I stumbled upon this user script for Chromium which puts in a specific cookie for YouTube to tell it that I want to have html5 by default. Copy-paste the code into a file whose name ends with „.user.js“, open the Extensions page, drag&drop the file into the Extensions tab – and that’s it.

One further way to live without Flash 🙂

AngularJS, Bootstrap und was nicht alles

So, in meinen verbleibenden Tagen bis zum Semesterbeginn am 11. September werde ich noch einmal mäßige Recherche und Updating rund um das Thema Internet 2013 betreiben bzw. habe dies schon getan:

  • Mit dem AngularJS-Framework lassen sich also auf tolle Art und Weise Daten, die aus irgendeinem Backend möglichst asynchron kommen, dynamisch und auf Clientseite verarbeiten und in die bereits existente Seite einbauen. Netter Ansatz, Daten, Modell und View auseinander zu halten!
  • Bootstrap bietet als jQuery-UI-Alternative eine wahnsinns Palette an Möglichkeiten, wenn man auf der Website häufig und cross-Domain verwendete Nutzerelemente benutzen und Auflösungsresponsiveness für mobile Clients bieten möchte. 
  • Single-Page-Applications/One-Page-Sites sind prima geeignet, um dem Besucher eine Geschichte/Projekt/zentrale Information näher zu bringen.
  • SEO überall sowie über alles. Was bringt schließlich guter Content, wenn man im Interwebz nicht gefunden wird? – Kann man es nicht auch ein wenig übertreiben?
  • „.com“-TLDs spielen nicht mehr die zentrale Rolle – lieber werden dem Seitentitel entsprechende Endungen verwenden.
  • Was ist Flash?
  • Node.js rettet nicht die Welt. JavaScript als serverseitig genutzte Sprache zu benutzen kann aber interessant sein! Man denke nur an die gemeinsame Codebasis von Server und Client 🙂
  • PHP is not dead – zum Glück! 😀