miradlo.com Auflösungen testen

In den letzten Wochen habe ich mich intensiver mit Responsive Webdesign befasst. Hierbei geht darum, die Inhalte einer Seite möglichst optimal für alle Geräte darzustellen. Egal ob mobiles Smartphone oder großer Monitor mit hoher Auflösung alle Nutzer sollen ein Layout finden, was zu ihrem gerade genutzten Gerät passt. Beim Barcamp Stuttgart habe ich am Samstag eine Session zu diesem Thema angeboten, dieser Beitrag enthält die Links und Infos hierzu.

Die Techniken im Hintergrund sind gar nicht so neu, vorgestellt wurde CSS 3 schon vor einigen Jahren. Sinnvoll einsetzbar wurde diese Möglichkeiten jedoch erst seit sie von den wichtigsten Browsern auch interpretiert wurden. Für mobile Geräte konnte man zunächst mittels media="handheld" ein anderes Layout festlegen, Geräte wie das iphone melden sich jedoch gar nicht als handheld und bekamen daher doch wieder dasselbe Design wie Nutzer mit großen Desktopmonitoren.

media queries je nach Auflösung

Mittels media queries aus CSS 3 wird ein Layout je nach Auflösung ausgegeben. Zunächst habe ich ein Layout erstellt wie es in meiner Arbeitsumgebung optimal passt. Mein erster Schritt war also das Layout für eine hohe Auflösung wie z.B. 1920 * 1080 Pixel anzulegen. Danach probierte ich immer kleiner werdende Auflösungen und sobald mir etwas nicht gefiel, passte ich es an. Das habe ich so lange gemacht bis ich eine weitere Verkleinerung nicht mehr für sinnvoll hielt, sprich bei weniger als 300 px Breite erzwinge ich einen Scrollbalken, Beispiel:

@media only screen and (max-width: 429px) {
#mainwrapper{
    min-width: 270px;
}
}

Genauer ansehen könnt ihr euch das CSS layout.css im unteren Teil von der Seite miradlo.com. Testen lassen sich Seiten:

• screenfly dort werden diverse Auflösungen je nach Gerät angezeigt, einfach die URL eingeben, z.B: miradlo.com
• Responsive Webdesign Testing zeigt direkt mehrere Auflösungen auf einen Blick, auch hier einfach die URL eingeben, z.B: miradlo.com

Responsive Webdesign vs. Apps

Ich halte diese Technik insbesondere für sehr sinnvoll. Damit werden weiterhin dieselben Inhalte auf allen Geräten ausgegeben und trotzdem wird das Design angepasst. Für große Seitenbetreiber, wie wikipedia können auch Apps für iphone, android usw. eingesetzt werden, um mobile Versionen zu nutzen. Bei der Mehrzahl aller Websites ist das jedoch nicht sinnvoll und meist auch finanziell nicht machbar. Plugins wie für WordPress die eine mobile Variante erstellen sind sicher oft besser als nichts, sie zeigen jedoch nicht mehr das Ursprungsdesign der jeweiligen Seite. Responsive Webdesign ist eine gute Lösung für viele Seiten und der Aufwand ist nicht so viel höher wie beim Erstellen einer App.

Je nach Design lässt sich das auch im Nachhinein noch relativ einfach anpassen, das klappt jedoch sicher nicht immer. Das gesamte Design muss mit flexiblen Breiten zurecht kommen. Die einzelnen div-Container müssen problemlos verschiebbar sein, sonst lohnt sich das nicht. Einige weitere Links zu diesem Thema:

• Responsive Webdesign – Verschiedene Devices simulieren und testen
• Responsive Webdesign: Umfangreiche Präsentation mit Tipps und Tricks
• Responsive Webdesign mit CSS3 Media Queries: So funktioniert’s

@font-face auf uteles Blog

So ganz allmählich lassen sich Schriftarten sinnvoll einsetzen, die nicht auf dem Rechner des jeweiligen Nutzers installiert sind.  Es gibt viele freie Schriften, die dafür genutzt werden können, jedoch für deutschsprachige Blogs eignen sich nicht alle.

uteles Blog als erste Testecke, siehe Screenshot.

Um einen Überblick über die Schriften zu haben und weil ich eine eigene Auswahl aus Schriften mit Umlauten wollte, habe ich mir eine eigene Seite für Schriften angelegt. Vorsicht, es dauert einen Moment bis die Seite vollständig geladen ist (eher nicht mobil geeignet): http://www.miradlo.info/schriften/

Es gibt Browser – insbesondere manche ältere Browser – die die Schriften nicht darstellen können. Für die Schriftenseite ist das natürlich ungeschickt, aber für den Alltagseinsatz ist es kein Problem, denn mit Angabe von Alternativschriften wird alles korrekt angezeigt, nur eben nicht so hübsch.

@font-face

Die Einbindung der Schriften, die dann vom jeweilien Browser runtergeladen und angezeigt werden, mache ich mit @font-face im CSS. Im Internet Explorer sollte es wohl bereits ab IE 6 klappen, zumindest bei meinen Tests. Aktuelle Browserversionen von Opera, Safari, Chrome usw. kommen gut damit zurecht, der Firefox kann es seit Version 3.5. Der Konqueror mag bei mir nicht, obwohl ich die Einbindung so mache wie auch empfohlen. Unterm Strich sind die Schriften für mich ein zusätzlicher Hingucker, schön wenn es angezeigt wird, aber wenn es halt mal nicht klappt ist es auch nicht schlimm.

Ladezeit für Schriften

Auf einem üblichen Rechner mit DSL fällt es kaum auf und durch Angabe etwaige bereits vorhandener Systemschriften muss auch nicht in jedem Fall die Schrift geholt werden. Der Browser speichert die Schriften, damit ist es schlimmstenfalls beim ersten Aufruf nötig die Schriften zu holen. Für den üblichen Webeinsatz spricht also nichts dagegen es zu nutzen.

Mobile Geräte

uteles Blog brauchte im explizit abgewählten mobile-Theme auf dem iphone im lokalen Netz rund 3 Sekunden, mit ein bissel weniger starkem Zugang ist das dann keine so gute Idee. Sprich beim Einsatz im Alltag wäre es sinnvoll mobile Themes anzubieten, die ohne die speziellen Schriften auskommen.

