Blog

  • Infografik der Woche

    veröffentlicht von Martin Kohlhaas am 20.11.2015 in Informationsgrafiken, Recherche

    Diese Woche ganz große Weltgeschichte

    14 billion years of history, Bild: http://histography.io/
    14 billion years of history, Bild: http://histography.io/

    Es handelt sich um eine interaktive Grafik einer Projektgruppe der Bezalel Academy of Arts and Design in Jerusalem. Aus Wikipedia-Events wurde ein Zeitstrahl über 14 Milliarden Jahre Erdgeschichte gebaut. Als Nutzer kann man den Zaitraum wählen (die Überschrift links oben ändert sich jeweils dynamisch), und den Ereignistyp filtern (Musik, Krieg, Katastrophen). Die Ereignisse - dargestellt durch schwarze Punkte - rütteln sicht dann jeweils neu zusammen. Jeder Punkt kann angeklickt und damit eine kleine Karte zu dem Ereignis aufgerufen werden. Aus dieser Karte ist der zugehörige Eintrag auf Wikipedia verlinkt.

    Website (für Chrome oder Safari): http://histography.io/
    gefunden über openculture.com

  • Webmontag #32

    veröffentlicht von Martin Kohlhaas am 17.11.2015 in Webmontag

    Webmontag #32: Titelgrafik
    Webmontag #32: Titelgrafik

    Birgit und ich gaben einen Rückblick auf die Vorträge der beyond tellerrand mit vielen Ausschnitten aus den Videos. Für meine Zusammenfassung gibt es einen extra Artikel. Anschließend sind wir noch beim Thema Schule und Comupter hängen geblieben.

    Den nächsten Webmontag gibt es am 14.12.2015 - dann hoffentlich wieder mit mehr Beteiligung (Für die Statistik: wir waren gestern zu fünft).

  • Das war „beyond tellerrand“ 2015

    veröffentlicht von Martin Kohlhaas am 13.11.2015 in Feldforschung · 3 Kommentare

    Zur Konferenz selbst muss hier im Blog nichts mehr gesagt werden, der Bericht vom letzten Jahr deckt diese Themen bereits ausführlich ab.

    In der Gesamtrückschau kam mir persönlich die Technik in diesem Jahr etwas zu kurz und auf der anderen Seite gab es in meinen Augen auch keine wirklich visionären Vorträge. Die Vorträge selbst waren aber allesamt gut.

    Nachfolgend ein paar Gedanken zu den einzelnen Talks:

    Design + Performance
    Steve Sonders & Mark Zeman

    Eine schöne Eröffnung und eigentlich auch wieder fast doof, weil ich nach diesem Vortrag schnell ins Büro gehen und ganz viele Sachen hätte ausprobieren wollen. „Fast is good“ war ein Statement der beiden. Design und Performance sollten sich nicht ausschließen. Erreichen kann man dieses Ziel in kleinen gemischten Teams, in denen Design und Technik parallel entwickelt werden. Es ging viel um das Testen von Website-Geschwindigkeiten und was bestimmte Werte aussagen oder helfen. Diagnose- und Monitoringseitig ein guter Einstieg in das Thema ohne aber tiefer ins Detail hinsichtlich der Perfomanceoptimierung zu gehen.
    (Im Nachhinein zu Hause stellt man dann fest, das das vor allem Promotion für das speedcurve-Angebot war.)

    Style guide best practices
    Brad Frost

    Atomic Design dürfte allen Lesern hier ja schon länger ein Begriff sein. Die Argumente für die Etablierung eines Design Systems in die Entwicklungsprozesse muss ich hier also nicht nochmal erwähnen. Der Vortrag bot jetzt für mich keine echten Neuigkeiten aber ein paar schöne Linktipps:

    Telling good from bad
    Martina Flor

    Der Vortrag war auf jeden Fall etwas fürs Auge. Nur wenn ich professionalisiert bin – und zum Beispiel Lettering von Kalligrafie unterscheiden kann – bin ich in der Lage, Qualität zu erkennen und zu benennen. Etwas, was wir als Designer/Entwickler nie vergessen sollten: Es kommt nicht nur darauf an, selbst diese Unterscheidungen treffen zu können, sondern vor allem auch die Auftraggeber zu professionalisieren, damit diese in der Lage sind, unsere Leistungen zu beurteilen.

    How to win at mobile accessibility
    Marcy Sutton

    Barrierefreiheit scheint in den letzten Jahren in der öffentlichen Wahrnehmung etwas zurückgedrängt worden sein (auch weil es den BIENE-Award nicht mehr gibt?). Dieser Vortrag hat das Thema mal wieder aufgegriffen - das ist gut. Wichtige Erinnerung: Wir müssen HTML richtig (semantisch) benutzen!
    Auch hier wieder ein paar Links:

    Building the physical web together
    Scott Jenson

    Plug and play
    Brendan Dawes

    Ein Plädoyer für spielerischen Umgang mit Technik egal ob Hardware oder Software. Man sollte immer ein paar Kramkisten voll mit Codeschnipseln oder Hardwareteilchen um sich haben, wer weiß was mal für ein Projekt daraus werden kann. Sehr unterhaltsam vorgetragen.

    ! Or ?
    Chip Kidd

    Das war dann wohl der Star-Vortrag des ersten Abends. Eine Personality-Shop am Beispiel von Buch-Cover-Projekten. Auch wieder schön anzuschauen aber mit eher geringem Informations-Wert. Etwas, was ich mir gerne mal auf TED anschaue, aber nichts, wofür ich unbedingt auf eine Konferenz muss.

    Building great design teams
    Aaron Walter

    Der „General Manager of New Products“ bei MailChimp berichtete über Personalfragen und viele Sachen, die rundherum strategisch für eine erfolgreiche Produktentwicklung entscheidend sein können. Permanente Arbeit am Produkt in direkter Beziehung zum Kunden war einer seiner Kernpunkte.

    The hidden plot device
    Steph Troeth

    Dieser Vortrag ist irgendwie an mir vorbeigegangen. Wahrscheinlich hat mich die Geschichte nicht richtig mitgenommen.

    In letters we trust
    Tobias Frere-Jones

    Nach Jonathan Hoefler im letzten war in diesem Jahr Tobias Frere-Jones für die Typografie zuständig. Sein Vortrag führte in die Welt der historischen Banknoten und die darin versteckten typografischen Sicherheits-Fallen.

    Punctus contra punctum
    Jay Fanelli & Nathan Peretic

    Diese beiden wollten mit Ihrem Vortrag zeigen, dass man keine Ratschläge für eine erfolgreiche Firmenentwicklung geben kann/sollte. Aber was sollte dann der Vortrag?

    Modern progressive enhancement
    Jake Archibald

    Zum Glück gab es dann kurz vor Ende nochmal etwas mehr Technik. Leider dann schon zu einer Zeit, wo die kleinen grauen Zellen etwas mehr Mühe haben zu folgen. Dieser Vortrag passte prima zum allerersten Vortrag der Konferenz, diesmal aber mit dem Fokus auf die konkreten technischen Möglichkeiten zur Optimierung der eigenen Web-Site|App.

    Links:

    Imagining the physical web
    Stephanie Rieger

    Hier gab es viele Dopplungen mit dem anderen Physical-Web-Vortrag. Eventuell war der Schluss besser als der Beginn, aber wegen unserer Rückreise haben wir diesen nicht mehr erlebt.

    Die zweite beyond tellerrand war OK, aber so richtig begeistert hat mich die Themenpalette dieses Mal nicht. Es gab viele Nebenbemerkungen in Richtung Smashing Conference oder Velocitiy Conference - vielleicht sollte man sich da für nächstes Jahr auch nochmal in andere Richtungen umschauen. Abwechslung tut ja gut.

  • Webmontag #31 - Smalltalk

    veröffentlicht von Martin Kohlhaas am 13.10.2015 in Webmontag

    Ferien- und familienbedingt waren wir gestern leider nur zu viert - dafür aber sogar mit einem neuen Gesicht. Thomas Schubert von 42why stellte seine Firma vor und dementsprechend drehten sich die Themen des Abends um die Themen Data Warehouse, Open Data und Informations-Visualisierung.

  • Infografik der Woche

    veröffentlicht von Martin Kohlhaas am 09.10.2015 in mobiles Web, Recherche

    Diese Woche mit mobiler Beschleunigung

    The Cost of Mobile Ads, Bild: Bildschirmfoto aus http://www.nytimes.com/interactive/2015/10/01/business/cost-of-mobile-ads.html?_r=3
    The Cost of Mobile Ads, Bild: Bildschirmfoto aus http://www.nytimes.com/interactive/2015/10/01/business/cost-of-mobile-ads.html?_r=3

    Grund für diesen Beitrag ist das Accelerated Mobile Pages (AMP) Project, über das in den letzten Tagen hier und da berichtet wurde. Natürlich auch auf heise.de. Die wiederum haben den Artikel The Cost of Mobile Ads on 50 News Websites der New York Times verlinkt, aus dem die heutige Grafik kommt.

    Für Freunde der analogen Infografik habe ich noch einen Link auf einen Wired-Artikel: What Infographics Looked Like Before Computers

    Was übrigens AMP angeht, so bin ich mir noch nicht sicher, was ich davon halten soll. Habt Ihr eine Meinung dazu? Schreibt mal einen Kommentar … oder wir diskutieren das zum nächsten Webmontag am 12. Oktober.

  • Lesetipps

    veröffentlicht von Martin Kohlhaas am 29.09.2015 in Link-Tipps, Recherche, Webdesign

    Bildschirmfoto Seite 179 aus den Beiträgen zur bildnerischen Formlehre  von Paul Klee, Bild: http://www.kleegestaltungslehre.zpk.org/ee/ZPK/BF/2012/01/01/182/
    Bildschirmfoto Seite 179 aus den Beiträgen zur bildnerischen Formlehre von Paul Klee, Bild: http://www.kleegestaltungslehre.zpk.org/ee/ZPK/BF/2012/01/01/182/

    Auf der Website des Zentrum Paul Klee Bern gibt die Manuskripte des Künstlers aus seiner Lehrtätigkeit zur „Bildnerischen Gestaltungslehre“ am Bauhaus in Weimar zwischen 1921 und 1931 in einer vorbildhaften digitalen Aufbereitung. Die einzelnen Heftseiten sind jeweils als Abbildung zu sehen, der eine Transkiption gegenübergestellt wurde, die den Aufbau der Seite nachahmt. Beim Überfahren der Heftseiten werden die entsprechend übertragenen Texte hervorgehoben. PDFs mit Kommentaren und Zusatzinformationen ergänzen das Originalmaterial.

    Ein Archiv anderer Art hat die U.S.-Regierung zusammengestellt. Zur Vereinheitlichung der digitalen Regierungsangebote wurde ein Styleguide erarbeitet. Wer CSS-Frameworks benutzt, wird hier auf bekannte Strukturen treffen. Offenbar wurde aber kräftig ausgemistet und nur das Nötigste definiert. Auf jeden Fall sehenswert. Einleitung zum Styleguide, U.S. Web design standards

    Wer generell auf Styleguides steht, war bisher mit den Corporate-Design Manuals/Styleguides im Designtagebuch sehr gut beraten. Via @bdg_designer kam heute der Link auf findguidelin.es, den ich noch nicht kannte - großes Zeitraub-Potential.

  • Infografik der Woche

    veröffentlicht von Martin Kohlhaas am 25.09.2015 in Recherche · 1 Kommentar

    Diese Woche: ein langsamer Abschied

    Infografik: Das Web verabschiedet sich von Flash | Statista
    Mehr Statistiken finden Sie bei Statista

    Artikel zur Grafik bei Statista.

    Interessant wäre umgekehrt auch die Frage, auf wie vielen Clients noch Flash installiert ist. Hier der Link zur Deinstallations-Hilfe bei Adobe (Mac-Version).

  • Infografik der Woche

    veröffentlicht von Martin Kohlhaas am 11.09.2015 in Farbe, Recherche

    Diese Woche: We're one, but we're not the same …

    Is There Any Difference Between Google’s & Microsoft’s Colors?, Bild: http://colorhunt.co/blog/google-microsoft-brand-colors/
    Is There Any Difference Between Google’s & Microsoft’s Colors?, Bild: http://colorhunt.co/blog/google-microsoft-brand-colors/

    In meiner Filterbubble erreichte mich das Bild über einen Tweet von Thomas Benkö. Ursprünglich stammt es aus dem Artikel „Is There Any Difference Between Google’s & Microsoft’s Colors?“ des Blogs Color Hunt.

  • Webmontag #30 - Datenschutz

    veröffentlicht von Martin Kohlhaas am 08.09.2015 in Webmontag · 4 Kommentare

    Der Abend war zu kurz …

    Webmontag #30 - Titelfolie von Jens-Uwe Wagner
    Webmontag #30 - Titelfolie von Jens-Uwe Wagner

    aber mit 8 Teilnehmern wieder einmal gut besucht.

    Den ersten Teil bestritt Jens-Uwe Wagner, seit 2014 Beauftragter für Datenschutz an der Bauhaus-Universität Weimar mit Diskussionsanregungen zu Datenschutzaspekten des Website-Trackings. Da es hier vor allem um die Anbieter/Dienstleister-Seite ging, gab es für die Web-Entwickler-Berufspraxis viel mitzunehmen. Dieses Thema bietet genügend Material für weitere lange Abende.

    Zwei Begriffe bzw. Link will ich aus dem Vortrag hier teilen:

    Jens Weber berichtete über Experimente und Überlegungen zur neuen mediaarchitecture.de Website. Wie immer brachte das viele neue Links:

    • Mithril (A Javascript Framework for Building Brilliant Applications)
    • Bolt (Easy for editors, and a developer's dream cms)
    • TWIG (The flexible, fast, and secure template engine for PHP)
    • Velocity.js (Accelerated JavaScript animation)
    • Basscss (Lightning-Fast Modular CSS with No Side Effects)

    Von Clement gab es dann noch den Linktipp zu „Pure CSS Parallax Websites“ von Keith Clark.

    Zum 31. Webmontag am 12. Oktober werden wir CADS AND DOCS mit der Präsentation Ihrer Geschäftsidee zu Gast haben. Dabei hoffe wir, etwas über die entwicklungstechnischen Hintergründe des Projektes zu erfahren. Das werden wir nochmal gesondert angkündigen.

  • Infografik der Woche

    veröffentlicht von Martin Kohlhaas am 06.09.2015 in Recherche

    Diese Woche: „Probleme“ der Kreativen

    Infografik: Kreativität heute, Bild: http://deutsch.istockphoto.com/article_view.php?ID=1587#.VeIJYWbuKnN
    Infografik: Kreativität heute, Bild: http://deutsch.istockphoto.com/article_view.php?ID=1587#.VeIJYWbuKnN

    Die ganze Grafik bei iStock, mit Dank an Doreen.