Damit ihr auch in diesem Monat bestens auf eure Projekte vorbereitet seid, haben wir eine Liste mit verschiedenen Goodies für Designer und Entwickler erstellt.

Wie immer ist alles auf der Liste kostenlos und mit nur wenigen Klicks einsatzbereit. Ob Anfänger oder Fortgeschrittener: Hier ist für jeden was dabei.

Auf einer WordPress-Konferenz stellte Peter Chester dem Publikum eine Frage: Was ist 3.485.250 geteilt durch 23.235? Was es mit dieser Frage auf sich hat und in welchem Zusammenhang sie mit dem Thema Caching steht, erklärt 10degrees anschaulich auf einer ihrer Websites.

Das Jahr 2016 war von vielen neuen User-Interface-Elementen (UI) geprägt. Die einen haben sich stärker, die anderen weniger durchgesetzt. In unserem Artikel zeigen wir was bisher geschah, welche Trends uns auch in diesem Jahr begleiten werden sowie die neuen Trends.

Wer gelegentlich durch Github Repositories klickt, dem fallen in der Regel immer zwei Möglichkeiten zum Installieren auf – eine davon ist npm. In seinem Artikel „npm for Beginners“ erklärt Louis Lazaris was npm ist und wie du es richtig verwendest.

Mit dem Lexikon von CSS-Tricks kannst du dein CSS-Vokabular wieder auffrischen. Es werden über 50 CSS-Properties erläutert und anhand von Praxis-Beispielen noch deutlicher gemacht.

Die Tage von „Above the Fold“ sind vorbei, das sagt zumindest Nick Babich. Long Scrolling and Infinite Scrolling sind dank moderner Techniken inzwischen selbstverständlich. In seinem Artikel beschreibt er die Techniken und wie ihr modernes Scrolling am besten umsetzt.

Comic Sans ist wohl die meistgehasste Schriftart unter Designern. Entwickelt hat sie Vincent Connare. Zur Rettung seiner Ehre muss man sagen, dass er sie eigentlich gar nicht als Standardschriftart des Microsoft-Betriebssystems erdacht, sondern speziell für ein einzelnes Projekt konzipiert hat. Welche Absichten er hatte, kannst du hier nachlesen.

Dieser Guide erklärt dir, wie du einen modernen und responsiven Card-Slider erstellst. Der Slider besteht aus CSS und HTML, nicht eine Zeile Javascript. Er wird mit Radiobuttons navigiert und funktioniert in allen Browsern. Du kannst dir den Slider direkt runterladen. Auf Medium findest du ein ausführliches Tutorial.

Das Naming der Classes kann nervenraubend und anstrengend sein. Das Tool CSSRooster will dich dabei unterstützen, indem es deinen HTML- und CSS-Code analysiert und dir anschließend Vorschläge für die Classes macht.

Diese Chrome-Extension ist ein echter Helfer für Entwickler und Designer. CSS Peeper ermöglicht schnellen Zugriff auf Farbwerte, Typografie, Objektgrößen und vieles mehr, was du dir sonst umständlich selber raussuchen musst.

HTML statt Powerpoint. Mit Webslides erstellt ihr auf einfache Art und Weise HTML-basierte Präsentationen, Artikel oder Landingpages. Webslides hilft euch dabei ohne viel Aufwand ansehnliche Präsentation auf HTML-Basis zu erstellen.

Vaunt hilft dir Farben aus einem Bild zu analysieren. Das Bild wird per Drag-and-drop in den Generator gezogen und gibt dir im Anschluss die dominantesten Farbwerte aus. In welchem Wert die Farbe ausgegeben werden soll, lässt sich manuell einstellen. Mithilfe des Clipboardmanagers kannst du anschließend die Werte in die Zwischenablage kopieren.

Illustrator ist ein tolles Werkzeug, aber komplex – besonders für Beginner. Die Tutorials wollen dir einen vertrauten Umgang mit Illustrator beibringen. Egal ob Beginner oder Fortgeschrittener, jeder kann sein Wissen wieder auffrischen.

Das Dronen-Icon-Set hat insgesamt 100 Icons in zwei Versionen – Vollflächige- und Rahmen-Icons. Das Set enthält AI, Sketch, SVG, Iconjahr und PNG-Formate.

Diese 14 kostenlosen Bootstrap-Themes verhelfen dir zu einem einfachen Start mit dem HTML-Framework. Die Themes eignen sich eher für weniger umfangreiche Websites, da sie sehr minimalistisch sind. Sie lassen sich aber manuell anpassen.

Diese Icons entsprechen dem neusten Apple-Standard und enthalten Grafiken wie zum Beispiel das iPhone 7, Airpods und andere gängige Apple Devices. Das Set enthält 30 Vektor-Icons in den Formaten SVG, Ai, PNG und CSH.

Alles rund ums Zuhause: Icons über Sofa, Hocker und Lampe bis hin zur Toilette oder Dusche. Die Datei enthält zwei Icon-Typen – Vollfarbige- und Kontur-Icons. Ebenso enthält die Datei verschiedene Formate wie AI, CSH, SVG, PNG, Sketch und Iconjar.