
Herumspaziert, werte Besucher, auf meiner Homepage!
Ich biete meinen (potenziellen) Lohn- und Brotherren breit aufgestellte Kenntnisse
in der Web-Entwicklung, unter anderem
- die standardkonforme, barrierefreie und SEO-gerechte Umsetzung von Konzepten und Responsive/Adapative Designs mit HTML 5, CSS 3 und JavaScript im Frontend
- Objektorientiertes PHP, Handling von MySQL-Datenbanken, Frameworks wie Laravel oder Slim
- Entwicklung von Webanwendungen mit ReactJS/Redux
- Unit- und Behaviour-Test-Driven-Development u.v.m.
- Programmierung von Themes und Plugins für WordPress

Werdegang
- seit 2021 Senior Webwickler bei Ebner Media Group, Standort Köln
- 2019 - 2020 Senior Webwickler bei DigitalMobil, Standort Köln
- 2016 - 2019 Senior Webwickler bei Ebner Media, Standort Köln
- 2014 - 2016 Webentwickler/3D-Operator bei HerrmannKaechele, Düsseldorf
- 2008 - 2014 Webentwickler/3D-Operator bei H-ZWO, Köln
- 2004 - 2008 freischaffend als Frontend-Webentwickler, überall
- 2000 - 2004 Online-Redakteur/Webentwicklung bei CO.CO.ON. Information Design, Bonn
- 1999 Magister Artium, Universität Bonn

Werke
Web

Verlagsshops
Diverse OnlineShops für die verschiedenen Verlage des Konzerns. PHP (Laravel), HTML (Blade), SCSS, JavaScript, Anbindung an einen Content-Provider und Plenigo

Studioszene
Virtuelle Fachmesse für Audiotechnik - Paywall-Funktionalität für Besucher, PHP (Plenigo/WordPress-Entwicklung)



Fachpublikation - Responsive-Web-Design (Mitarbeit bei der Umsetzung), Twig/HTML5, SCSS

PAGE Online
Designfachzeitschrift mit Shopanbindung und User-Generated-Content - Responsive-Web-Design (Umsetzung), Backendprogrammierung (u.a. Aufbau einer Paywall), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)

Müller & Sohn
Modejournal mit Shopanbindung - Responsive-Web-Design (Umsetzung), Backendprogrammierung, HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)
die-weinstein-kiste.de
Werbauftritt für Liebhaberobjekte aus Holz - Design, HTML5, CSS3, jQuery, WordPress

Production-Partner-Wiki
Speziallexikon für Veranstaltungstechnik - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)



Fachmagazin für Segelboote und Zubehör - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)



Website für Sammelaktion - Übernahme des Projektes, Anpassungen des Themes, CSS, WordPress-Entwicklung



Website für Online-Gewinnspiel CDP - Responsive-Web-Design (Umsetzung), Gewinnmechanik, HTML5, SCSS, JavaScript, PHP/MySQL

Watchtime.net
Fachmagazin für mechanische Luxus-Uhren - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)



Website für Online-Gewinnspiel CDP - Responsive-Web-Design (Umsetzung), Gewinnmechanik, Code-Generierung (15 Millionen Stück), HTML5, SCSS, JavaScript, PHP/MySQL

50 Jahre Ford Transit
Animation für das 50jährige Jubiläum des Ford Transit, mehrsprachig für die internatonale Website, Animation, Flash/Canvas, HTML5, JavaScript
Termin Transporte Bonillo
Website für Logistik-Unternehmen - WordPress-Anpassung, CSS



Website für OB-Wahlkampagne der CDU in Leverkusen - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, WordPress



Website für eine Bastel-/Gewinnspielaktion - Responsive-Web-Design (Umsetzung), HTML5, CSS, JavaScript, PHP/MySQL
juttastein-grafikdesign.de
Homepage/Portfolio Designerin - WordPress, HTML5, CSS3, JavaScript, PHP
arbeitsrecht-hartmann.de
Homepage Arbeitsrechtkanzlei - WordPress, Canvas-Animationen, HTML5, CSS3, JavaScript, PHP



Shopware-Template für Online-Shop - HTML, CSS, PHP/Smarty 3



Jahresgewinnspiele 2008-2012 - 3D-Grafik, Actionscript 3, PHP, MySQL



Webauftritt für Marketing-Agentur - Desktop und Mobile-Site, Responsive-Web-Design (Umsetzung), HTML, CSS, JavaScript, PHP