Freie Schriften und Umlaute

font-squirrel bietet eine große Auswahl und eine Schrift kann mit einem Kit runtergeladen werden, mit dem die Einbindung dann recht einfach klappt, siehe auch: @font-face-Tipp
Leider ist in der Übersicht nicht erkennbar, ob eine Schrift mit Umlauten zurecht kommt, das lässt sich mit dem Testdings probieren, da wird angezeigt, was man eingibt. Es gab einige Schriften, die mir gut gefallen haben, die jedoch deshalb nicht in Frage kommen, weil sie keine Umlaute darstellen. Die ein oder andere, die ich jetzt mit eingebunden habe, kommt mit dem “ß” nicht zurecht. Je nach Einsatzzweck, kann das für Überschriften jedoch trotzdem noch akzeptabel sein. Keine Umlaute sind dagegen ein klares no-go.

Effekte und Probleme

Einige Schriften sind sehr verspielt und damit schwer lesbar, aber für spezielle Überschrifteneffekte oder andere spezielle Ansichten ist das ja durchaus mal akzeptabel. Die ein oder andere Schrift bietet nicht alle Font-Formatierungen an, die CSS an sich kennt. Teils übernimmt dann der Browser die Darstellung, das klappt nicht überall so hübsch, wie bei Schriften, die selbst einen fetten oder kursiven Stil anbieten.

Alles wird gut

Noch ist nicht alles gut, ein Browser ist nach wie vor keine Textverarbeitung mit allen Möglichkeiten von Schriften. Aber aus meiner Sicht ist es ein großer Schritt weg von Webseiten, die nur mit den paar üblichen Schriften auskommen müssen, die bislang im Web einigermaßen übergreifend unterstützt wurden. Was mir gut gefällt ist das problemlose Fallback auf Alternativen und dass eine Schrift nicht jedesmal runtergeladen werden muss. Ein klarer Vorteil für Stammleser einer Seite. Wenn sich die Schriften verbreiten, wird es auch seltener, dass eine Schrift noch nicht installiert ist.

Es ist noch nicht alles gut, es braucht noch intensives Testen im Umgang damit, aber ich bin fürs Erste völlig zufrieden, dass es jetzt einen Weg gibt, der ohne Flash, Bilder oder sonstige Krücken auskommt um eine besondere Schrift anzubieten.

Google+ +1 Facebook...

Ich kann mir Zahlen zu solchen Anteilen nicht gut merken. Die jeweiligen Statistiken finde ich meist nicht mehr wieder, wenn ich sie nur irgendwo ablege, deshalb mal als Blogbeitrag, da stehen die Chancen besser.

Anteil der Internetnutzer in Deutschland

Heise schrieb gestern zum Anteil der Internetnutzer, gezählt wurden in einer ARD/ZDF-Studie nach telefonischer Befragung die Nutzer ab 14 Jahren.

• Frühjahr 2011 in Deutschland: 73,3%
  • davon über 60 Jahre: 34,5% (2010 waren es nur 28,2%)
  • Anteil bei den Frauen stieg um 5% auf 68,5%
  • Anteil der Männer stieg um 2,8% auf 78,3%

Anteil der Nutzer bei Facebook

Thomas Hutter veröffentlicht regelmäßig die Daten zu Nutzern von Facebook in Deutschland, Österreich und der Schweiz

Deutschland: Nutzer bei Facebook

• 51,39% der Männer
• 48,61% der Frauen
• 23,64% der Gesamtbevölkerung nutzt Facebook

Österreich: Nutzer bei Facebook

• 50.80% der Männer
• 49.20% der Frauen
• 31,36% der Gesamtbevölkerung nutzt Facebook

Schweiz: Nutzer bei Facebook

• 51,38% der Männer
• 48,62% der Frauen
• 34,93% der Gesamtbevölkerung nutzt Facebook

Twitter

Für Twitter gibt es keine aktuellen Statistiken für die drei Länder, die bekannten Zahlen bleiben jedoch unter 1% Anteil an der Gesamtbevölkerung. Insofern meilenweit von Facebook entfernt.

Google+

Noch ist Google+ ja nicht für alle offen, insofern kann es wohl frühestens in einigen Monaten belastbare Zahlen geben. Aber so nach den ersten Tagen, vermute ich, dass es zunächst überwiegend die webaffinen Nutzer sein werden, die eben auch Twitter nutzen. Ob sich Google+ bei der Mehrheit der Nutzer Sozialer Netzwerke durchsetzen kann, muss sich zeigen. Mein erster Eindruck ist gut, mit persönlich gefällt Google+ bisher deutlich besser als Facebook, auch wenn die aktuelle Betaversion noch ihre Macken hat:

• Da siezt mich Google und hat bei den Übersetzungen aber wohl nur sehr bedingt berücksichtigt, wie sich die deutsche Sprache von anderen unterscheidet:
  • “+2 von Sie und 1 andere Person”
  • beim Versuch den Fehler per Feedback zu melden stürzte Google+ ab
  • manch eine Angabe kann ich zwar anklicken, aber sie ist leer, z.B. die der +1 die ich vergeben habe
  • …
    

Aber wie gesagt, das ist eine Betaversion, die noch nicht öffentlich freigegeben ist. Einige Möglichkeiten innerhalb von Google+ sind klasse und insgesamt macht es beim Bedienen deutlich mehr Spaß als Facebook.

Fazit

Wie ich vermutete, ist die Anzahl der tatsächlichen Nutzer sozialer Netzwerke im Verhältnis zur Gesamtbevölkerung weiterhin sehr übersichtlich. Selbst in der Schweiz mit einem hohen Anteil an Facebooknutzern ist es gerade mal ein Drittel der Gesamtbevölkerung.

Selbst wenn sich also Twitter zu einem Thema überwiegend einig ist, auch noch wenn das bei Facebook passiert, das heißt noch lange nicht, dass ein Großteil der Bevölkerung davon überhaupt etwas mitbekommen hat.

