Boilerplates & andere Tools
Propeller: Bootstrap im Material Design
Bootstrap ist nicht umsonst so populär. Aber, wenn du denkst, es gibt nichts besseres, schau dir mal Propeller an.
Responsive Design
Design
Rezepte für Webentwickler: Deine erste PWA mit dem Service Worker Cookbook
PWA, Progressive Web Apps, setzen sich nur dann als Standard gegen die nativen Mobil-Apps durch, wenn sie möglichst breite Unterstützung finden. Dabei kann jede Web-App eine progressive ...
Design
Mal was anderes: Mondrianismus im Webdesign
Kennst du Mondrian? Nein, wirst du vermutlich sagen. Das ist unwahrscheinlich. Zumindest sein Kunststil wird dir bekannt vorkommen. Schau selbst.
Apps
Progressive Web Apps: Mit HTML5 und JavaScript zur fast nativen App
Native Apps für Android- und iOS-Geräte haben in vielerlei Hinsicht große Vorteile gegenüber per HTML5 und JavaScript entwickelter Webanwendungen.
Design
HTML5 & CSS3: mache deine Website fit für hochauflösende Displays
Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays – den sogenannten Retina-Displays – auszustatten, hat das zu einer deutlichen ...
Design
Mobiles Webdesign: 5 Tipps für die Navigation
Mobiles Webdesign hat seine Tücken. Die Gestaltung mobiler Weblayouts für Smartphones stellt Designer immer wieder vor Herausforderungen. Der wenige Platz, der auf den Geräten zur ...
Design
Ist der Desktop tot? Worauf ihr bei modernem Design achten solltet
Findet modernes Design heutzutage vornehmlich für mobile Nutzer statt? Wann schaltet der letzte Nutzer seinen Desktop-Rechner ab? Ist der Desktop wirklich tot?
Design
CSS Grid Layout: Masonry-Layout aus purem HTML und CSS
Codepen-User Kseso überzeugt mit einem einfachen, aber eindrucksvollen Anwendungsfall für CSS Grid, indem er aus purem HTML und CSS ein schickes Masonry-Layout schafft.
Advertorial
Die Bilder auf deiner Website sind unnötig groß
Bilder stellen die überwältigende Mehrheit der Web-Inhalte. Dabei müssen wir allzu häufig erkennen, dass eine Vielzahl an Websites und Apps viel zu selten darauf achten, das optimale ...
(Kostenlose) Services
Tool-Tipp: Sizzy beschleunigt responsives Designen
Sizzy ist eine Web-App und eine Chrome-Extension, mit deren Hilfe du deine responsiven Designs schnell testen kannst. Und ich meine wirklich schnell.
HTML/CSS
Modernes Webdesign: Diese Fehler solltest du vermeiden
Webdesign und -entwicklung haben sich in den vergangenen Jahren enorm geändert. Daran ist vor allem auch das mobile Internet verantwortlich, was die Art und Weise, wann und wie wir das ...
Bilder & Vektorgrafiken bearbeiten
Page Weight: Kostenlose Web-App untersucht deine Website auf Bild-Adipositas
Große Bilder verlangsamen den Aufbau deiner Website beim Besucher. Das ist soweit logisch. Dennoch machen sich viele Seitenbetreiber genau über diesen Umstand keine Gedanken. Das ...
Design
So integrierst du Videos responsiv in deine Website
Responsive Webdesign hat sich zum Standard entwickelt. Von modernen Apps und Websites erwartet man heutzutage geradezu, dass sie sich an verschiedesten Auflösungen in möglichst idealer ...
Responsive Design
WrapPixel – Kostenlose und Premium Dashboard-Templates
Als Gestalter bist du immer auf der Suche nach guten Templates. Sei es als Inspiration oder zum sofortigen Einsatz. WrapPixel hat dabei den Webdesigner, Developer und auch Agenturen im ...
Design
SITE123: Dieser Homepage-Baukasten liefert Websites im Handumdrehen
Heutige Website-Builder sind schon fast zu komplex, als dass sie sich für Otto Normalverbraucher eigneten. SITE123 geht bewusst nicht den Weg maximaler Freiheit und Featuritis, sondern ...
Design
Responsive Websites erstellen mit Simbla
Die Anforderungen an eine zeitgemäße Website sind in den letzten Jahren stark angestiegen. Da Websites zunehmend mit Smartphone und Tablet aufgerufen werden, ist ein reponsives ...
