Accessibility, Semantik und Modals im Jahr 2023
Das HTML5 Dialog Element wird heute von allen Browsern unterstützt, von großen UI Libraries aber nur selten umgesetzt. Über Semantik, Accessibility und Modals.
HTML5
Drei Seen Haus in Neustrelitz Fürstensee
Endlich mal ein eigenes Projekt, bei dem ich mich austoben konnte. Durch den Eigentümerwechsel des Drei Seen Hauses in Neustrelitz – Fürstensee in Mecklenburg-Vorpommern war der perfekte Moment gekommen die etwas in die Tage gekommene Seite des Ferienhauses komplett zu überarbeiten. Das Ziel war es einen optisch ansprechenden, funktionalen One Pager zu entwickeln, der sowohl die Eigenschaften des Ferienhauses als auch eine einfache Möglichkeit das Ferienhaus zu buchen bietet.
Freaky Friday: Beschreibungstexte für das WordPress Menü
Es ist wieder soweit. Die Freaky Friday Reihe wird fortgesetzt. In diesem Jahr ganz neu aus dem wunderschönen Wiesbaden. Heute soll es mal um die Erweiterung des WordPress Menüs gehen. In einem sehr spannenden Projekt für die Hamburger Journalistin Silke Schröckert programmiere ich gerade an einem WordPress Projekt, welches unter anderem auch Beschreibungstexte für das … Weiterlesen …
Gewässerschadenhaftpflicht Vergleichsrechner für vs vergleichen-und-sparen GmbH
Auf Basis des Zend Frameworks 2 und der bereits für den Hundehaftpflichtversicherung Vergleichsrechner entwickelten Komponenten wurde ein Vergleichsrechner für Tarife der Gewässerschadenhaftpflichtversicherung entwickelt. Für diese Entwicklung wurden wesentliche Zend Framework 2 und Javascript Komponenten, wie z.B. die Berechnung der Tarife, nochmals komplett überarbeitet. Mit den Änderungen konnten wesentliche Geschwindigkeitsvorteile erzielt werden.
Freaky Friday: Native Drag ’n Drop
Es ist schon wieder Freitag und diese Woche habe ich ein kleines Highlight für Euch. Einige von Euch haben sich sicherlich schon immer gefragt, wie das mit diesem Drag ’n Drop eigentlich funktioniert. Wie schaffen es Webseiten, wie zum Beispiel Facebook beim Foto Upload, dass man Dateien einfach vom Desktop in den Browser ziehen und … Weiterlesen …
Freaky Friday: CSS3 ist schräg
Dreiecke? Kreise? Sterne? Ja, all das ist mit CSS3 möglich. Wie? Ein kleines praktisches Beispiel, wie man CSS Formen in der Praxis anwenden kann, zeigt dieser Artikel.
Freaky Friday: Datalist Facepalm
Hach was war ich Anfang dieser Woche guter Dinge, dass ich endlich eine native Alternative für die Autocomplete Funktion des jQueryUI Pakets gefunden habe. Ich habe so auf das HTML5 datalist Element gesetzt und schon eine funktionstüchtige Alternative mit Ajax Request fertig gehabt. Sie musste nur noch browserübergreifend getestet werden. Ich naiver Idiot hätte einfach daran denken sollen, dass Google ’s Chrome Browser die HTML5 Standards einfach am richtigsten umsetzt. Vorab: Solltet ihr auch mit dem Gedanken spielen zum jetzigen Zeitpunkt das datalist Element verwenden zu wollen – lasst es!
Freaky Friday: Geschwindigkeitskontrolle
Es ist mal wieder Zeit für einen Freaky Friday Artikel. Heute soll es mal um die Optimierung von Webseiten in pucto Geschwindigkeit gehen. Im Moment bin ich in ein Projekt eingebunden, bei dem es genau darum geht. Die Optimierung der Performance einer Applikation. Ihr kennt das sicherlich. Man öffnet eine Website und sie braucht eben ein bisschen, um komplett dargestellt zu werden. Selbst wenn sie auf dem Bildschirm zu sehen ist, rödelt da noch was im Hintergrund. Man merkt einfach, dass die Seite noch nicht komplett geladen ist.
Hundehaftpflicht Vergleichsrechner für vs vergleichen-und-sparen GmbH
Nachdem der alte Hundehaftpflicht Vergleichsrechner auf Basis des von mir entwickelten PHP5 Frameworks in die Jahre gekommen ist, sollte hier ein komplett neuer Vergleichsrechner auf Basis des Zend Frameworks 2 entwickelt werden. Vorgabe war ein komplett überarbeitetes, responsives Design, eine optimiertes User Interface und ein paar neue Funktionen, wie z.B. eine Angebotsanforderung für den Kunden oder die direkte Anbindund an das VIAS Kundensystem, in das sämtliche Antragsdaten gespeichert werden.
Goldschmiede Beumer
Für die Goldschmiede Beumer wurde eine auf Wordpress basierende Website entwickelt. Das Hauptaugenmerk lag hier auf Responsive Design und der Visualisierung der Produkte, die die Goldschmiede herstellen bzw. anbieten kann. Professionell in Szene gesetzte Bilder der Goldschmiede wurden aufwendig über den kompletten Bildschirm visualisiert.