Fast dreiviertel der Bevölkerung kennt jedoch Webseiten und informiert sich dort. Im Moment sollte das Hauptaugenmerk also immernoch auf Webseiten liegen.

• Tag der blauen Mützen

Mit den blauen Mützen an diesem Tag sollen Themen wie Webstandards und Zugänglichkeit (Accessibility) ins Bewußtsein gerückt werden. Wie immer las ich den Aufruf zum Blue Beanie Day zuerst bei Robert.

Tooltipps nicht zugänglich

An sich wären die bei Nutzung der Maus als Tooltipps angezeigten Hinweise, die in den title geschrieben werden, eine sehr gute Möglichkeit allen Nutzern weitere Informationen, z.B. zu einem Link zu geben. Leider klappt das jedoch nicht. Denn navigiert man per Tastatur, so sind die Tooltipps nicht erreichbar, siehe auch: blogs.sitepoint.com: Why Aren’t Tooltips Triggered by The Keyboard?

bitvtest.de weist außerdem darauf hin, dass auch Screenreader leider nicht zuverlässig diese Informationen vorlesen, siehe: Tooltip im BITV-Glossar

Entweder ich stehe auf der Leitung oder es gibt noch eine Krönung des Unsinns: Wikipedia zu Tastaturkombinationen erklärt, dass die Access-Keys (Tastaturkombinationen um leichter in einer Seite zu navigieren) als Tooltips eines Links angezeigt werden. Nun, wenn die Tooltipps für Tastaturnutzer gar nicht erreichbar sind, dann hilft es sicherlich sehr viel weiter, wenn die Hinweise auf schnelle Tastaturkürzel an einer Stelle stehen, die genau diesen Besucher nicht angezeigt wird.

Unterm Strich:

Es ist unsinnig, dass Tooltipps nicht in allen Fällen auch erreichbar sind. Sowohl für Tastaturnutzer, wie auch für diejenigen, die Screenreader verwenden, fehlt somit Information. Gerade die Tooltipps bieten sich an, um weitere und ergänzende Hinweise zu geben.

Wann werden Tooltipps für alle Benutzer erreichbar?

• Blue Beanie Tag

Am Dienstag den 30. November ist also wieder Zeit für die blauen Mützen… Worum es geht? Webstandards und Zugänglichkeit (Accessibility) sollen ins Bewußtsein gerückt werden.

Ebenso wie in den letzten Jahren las ich den Aufruf zum Blue Beanie Day zuerst bei Robert.

Was ich letztes Jahr Blaue Mützen : Blue Beanie : Webstandards : Adventskalender schon schrieb, gilt auch heute noch, meine Wunschliste zu Webstandards:

• Inhalte sind wichtig und sollten für alle zugänglich sein (kleines zartgrau auf weiß ist keine lesbare Schrift)
• Grafische Captchas behindern alle Nutzer
• Flash ist kein Designelement (als Navigation ist Flash immer falsch und auch sonst wird Flash oft überflüssigerweise eingesetzt)
• Formularelemente sollen mitwachsen je nach gewählter Schriftgröße (ich nutze eine Mindestschriftgröße und kann oft Formulare nicht nutzen, weil die Felder zu klein bemessen sind)
• valides HTML und CSS tun nicht weh und sind eine Grundlage für bessere Seiten für alle Nutzer

• Kaffeekochensession #bcbs10 @robgreen und @enypsilon

Heute nur mal kurz eine Zusammenfassung des Barcamps an sich, bei etwaigen Rückfragen vertiefe ich gern noch inhaltlich zu meinen Sessions. Eine schöne Übersicht übers Barcamp gibts von Waltraud Kässer von see-online.info, die erstmals bei einem Barcamp war.

Wie immer habe ich die ein oder andere Session verplaudert. Bei der  ein oder anderen habe ich mich jedoch beteiligt:

• GTD Selbstmanagement
• see-online.info – ein lokales Online Magazin
• IPv6 Grundlagen
• Webentwickler trifft Marketing trifft Kunden
• Erfolgreiche Pressemitteilungen

Während des Barcamps gab erstaunlich wenig Momente, in denen ich mich organisatorisch beteiligen konnte/musste. Das meiste ging schlicht nebenbei, mal abgesehen von einem:

@heinzkamke schrieb:

“Großartige Session, geleitet von @miradlo und @enypsilon, beraten von @robgreen: Werkstattbericht Kaffeemaschine #bcbs10”

So ganz geplant war diese  Kaffeekochensession, die heinzkamke so erfreute zwar nicht, aber irgendwie gab’s mit vereinten Kräften (zu sechst) irgendwann doch noch Kaffee. Hätten wir von JanTheofels Anleitung für die Maschine gewusst wäre es nicht zu einer solch intensiven Session gekommen…

• Seehas in einem Garten in Konstanz

Den Link dazu hat Rob wohl inzwischen gefunden oder irgendwer hat ihn drauf hingewiesen, denn in seinem Artikel verweist er darauf. Offenbar blieb die Kaffeeerstellungssession doch bei manchen ebenso im Gedächtnis blieb wie mein Hinweis auf Seehasen.

Es war mein erstes echtes “Heimspielbarcamp”, nicht nur in meiner Stadt, sondern sogar noch an der HTWG, an der sich gar nicht so viel geändert hat. Vieles war noch erstaunlich vertraut, auch wenn es sechs Jahre her ist, dass ich dort studierte. So vertraut, dass mir gar nicht auffiel, was Thorsten von bastamedia ein Foto wert war, denn ich kannte das nur so, seit es das Laufband gab war es immer so… Neu war für mich der
elektronische Sessionplaner, den ich – zumindest in dieser Form – noch für optimierbar halte. Mit schlichten Zetteln ging es bislang halt schneller…

Hintergrund, Idee und weitere Einsatzmöglichkeiten unsers WikiViewers

Ein bisschen habe ich ja bereits über den WikiViewer hier im Blog berichtet. In der Session ging es sowohl um weitere Einsätze, als auch um die Idee die dazu führte. Eine Frage war ob wir daraus ein Produkt machen wollen. Nein, wir wollen den Wikiviewer nicht verkaufen, er soll Open-Source sein, wenn wir etwas verkaufen, dann wird es das Einrichten und Anpassen der Software sein.

