Sprung zum Inhalt [/]

Webdesign nach Maß von webdesign weisshart

Suche und Navigation zeigen / verbergen

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Abgebrannt

Donnerstag, 27. August 2015

Nein, ich bin nicht abgebrannt. Weder im wörtlichen, noch im übertragenen Sinn.
Aber was nicht ist, kann ja noch werden.
Spaß beiseite: Was passiert eigentlich, wenn wirklich mal das Haus abbrennt.
Natürlich geht es in so einem Fall erst einmal um eine Unterkunft, um das sprichwörtliche Dach über dem Kopf. Aber ganz schnell taucht die Frage auf:

Habe ich alle Informationen verfügbar, die ich zum “Weiterleben” brauche?

Komme ich beispielsweise an Geld? Habe ich alle Daten zum Zugriff auf mein(e) Bankkonto/en im Kopf? Nein? Die sind doch auf dem Rechner gespeichert. Aber der ist natürlich auch verbrannt. Und das Smartphone, das Tablet und die Backup-Festplatte natürlich auch.

Eine ähnliche Situation kann nicht nur im Brandfall eintreten, sondern auch im Falle einer — natürlich unberechtigten, auf einer Verwechslung basierenden, aber das macht keinen Unterschied — Hausdurchsuchung mit Beschlagnahme aller Rechner und Datenspeicher. Oder nach einem Einbruch, oder, oder …

Klar, man kann die Gedanken an solcherart Unglücke verdrängen. Ob’s im Ernstfall hilft?

Ich hab’ jedenfalls einmal in Gedanken durchgespielt, welche Daten ich im Fall der Fälle brauche, und vor allem, ob und wie ich diese Daten rekonstruieren könnte.

Ergebnis dieses Gedankenexperiments:

Da ich keine Zweitwohnung (mehr) habe, wo ich ein Sicherungsmedium hinterlegen könnte (im Falle der Hausdurchsuchung wäre das natürlich auch nichts wert), führt kein Weg an einer Sicherung in der Cloud vorbei. Trotz aller Bedenken bezüglich Datenschutz. Dass die Daten vor der Übertragung auf den Cloud-Speicher verschlüsselt werden, ist selbstverständlich. Und dass das Passwort für den Zugriff auf den Cloud-Speicher nicht gerade 123456 oder so ähnlich lautet, sollte auch selbstverständlich sein.
Einwurf: Wie sicher ist mein Passwort? Hier Passwortstärke testen.

Die Auswahl eines geeigneten und vertrauenswürdigen Cloud-Speicher-Dienstes überlasse ich dem geneigten Leser. Im Idealfall ist der Dienst nicht nur sicher und vertrauenswürdig, sondern auch noch komfortabel in der Benutzung. Als Komfort bezeichne vor allem ich ein automatisches Synchronisieren im Hintergrund. Damit man das Synchronisieren nicht vergisst, und im Ernstfall dann nur veraltete Backups hat.

Was habe ich in der Cloud hinterlegt?

  • Alle meine Zugangsdaten und Passwörter. Nein, das ist kein Joke! Ich vertraue darauf, dass mein Passwort-Manager sicher ist. Ich verwende 1Password.
  • Unterlagen für die Steuer.
  • Weitere wichtige, vertrauliche Dokumente

Fotos und Videos:

Braucht man zwar nicht zum “Weiterleben". Aber Verzichten möchte man wohl auch im schlimmsten Fall nicht darauf. Hier bietet sich für einen Mac-User als bequemste Lösung iCloud an.


Rama dama

Montag, 24. August 2015

Eine Überschrift, die wohl nur versteht, wer des Bairischen mächtig ist. Auch eine Google-Suche hilft nur dem Eingeweihten (Eingeborenen): Bei Wikipedia findet sich:

Den Ausspruch „rama dama“ prägte der damalige Münchener Oberbürgermeister Thomas Wimmer („Wimmer Damerl“). Diese Aufforderung in bairischer Mundart bedeutet auf Hochdeutsch wörtlich „aufräumen tun wir“ bzw. sinngemäß „lasst uns aufräumen!“.

