Advitum.de auf Google+

Kategorie: Design

Kategorie: Design

Artikel, die sich mit dem Thema Design beschäftigen, werden hier einsortiert.

7 Schritte zu besserer Typografie im Web

7 Schritte zu besserer Typografie im Web
Von am
Kategorien: Allgemein, Design, Tipps

Qualitativ hochwertige Texte sind nach wie vor die beste Möglichkeit sich im Web eine dauerhafte Leserschaft aufzubauen. Doch was helfen gute Inhalte, wenn die Optik nicht stimmt? Mit diesen 7 einfachen Tipps kannst Du die Typografie Deiner Website verbessern. Artikel weiterlesen

Regelmäßigkeit im Chaos – ein Canvas-Effekt mit Faszinations-Garantie

Regelmäßigkeit im Chaos – ein Canvas-Effekt mit Faszinations-Garantie
Von am
Kategorien: Design, Inspiration, JavaScript, Programmieren, Tutorials

In meinem letzten Artikel habe ich beschrieben, wie man mit ein wenig Physik, JavaScript und dem Canvas einen interaktiven Effekt erstellen kann. In diesem Artikel möchte ich einen neuen Effekt vorstellen, der diesmal zwar nicht interaktiv, aber nicht weniger interessant ist. Artikel weiterlesen

Vorsicht Redesign! 9 Tipps zum Wechsel des WordPress Themes

Vorsicht Redesign! 9 Tipps zum Wechsel des WordPress Themes
Von am
Kategorien: Content Management Systeme, Design, Programmieren, Tipps, Wordpress

Das Redesign einer Webseite ist immer eine große Entscheidung und eine schwierige Aufgabe. Auf Advitum.de gibt es auch seit einigen Wochen ein neues Design, darum ist dieser Artikel um so passender! »Wechseln oder nicht wechseln«, diese Frage stellt sich Nataly von TemplateMonster.com in diesem Gastartikel. Sie gib 9 echt hilfreiche Tipps zum Wechsel des WordPress Themes. Danke dafür! Artikel weiterlesen

Designen einer Scrollbar – so geht es richtig

Designen einer Scrollbar – so geht es richtig
Von am
Kategorien: CSS, Design, JavaScript, jQuery, Tutorials

Am Anfang war der Frame. Und mit dem Frame kamen die Scollbars innerhalb der Seite. Und der Programmierer sah, dass es gut war.

Jahrelang war auch alles gut, bis dann schließlich die Designer die unendlichen Weiten des Webs unsicher machten. Alles wollten die Designer verändern, alles sollte schöner werden. Doch an Scrollbars bissen sie sich die Zähne aus. Scollbars ließen sich leider nicht ohne weiteres anpassen.

In diesem Artikel zeige ich, wie man trotzdem, übrigens ganz ohne iFrames, Scollbars erstellen kann, die auch noch toll aussehen. Artikel weiterlesen

Webdesign-Grundlagen – ein Gastartikel von Jennifer Eder

Webdesign-Grundlagen – ein Gastartikel von Jennifer Eder
Von am
Kategorien: Design

Heutzutage findet man alles und jeden im Netz. Daher ist es nur verständlich, wenn man sich dazu entscheidet, auch online aktiv zu werden. Ein Webdesigner ist meist nicht mit im Budget enthalten. Daher beginnen die meisten mit einem Blog, um so einen leichten Einstieg zu haben. Doch egal ob Blog oder Webseite, einige wichtige Punkte sollten immer beachten werden, wenn man sich an die Gestaltung wagt. Hier ein paar Tipps, damit es anfangs leichter geht. Artikel weiterlesen

Sass im Überblick – Gastartikel im NUMBOO Magazin

Sass im Überblick – Gastartikel im NUMBOO Magazin
Von am
Kategorien: CSS, Design, Programmieren, Tutorials

Heute ist, nach langem Warten, endlich die zweite Ausgabe des NUMBOO Magazins erschienen. Mit dabei sind diesmal Ebenenkompositionen in Photoshop, ein Interview mit Jonas Hellweg vom kulturbanause-Blog, minimalistische Webdesigns, HTML5 Boilerplate, fokus 2012 und ein mein Artikel, in dem ich Sass vorstelle.