Wie üblich waren Roland und ich nur selten in denselben Sessions, diese hatten wir jedoch von vorne herein gemeinsam geplant. @thomasgemperle hat Roland in einer seiner Scrum-Sessions fotografiert.

Coworking

Nach dem Barcamp Liechtenstein habe ich ja schon einmal kurz über Coworking geschrieben. Dieses Mal wollte ich an sich gar keine Session dazu machen und die erste Session dazu am Samstag überschnitt sich mit meinen Plänen. Doch Sonntagmorgen wurde ich gefragt, ob ich nicht etwas dazu machen könnte, deshalb entschloss ich mich spontan dazu. Ziel war Coworking bezogen auf Konstanz zu beleuchten. Ich konnte Harald gewinnen ebenfalls teilzunehmen, er hat in Stuttgart gerade ein solches Projekt auf die Beine gestellt: Coworking Stuttgart Von ihm stammt der Hinweis auf die Definition: “Coworking is Barcamp all day“, die mir gut gefällt, denn sie beschreibt den Unterschied zu Bürogemeinschaften deutlich.

Im Moment fehlt mir die Zeit mich da intensiver zu engagieren, aber bis zum Herbst, sollten zwei, drei weitere Treffen und etwas Werbung für die Idee drin sein…

Barcamp Bodensee SEO für Anfänger

Ich bin ja nicht ungeteilter Fan von SEO und liebe das Thema nicht grad sonderlich. Mir fiel jedoch am ersten Tag bei  auf, dass manche in ihren Blogs einige Grundlagen nicht nutzen, die an sich recht einfach umzusetzen sind. Deshalb zeigte ich anhand dieses Blogs ein paar Punkte und erklärte deren Hintergrund:

• was ist ein Quelltext, was sieht man da?
• was ist eine Dokumentstruktur in HTML und wie lässt sich diese realisieren?
• wie sollten Zwischenüberschriften aussehen?
• wie sollte ein Link aussehen?
• warum sind Bildernamen wie img3217329.jpg ungünstig?
• was ist ein alt-Attribut, wozu ist es gedacht, wie lässt es sich nutzen?

Ganz wichtig ist mir bei allen Ideen zur Suchmaschinenoptimierung, dass es unterm Strich nicht nur um die Suchmaschinenoptimierung gehen darf. Denn was helfen die tollsten Besucherzahlen, wenn der optimierte Text am Ende von Besuchern nicht mehr gern gelesen wird.

Screenshot Wiki

Wir haben mal wieder ein Projekt gebastelt, was mir jetzt richtig gut gefällt.

In diesem Fall ging es um den Kreisverband Konstanz der Piratenpartei. Anforderung war eine Webseite zu erstellen, die für alle Besucher klar und durchschaubar ist.

Die Grundlage aller Inhalte ist jedoch das Wiki der Piratenpartei.  Um Informationen zu sammeln ist das prima,  denn – wer möchte – kann dort jederzeit etwas ändern und anpassen. Das Wiki ist jedoch weder sonderlich hübsch, noch für weniger geübte Benutzer leicht navigierbar.

Einige andere Stammtische und Verbände nutzen eine eigene Webseite und haben Zugriff aufs Wiki. So weit wir wissen, klappt das jedoch nirgends sehr gut, weil dann eben beides gepflegt werden müsste. Das Wiki ist für die gemeinsame Arbeit sehr sinnvoll und grad themenbezogen wäre es schade, wenn irgendwann alle vor allem ihre eigene Seite pflegen.

• Webseite WikiView

Unser Ziel war es beides zu verbinden. Mit der WikiViewer-Website www.piraten-konstanz.de ist uns das jetzt gelungen.

• Die Inhalte der Website kommen aus dem Wiki, damit können sie weiterhin dort an zentraler Stelle erstellt und bearbeitet werden.
• Angezeigt werden die Inhalte jedoch hier in Form einer traditionell aufgebauten Website.

Wir haben eine übliche Seitenstruktur erstellt. In die jeweiligen Seiten können wir Inhalte laden, sei es einen Teil einer Wikiseite, eine ganze Wikiseite oder Teile aus mehreren Wikiseiten. Alle halbe Stunde schaut ein Cronjob nach, ob sich etwas geändert hat und nimmt sich etwaige neue Inhalte.

Die Bilder, die nur der Dekoration dienen sind Inhalt der Webseite. Die Navigationspunkte, die ein oder andere Überschrift, oder mal ein erklärender Hinweis sind Teil der Webseite. Alles andere kommt aus dem Wiki.

Bei Dokumenten, die nur nach Absprache geändert werden sollen, nutzen wir einen bestimmten Bearbeitungsstand des Wikis, der nur geändert wird, wenn es mit mehreren so abgesprochen wurde. Damit können wir auch sicherstellen, dass niemand das Wiki als Spielecke benutzt.

Die WikiView-Seite ist seit heute nacht online, der ein oder andere Fehler könnte also noch enthalten sein. Aber insgesamt sind wir sehr zufrieden mit dem Ergebnis.

• http://domain.tld oder
• http://www.domain.tld

eingegeben wurde, der Webserver ist ein Apache.

Subdomains

Außerdem möchte ich, dass die vorhandenen Subdomains alle ohne www erscheinen und erreichbar sind, egal ob man

• http://subdomain.domain.tld oder
• http://www.subdomain.domain.tld

eingibt, in jedem Fall soll die Subdomain erreichbar sein und als
http://subdomain.domain.tld
erscheinen.

.htaccess

Probiert habe ich den üblichen Weg in der .htaccess:

RewriteCond %{HTTP_HOST} !^www\.domain\.tld$ [NC] [OR]
RewriteRule ^(.*)$ http://www.domain.tld/$1 [R=301,L]

ebenso habe ich es auf folgendem Weg in der .htaccess versucht:

RewriteCond %{HTTP_HOST} !^www\.domain\.tld$ [NC] [OR]
RewriteCond %{HTTP_HOST} !^subdomain\.domain\.tld$ [NC]
RewriteRule ^(.*)$ http://www.domain.tld/$1 [R=301,L]

