Die Arbeit unter der Haube: HTML, CSS und Javascript in Perfektion

Autor: Sillicon Import Bot
Veröffentlichungsdatum: 14. April 2023
Zuletzt geändert: 24. September 2026

Frontend Development

Frontend Development gehört für uns als Digitalagentur zu den wichtigsten Disziplinen. Einfach gesprochen handelt es sich dabei um die Umsetzung von Layouts, also das Schreiben von HTML, CSS und Javascript-Code. Dabei liegt der Fokus auf der maßgeschneiderten Umsetzung für das Projekt. Wir arbeiten dazu grundsätzlich nicht mit vorgefertigten Templates, sondern entwickeln diese individuell von Grund auf neu, um den spezifischen Erfordernissen des Projekts bestmöglich gerecht zu werden.

HTML, CSS, Javascript 

Das ist unser Handwerkzeug, damit erwecken wir Ideen im Internet zum Leben, setzen statische Screendesigns um und erstellen daraus digitale Erlebnisse in Form von HTML-Seiten, Applications oder Online-Magazinen. Dabei beherrschen wir diese Technologien wie kaum ein anderer. Wir wissen um jede Möglichkeit, um jeden Kniff und worauf es im Kern wirklich ankommt. In der Umsetzung sind wir nicht nur zuverlässig, sondern auch schnell und effizient.

Frameworks

 Das Rad müssen wir nicht jedes Mal neu erfinden. Daher nutzen wir im Frontend Development verbreitete Frameworks, um die Umsetzung zu unterstützen. Dies führt nicht nur schneller zum Ziel, sondern ermöglicht es auch, Dritten oder eigenen Teams an umgesetzten Projekten direkt weiterzuarbeiten. Denn der Vorteil von Frontend-Frameworks wie Bootstrap oder Foundation bzw. Javascript-Frameworks wie jQuery, Angular, Vue.js oder anderen liegt nicht nur in der beschleunigten Umsetzung auf erprobter Basis, sondern auch in der einheitlicheren und bekannten Struktur von Projekten. Nicht wilder Westen, sondern klare Regeln und klare Vorgaben, anhand derer alle Beteiligten arbeiten können.

Cross-Browser- und Cross-Device-Kompatibilität 

Sie gehört zu den großen Herausforderungen im Frontend. Jeder Browser und jedes Device interpretiert HTML-Elemente oder Javascript-Funktionen auf andere Weise. Das wirkt sich nicht nur auf das Erscheinungsbild aus, sondern auch auf die Funktionsweise einzelner Elemente bzw. einer Web Application an sich. Insbesondere bei Mobile Devices ist das ein erfolgskritischer Faktor. Durch die Erfahrung unserer Digitalagentur wissen unsere Entwickler:innen um die Stärken und Schwächen von Browsern und Devices. Und natürlich, wie man mit diesen am besten umgeht. Im Ergebnis führt das zu einer Website oder einer Web Application, die bei allen User:innen zuverlässig funktioniert und überzeugt.

Templating 

Als Template verstehen wir den Prozess, in dem aus statischen Screendesigns mit Hilfe von HTML, CSS und Javascript eine bedienbare Webpage entwickelt wird. Und das weitestgehend entkoppelt von der Technologie, die im Hintergrund die Inhalte für die Website anliefert. So können wir für unterschiedliche Projekte zuverlässige Templates zuliefern, völlig unabhängig davon, in welchem technologischen Rahmen diese später zum Einsatz kommen: Wordpress, Contao, Shopware, Magento, andere Frameworks oder eben eine vollkommen individuelle Lösung. Kein Problem: Wir können Templates dazu liefern. Dies ist insbesondere dann vorteilhaft, wenn eigene Teams oder andere Agenturen in den Backend-Technologien stark sind und wenig eigene Expertise im Frontend haben. So veredeln wir technisch starke Projekte mit den richtigen Templates und reichern sie mit sinnvollen Elementen an, um das Nutzer:innenerlebnis noch weiter zu verbessern, ganz gleich ob Webshop, Web Application, Intranet-Anwendung oder Online-Magazin.