Ich hab’ diese Aufforderung mal auf mein MacBook bezogen, und unter anderem gelöscht:

  • Flash. Details dazu in meinem Blog.
  • Windows und Parallels Desktop. Die 2 GB Arbeitsspeicher, die für die Virtuelle Maschine reserviert waren, stehen jetzt wieder OS X zur Verfügung.
  • Alle Microsoft Programme. Auch Office für Mac, das zwar akzeptabel funktionierte, aber Numbers und Pages fühlt sich auf dem Mac einfach besser an.

Nichts von alldem hat mir seitdem gefehlt.
Bei größeren Aufräumaktionen, wie der Deinstallation von Windows und Parallels, bleibt anscheinend einiges an Datenmüll übrig, der den Rechner ausbremst. CleanMyMac ist mein “Rama dama-Tool” für solche Fälle. Aber Achtung! Wer nicht weiß, was er tut, kann mit so einem Tool im schlimmsten Fall sein Gerät schrotten.

Der Lohn der Mühe: Ein Rechner, der sich wie neu anfühlt.

Ich denke, ich sollte mich dann demnächst auch über mein iPhone her machen, und bei den Apps aufräumen. Von derzeit (wieder) weit über 200 Apps nutze ich max. 10 bis 20 regelmäßig.


Social Media: Berücksichtigung der Datenschutzbestimmungen

Mittwoch, 19. August 2015

Social-Media für Unternehmen

Branchenübergreifend gehört es inzwischen für viele Unternehmen zum Standard, auf einem oder mehreren Social-Media-Kanälen wie beispielsweise Facebook, Xing, LinkedIn, Twitter oder sogar dem eigenen Blog präsent zu sein. Als soziale Medien gelten dabei solche Angebote, bei denen der Nutzer nicht nur passiver Konsument ist, sondern einen direkten Kontakt zum Unternehmen hat.

Ein gepflegter Social-Media-Auftritt kann dabei zur Präsentation allgemeiner Informationen über das Unternehmen und seine Produkte bis hin zur Abwicklung eines Teils des Kundenservices genutzt werden. So vielseitig die denkbaren Einsatzmöglichkeiten für soziale Medien sind, so weitreichend sind auch die rechtlichen Fragestellungen in Bezug auf diese Arten der Kommunikation.

Social-Media-Guidelines

Dies beginnt schon mit der arbeitsrechtlich zu beurteilenden Frage, ob und wer Social-Media-Angebote beruflich und/oder privat während der Arbeitszeit überhaupt nutzen darf.

Ist eine Nutzung generell erlaubt, muss sich der Arbeitgeber die Frage stellen, ob es nicht sinnvoll ist, einen Verhaltenskodex zu entwickeln, der verhindert, dass durch Äußerungen eines Mitarbeiters rechtliche Probleme für den Arbeitgeber entstehen, oder dessen Image beschädigt wird.

Außerdem sollte eine klare Trennung von privaten und betrieblichen Aktivitäten bei Social-Media-Diensten geschehen. Dadurch wird auf der einen Seite sichergestellt, dass es transparent ist, ob es sich um eine offizielle Äußerung oder um eine Privatmeinung handelt. Auf der anderen Seite besteht bei getrennten Accounts auch bei Auflösung des Beschäftigungsverhältnisses kein Problem, wem das im Rahmen der betrieblichen Tätigkeit aufgebaute Kontaktnetzwerk gehört.

Datenschutz in sozialen Medien

Häufig wird beim Aufbau Social Media Kanälen nicht beachtet, dass auch hier vielfältige Datenschutzvorgaben zu beachten sind. Sollen beispielsweise geeignete Bewerber mit Hilfe von sozialen Medien gewonnen werden, oder soll das Team anhand dieser Kanäle präsentiert werden, sind umfangreiche Vorgaben bezüglich des Datenschutzes zu berücksichtigen.

Cyberkriminalität ist eine profitable Wachstumsbranche. Die Angriffe erstrecken sich dabei auf alle Wirtschaftszweige. Oft werden gerade bei großen Unternehmen die Social Media Accounts gehackt, um Schaden anzurichten. Um diese Sicherheitslücken zu schließen, sind regelmäßige Sicherheitsanalysen von Experten wie Bluefrost Security für einen zuverlässigen Schutz unerlässlich.

Umgang mit Äußerungen im Rahmen der sozialen Medien