Virtual Hosts im Apache

Darüberhinaus habe ich in den Virtual Hosts verschiedenes probiert und folgendes für die Hauptdomain angegeben:

ServerAlias  *.domain.tld
ServerAlias www.*.domain.tld

Bei einer der Subdomains habe ich folgende Varianten in den Virtual Hosts versucht:

ServerName  subdomain.domain.tld
ServerAlias www.subdomain.domain.tld

sowie
ServerName www.subdomain.domain.tld
ServerAlias subdomain.domain.tld

Leider bringen alle Versuche und Varianten entweder einen Serverfehler oder unverändert das Ergebnis, dass die Hauptdomain korrekt umgeleitet wird, die Subdomain jedoch nur ohne www erreichbar ist und bei Eingabe mit www folgendes meldet:

Die Aktion lässt sich nicht ausführen
Unbekannter Rechner
Unbekannter Server
Unbekannte Adresse
Je nach Browser unterscheidet sich die Meldung etwas.
Ich bin für jeden Hinweis dankbar…

Nachtrag 27.3. DNS-Fehler

Puhhhhhhhh!
Ich bin jetzt nochmal in den Server “reingekrochen” dabei fand ich eine Hauptdomain, bei der klappte, was ich wollte. Prima, also habe ich gesucht wo in der Konfiguration der Unterschied ist. Vhosts, .htaccess jeweils sowohl für die Hauptdomain, als auch für die Subdomains…
Nichts, es gab keinen Unterschied, der das Verhalten erklärte. Nach nochmals probieren und vorsichtshalber reinkopieren, damit auch Tippfehler ausgeschlossen sind, war irgendwann klar, es kann einfach nicht sein.
Also überlegte ich, wo noch der Haken sein könnte. Da es sich um einen Serverfehler handelte blieb nur eins, das DNS, tja und das war’s auch. Im DNS-File stehen ja so Sachen wie:


www IN A 1.2.3.4
subdomain IN A 1.2.3.4

Tja und da sollte eben auch folgendes noch stehen:


*            IN A       1.2.3.4
Fehlt der Stern, so wird eben ein www.subdomain.domain.tld nicht mehr interpretiert… Ich habe im Artikel jetzt mal nur stehen gelassen, was jetzt bei mir funktioniert.

FacebookMeldungen / Personen ausblenden

Facebook Meldungen ausgeblendet

Ich befasse mich ja mit diversen Netzwerken im Web und irgendwann habe ich sogar meine Weigerung für Facebook aufgegeben: Ute auf Facebook

Auf uteles Blog habe ich auch schon einige Male über Facebook geschrieben:

• Job verloren nach Facebookbesuch
• Online-Reputation und der gläserne Deutsche Umgang mit den eigenen Daten
• Social Networking verständlich erklärt ::: montags um eins Was sind soziale Netzwerke, z.B. facebook?
• Facebook Wahnsinn ::: Datensammelnetzwerke Was gegen facebook spricht…
• Abendessen nach See gucken und so ::: kindergartenfrei Einige Nutzer standen nachts früher auf, um sich den passenden Namen bei facebook zu sichern…
• Gelesenes: kurz und gut ::: XXII Das eigene Facebookkonto überlebt auch nach dem Tod

Trotzdem habe ich irgendwann beschlossen Facebook zu nutzen, weil es manche Menschen gibt, mit denen ich dort Kontakt halten kann, die kein anderes Netzwerk nutzen, welches ich verwende. Besonders ärgerte mich ja, dass Facebook mein Geburtsdatum will, das ist eins von wenigen Daten, die ich nicht im Netz veröffentlicht habe. Beim Anmelden habe ich daher den 1.1.1970 angegeben, ich finde der Unix-Zeitstempel ist ein prima Datum… Außerdem habe ich den Geburtstag in meinen Einstellungen versteckt, ich will ja niemanden irritieren, der/die sonst denken, das sei mein Geburtstag.

Roland nutzt Facebook ebenfalls aber nur ab und zu. Er klagte schon einige Male, dass er viele Statusmeldungen bekäme, die er gar nicht lesen wolle. Im direkten Vergleich unserer beiden Zeitleisten war erkennbar, dass bei ihm manches erschien, was bei mir nicht angezeigt wurde.

Unerwünschte Statusmeldungen nicht anzeigen

Da ich ziemlich lange suchen musste und auch über google erstmal keine Anleitung fand, wie sich manche Meldungen verstecken lassen, hier die Anleitung:

• fährt man mit der Maus über eine Meldung, die man nicht mehr sehen will so erscheint ein Button:
• verbergen – wählt man diesen aus, kann man wählen was man verbergen möchte:
• Person verbergen – Applikation verbergen – Abbrechen
  • Person verbergen (verbirgt alle Meldungen dieser Person)
  • Applikation verberge (verbirgt alle Meldungen dieser Applikation, z.B. MafiaWars)
  • Abbrechen (Aktion abbrechen)

Auf diesem Weg lässt sich ausblenden, was man nicht lesen möchte und so lassen sich die Statusmeldungen auf genau das beschränken, was man selbst haben möchte.

Wer Freunde verborgen hat und das wieder rückgängig machen will:

• eigene Startseite
• nach unten scrollen
• Einstellungen bearbeiten
• Namen des Freundes wählen
• bestätigen

Vorsicht beim Ausblenden von Anwendungen, ich konnte auch nach ein bisschen recherchieren nichts finden, wie sich das rückgängig machen lässt. Wer also nach einiger Zeit doch sein Herz für Mafia Wars, Farmville oder so entdeckt kann sich die Meldungen unter Umständen nicht mehr anzeigen lassen.

Ergänzt nach einem Kommentar, danke Ally:

• Facebook-Anwendungen wieder einblenden

Anwendungen wieder einblenden

• eigene Startseite
• linkes Menü
• Eintrag meistens bei”Links” (war aber auch schon unter “Notizen“) wählen
• nach unten scrollen
• Einstellungen bearbeiten
• die verborgenen Anwendungen sind aufgelistet, siehe Bild
• auf “zu den Neuigkeiten hinzufügen” blendet sie wieder ein

