• Kibi
        • Wir verbinden Ihre Systeme
        • Wir entwickeln maßgeschneiderte Schnittstellen, die Ihre Systeme miteinander vernetzen. Durch den Wegfall der manuellen Pflege vermeiden Sie Fehlerquellen und reduzieren den Arbeits- und Datenpflegeaufwand.

        • Das erwartet Sie:

          • API Schnittstellen
          • Anbindung an bestehende Systeme
          • Datenübertragung in Echtzeit
          • Jederzeit erweiterbar
        • PHP Entwicklung mit Laravel
        • Unser erfahrenes Team erstellt professionelle Web-Anwendungen mithilfe von Laravel und gewährleistet dabei ein hohes Maß an Sicherheit bei reibungsloser Funktion.

        • Das erwartet Sie:

          • Für komplexe Webprojekte
          • Für App-Entwicklung
          • Modularer Aufbau
          • Einfache Anbindung an APIs und Dienste
        • WebApps für Ihr Unternehmen
        • Wir entwickeln WebApps die Ihre Bedürfnisse komplett abdecken und gehen dabei speziell auf Ihre Anforderungen ein. Auch eine Weiterentwicklung einer bereits vorhandenen WebApp ist jederzeit möglich.

        • Das erwartet Sie:

          • Vorteile von WebApps
          • Effizienter Arbeiten mit individuellen WebApps
          • WebApp Technologien
          • Referenzen
        • Alle Referenzen im Überblick
        • Hier finden Sie eine Auswahl unserer abgeschlossenen Projekte in Form einer ausführlichen Referenz mit Projekt-informationen, Bildern und Feedback unserer Kunden.

        • OPC Dusk
          Für OPC entwickelten wir eine moderne Webanwendung zur Erschließung neuer Kunden aus dem eCommerce Bereich.

        • Alsco Service WebApp
          Die von uns entwickelte WebApp ersetzt die Reinigungs- und Reparaturzettel an den Kleidungsstücken.

        • Georg Hagelschuer
          Zur zuverlässigen Überwachung der Dampf- und Heißwasser­kessel­anlagen entwickelten wir die GH-focus WebApp.

  • Über uns

HTML5 – Struktur und Bewegung​

HTML5 – Struktur und Bewegung

Mit der fünften Fassung der Hypertext Markup Language, kurz HTML5 genannt, wurde die Hypertext-Auszeichnungssprache strukturierter und interaktiver. Mit CSS3 können moderne responsive Designs mit schnellen Ladezeiten umgesetzt werden. 

Das kann HTML5

Strukturierende Elemente

Die in HTML5 neu eingeführten Elemente helfen bei einer besseren Strukturierung der Webseite.
Diese übersichtliche Struktur kommt auch den Suchmaschinen zu Gute, die die Webseite leichter crawlen können.

Formular-Elemente

Die Formular-Elemente wurden um verschiedene Typen erweitert.
So können mit <datalist> beispielsweise Vervollständigungsvorschläge angegeben werden oder mit <output> das Ergebnis einer Berechnung dargestellt werden.

Multimedia-Elemente

Seit HTML5 gibt es spezifische Elemente für die Einbindung von Audio- und Videodateien. So können Audiodateien und Videos direkt eingebunden werden, ohne dass ein zusätzliches Plugin benötigt wird.

Interaktive-Elemente

Mit den neuen interaktiven Elementen <summary> und <details> lassen sich ausklappbare Elemente ohne Javascript erstellen.

Animationen, Grafiken und Bilder

Das <canvas> Element erlaubt die Erstellung von 2-D-Grafiken mit HTML5. Die Grafiken können dabei animiert werden und/oder auf Klicks/Touch Events reagieren.

Geolocation API

Mit Hilfe der Geolocation API von W3C ist es möglich, den Standort des Users zu ermitteln.

CSS3 – Trennung von Design & Inhalt

