Tool-Tipp: Moving Letters mit Anime.js und CSS
Animierte Schriften sind ein Hingucker. Richtig eingesetzt, können sie ein Design aufwerten. Moving Letters stellt dir 16 fantastische Effekte bereit. Der schwedische Designer und Entwickler... Der...
View ArticleIst 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? Für den Blog... Der Beitrag Ist der...
View ArticleWeb-Standards-Dokumentation: Microsoft unterstützt das Mozilla Developer Network
Microsoft ist fleißig dabei, diejenigen seiner Dokumente zu exportieren, die sich mit Web-Standards befassen. Ziel ist das MDN, das Mozilla Developer Network. In Zeiten, in... Der Beitrag...
View ArticleVon Designern für Designer: Das kostenlose Fontbase organisiert deine Schriften
Unkompliziertes Schriftmanagement ist eine Pflichtdisziplin am Arbeitsplatz jeden Designers. Das kostenlose Fontbase liefert genau das und hat noch einige Ideen mehr. Universelles Tool für die... Der...
View ArticleInnovativ: Wix Code beschleunigt die Erstellung von Web-Applikationen massiv
Der Website-Builder Wix bietet künftig auch die Möglichkeit, Code zu schreiben und zu bearbeiten. Das ist aber nicht die größte Neuerung am neuen Produkt Wix... Der Beitrag Innovativ: Wix Code...
View ArticleCSS3 für Designprofis: Vier Eigenschaften, die du kennen und nutzen solltest
Mit der Einführung von CSS3 haben sich die Gestaltungsmöglichkeiten für Websites sehr verändert. Vor allem Animationen und Transparenzen werden seitdem häufig eingesetzt. Doch es gibt... Der Beitrag...
View ArticleShards: Modernes UI-Kit auf Basis von Bootstrap 4 als Open Source
UI-Kits gibt es viele, auch kostenlose. Shards von Designrevision ragt dennoch aus der Masse, weil es nicht nur kostenlos, sondern auch ausgesprochen ansehnlich und modern... Der Beitrag Shards:...
View ArticleProgressive 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. So können native Apps auf Kamera,... Der Beitrag...
View ArticlePerfekt für Webentwickler: Die Front-End Checklist sorgt für Code-Qualität
Das Abarbeiten von Checklisten hilft nachgewiesenermaßen dabei, die Qualität dessen zu verbessern, für das die jeweilige Checkliste entworfen wurde. Die Front-End Checklist von David Dias... Der...
View ArticleInstagram.css: 42 Instagram-Filter mit CSS nachgebaut
Irgendwas müssen die Filter von Instagram ja haben, wenn sie so beliebt sind. Mit dem kostenlosen Instagram.css kannst du nun eben jene Filter auf beliebige Bilder deiner Website loslassen.
View ArticleCSS3: Texte unterstreichen – endlich mit anderer Farbe und weiteren Effekten
Typografie spielt im Webdesign zunehmend eine wichtige Rolle – vor allem mit der Einführung von Webfonts. Das Unterstreichen von Texten hingegen war immer ein eher eintöniges Unterfangen. Nur auf...
View ArticleEinfache Lösungen für dynamisches Webdesign mit HTML5-Data-Attributen
Lebendige Effekte auf Websites können dir im Wettbewerb um die Aufmerksamkeit der Nutzer gute Dienste leisten. Du denkst vielleicht direkt an parallaxes Scrolling. Das aber ist nicht die einzige Option...
View Article7+ SEO-Tipps, die nur der Designer umsetzen kann
Bevor du anfängst, in die muffigen Tiefen des SEO-Gewerbes abzusteigen, solltest du wissen, dass das Design deiner Seite an sich bereits erheblichen Einfluss auf die Suchmaschinentauglichkeit hat. Wenn...
View ArticleDas neue Dialog-Element von HTML 5.2
Der neue Standard HTML 5.2 bringt uns ein neues Element namens . Damit lassen sich modale Dialogboxen erstellen, denen du mit etwas JavaScript zu Interaktivität verhelfen kannst.
View ArticleCSS in 30 Sekunden: Das versteht jeder
Anstatt deine Zeit mit Candy Crush zu vertun oder dich durch unwichtige Tweets zu fräsen, könntest du die Zeit in der S-Bahn oder auf dem Klo oder im langweiligen Teammeeting nutzen, um CSS zu lernen...
View ArticleHelfer-Duo für Webdesigner: Htmlreference.io und CSSreference.io
Wir alle haben dicke Referenzen unserer Lieblings-Technikverlage im Regal stehen und wir kennen die monumentalen Ratgeber-Seiten im Stile von SelfHTML und anderen. Vielfach bräuchten wir aber nicht den...
View ArticleLayouts mit CSS: Flexbox oder Grid?
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....
View ArticleAtomic Design: So gestaltest du deine Website modular
Begrifflichkeiten im Webdesign sind häufig nicht viel mehr als Worthülsen. Der Begriff „Atomic Design” darf zu diesen Hülsen gezählt werden. Denn er dient nur seinem Erfinder dazu, seine Philosophie...
View ArticleZeta Producer: Einfacher kann ein Homepage-Baukasten kaum sein
Homepage-Baukästen, auch Website-Builder genannt, erfreuen sich steigender Beliebtheit. Das ist verständlich, denn sie erlauben es auch Design-Laien schnell zu ansprechenden Webseiten zu gelangen. Der...
View ArticleKostenlose HTML-Editoren: Die 16 Besten für Webentwickler unter Windows
Webdesigner und Webentwickler, die mit Windows arbeiten, finden durchaus einige kostenlose HTML-Editoren vor. Nur, welcher eignet sich? Wir sagen es dir.
View Article