Christian Zehnter | mail@christianzehnter.com

Ich bin Frontend-Entwickler und Grafikdesigner aus Dortmund.

Meine Schwerpunkte liegen in der Umsetzung und Gestaltung von klarem und modernem Webdesign.

Ich bin Webentwickler und Grafikdesigner aus Dortmund. Meine Arbeit steht für klare Strukturen, benutzerfreundliches Design und modernen Code.

Seit mehreren Jahren entwickle ich als Freelancer Webseiten, die aktuellsten technologischen Standards entsprechen und visuell ansprechend sind. Dabei arbeite für kleine und mittelständische Unternehmen und unterstütze Agenturen. Wenn du Interesse an einer Zusammenarbeit, Lust auf eine Kooperation oder eine generelle Anfrage zu einem Projekt hast, dann melde dich bei mir!

Neueste Artikel

Ich schreibe über Frontendentwicklung & Webdesign

Anleitung: Wie man einen 100/100 Google Pagespeed erreicht

Was ist Google Pagespeed? Google Pagespeed ist ein Onlinetool, welches die Performance deiner Seite anhand verschiedenster Parameter messen kann. Inzwischen wird zwischen mobiler und Desktopgeschwindigkeit unterschieden. Außerdem testet Pagespeed die Seite auch auf „Usability“. Neben der besseren User Experience wirkt sich ein guter Pagespeed auch positiv auf Ranking deiner Seite in der Google Such … Weiterlesen

Contao: Mit der mp_forms Erweiterung mehrseitige Formulare erstellen

Terminal42 stellt mit der Erweiterung mp_forms eine Möglichkeit zur Verfügung, mit der man ein in Contao generiertes Formular auf mehre Seiten (= Schritte) aufteilen kann. Leider ist die Erweiterung nicht sonderlich ausführlich dokumentiert, daher dachte ich, dass hier hier einmal kurz auf die Nutzung eingehe. Installation und generelle Einrichtung Nach der Installation erhält man verschiedene neu … Weiterlesen

CSS: Feature Detection ohne Javascript mit CSS Feature Queries

Lange Zeit führte zur Feature-Detection von Browsern quasi kein Weg an JavaScript-Libraries, wie zum Beispiel dem bekannten Modernizr vorbei. Doch mit der @supports -Regel, die ein Teil der "CSS3 Conditional Rules" darstellt, zu der beispielsweise auch die bekannten @media -Queries zählen, ist es möglich über reines CSS den Feature-Umfang eines Browsers abzufragen. In einigen Fällen kann man hier … Weiterlesen

Kirby CMS: Eine Galerie mit einem responsiven Masonry-Grid erstellen

Mit Hilfe des Kirby Gallery Plugins von Tim Oetting möchte ich euch zeigen, wie man eine Galerie als Masonry-Grid ausgeben lassen kann. Wem Masonry jetzt nichts sagt, kann sich auf der Masonry Seite die Beispiele anschauen. Im Wesentlichen handelt es sich um eine Javascript Library, die automatisch ein optimal aufgeteiltes Grid erzeugt. Masonry Library Das Kirby Gallery Plugin stellt nur die … Weiterlesen

CSS: Unscharfen Text in Webkit-Browsern nach `transform` vermeiden

Eine viel benutzte Methode, um DOM-Elemente mit undefinierter Breite (z.B. Überschriften) und Höhe zu zentrieren, ist die Verschiebung über den "translate"-Hack: .zentriert { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } Man verschiebt damit quasi den Ursprung der Positionierung von der linken, oberen Ecke auf den Mittelpunkt des Elements. Dabei kann es passieren, da … Weiterlesen

CSS: Bilder mit `clip-path` maskieren

Mit der clip-path CSS-Property ist es möglich komplexe Formen als Maske zu generieren, die dann nur einen definierten Teil des Elements anzeigen. Von der Funktion her also vergleichbar mit z.B. Schnittmasken im Adobe Illustrator. Die Maske kann über einen Pfad oder eine externe SVG-Grafik definiert werden. Anwendung Ich hatte zum Beispiel einen Fall, bei dem ein Bild in einem Oktagon dargestellt w … Weiterlesen

Kirby CMS: Performanteres Einbinden von Youtube-Videos

Ich bin vor Kurzem auf diesen Artikel popup: yes von labnol.org gestoßen, der eine leichtgewichtigere und performantere Lösung beschreibt, um Youtube-Videos zum embedden. Laut labnol werden beim klassischen Embedding fast 500 kb an JavaScript Daten mit mehreren HTTP-Requests geladen, egal ob man sich das Video wirklich anschaut oder nicht. Diesen Prozess kann man umgehen, indem man automatisiert n … Weiterlesen

Noch mehr Artikel gibts im Archiv

Zum Blogarchiv

Leistungsbeispiele

Fachbegriffe schön und gut, aber was genau bedeutet mein Angebot für dich als Kunden? Zur Veranschaulichung habe ich einige Beispielszenarien beschrieben.

01

Gestaltung und Umsetzung deines Internetauftritts

Das Komplettprogramm: Du brauchst eine Internetseite, aber hast weder ein Layout, noch eine bestehende Seite und brauchst den kompletten Prozess von Gestaltung bis Umsetzung. Ein bestehendes Branding wird natürlich berücksichtigt.

  • Gestaltung
  • Umsetzung
02

Umsetzung eines gestalteten Layouts

Als Freelancer unterstütze ich Agenturen und Grafikdesigner bei der Umsetzung eines bereits gestalteten Layouts. Je nach Anforderung kann die Seite natürlich auch in ein CMS integriert werden. Dabei setze ich auf moderne und zukunftssichere Technologien.

  • Webseiten
  • Shops
  • Themes
03

Umzug in ein Content Management System

Du hast bereits eine bestehende statische Internetseite, bei der du keine Änderungen selbst vornehmen kannst? Durch die Migration in ein modernes Content Management System wird dir genau dies ermöglicht. Deine Seite bleibt weitest­gehend erhalten, aber du bekommst die Möglichkeit, deine Inhalte selbst zu bearbeiten. Dabei arbeite ich mit modernen und bekannten Systemen wie Wordpress und Contao.

  • Wordpress
  • Contao
  • Kirby CMS
04

Responsivierung und Geschwindigkeitsoptimierung

Deine bestehende Internetseite ist noch nicht für mobile Endgeräte optimiert? Höchste Zeit! Responsivierung bezeichnet die Anpassung einer Internetseite, so dass sie auf Tablets, Smartphones und Allem, was es sonst noch so gibt optimal dargestellt wird. Gleichzeitig ist die Performance einer Seite maßgeblich für ihren Erfolg verantwortlich – insbesondere auf mobilen Geräten.

  • Anpassung für mobile Endgeräte
  • Geschwindigkeits­optimierung nach aktuellen Web-Standards
  • SEO
05

Einrichtung eines Shopsystems

Du möchtest eigene Produkte verkaufen? Ich helfe dir bei der Einrichtung, Gestaltung, Umsetzung und Wartung deines Onlineshops. Hierbei setze ich auf bekannte Shopsysteme wie Plentymarkets, Shopware oder WooCommerce.

  • Plentymarkets
  • Shopware
  • WooCommerce
06

Branding

Du startest ein neues Projekt und brauchst Hilfe bei der Gestaltung deiner Marke? Als Grafikdesigner erstelle ich dir ergänzend zu digitalen Dienstleistungen auf Wunsch auch vom Logo bis zum kompletten Corporate Design alles, was du für dein Projekt brauchst.

  • Print
  • Digital