User Experience
 Eine perfekte User Experience, also ein ideales Bedienerlebnis auf einer Website oder in einer Web Application, ist ausschlaggebend für den Erfolg eines Webprojekts. Dabei ist die User Experience das Zusammenspiel aus unterschiedlichen Komponenten des gesamten Projektes. Sie ist die Verbindung aus einem guten Konzept, einer zuverlässigen Umsetzung und der Liebe für jedes Detail. Dabei unterstützen zum Beispiel Animationen und gelernte Bedienprinzipien die gesamte Usability. User Experience ist etwas, das User:innen selbst nicht bemerken. Für User:innen fühlt sich eine Application oder eine Website "einfach gut an". User Experience fällt nur dann auf, wenn sie nicht vorhanden oder nur mangelhaft implementiert ist.

Responsive Design 

Natürlich sind unsere Frontend responsiv, ob wir nun Templates liefern oder eine vollständige Website bzw. Application. Durch den Einsatz von Responsive Webdesign sorgen wir dafür, dass das Frontend auch auf Mobile Devices perfekt ist. Und weiter darüber hinaus, denn wir beachten beispielsweise auch besonderes große Screens, um diese optimal zu nutzen. Für die Umsetzung verwenden wir wahlweise ein agentureigenes Framework oder bestehende Open Source-Frameworks.

Backend Development

helllicht bietet Komplettlösungen
Unsere Arbeit am Frontend einer Website oder einer Web Application ist nur ein Teil unserer Lösungen. Vielfach ist im Hintergrund komplexe Business-Logik am Werk, um die gewünschten Daten zu verarbeiten oder für das Frontend und damit für User:innen aufzubereiten. Wir nutzen dazu je nach Anwendungsbereich die Möglichkeiten des jeweils zugrundeliegenden Content-Management-Systems oder implementieren eigene Lösungen auf Basis bewährter PHP-Frameworks wie Laravel oder Symfony2. Dieses Know-how kommt uns auch dann zugute, wenn wir auf bestehende Backend-Lösungen aufsetzen und ihnen das passende Erscheinungsbild verleihen. Das verschafft uns die Möglichkeit, Weblösungen aus einem Guss zu liefern, da wir von A bis Z mit allen erforderlichen Komponenten vertraut sind.

Schnittstellen

 Welche Daten benötigt das Frontend, um User:innen alle notwendigen Informationen bereitzustellen? Welche Eingaben müssen von User:innen gemacht werden, um die notwendigen Berechnungen und Auswertungen im Hintergrund ablaufen zu lassen? Diese Fragen sind unser täglich Brot und wir spezifizieren gemeinsam mit der Backend-Entwicklung die erforderlichen Austauschformate und -inhalte. Oder wir entwickeln das Backend selbst und haben so die volle Kontrolle über die notwendigen Abläufe und Prozesse.

Eigene Backend-Entwicklung 

Auch im Bereich der Backend-Entwicklung haben wir es uns zur Maxime gemacht, auf bewährte Lösungen zu setzen und nicht das Rad neu zu erfinden. Daher greifen wir zu Frameworks wie Symfony2 oder Laravel und integrieren passende Packages via Composer, um den Anforderungen des jeweiligen Projekts gerecht zu werden. In der Eigenentwicklung des Backends liegt eine besondere Chance, denn wir können dadurch an allen erforderlichen Punkten eingreifen, um das bestmögliche Resultat für die Web Application zu erreichen. Oft ist die Business-Logik in ihrem Ablauf auch dafür verantwortlich, wie Nutzer:inneneingaben oder die Darstellung von Inhalten zu erfolgen haben. Da wir hier an beiden Stellen am Hebel sitzen, können wir die ideale Zusammenarbeit von Frontend und Backend erreichen.