Frontend Entwicklung
Icon Frontend Entwicklung

Wir verleihen Ihrer Website ein Gesicht: Frontend Entwicklung mit der Webagentur kusko

Wir sind Experten in allen Bereichen der modernen Frontend Entwicklung mit HTML, CSS und JavaScript. Wir arbeiten mit den neusten Techniken und Werkzeugen und nutzen neue Ansätze für die Architektur von Web-Anwendungen. 

Wir gewährleisten die Usability jeder Anwendung – vom 6-Zoll Bildschirm auf dem Mobilgerät bis zum 30-Zoll Bildschirm am Desktop Computer.

10 unserer Frontend Engineering Kenntnisse zu Ihrem Vorteil

01

Design

Design

Wir brennen für die Umsetzung von modernen Bedienkonzepten und visuell herausragenden Benutzerschnittstellen ist unsere Leidenschaft. Wir implementieren Ihr gesamtes UI in aktuellen Software-Technologien und -Frameworks. Dabei berücksichtigen wir Aspekte wie Responsive Design und Barrierefreiheit.

Wir brennen für die Umsetzung von modernen Bedienkonzepten und visuell herausragenden Benutzerschnittstellen ist unsere Leidenschaft. Wir implementieren Ihr gesamtes UI in aktuellen Software-Technologien und -Frameworks. Dabei berücksichtigen wir Aspekte wie Responsive Design und Barrierefreiheit.

02

HTML

HTML

Wir achten auf semantisch korrektes Markup. Diese strukturierten Formen im HTML können von Suchmaschienen und Screenreadern besser verstanden werden. Dabei achten wir auch auf Accessibility: Wir bauen barrierefreie Websites. So können auch sehbehinderte Menschen Ihre Website ohne Probleme bedienen.

Wir achten auf semantisch korrektes Markup. Diese strukturierten Formen im HTML können von Suchmaschienen und Screenreadern besser verstanden werden. Dabei achten wir auch auf Accessibility: Wir bauen barrierefreie Websites. So können auch sehbehinderte Menschen Ihre Website ohne Probleme bedienen.

03

CSS

CSS

Unser CSS schreiben wir mit SASS und benutzen modulare Ansätze wie BEM um den Überblick über die Styles nicht zu verlieren. Für Layouts benutzen wir moderne Ansätze, wie CSS Grids oder CSS Flexbox.

Wir kennen die aktuellen CSS-Frameworks, wie Bootstrap oder Tailwind und wenden diese je nach Projekt an. Wir prüfen dabei immer zuerst, ob der Einsatz eines Frameworks überhaupt Sinn macht.

Unser CSS schreiben wir mit SASS und benutzen modulare Ansätze wie BEM um den Überblick über die Styles nicht zu verlieren. Für Layouts benutzen wir moderne Ansätze, wie CSS Grids oder CSS Flexbox.

Wir kennen die aktuellen CSS-Frameworks, wie Bootstrap oder Tailwind und wenden diese je nach Projekt an. Wir prüfen dabei immer zuerst, ob der Einsatz eines Frameworks überhaupt Sinn macht.

04

JavaScript

JavaScript

Mit unseren vertieften JavaScript Kenntnissen machen wir Ihre Website dynamisch und interaktiv. Wir benutzen JavaScript, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern.

Mit unseren vertieften JavaScript Kenntnissen machen wir Ihre Website dynamisch und interaktiv. Wir benutzen JavaScript, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern.

05

Tools & Practices

Tools & Practices

Tools, wie die IDE PhpStorm, Bitbucket oder Confluence sind für uns tägliche Werkzeuge, so wie Nagel und Hammer für einen Zimmermann. Wir kennen unser Handwerkszeug und wissen es stets produktiv und effizient einzusetzen.

Tools, wie die IDE PhpStorm, Bitbucket oder Confluence sind für uns tägliche Werkzeuge, so wie Nagel und Hammer für einen Zimmermann. Wir kennen unser Handwerkszeug und wissen es stets produktiv und effizient einzusetzen.

06

Performance

Performance

Der Look ist wichtig, die Leistung aber auch - starke Website-Performanz verbessert nachweislich die User Experience:

Nutzer greifen von überall her auf Ihre Website zu. Wir stellen sicher, dass sie sie auch problemlos erreichen. Wir kontrollieren die entwickelte Applikation auf Geschwindigkeit, Komprimierung der Bilder sowie die Grösse der Script-Dateien. Dazu verwenden wir verschiedene gängige Tools, wie zum Beispiel Google Lighthouse.