CSS3 steht für Cascading Style Sheets Level 3. Diese deklarative Stylesheet-Sprache zählt mit zu den Kernsprachen des World Wide Webs und ist für die Gestaltung zuständig. Die Grundidee war es Design und Inhalt voneinander zu trennen. So gibt es in CSS ausschließlich Gestaltungsanweisungen wie beispielsweise für Layout, Farbe oder auch Typografie. CSS ist ein so genannter „living standard“ und wird vom W3C ständig weiterentwickelt. 

Das kann CSS3

Media Queries

Mit den Media Queries werden die @Media-Regeln erweitert, was die Abfrage nach der Größe des Monitors sowie nach der Orientierung des Gerätes ermöglicht. Dies ist die Grundvoraussetzung für Responsive Design.

Animationen, Schatten & Verläufe

Kleine Effekte wie Transformationen und Animationen lassen sich auch ohne Javascript umsetzen. Außerdem können Texte und Boxen mit Schatten und Verläufen gestaltet werden.

Transparenzen

Die RGB- und Hex-Farben können ab CSS3 auch mit Transparenzen angelegt werden.

Sprachstil von Screenreadern

Screenreader sind besonders für Menschen mit einer Sehbehinderung eine großartige Erfindung. Mit CSS ist es möglich die Sprachwiedergabe zu beeinflussen. Lautstärke, Geschwindigkeit oder auch das Geschlecht des Sprechers kann vorgewählt werden.

Parallax-Effekt

Der Parallax-Effekt ist sehr beliebt und lässt sich mit CSS einfach umsetzen. Die auf unterschiedlichen Ebenen positionierten Objekte werden dabei mit unterschiedlicher Geschwindigkeit zueinander bewegt.

HTML5 und CSS3:
Damit werden Deine Ideen Realität!

Jetzt HTML5 / CSS3 Entwicklung anfragen!

Leg los und vereinbare einen Termin mit uns. Gemeinsam setzen wir Deine Ideen um und bringen Deine Webseite online!

  • Kibi
        • Wir verbinden Ihre Systeme
        • Wir entwickeln maßgeschneiderte Schnittstellen, die Ihre Systeme miteinander vernetzen. Durch den Wegfall der manuellen Pflege vermeiden Sie Fehlerquellen und reduzieren den Arbeits- und Datenpflegeaufwand.

        • Das erwartet Sie:

          • API Schnittstellen
          • Anbindung an bestehende Systeme
          • Datenübertragung in Echtzeit
          • Jederzeit erweiterbar
        • PHP Entwicklung mit Laravel
        • Unser erfahrenes Team erstellt professionelle Web-Anwendungen mithilfe von Laravel und gewährleistet dabei ein hohes Maß an Sicherheit bei reibungsloser Funktion.

        • Das erwartet Sie:

          • Für komplexe Webprojekte
          • Für App-Entwicklung
          • Modularer Aufbau
          • Einfache Anbindung an APIs und Dienste
        • WebApps für Ihr Unternehmen
        • Wir entwickeln WebApps die Ihre Bedürfnisse komplett abdecken und gehen dabei speziell auf Ihre Anforderungen ein. Auch eine Weiterentwicklung einer bereits vorhandenen WebApp ist jederzeit möglich.

        • Das erwartet Sie:

          • Vorteile von WebApps
          • Effizienter Arbeiten mit individuellen WebApps
          • WebApp Technologien
          • Referenzen
        • Alle Referenzen im Überblick
        • Hier finden Sie eine Auswahl unserer abgeschlossenen Projekte in Form einer ausführlichen Referenz mit Projekt-informationen, Bildern und Feedback unserer Kunden.

        • OPC Dusk
          Für OPC entwickelten wir eine moderne Webanwendung zur Erschließung neuer Kunden aus dem eCommerce Bereich.

        • Alsco Service WebApp
          Die von uns entwickelte WebApp ersetzt die Reinigungs- und Reparaturzettel an den Kleidungsstücken.

        • Georg Hagelschuer
          Zur zuverlässigen Überwachung der Dampf- und Heißwasser­kessel­anlagen entwickelten wir die GH-focus WebApp.

  • Über uns