Aktualisiert 20. Juli 2010

Nach einem Kommentar von Rüdiger – danke dafür – ist es schon wieder eine andere Stelle, zur Zeit also auf folgendem Weg:

Hinweis: Man muss bei den Neuigkeiten auf

• Hauptmeldungen gehen und dann ganz unten auf
• Optionen anzeigen
• bei Neuesten Meldungen klappts nicht.

Blue Beanie Tag

Heute ist Blue Beanie Tag, zuerst las ich bei Robert davon, auch t3n berichtet darüber, es gibt eine facebook-Gruppe. Worum es geht?  Webstandards sollen ins Bewußtsein gerückt werden.

Eine weitere Idee ist: Fünf Sätze zu diesem Thema zu formulieren, die für einen selbst wichtig erscheinen um Webstandards voran zu bringen.

Meine Wunschliste zu Webstandards

• Inhalte sind wichtig und sollten für alle zugänglich sein (kleines zartgrau auf weiß ist keine lesbare Schrift)
• Flash ist kein Designelement (als Navigation ist Flash immer falsch und auch sonst wird Flash oft überflüssigerweise eingesetzt)
• Grafische Captchas behindern alle Nutzer
• Formularelemente sollen ebenfalls mitwachsen je nach gewählter Schriftgröße (ich nutze eine Mindestschriftgröße und kann oft Formulare nicht nutzen, weil die Felder zu klein bemessen sind)
• valides HTML und CSS tun nicht weh und sind eine Grundlage für bessere Seiten für alle Nutzer

Aprospos Webstandards

• Adventskalender Webkrauts

Inzwischen schon traditionell der Adventskalender der Webkrauts . Ab dem 1.12. gibt es wieder täglich einen Beitrag rundum Webstandards von wechselnden Autoren der Webkrauts. Ich bin sicher auch dieses Jahr wieder lesenswert.

Rechnermuseum miradlo

Laden miradlo

Schulungsraum miradlo

Utes Schreibtisch

Dirk fragte in einem Beitrag nach dem idealen Arbeitsplatz. Inzwischen gibt es einige Kommentare und darauf verweisende Beiträge, sowie von ihm selbst zwei Folgeartikel. Seinen eigenen Beitrag gibt’s unter mein idealer Arbeitsplatz, sowie Gedanken zu einem Remote-Arbeitsplatz unter Arbeiten aus der Ferne.

Wie immer bei solchen Themen habe ich zunächst nur den Einstiegsartikel gelesen, weil ich zunächst meine Sichtweise unbeeinflusst überlegen möchte.

Mein idealer Arbeitsplatz in der IT

Was mir wichtig ist, zeigt teils schon meine berufliche Laufbahn.

Berufliche Vorgeschichte

Ich habe mich erst auf dem zweiten Bildungsweg für die Informatik entschieden und aus finanziellen Gründen verzögerte sich diese Idee nochmals. Nach einem ersten Beginn musste ich nochmal einige Jahre unterbrechen, bevor ich das Studium fortsetzen konnte. Meine erste Ausbildung war zur Gärtnerin für Blumen und Zierpflanzen, ein Beruf der den Vorzug hatte, nicht immer in Innenräumen sein zu müssen und bei dem auch die Hände was zu tun haben. Zwischendurch habe ich eine Umschulung zur fremdsprachlichen Wirtschaftskorrespondentin für englisch und spanisch gemacht, Sprachen sind spannend und helfen dabei die jeweiligen Kulturen besser verstehen zu können. Bereits im  Studium der technischen Informatik konnte ich Schwerpunkte selbst wählen und entschied mich für Web, Anforderungsanalyse und internationales Marketing wieder mit zwei Fremdsprachen und zwei Semestern Auslandsstudium in meinem Fall zweimal in Kopenhagen, Dänemark.

Schwerpunkte für mich persönlich

Die meisten meinen ich wäre eher sprunghaft und hätte sehr unterschiedliche Vorlieben. Für mich sind sich die Berufe in manchen Teilen gar nicht so unähnlich, denn jeder meiner Berufe hat Bereiche, die mir wichtig sind.

Ich mag:

• arbeiten im Freien
• kreative Tätigkeiten
• “Handarbeit”
• Aufgaben bei denen ich selbst und allein arbeiten kann
• Kontakt mit Menschen, um Probleme gemeinsam zu lösen
• im Kontakt mit Menschen herausfinden, was die jeweilige Person möchte

Ich habe Schwierigkeiten mit:

• hierarchischen Strukturen
• starren Regeln
• zähen Entscheidungen
• ständigem Kontakt mit Menschen
• fehlenden Möglichkeiten selbst zu entscheiden
• fixen Arbeitszeiten

Konsequenzen aus meinen Schwerpunkten

Für mich waren einige der Punkte schon immer klar und manche finden sich in allen Berufen, die ich bislang erlernt habe. Klar, habe ich auch schon einiges gemacht, was nicht gerade zu meinen Lieblingsbeschäftigungen gehört, aber bei das waren kurzzeitige Jobs. Egal welche Tätigkeit, manchmal sind Kompromisse unvermeidbar und auch durchaus möglich, aber zuviele Punkte dürfen es nicht werden, die nicht passen.

Ich mag weder Großunternehmen, noch hierarchische Strukturen, bei denen jemand immer recht bekommt, nur weil er oder sie die passende Position hat. Mir ist es wichtig manches  selbst entscheiden zu können.Wenn etwas entschieden ist, dann möchte ich es auch umgehend umsetzen, ich bin nicht grad übertrieben geduldig.   Kontakt mit Menschen brauche ich ab und zu, insbesondere um Entscheidungen zu treffen fällt es mir leichter, wenn es davor möglich ist verschiedene Wege zu beleuchten.

Wenn es draußen zu nass, zu kalt, zu stürmisch ist, dann ist es schon praktisch auch in Räumen arbeiten zu können. Jedoch waren Innenräume für mich schon immer eine Notlösung. Jobs die von mir nichts anderes fordern als tagaus tagein dasselbe zu tun, sind für mich die Hölle, ich brauche zuweilen Tätigkeiten, bei denen ich kreativ sein kann. Nicht ständig – aber immer mal wieder – muss ich etwas mit den Händen tun, ich kann nicht ausschließlich am Rechner arbeiten.