Auch wenn der innerbetriebliche Umgang mit sozialen Medien reibungslos läuft, kann es sein, dass auch rein private Äußerungen von Mitarbeitern ein ungewollt negatives Bild seines Arbeitgebers zeichnen. Dies ist zum Beispiel dann der Fall, wenn die Mitarbeiter sich auf seinem privaten in einem sozialen Netzwerk abwertend über ein Artikel äußert, welches von seinem Arbeitgeber hergestellt wird.

Über die rechtlichen Dimensionen hinaus ist vor allem der Umgang eines Unternehmens mit negativen Kommentaren von großer Berücksichtigung für das Image. Eine unachtsame Handhabung von negativen Nutzerkommentaren kann sich innerhalb kürzester Zeit zu einem PR-Desaster auswachsen, wenn sich die Netzgemeinde missverstanden oder gar zensiert fühlt.


Facebook ohne Flash - die Letzte

Mittwoch, 12. August 2015

Im Februar des Jahres musste ich noch einen Artikel schreiben, wie man auch ohne oder mit deaktiviertem Flash Videos auf Facebook anschauen kann. Der Artikel schaffte es bei Google sogar auf Platz 1
Seit heute kann ich den Artikel wohl zu den Akten legen. Facebook hat anscheinend auf HTML5 umgestellt. Zumindest bei den meisten Videos. [Screencast ohne Ton]

Die Liste wird erfreulicherweise ständig länger:

  • Youtube
  • Facebook
  • Twitter
  • diverse Mediatheken (ARD, ZDF …)
  • FAZ

Auch Slideshare läuft — vormutlich schon längere Zeit — ohne Flash. Ich konnte ohnehin nie verstehen, wieso man für Präsentationen Flash braucht.

Ein Sonderfall: Der TV-Streamingdienst Magine TV setzt auf Microsofts Silverlight. OMG, das ist ja noch schlimmer als Flash. Allerdings: Im Chrome-Browser, und nur dort, gibt es HTML5. Irgendwelche Lizenzeinschränkungen.


Schnell, schneller, am schnellsten

Dienstag, 4. August 2015

Responsive Webdesign bedeutet nicht automatisch mobile-friendly.
Quelle: Internet

Na, ist doch meine Rede! Mobile-friendly heißt erstens schlank, zweitens schlank, und drittens schlank.

Wasser predigen … aber auch Wasser trinken!

Nach zahlreichen Ratschlägen, Artikeln und Blogposts über die Notwendigkeit, Webseiten schlank zu halten — zumindest für mobile Geräte — musste ich mich doch auch über meine eigene Site hermachen. Alle Empfehlungen zum Verschlanken angewandt, aber Google PageSpeed Insight war nicht wirklich zufrieden. Die mobile Version von webdesign.weisshart.de konnte Google nur ein müdes “70/100″ für die Geschwindigkeit entlocken.

Gut, nach einigen Stunden Recherche und Tests sieht das jetzt schon besser aus:

Screenshot PageSpeed Insights
webdesign.weisshart.de nach der Optimierung: 98 von 100 für Geschwindigkeit, 100 von 100 für Nutzererfahrung

PageSpeed Insights von webdesign weisshart

tl;dr: nur Speed-Freaks lesen hier weiter: weiterlesen…


Parallels Desktop 9 für Mac ist NICHT mit OS X El Capitan kompatibel.

Donnerstag, 30. Juli 2015

Logo Parallels
… und weil ich keine mehr Lust habe, alle 1 oder 2 Jahre 50 Euro für eine VM auszugeben, werde ich wohl Parallels demnächst *) von meinem Macbook löschen.

Glücklicherweise scheint das nicht schwer zu sein:
Schritt 1Schritt 2

Über die Jahre konnte ich folgende Windows-only Anwendungen, die ich beim Umstieg auf Mac für unverzichtbar hielt, durch Mac-kompatible Apps ersetzen:

  • Mein Steuerprogramm SteuerSparErklärung von Akademische Arbeitsgemeinschaft
  • Microsoft Office — die Office 365 (Version 2016) benimmt sich auf dem Mac recht ordentlich.
  • Edit4Win Text-Editor — dort gibt es einige exotische Features, die ich lange für alternativlos hielt, die ich aber mit TextMate emulieren kann.
  • IrfanView — klar, alles, was IrfanView kann, können auch Gimp & Co. Man muss halt ein wenig suchen und üben.