Sass ist, kurz gesagt, eine Meta-Sprache, mit der CSS-Code strukturiert und flexibel geschrieben werden kann. Schaut euch den Artikel oder besser noch das ganze NUMBOO Magazin an, es lohnt sich!

Men in Black 3 Filmposter erstellen – Photoshop Tutorial

Men in Black 3 Filmposter erstellen – Photoshop Tutorial
Von am
Kategorien: Design, Photoshop, Tutorials

Immer wenn mir die nötige Inspiration fehlt, um einen Artikel zu schreiben, gehe ich ins Kino. Naja, so ganz stimmt das nicht, dann wäre ich längst pleite, aber ab und an mach ich das wirklich. Denn im Kino sehe ich immer tolle Filmplakate für noch tollere Filme und sehe mich berufen, ein Photoshop Tutorial zu schreiben, um der Welt die Möglichkeit zu geben, das Poster mit eigenen Bildern nachzubauen. Diesmal sprang mir bei meinem Kinobesuch das Plakat des dritten Teils »Men in Black« ins Auge. Der Effekt ist sehr raffiniert und doch sehr einfach zu erreichen. Artikel weiterlesen

Google-Map richtig auf der eigenen Internetseite einfügen

Google-Map richtig auf der eigenen Internetseite einfügen
Von am
Kategorien: Arbeit, CSS, Design, JavaScript, Programmieren, Tutorials

Es gibt ein paar Seitenelemente, die meine Kunden eigentlich immer auf ihrer Internetseite haben wollen—ein Beispiel hierfür ist eine Karte. Dank Google ist das Einbetten von Karten in Internetseite fast lächerlich einfach: Google-Maps öffnen, Position wählen und Code kopieren, so einfach kann das Leben sein—zumindest, wenn man keine besonderen Anforderungen hat.

Das Problem ist aber, das der durchschnittliche Kunde immer irgendwelche Extrawünsche hat—das fängt schon beim eigenen Firmenlogo als Marker-Icon an. Hier stößt das Kopieren und Einfügen des Embed-Codes von Google an seine Grenzen und nach einer kurzen Recherche ist klar: Wir müssen das mit der Google-Maps-API machen, das kann ja nicht so schwer sein—ist es aber doch.

Ich weiß nicht, ob es nur mir so geht, aber meiner Meinung nach ist das Referenzhandbuch der Google-Maps-API v3 extrem unübersichtlich. Ich musste stundenlang rumsuchen und rumprobieren, bis alles so war, wie ich es wollte. Deshalb will ich in diesem Artikel anhand eines Beispiels zeigen, was ich gefunden habe. Artikel weiterlesen

Typo3 Tutorial: Schulhomepage mit Typo3 erstellen — Gastbeitrag auf Schulhomepage.de

Typo3 Tutorial: Schulhomepage mit Typo3 erstellen — Gastbeitrag auf Schulhomepage.de
Von am
Kategorien: Content Management Systeme, Design, PHP, Programmieren, Tutorials, Typo3

In meiner (bisher) zweiteiligen Artikelserie habe ich Schritt für Schritt gezeigt, wie man mit Typo3 eine Internetseite aufbaut. Im ersten Teil ging es darum, von einem Photoshop-Entwurf zu dem HTML-Design zu kommen. Im zweiten Teil entwickelte ich aus diesem Design dann die Typo3-Seite.

Aufgrund zahlreicher weiterführender Fragen von Lesern und auf die Bitte eines guten Kollegen habe ich jetzt einen dritten Teil zum Artikel geschrieben, in welchem ich detailliert darauf eingehe, wie man jetzt diese Typo3-Rohseite vernünftig einrichtet und zum Laufen bringt. Ich wünsche euch viel Spaß beim Lesen!

CSS Gradient Generator – CSS3 Farbverläufe generieren – CSS Quick-Tip

CSS Gradient Generator – CSS3 Farbverläufe generieren – CSS Quick-Tip
Von am
Kategorien: Arbeit, CSS, Design, Quick-Tips, Tipps

Vor einiger Zeit habe ich in einem Artikel einen Farbverlauf-Generator empfohlen, den ich damals benutzte. Aber mittlerweile benutze ich einen anderen Generator, den Ultimate CSS Gradient Generator von Colorzilla. Artikel weiterlesen

  1. 1
  2. 2
  3. 3