NDA
Internationale Gewinnspiel-Aktion für 2014-2015, Anpassung der vorhandenen Mechanik, HTML5/CSS3-Programmierung, RWD, PHP, MySQL, Backend



Multinationale Microsites für Jahresproduktkampagnen 2008-2012 - AS3-Programmierung/Animation



Browsergame für multinationale Microsite - AS3-Programmierung



Webseite zur Organisation des Bauknecht Händler-Events zur IFA Berlin 2013 - Front- und Backend, HTML/CSS, JavaScript, PHP/MySQL



Webseite für den Chesterfield Musikförderpreis 2012 - Drupal-Theming, CSS



Unternehmenshomepage - AS3-Programmierung, Animation, 3D-Grafik



Microsite für Trinkfix-Produktlinie - AS3-Programmierung, Animation
-
VerlagsshopsDiverse OnlineShops für die verschiedenen Verlage des Konzerns. PHP (Laravel), HTML (Blade), SCSS, JavaScript, Anbindung an einen Content-Provider und Plenigo
-
StudioszeneVirtuelle Fachmesse für Audiotechnik - Paywall-Funktionalität für Besucher, PHP (Plenigo/WordPress-Entwicklung)
-
Internet World Business Online
Fachpublikation - Responsive-Web-Design (Mitarbeit bei der Umsetzung), Twig/HTML5, SCSS -
PAGE OnlineDesignfachzeitschrift mit Shopanbindung und User-Generated-Content - Responsive-Web-Design (Umsetzung), Backendprogrammierung (u.a. Aufbau einer Paywall), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)
-
Müller & SohnModejournal mit Shopanbindung - Responsive-Web-Design (Umsetzung), Backendprogrammierung, HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)
-
die-weinstein-kiste.deWerbauftritt für Liebhaberobjekte aus Holz - Design, HTML5, CSS3, jQuery, WordPress
-
Production-Partner-WikiSpeziallexikon für Veranstaltungstechnik - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)
-
Sail24.com
Fachmagazin für Segelboote und Zubehör - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung) -
Fisherman's Friend
Website für Sammelaktion - Übernahme des Projektes, Anpassungen des Themes, CSS, WordPress-Entwicklung -
HIT
Website für Online-Gewinnspiel CDP - Responsive-Web-Design (Umsetzung), Gewinnmechanik, HTML5, SCSS, JavaScript, PHP/MySQL -
Watchtime.netFachmagazin für mechanische Luxus-Uhren - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, PHP/MySQL (WordPress-Entwicklung)
-
Netto Volltreffer
Website für Online-Gewinnspiel CDP - Responsive-Web-Design (Umsetzung), Gewinnmechanik, Code-Generierung (15 Millionen Stück), HTML5, SCSS, JavaScript, PHP/MySQL -
50 Jahre Ford TransitAnimation für das 50jährige Jubiläum des Ford Transit, mehrsprachig für die internatonale Website, Animation, Flash/Canvas, HTML5, JavaScript
-
Termin Transporte BonilloWebsite für Logistik-Unternehmen - WordPress-Anpassung, CSS
-
CDU-Leverkusen
Website für OB-Wahlkampagne der CDU in Leverkusen - Responsive-Web-Design (Umsetzung), HTML5, SCSS, JavaScript, WordPress -
Ferrero
Website für eine Bastel-/Gewinnspielaktion - Responsive-Web-Design (Umsetzung), HTML5, CSS, JavaScript, PHP/MySQL -
juttastein-grafikdesign.deHomepage/Portfolio Designerin - WordPress, HTML5, CSS3, JavaScript, PHP
-
arbeitsrecht-hartmann.deHomepage Arbeitsrechtkanzlei - WordPress, Canvas-Animationen, HTML5, CSS3, JavaScript, PHP
-
KRÜGER
Shopware-Template für Online-Shop - HTML, CSS, PHP/Smarty 3 -
KRÜGER
Jahresgewinnspiele 2008-2012 - 3D-Grafik, Actionscript 3, PHP, MySQL -
Die Gefährten
Webauftritt für Marketing-Agentur - Desktop und Mobile-Site, Responsive-Web-Design (Umsetzung), HTML, CSS, JavaScript, PHP -
NDAInternationale Gewinnspiel-Aktion für 2014-2015, Anpassung der vorhandenen Mechanik, HTML5/CSS3-Programmierung, RWD, PHP, MySQL, Backend
-
Esselte/Leitz
Multinationale Microsites für Jahresproduktkampagnen 2008-2012 - AS3-Programmierung/Animation -
Esselte/Leitz
Browsergame für multinationale Microsite - AS3-Programmierung -
Bauknecht
Webseite zur Organisation des Bauknecht Händler-Events zur IFA Berlin 2013 - Front- und Backend, HTML/CSS, JavaScript, PHP/MySQL -
Philip Morris
Webseite für den Chesterfield Musikförderpreis 2012 - Drupal-Theming, CSS -
KRÜGER
Unternehmenshomepage - AS3-Programmierung, Animation, 3D-Grafik -
KRÜGER
Microsite für Trinkfix-Produktlinie - AS3-Programmierung, Animation
CGI


