In Anbetracht der unterschiedlichen Darstellungsformen und Bildschirmgrößen, in denen Nutzer Webseiten betrachten – von Handys über Tablets bis hin zu Laptops und Desktops – sind responsive Webseiten im heutigen Webdesign sehr zu empfehlen. Wenn es um Flexibilität und flüssige Layouts geht, ist es wichtig, die Kontrolle über das Raster, die Breiten, Höhen, Bilder usw. zu behalten. CSS-Funktionen – wie min(), max() und Media Queries –...

Es gibt zwei Möglichkeiten, pflegeleichten CSS-Code zu schreiben: 1) man schreibt alles selbst, ohne Hilfe und Vorlagen, oder 2) man verwendet ein Framework und passt es an den eigenen Stil an. CSS-Frameworks sind eine Sammlung vordefinierter Vorlagen, Codes und APIs, auf die Entwickler zugreifen können, um die Codierung in CSS zu vereinfachen. CSS-Frameworks zielen auf häufig verwendete Elemente und Stile wie Schaltflächen, Raster, Media-Queries, Navigation...

Das Entwerfen eines Logos für Ihre Webseite ist eine komplexe Aufgabe und ein wesentlicher Eckpfeiler Ihrer Markenidentität. Logo-Design kann ein entmutigender Prozess für diejenigen sein, die noch nie damit zu tun hatten. Für diese Menschen ist die Beauftragung einer Designagentur oftmals aber unerschwinglich. Ihre Unternehmensidentität hängt jedoch von einem sauberen und einprägsamen Logo ab. Glücklicherweise gibt es auch viele erschwingliche Möglichkeiten, ein Logo professionell zu...

Vor ein paar Jahren war eine UX-Strategie noch undenkbar. Traditionell konzentrierten sich die Analysen und Untersuchungen auf die Produkte, selten auf die Erfahrungen der Nutzer. Unternehmer und Manager definierten, was sie wollten und wie sie es wollten. Dann suchten sie nach Designern, die bereit waren, ihren Plan buchstabengetreu umzusetzen. In ihrem Bestreben, Unternehmer und Manager zufrieden zu stellen, lassen die Designer das Hauptziel eines jeden...

Wenn Sie die Benutzeroberfläche (UI) für eine App oder eine Webseite entwerfen, spielen UI-Elemente eine entscheidende Rolle dabei, wie Ihre Benutzer mit Ihrer App interagieren, sie erleben und sich mit ihr beschäftigen.Funktionale und ansprechende UI-Elemente führen zu mehr Downloads und aktiven Nutzern, besseren Bindungsraten und einem höheren Lifetime Value (LTV). Im Internet gibt es Tausende von Beispielen, die diese feine Beziehung zwischen visuellen Elementen und...

Benutzererfahrung (User Experience, UX) hilft, die Qualität einer Website zu erhöhen und geschäftliche oder persönliche Webseiten positiv hervorzuheben. Bei den vielen konkurrierenden UX-Strategien fragen Sie sich vielleicht, welche die effektivste Strategie für Sie und die Stärkung Ihrer Marke ist. Was ist UX-Design? Beim UX-Design geht es darum, den Kunden durch eine sinnvolle Produktgestaltung in den Mittelpunkt zu stellen. In der Praxis kommt UX-Design häufig für...

Bilder auf Webseiten werden normalerweise in zwei Formaten gerendert - als Raster- und als Vektorbilder. Rasterbilder sind Bilder in Pixeln und werden normalerweise mit dem <img>-Tag in HTML geschrieben. Sie müssen entsprechend der Gerätebreite oder -höhe skaliert oder in der Größe angepasst werden, um die Reaktionsfähigkeit und Auflösungen zu erhalten. Vektorbilder hingegen verwenden Linien, Punkte und Formen, um Bilder darzustellen. Sie können in HTML mit...

Animationen sind im Webdesign wahrlich kein neues Konzept. Vor CSS3 waren Flash und JavaScript die bevorzugten Werkzeuge, um Gegenstände und Elemente auf einem Bildschirm lebhaft in Bewegung zu setzen. Animationen sind ein wirkliches UX-Vergnügen. Animationen können die User Experience einer Seite deutlich aufwerten. Das liegt daran, dass wir Menschen dazu neigen, besser mit dynamischen Umgebungen zu interagieren. Animationen verleihen einem Internetauftritt auch Individualität und Persönlichkeit....

Als der eCommerce seine ersten Schritte machte, boten Unternehmen ihren Kunden massive Rabatte an, damit diese auch tatsächlich im Internet bestellten. Sobald sie den gewünschten Traffic erreicht hatten, verkauften sie die gleichen Produkte wieder zu ihren ursprünglichen Preisen. Niedrige Preise und Angebote sind natürlich wirklich effektiv, um Kunden anzuziehen. Dabei dürfen die Gewinnmargen jedoch nicht zu klein werden. Einen eCommerce-Shop zu betreiben, ist keine leichte...

CSS3-Transformations- und Transitionseigenschaften haben es für Frontend-Entwickler sehr einfach gemacht, Elemente innerhalb einer Koordinate zu erstellen, zu verschieben, umzuformen, zu drehen, zu skalieren und zu übersetzen, ohne dafür JavaScript zu verwenden. Durch das Hinzufügen dieser Eigenschaften zu CSS3 hat sich das Bild des Webs von einem statischen, textähnlichen zu einem dynamischeren, mit visuellen Effekten geladenen Bild gewandelt. Transform ist eine Eigenschaft, mit der man ein...

Im Mittelpunkt des Webdesigns stehen Anker und Bild-Tags. Wie arbeite ich mit Bildern und HTML-Links und manipuliere sie? Diese Frage ist bei Front-End-Entwicklern gerade voll im Trend. Anker bzw. Anchor-Tags sind im Webdesign von großer Bedeutung. Erst sie geben dem Wort World Wide Web wirklich eine Bedeutung. Es sind nämlich die Links, die Websites in einer spinnennetzähnlichen Struktur verbinden und es den Usern ermöglichen, sich...

Bei redaktionellen Fragen oder allem, was mit unserem Blog und den veröffentlichten Artikeln zu tun hat, wenden Sie sich bitte an editor@codecoda.com. Wir freuen uns immer über Anregungen und Kommentare zu unseren Artikeln und lieben Ihr Feedback!