Bleibt noch “mein” Screen Reader NVDA. Ich glaube nicht, dass der NVDA einmal auf OS X portiert wird. Nun gut, muss ich mich halt doch einmal mit VoiceOver auf dem Mac beschäftigen. Es ist ja nur zum Testen. Oder, noch einfacher, NVDA portabel auf einem USB-Stick an einem Windows-Rechner verwenden.

Ich bin mir sicher, dass es meinem Macbook nicht schadet, wenn es ohne Parallels betrieben wird.

*) spätestens vor dem Update auf El Capitan im September? Bis dahin kann ich ja noch gründlich testen, wie sich komplett “fensterlos” fühlt.

Nachtrag 09.08.2015

Auch Microsoft Office 365 gekündigt, und alles, was mit Microsoft beginnt, deinstalliert. Numbers, die Tabellenkalkulation von Apple, fühlt sich unter OS X einfach besser an. Vor allem schneller. Ist ja auch verständlich. Eine Sache musste ich allerdings ändern: Dateiübergreifendes “Verlinken” kann Numbers nicht. Ich musste die entsprechenden Dateien zu einer einzigen zusammenfassen. Das ging ganz flott, und Numbers hat keinerlei Probleme mit der Handhabung der entstehenden großen (bis 2,5 MB) Dateien.


Responsive Web Design - Anzeige ist nicht alles

Samstag, 25. Juli 2015

Es ist kein Hexenwerk, eine Website mittels CSS und media queries auch auf kleinen Monitoren wie z. B. Smartphones ordentlich anzuzeigen. Jedes halbwegs brauchbare CMS hat dies heute schon “eingebaut".
Aber “ordentlich anzeigen” ist nur die halbe Miete.
Gestern hatte ich ein Gespräch mit einem Neu-iPhone-User. Er war hocherfreut über die Geschwindigkeit des LTE-Netzes, und wie schnell er jetzt auch unterwegs praktisch jede Website aufrufen kann. Allerdings: nach wenigen Tagen war sein inklusives Datenvolumen aufgebraucht.
Die Erklärung ist recht einfach: Kaum ein Anbieter macht sich die Mühe, seinen responsiven Webauftritt auch hinsichtlich des (mobil) zu übertragenden Datenvolumens zu optimieren. Da werden Bilder mit mehreren hundert kB übertragen, und auf dem Smartphone dann nur 320 px breit, oder möglicherweise gar nicht angezeigt.

Auf letzteren Fall möchte ich hier detailliert eingehen, und zwar an einem Beispiel auf meiner eigenen Site:
Die Artikelübersicht beinhaltet 34 Vorschaubilder. Jedes für sich zwar klein, und hinsichtlich der Dateigröße bereits optimiert (von wenigen kB bis max. 56 kB). Keines dieser Bilder wird beim erstmaligen Aufruf auf dem Smartphone ohne Scrollen ("above the fold") angezeigt. Die komplette Seite “wiegt” aber ca. 650 kB, und diese 650 kB werden bereits beim Aufruf der Seite übertragen, auch wenn der Betrachter gar nicht scrollt, also die vielen Bilder gar nicht sieht.
Nein, sie “werden” nicht! Sie “würden” nur übertragen, wenn ich nicht Unveil einsetzen würde.
Mit wenigen Zeilen Code schrumpft dieses geniale Tool die Seite beim ersten Aufruf auf 71 kB. Und Bilder werden erst bei Bedarf, d. h. beim Scrollen, nachgeladen. Das geschieht, ohne dass der Besucher etwas davon bemerkt.
Vielleicht straft Google irgendwann auch den unnützen Bandbreitenverbrauch ab. Dann würde der eine oder andere Webworker (SEO-Spezialist) ganz schnell zu der beschriebenen und ähnlichen Techniken greifen.

Nachtrag 27.07.2015

Wegen einer Besonderheit in iOS — Unveil triggert erst, d.h. Bilder “above the fold” werden erst angezeigt, wenn der User den Monitor des Geräts berührt — mache ich Bilder “above the fold” statisch. Auch auf Kosten von ein paar kB.


Der Nu Html Checker

Montag, 20. Juli 2015