Mal noch ein Beispiel:  egal ob ich als Gärtnerin eine Blumenschale bepflanzen soll oder als Webautorin eine Webseite erstellen, am Anfang steht das Gespräch mit Kunden, das Herausfinden, was ist deren Ziel, was genau möchten sie haben.

Was heißt ein Arbeitsplatz in der IT?

Es gibt – glaube ich – wenige Berufssparten, in denen es derart unterschiedliche Tätigkeiten gibt, wie in der IT. Für mich ist vieles davon unvorstellbar, manches mache ich sehr gern. Mich fasziniert das Web mit all seinen Veränderungen, seinem Wandel. Ich finde es klasse, dass heutzutage viel mehr Menschen veröffentlichen können, was sie publizieren wollen, weil es nicht mehr vom Geld oder dem eigenen Job abhängt, es tun zu können. Ich mag es Webseiten umzusetzen, die so aussehen und funktionieren, wie es sich jemand wünscht. Beratungen und Schulungen finde ich klasse, es macht mir Spaß auch komplexere Sachverhalte so zu vereinfachen, dass sie Fachfremden erklärbar sind.

Mein ganz individuell für mich passender Arbeitsplatz

Ich habe den Arbeitsplatz, den ich mag. Es gibt Hochs und Tiefs, Vor- und Nachteile, immer auch noch etwas zu verbessern, aber ganz grundsätzlich, habe ich mir meinen Arbeitsplatz gebaut.

Mein Alltag enthält Tage, an denen niemand um mich herum ist, an denen ich stundenlang vor mich hin basteln kann, ohne gestört zu werden. Es gibt Zeiten mit Kundengesprächen, wenn ich möchte kann ich mich mit anderen austauschen. Ich verbringe viel Zeit am Rechner, aber das Führen eines kleinen Unternehmens bedeutet sehr viele unterschiedliche Aufgaben.

Der Papierkrieg gehört nicht zu meinen Lieblingsaufgaben, aber ich mag, dass ich es kann. Das Schaufenster unserer Räume ist manchmal lästig, weil es immer die Visitenkarte nach außen bedeutet, aber häufig macht es Spaß neu zu dekorieren, umzugestalten, zu verändern.

Mitarbeiter im Unternehmen bedeuten manchmal auch unangenehme Entscheidungen, z.B. bei Kündigungen, aber meist heißt es, dass ich mir aussuche, was ich wann mit wem gemeinsam tun möchte, wieviel Besprechung oder Schulung sinnvoll ist.

Die Unabhängigkeit von festen Zeiten und fixen Räumen, schätze ich sehr. Wenn ich mal drei Stunden Mittagspause mache und tagsüber etwas erledige, so ist die Konsequenz nur, dass ich die Zeit nachholen muss, aber es ist meine Entscheidung wann ich das tue. Wenn ich lieber auf dem Balkon arbeite, so ist auch das meine Entscheidung. Mit meinem ichphone kann ich für Notfälle erreichbar sein, ohne  dass ich an meinem Schreibtisch sitzen muss.

Nachdem ich meinen Teil geschrieben hatte, las ich die weiteren und anderen Beiträge. Roland,  Roman und ports beschrieben ebenfalls ihren idealen Arbeitsplatz, einige antworteten in den Kommentaren. Erst beim Lesen fiel mir auf, dass ich vergessen hatte über Geld und Urlaub zu schreiben. Nun, ein gewisses Maß von beidem  gehört für mich dazu. Ich habe auch einmal beschlossen einen Job nicht anzunehmen, der mich interessierte, weil ich für vierzig Stunden wöchentlich weniger Geld bekommen hätte, als bei einem anderen für achtundzwanzig. Ehrenämter sind eine Sache, meine Arbeit möchte ich bezahlt bekommen. Jedoch wirklich entscheidend sind für mich die Inhalte, die Atmosphäre und  die Menschen.

“27.10.2008 Neues Wiki
Vor kurzem verlor das Gentoo-Wiki seine Datenbank, hier kannst Du mehr darüber erfahren. Die kurze Geschichte lautet ungefähr so:

Unsere Server waren bei Skiplink gehostet, Skiplink war wiederum bei TelX gehostet. TelX beschuldigte Skiplink seine Rechnungen nicht zu zahlen, schloss Skiplink aus dem Gebäude aus und drehte den Servern den Strom ab. Die Server sind dort immer noch, mit meinen Backups. Ich glaube nicht, dass wir die Daten in einer gewissen Zeit zurückbekommen, also habe ich von vorne angefangen. Sobald ich sie zurückbekomme, wird eine Kopie davon erstellt, damit man die Artikel zurück in dieses Wiki kopieren kann.

Weiterhin entschuldige ich mich als der Hauptadmin aller Wikis, dass diese Zusammenstellung von Umständen überhaupt eingetreten ist und ich verspreche, dass ich meine Backups ab jetzt nicht nur auf meinen Servern speichern werde.”

Das ist dumm gelaufen, und klar, wer rechnet damit, dass Backups ebenfalls nicht mehr erreichbar sind. So weit so gut, doch:

” 31.10.2008 Vollständiges Backup von de.gentoo-wiki.com

Zufälligerweise machte Calzifer eine Woche vor dem Datenbankverlust ein vollständiges Backup von de.gentoo-wiki.com, was uns allen natürlich sehr entgegenkommt. Danke!

Es ist hier abrufbar: http://root.stefreak.de/gentoo-wiki/ (Bitte kopiert nicht einfach Beiträge 1 zu 1 rüber! Wir haben entschieden, dass wir alle Artikel von Grund auf neu machen werden! Dieses Backup dient nur dazu, gesuchte Informationen zu finden oder Informationen in das neue Wiki zu übertragen)”