Der Look ist wichtig, die Leistung aber auch - starke Website-Performanz verbessert nachweislich die User Experience:

Nutzer greifen von überall her auf Ihre Website zu. Wir stellen sicher, dass sie sie auch problemlos erreichen. Wir kontrollieren die entwickelte Applikation auf Geschwindigkeit, Komprimierung der Bilder sowie die Grösse der Script-Dateien. Dazu verwenden wir verschiedene gängige Tools, wie zum Beispiel Google Lighthouse.

07

Template Engines

Template Engines

Bei der TYPO3 Fluid Template-Entwicklung legen wir grossen Wert auf eine moderne UI, sowie optimale Usability und Performance durch optimierte Ladezeiten. Durch den Einsatz von verschiedenen Layouts, Templates und Partials können Sie Ihre Website selbst individuell gestalten und erweitern.

Bei der TYPO3 Fluid Template-Entwicklung legen wir grossen Wert auf eine moderne UI, sowie optimale Usability und Performance durch optimierte Ladezeiten. Durch den Einsatz von verschiedenen Layouts, Templates und Partials können Sie Ihre Website selbst individuell gestalten und erweitern.

08

Web-Apps & PWAs

Web-Apps & PWAs

Ein wichtiger Bestandteil der digitalen Transformation sind Web-Applikationen und Progressive Web Apps (PWA), die immer beliebter werden.

Eine PWA ist quasi eine Website, die die Vorteile von Websites und mobilen Apps in sich vereint. So funktioniert die Anwendung, losgelöst vom Betriebssystem, immer gleich gut: Ob als Website oder App. 

Die Entwicklungskosten sind dabei geringer als die, nativer Apps, da die Applikation nicht für verschiedene Plattformen, wie Android oder iOS programmiert werden muss. Der Endbenutzer muss die Applikation nicht vom Appstore herunterladen, sondern kann sie ganz einfach über seinen Webbrowser ohne Installation nutzen.

Ein wichtiger Bestandteil der digitalen Transformation sind Web-Applikationen und Progressive Web Apps (PWA), die immer beliebter werden.

Eine PWA ist quasi eine Website, die die Vorteile von Websites und mobilen Apps in sich vereint. So funktioniert die Anwendung, losgelöst vom Betriebssystem, immer gleich gut: Ob als Website oder App. 

Die Entwicklungskosten sind dabei geringer als die, nativer Apps, da die Applikation nicht für verschiedene Plattformen, wie Android oder iOS programmiert werden muss. Der Endbenutzer muss die Applikation nicht vom Appstore herunterladen, sondern kann sie ganz einfach über seinen Webbrowser ohne Installation nutzen.

09

Versionierung

Versionierung

Bei kusko setzen wir auf Git, das mit Abstand am weitesten verbreitete moderne Versionskontrollsystem der Welt:

Änderungen am Projekt sind immer und zu jeder Zeit nachvollziehbar. Ein weiterer Vorteil von Git ist, dass mehrere Entwickler problemlos gleichzeitig am selben Projekt arbeiten können. Verschiedene Versionen (Braches) können einfach zusammengefügt (gemerged) werden.

Bei kusko setzen wir auf Git, das mit Abstand am weitesten verbreitete moderne Versionskontrollsystem der Welt:

Änderungen am Projekt sind immer und zu jeder Zeit nachvollziehbar. Ein weiterer Vorteil von Git ist, dass mehrere Entwickler problemlos gleichzeitig am selben Projekt arbeiten können. Verschiedene Versionen (Braches) können einfach zusammengefügt (gemerged) werden.

10

Deployment

Deployment

Mit dem auf PHP basierenden Tool Deployer können wir Ihnen ein Zero-Downtime-Deployment garantieren. Wir stellen damit sicher, dass neue Versionen von ihrem Webprojekt ohne lange Offline-Zeiten fehlerfreien aktualisiert werden.

Mit dem auf PHP basierenden Tool Deployer können wir Ihnen ein Zero-Downtime-Deployment garantieren. Wir stellen damit sicher, dass neue Versionen von ihrem Webprojekt ohne lange Offline-Zeiten fehlerfreien aktualisiert werden.

Markus Tobler, Gründer & Geschäftsführer

Sie sind noch unsicher, wo die Reise hingehen soll, oder welche Leistung Sie ans Ziel bringt? Wir weisen Ihnen gerne den Weg!