Ob’s schon jemand bemerkt hat?
Sicher doch: Alle meine Kollegen checken doch regelmäßig ihre Arbeit auf Standardkonformität mit dem W3C Markup Validator. Der W3C Validator ist allerdings ein wenig in die Jahre gekommen. Das letzte Update ist vom März 2012. Das passt irgendwie nicht zur rasanten Weiterentwicklung von Webtechniken. Erwähnt sei hier nur die (Quasi-)Verabschiedung von HTML5. Der W3C Validator hat daher schon lange empfohlen, zur Validierung von HTML5-Seiten den Nu Validator zu verwenden. Weil der Nu Validator aktiv weiterentwickelt und ständig an neue Standards angepasst wird.
Seit kurzem nun wird beim Aufruf des W3C Markup Validators automatisch auf den Nu Html Checker umgeleitet, wenn ein HTML5 Dokument gecheckt werden soll.


Homepage erstellen - wie anno 1995

Sonntag, 19. Juli 2015

Heute kam per E-Mail eine Anfrage um Verlinkung herein. Der Anfrager hat mein Tutorial “Deine erste Homepage” entdeckt. Das ist an sich kaum erwähnenswert. (In 99% der Fälle entsorge ich solche Anfragen von “SEO-Spezialisten” mit einem Klick.)

Wie auch immer: das Thema des angepriesenen E-Books: “Homepage erstellen", hat mich dazu bewogen, einen schnellen Blick drauf zu werfen, und das PDF kurz auf Barrierefreiheit abzuklopfen.

Meine Werkzeuge zum Schnelltest von PDFs:

Und tatsächlich: Das PDF ist strukturiert, und mit Screen Reader gut lesbar.

Doch jetzt zum Thema “lesbar":

Sowohl das PDF, als auch die Site selbst sind offenbar mit irgendeinem Tool erstellt, das wohl automatisch auf bestimmte Keywords optimierte Texte erzeugt. Lesbar ist das Ergebnis nicht wirklich. Und sinnvoll noch weniger.

Leseprobe (zur Erinnerung: Thema “Homepage erstellen"):

Ein Bild mit einer Höhe von 250 und einer Breite von 100 Pixeln wird also mit dem Tag eingefügt.

oder:

Ein Link ist ein HTML-Element, das sich aus einem -Tag sowie einem Inhalt zusammensetzt. Ein einfacher Link sieht also so aus: Inhalt.

Absolut unverständlich! Das automatisch erstellte Produkt hat anscheinend vor mir noch nie jemand gelesen. (Hinweis: Es handelt sich nicht um ein Darstellungsproblem, sondern dieser Unsinn steht so im Quellcode.)

Aber es geht noch schlimmer:

Tabellen wurden in HTML ursprünglich eingeführt, um den Inhalt der Seite, also den Text sowie die Bilder und Grafiken, übersichtlich darstellen zu können. Mittlerweile haben sich HTML-Tabellen jedoch zu einem grundlegenden Element des eigentlichen Designs der Internetseite entwickelt und werden nicht nur zur Strukturierung des Inhalts, sondern auch zu Erstellen des Seitenlayouts eingesetzt. Wer sich also das Ziel gesetzt hat, die eigene Homepage von Hand mit HTML zu erstellen, sollte sich genau mit HTML-Tabellen, ihrer Funktion sowie den dazugehörigen Attributen auseinandersetzen.

Die 1990er Jahre lassen grüßen! Ich kann nur hoffen, dass dieser Unfug nicht in falsche Hände gerät.
Ach ja, ich sollte doch einen Link setzen: www. homepage-erstellen.de


Nochmal: Kein Flash

Zufällig habe ich in den Tiefen meiner Site noch ein kleines Flash-Filmchen entdeckt, das meiner Aktion “Kein Flash” bis heute entkommen ist:
Das 14-Sekunden-Filmchen zeigt den animierten Link zur Startseite im Logo meiner Seiten.

Natürlich habe ich den Lapsus korrigiert, und den Flash-Film durch HTML5 video ersetzt.
Ganze 3 Zeilen Code sind dafür nötig, wie hier beschrieben.

Webworker können sich ja mal das Code-Ungeheuer anschauen, das nötig war, um den Flash-Film barrierefrei einzubinden:
weiterlesen…


Ältere Beiträge:

Kategorien:

Creative Commons Lizenzvertrag
Alle Artikel des Blogs Creative Commons CC BY-NC-SA 3.0 DE