Hm, die Daten gehen am 27.10.08 verloren, am 31.10. kommt raus, dass es fürs deutsche Wiki doch ein Backup gibt, diese Info wird als News auf der Hauptseite des Wikis veröffentlicht, aber nirgends sonst. Bei allem Verständnis das erneute Reinkopieren direkt mit einer Überarbeitung zu verbinden, das ist Unsinn. Wenn es ein vollständiges Wiki noch gibt, dann hätte der Link dahin auf jeder Unterseite stehen müssen, denn wer das Wiki kennt, kommt doch meist über eine Suchmaschine direkt auf die Unterseite.

Für die spanische Version gab es wohl kein Backup, aber um den Wiederaufbau zu beschleunigen, findet sich auf jeder spanischen Unterseite folgender Hinweis:

“La Gentoo-Wiki ha perdido recientemente su base de datos; el sitio está siendo re-escrito. Para saber cómo ayudar, póngase en contacto con un administrador de la wiki de su lengua.
(La edición está momentaneamente restringida, si desea ayudar con artículos, por favor entre en el canal de IRC para volverse un powereditor)”

In etwa: Das Gentoo-Wiki verlor seine Dateanbank, inzwischen wird das Wiki wieder aufgebaut. Wer helfen möchte kann sich mit dem Administrator des Wikis in der eigenen Sprache in Verbindung setzen. Um ein Powereditor zu werden, der mithelfen darf, setz dich bitte nimm Kontakt via IRC auf.

Klasse Idee, die jedoch weder im deutschen noch im englischen Wiki genutzt wurde. Denn dieser Hinweis informiert einerseits und andererseits hilft er dabei, das Wiki neu aufzubauen.

Gentoo Wiki Monate später

Inzwischen gibt es den ein oder anderen Mirror und das ein oder andere Archiv, die die Artikel anzeigen. Immer wieder geriet ich jedoch bei der Suche auf Seiten, die mir nur meldeten:

“ERROR The requested URL could not be retrieved.”

Immer häufiger gewöhnte ich mir an, bei mehreren Möglichkeiten die Links mit dem Hinweis auf Gentoo-Wiki bei den Suchergebnissen zu vermeiden. Ich hatte selbst kein Backup und hätte mir auch nicht zugetraut selbst neue Einträge zu schreiben. Wäre es dagegen darum gegangen die Einträge des Backups wieder ins neue Wiki zu kopieren und z.B. jeweils einen Hinweis hinzuzufügen, dass noch Bearbeitung erforderlich ist, das hätte ich mir zugetraut.
Schade, dass sich da ein kleiner Kreis der Verantwortlichen durch fehlende Hinweise der Hilfe durch viele Nutzer beraubte.

Einführung Barcamp

Oliver… Barcamp

Vorstellungsrunde Barcamp

Einführung, Kennenlernen und Vorstellung beim Barcamp Dornbirn im Gebäude der Fachhochschule. Ja, es ist wirklich das Barcamp Dornbirn, auch wenn es das ein oder andere Fucamp-T-Shirt zu sehen gibt. Die T-Shirts für Dornbirn kamen erst mittags, dafür in reichlicher Auswahl, schwarz, grau, Herren- und Damenschnitt…

Für mich fing es so an, wie ich es bevorzuge, die eigene Session gleich am Anfang, dann muss ich nichts mehr planen für den Rest des Tages und kann jederzeit spontan entscheiden.

Erstmals habe ich erlebt, dass alle die eine Session hielten Schokolade bekamen, Roland hat jetzt gleich zwei Tafeln, da ich nur selten Schokolade esse.

Unsere Session lief gut weitere Überlegungen und Ansätze. Standards, Module, konfigurierbar usw. haben wir diskutiert. Klar, im Grunde hätten wir noch weiter reden können, aber es wird nicht so schnell eine echte Lösung geben.

Einigkeit herrschte, dass eindeutige Standards ein Vorzug wären, damit ließen sich auch Module leichter realisieren. Es wäre schon toll, wenn man sich z.B. statt einer Blogsoftware aussuchen könnte, den Editor, jene Navigation, diesen Adminbereich usw.

Statt ein vollständiges Softwarepaket, wie beispielsweise WordPress zu nehmen wäre es perfekt sich die einzelnen Module aussuchen zu können. Wären diese noch gut konfigurierbar könnten die meisten daraus genau die Software nutzen, die ihren Ansprüchen genügt. Mit ganzen Paketen bleibt nur, sich für das System zu entscheiden, was möglichst die meisten Vorteile bietet, die einem selbst wichtig sind, bzw. möglichst da Nachteile hat, wo es einen selbst nicht so stört.

Während der Security-Session war ich versucht ganz schnell alle Projekte abzuschalten, die PHP nutzen. Ich meine das spricht für die Qualität der Session und wie sehr deutlich wurde, welche Unsicherheit in nahezu jedem System steckt; siehe auch http://securityinside.org.

Da es bei der Podcastsession ruhiger war, gabs teils schon Inhalte, die erst in den kommenden Sendungen dran sind und noch einige andere Themen, die ursprünglich nicht geplant waren wurden am Rande diskutiert.

Christoph, der erstmals bei einem Barcamp war hielt eine Session zu Geschäftsprozessen, insbesondere zu iterativem Vorgehen als Ansatz um weitere später hinzu kommende Anforderungen sinnvoll und strukturiert mit ins Projekt einzubringen.

Um SEO-Sessions drücke ich mich ja meist, obwohl ich schon meine, dass es sinnvoll ist auch über dieses Thema einiges zu wissen. Einerseits und insbesondere für Kunden muss ich da einiges darüber wissen. Andererseits so ganz persönlich für mich, mag ich nicht so recht über optimieren, Linkbuilding usw. nachdenken.

Heute passte es gerade mal und ich nahm an der Session teil. Wer mehr darüber wissen will kann sich bei Oliver das Video der Session ansehen.

Wer so alles da war habe ich ja schon ausführlicher beschrieben. Den Sessionplan habe ich ganz frech aus dem Barcamp-Wiki kopiert:

Leider regnete es nur einmal an diesem Samstag. Es goss fast den ganzen Tag wie aus Kübeln, nur hin und wieder ging es in ein Nieseln über, das ist jedoch auch das einzig wirklich Unangenehme, was ich berichten kann.