Kategorie: Linktipps

Vor einiger Zeit entschied ich mich dazu, meine Bookmarks nicht länger über einen externen dienst wie Delicious zu verwalten und damit unabhängig von der Verfügbarkeit und den AGB des Anbieters zu sein. Seitdem stelle ich interessante Links hier für mich und alle anderen online. Du kannst sogar einen RSS-Feed für Linktipps abonnieren

SVG ON THE WEB

Gute Dokumentation für den Umgang mit SVG im Web. Angefangen mit der Vorbereitung von SVGs durch Reduzierung notwendigen Ankerpunkte bis hin zur Animation von SVGs ist eigentlich alles dabei. Anschauen und Lesezeichen setzen.

Zur Website

30 Tage Newsletter Challenge

newsletter-challenge

Passend zu meinem letzten Beitrag Kein Business ohne Newsletter möchte ich euch die 30 Tage Newsletter Challenge von Sebastian Canaves empfehlen. Jeden Tag bekommst du von Sebastian eine Mail mit Video, Checklisten und Tipps, um einen Newsletter anzulegen bzw. die Zahl der Newsletter-Abonnenten zu vergrößern. Und das kostenlos!

Zur Newsletter-Challenge

ResponsiveSlides.js – Schlanker Slider

Für ein aktuelles Projekt war ich mal wieder auf der Suche nach einem passenden Slider. – „Slider??? Hattest du dich nicht vor Jahren für weniger Slider auf Websites eingesetzt?“ – Richtig. Aber ich hatte neulich ja auch einen Artikel auf Smashing Magazine verlinkt, in dem die Vorzüge von Silbern für Produktbilder behandelt wurden.

Jetzt hatte ich genau so einen Fall. Ich wollte mehrere Produktbilder über einen Slider anzeigen. Nicht automatisch, sondern nur per Knopfdruck, wenn man auf die Thumbnails klickt.

Lies den Rest des Artikels »

CSS Dig – Chrome Extension zur CSS-Analyse

Sicherlich erinnert ihr euch noch, als ich euch CSS Stats vorgestellt habe. Grundsätzlich ein gutes Tool, um seine CSS-Anweisungen zu untersuchen und ein CSS-Refactoring durchzuführen. Allerdings hatte CSS Stats zwei Nachteile: es ließ sich nur über Umwege für lokale Projekte nutzen und es hat die CSS-Datei oft gecached, so dass ich nicht mal eben meine Verbesserungen im Tool betrachten konnte.

Vor ein paar Tagen bin ich dann auf die Chrome Extension CSS Dig gestoßen und was soll ich sagen?! Auf den ersten Blick macht sie genau das, was ich bei CSS Stats vermisst habe. Empfehlenswert für jeden, der Chrome als primären Browser zur Webentwicklung nutzt.

Weiter zu CSS Dig

Pexels Videos – Suche für kostenlose, freie Videos

Letztes Jahr hatte ich an dieser Stelle schon mal die kostenlose Bilder-Suche Pixels vorgestellt. Jetzt wurde die Plattform um eine Video-Suche erweitert. Auch die Videos sind lizenzfrei und kostenlos.

Zu Pexels Videos

Browserstack Responsive-Tool

Schnell mal eine Website auf unterschiedlichen, mobilen Geräten vorführen? Kein Problem mit dem BrowserStack Responsive-Tool. Da die Seite sich geschickt im Hintergrund hält, kann man sie sogar für Präsentationszwecke beim Kunden verwenden. Und wenn man seine Monitorgröße angibt, werden die Smartphones und Tablets sogar in Originalgröße angezeigt.

Zur Website

Gründe für einen Slider auf mobilen Websites

Vor knapp 2 Jahren hatte ich ja mal einen Artikel über Slider/Carousels auf Websites geschrieben und kritisiert, dass Slider viel zu häufig eingesetzt werden, wenn sich ein Unternehmen nicht für EINEN Inhalt entscheiden kann.

Das es aber auch gute Gründe für den Einsatz eines Sliders, speziell auf eCommerce-Websites, geben kann, darüber schreibt Kyle Peatt in seinem Artikel auf Smashing Magazine. Er arbeitet bei Mobify, einem Anbieter für eCommerce-Websites auf mobilen Geräten und beschreibt, warum und wie Slider bei ihnen funktionieren.

Zum Artikel

Sass Guidelines

Nach dem Vorbild der CSS Guidlin.es von Harry Roberts hat der französische Frontend-Entwickler Hugo Giraudel die SASS Guidlines veröffentlicht.

Ergänzend zu den CSS Guidelines von Harry behandelt er auch Themen wie empfohlene Ordnerstrukturen, Variablenbezeichnungen, Berechnungen oder Media Query-Mixins.

Weiter zu Sass Guidelines

Endlich! Klischeehafte Business-Stockbilder mit Vince Vaughn

Wir kennen und lieben sie alle: Klischeehafte Business-Stockbilder. Der Chef, der mit verschränkten Armen vor seinem Team steht oder das Teammeeting, bei dem das Team den neuesten Verkaufsrekord feiert. Von solchen Bildern gibt es bisher leider viel zu wenig.

unfinished-business-2

Aber dank der Kooperation vom TV- und Filmsender FOX und Getty Images könnte sich das bald ändern. Denn für den Film Unfinished Business hat Vince Vaughn und ein paar Co-Stars sich bereit erklärt, die so geliebten Posen nachzustellen. Und das Beste ist: die Bilder sind kostenlos!!!

Zu den Bildern

Einziger Wermutstropfen: Die Bilder sind nicht für den kommerziellen Einsatz bestimmt.

Color Safe – accessible web color combinations

Color Safe ist ein nettes kleines Tool, mit dem sich Farbkombinationen für Text und Hintergrundfarben testen und finden lassen. Das besondere an Color Safe ist, dass nur Farbvorschläge gemacht werden, die den WCAG Guidelines entsprechen. Bedeutet, die Farben sind benutzerfreundlich und verfügen über einen ausreichenden Kontrast.

Zur Website

123