Im CSS gibt es jede Menge interessanter Selektoren, die versierten Frontend-Entwicklern zwar grundsätzlich bekannt sind, die dennoch oftmals nur sparsam zum Einsatz kommen.
Für schön anzusehende CSS-Buttons benötigt es schon lange keine Grafiken mehr — sie lassen sich formen aus der Schönheit des geschriebenen Codes. Doch die Erstellung kann ganz schön knifflig werden, wenn du an eine umfassende Browser-Kompatibilität denkst. Wie gut, dass es fertige Code-Schnipsel und zahlreiche Beispiele dafür gibt. Und noch besser, dass wir heute die besten Beispiele auch gleich in diesem Beitrag präsentieren.
Typografie ist das derzeit einzige Gestaltungselement ist, das sich wirklich noch nennenswerter Änderungen unterzieht. Insofern ist es smart, hier auf dem Laufenden zu bleiben.
Websiten so ganz ohne ein CMS zusammenzubauen ist eine schnelle und bequeme Art, die eigene Webseite live zu bringen. Das macht vor allem dann Sinn, wenn sich die Inhalte eh nur selten ändern. Im folgenden Artikel stellen wir also eine Sammlung an kostenlosen HTML-Templates zusammen. Viel Spaß damit!
Wohin mit der Navigation? Diese Frage muss bei eigentlich jedem Webprojekt beantwortet werden. Gerade bei umfangreichen Websites ist es nicht immer einfach, die richtige Antwort darauf zu finden. Besteht eine Webpräsenz aus vielen Seiten und Unterseiten, bietet sich häufig ein Dropdown-Menü an.
Für Photoshop, Illustrator, Sketch & Co. Vollständig anpassbar. Größe, Breite, Form und Farbe können komplett an die Maßgaben deines Projekts angepasst werden. Alle Symbole sind Open Source unter MIT-Lizenz, können also in privaten und kommerziellen Projekten verwenden werden, ohne dass es einer Attribution bedarf.
Es mangelt nicht an guten Iconsets, die man für eigene Zwecke anpassen kann. Aber manchmal muss es dann doch mal etwas Eigenes und Individuelles sein.
Die massive Verbreitung der Webfonts bringt es mit sich, dass Typografie auch im Netz immer aufwändiger wird. Als stets interessierter Developer kommt es daher immer häufiger vor, dass du wissen möchtest, welcher Font da eingesetzt worden ist. Auch im Printbereich wirst du regelmäßig mit dieser Frage konfrontiert.
Ganz ehrlich: Sie wissen schon lange, dass User-Feedback essentiell ist, doch das Testen mit echten Usern kommt aus Zeit- und Kostengründen immer zu kurz? Mit dem Feedback Ihrer Nutzer decken Sie Probleme auf, bevor diese zum Problem werden. Heute zeige ich Ihnen, wie Benutzertests auch ohne großes Budget gelingen.
Wie wir Websites gestalten, hat sich in den vergangenen Jahren immer wieder mal mehr, mal weniger radikal geändert. Mit der Einführung von CSS Flexbox hat eine entscheidende Erneuerung stattgefunden. Kurz darauf ist mit CSS Grid ein weiteres Layoutmodell hinzugekommen. Welches ist nun wofür besser geeignet? Muss ich mich für ein Modell entscheiden?
Das Corporate Design bestimmt als Teil der Corporate Identity das Gesicht deines Unternehmens. Das Logo bestimmt das Erscheinungsbild aller Geschäftspapiere, wie Visitenkarten, Briefpapier und -Umschläge, aller Werbemittel, wie Flyer und Broschüren und natürlich der digitalen Auftritte, wie der Website oder – stark im Kommen – der App des Unternehmens.
Dass es zu wenige Fonts im Netz gibt, wird wohl niemand ernsthaft behaupten. Vielmehr gibt es sie wie Sand am Meer. Das Problem für uns hier ist eher, dass die meisten davon die deutschen Sonderzeichen nicht unterstützen. Die folgenden kostenlosen Schriften indes tun das ausnahmslos.
Welche Webdesign Trends sind potentiell zeitlos? Wir haben für Sie, von Dieter
Vieles, was einst nur mit Flash oder JavaScript möglich war, lässt sich heutzutage mittels CSS realisieren. Heute zeige ich dir einige kostenlose Slider, für deren Bearbeitung du lediglich etwas HTML und CSS benötigst. Möglich gemacht wird dies durch CSS-Animationen und -Transitions.
CSS hat seinen Platz in der Webentwicklung längst fest eingenommen. Das grundlegende Prinzip der Anwendung von Stylesheets wird allerdings oft falsch verstanden. Werfen wir nochmal einen Blick in die Grundlagen des CSS.
Was sind Progressive Web Apps? Progressive Web Apps (PWAs) sind ein Mittelweg
Mit diesem Artikel möchte ich Ihnen Tipps geben, wie Sie Ihr Lastenheft in Bezug auf einen bevorstehenden Website Relaunch erweitern.
Von modernen Apps und Websites erwartet man, dass sie sich an verschiedesten Auflösungen in möglichst idealer Weise anpassen. So ergibt sich ein optimales Benutzererlebnis, ganz egal, welches Gerät oder welche Auflösung genutzt wird. Inhalte, Bilder und Videos sollten sich in gleicher Weise fließend verhalten, um unterschiedliche Viewports bestmöglich zu bedienen.
Was soll daran schwierig sein, Elemente in CSS zu zentrieren? So mögt
Jeden Tag ein neues Video, respektive jeden Montag sieben neue Videos –