Tech-Lab
In diesen <div>-Tags sind einige Tests, Experimente und Spielereien
versammelt.
Auf Browser-Kompatibilität oder 100%ige Funktionalität sollte man gar nicht erst
hoffen.
Tutorial für PHPUnit und SQLite-Datenbanken
Mit PHPUnit und DBUnit PHP/SQLite-Anwendungen mit einer
nicht persistenten Datenbank automatisiert testen.
GitHub
GitHub

Mondphasen-App für Android
Mondphasenberechnung für das aktuelle Datum und den kommenden Mondzyklus.
Geschrieben für / getestet auf Android 2.3.1,
aktualisiert für Andorid 8.0

The Social React JS Network
Learning-by-doing-Projekt für React JS. Aufbau eines sozialen Mini-Netzwerks mit ReactJS-Client und Slim-API im Backend mit weiteren Anbindungen an
externe Dienste (z.B. Wetterdaten, Google-Maps-API etc) als Proof of Concept.
Einen Link zur Demo gibt es erst, wenn es wirklich vorzeigbar ist. In der Zwischenzeit wird es laufend umgebaut und aktualisiert, was die verwendeten Framework-Versionen angeht.
Einen Link zur Demo gibt es erst, wenn es wirklich vorzeigbar ist. In der Zwischenzeit wird es laufend umgebaut und aktualisiert, was die verwendeten Framework-Versionen angeht.

Werkzeuge

(x)HTML 1-5
Anwendungslevel:

JavaScript
Anwendungslevel:

CSS 2-3
Anwendungslevel:

SCSS/SASS
Anwendungslevel:

PHP
Anwendungslevel:

MySQL
Anwendungslevel:

Bootstrap/Foundation
CSS Frameworks
Anwendungslevel:

jquery/mobile/UI
Anwendungslevel:

PHP Unit
Anwendungslevel:

Laravel
Anwendungslevel:

Wordpress
Plugins/Theming
Anwendungslevel:

ReactJS
Anwendungslevel:

Responsive Web Design
Anwendungslevel:

PHP Storm
Anwendungslevel:

MediaWiki
Anwendungslevel:

Grunt/Webpack
Anwendungslevel:

Canvas
Anwendungslevel:

Objektorientierte Programmierung
Anwendungslevel:

MVCS/MVVM
Design Patterns
Anwendungslevel:

Playwright
BBD Test Framework
Anwendungslevel:

git/SVN
Versionskontrollsysteme
Anwendungslevel:

Docker
Anwendungslevel:

Atomic Design
Anwendungslevel:

Adobe Illustrator
Anwendungslevel:

Adobe Animate
Anwendungslevel:

Slim
Anwendungslevel:

Adobe Photoshop
Anwendungslevel:

Android
Anwendungslevel:

AngularJS
Anwendungslevel:

Shopware
Theming mit Smarty3
Anwendungslevel:
Um zu meinem Ziel zu gelangen, ist mir jedes Mittel recht
( = Anwendungslevel):
- (x)HTML 1-5
- JavaScript
- CSS 2-3
- SCSS/SASS
- PHP
- MySQL
- Bootstrap/Foundation
- jquery/mobile/UI
- PHP Unit
- Laravel
- Wordpress
- ReactJS
- Responsive Web Design
- PHP Storm
- MediaWiki
- Grunt/Webpack
- Canvas
- Objektorientierte Programmierung
- MVCS/MVVM
- Playwright
- git/SVN
- Docker
- Atomic Design
- Adobe Illustrator
- Adobe Animate
- Slim
- Adobe Photoshop
- Android
- AngularJS
- Shopware

Kontakt
...oder direkt:
Schließen
Credits
gemacht mit Stolz, Sorgfalt und: jQuery + diversen Plugins, Isotope, CreateJS, ScrollMagic, poptrox
© 2025 Daniel Grenzmann - d-gre.net
- Datenschutz