- Benjy Stanton hat Links zum Thema Animation gesammelt.
- Dieser Cheatsheet zeigt, welche IE-Version ab Nummer 7 welche CSS-Techniken neu eingeführt hat. Gute Hilfe für all diejenigen, die sich die Details nicht merken können (oder wollen).
- Es gibt einen 31-teiligen Crashkurs in UX-Grundlagen.
- Danach kann man dann entscheiden, ob man die interessanten Effekte für Listendarstellungen einsetzen möchte.
Linkfutter 83
- Es gibt eine Seite, auf der man die Templatesprache handlebars austesten kann.
- Ich mag Markdown sehr, doch leider ist es nur praktisch für einfache Texte und Listen. Für Tabellen mit Markdown gibt es jetzt einen Generator.
- “A simple guide to responsive webdesign” gibt wirklich nur die absoluten Basics wieder. Aber immerhin schön gestaltet und auf den Punkt gebracht. Man sollte nur nicht glauben, dass damit alles gesagt sei. Damit fängt der Spaß erst an. Nachdem dieser Artikel den Frischling eingenordet hat, kommt mit “This Is Responsive die richtige Linksammlung, um die Komplexität des Themas zu verdeutlichen.
Icon für Navigation auf kleinen Bildschirmen
Ich hatte schon früher darauf hingewiesen, dass das “Hamburger Icon” für Navigationen auf mobilen Endgeräten nicht von jedem verstanden wird. Wenn man es trotzdem nutzt, ist eine Übersicht über die Darstellungsqualität des Icons in unterschiedlichen Schriftgrößen und anhand dreier Iconfonts sehr nützlich. Die Schriftgrößen werden in Pixel und in em ausgezeichnet.
Linkfutter 82 – Git und Github
- Bei Ralf Ebert habe ich eine deutschsprachige Anleitung zu Git gefunden.
- “GitHub for Designers” gibt es als Präsentation und als Artikel.
- Sehr interessant sind auch die von GitHub zur Vefügung gestellten GitHub Guides.
- Den Youtube-Kanal von GitHub für Einführungen kannte ich noch nicht.
Neue Schulung: HTML5 MasterClass
Frontendentwicklung ist kein leichter Job. Die technischen Rahmenbedingungen ändern sich ständig. Oft bleibt nicht genügend Zeit, um neben dem Job auf dem neuesten Stand zu bleiben. Und am Arbeitsplatz selber wird einem oft die Möglichkeit nicht eröffnet.
Deshalb sind Schulungen für viele Unternehmen und Entwickler wichtig, um technisch nicht abgehängt zu werden. Weiterlesen
Linkfutter 81 – Retina
Schon aus dem Mai 2012 stammt eine Seite, die die Bilddarstellung auf hochauflösenden Dispays (vulgo: Retina) erklärt und einen einfachen “Dichtekonverter” zur Verfügung stellt. Dort gibt man die “normalen” Pixeldimensionen ein und erhält die Dimensionen für die unterschiedlichen hochauflösenden Displays.
Und was macht man, wenn man kein Retina-Display hat und die Bilder trotzdem testen will? Claudio Schwarz gibt einen schönen Trick mit Firefox wieder.
Linkfutter 80 – Sass
- Buttons ist eine facettenreiche, toll gemachte Sass/Compass-Bibliothek zur leichteren Erstellung und Gestaltung von Buttons oder von Elementen, die so aussehen.
- Hugo Darby-Brown entwickelt eine Sass-Funktionsbibliothek für Farbharmonien und demonstriert sie auf Codepen.
- Eben jener Hugo Darby-Brown hat einen interessanten Ansatz beschrieben, wie er die in Sass hinterlegten Mediaqueries auch nach aussen für JavaScript zugänglich macht. Gute Idee.
Linkfutter 79 – Design
Anna Debenham schreibt über die neue Pattern Library von A List Apart. Ein interessanter Artikel und ein noch viel interessanteres Projekt. Es wurde auch für den Styleguide von Code for America genutzt. Den sollte sich jeder mal anschauen. Toller Code und schöne Gestaltung. Weiterlesen
Linkfutter 78 – NSA
- “Originaldokumente aus der NSA-Gruselwerkstatt“, bereitgestellt von Daniel Schwerd, Abgeordneter der PIRATEN in NRW.
- Constanze Kurz und Frank Rieger schreiben sehr interessant in der Frankfurter Allgemeinen Sonntagszeitung darüber, dass der Cyberkrieg schon längst begonnen hat.
- Die Artikel von Constanze Kurz in der Rubrik “Aus dem Maschinenraum” in der FAZ sind immer lesenswert. Besonders ans Herz möchte ich den Artikel “Die neue Dimension des Duckmäusertums” legen.
- Schon etwas älter, trotzdem lesenswert ist der Kommentar von Patrick Spät: “Die Freiheit nehm ich mir“.
- Ein Artikel, der immer wieder zitiert werden sollte, ist von Thomas Stadler: “Vom Nutzen der Geheimdienste für unsere Sicherheit“.
Linkfutter 77 – responsive Webdesign
Andreas Klein hat ein JavaScript erstellt, das die Funktionalität des Karussels in Bootstrap auf Touch-Interfaces erweitert.
Im Smashing Magazine wird eine Technik für responsive images vorgestellt. Die dort vorgestellte Lösung erinnert doch sehr stark an Adaptive Images.
Mit rwd.images.js gibt es eine weitere JavaScript-basierte Lösung für responsive Bilder. Das Skript scheint keine rein JS-basierte Umsetzung der beiden diskutierten HTML-Ansätze zu sein. Es sind nette Detailideen dabei. Trotzdem erscheint mir die Schreibweise nicht intuitiv. Immerhin ist das Skript schmal.