Bleib auf dem Laufenden und profitiere von unserer jahrelangen Erfahrung.

In unserem Blog geht es rund um Coding, UX, UI, Webdesign und Tutorials. Dabei greifen wir auf jahrelange Erfahrung in der IT-Branche zurück.

Synchron oder Asynchron? Das ist hier die Frage.

| Allgemein, Code Snippets, Webentwicklung | No Comments
Wer schon Erfahrungen mit dem Schreiben grösserer JS Files hat, hatte sich sicherlich schon mit der Frage zu kämpfen, ob diese synchron oder asynchron laufen sollen. Wir möchten dir helfen, diese Frage zu beantworten und dir ein besseres Verständnis für die Unterschiede zwischen synchronen und asynchronen JS Files zu vermitteln.

Diese AI erobert derzeit das Internet: ChatGPT

| Allgemein, Webentwicklung | No Comments
ChatGPT, ein grosses Sprachmodell, das von OpenAI trainiert wurde. Es kann Entwicklern dabei helfen, ihre Produktivität im Web-Entwicklungsbereich zu steigern und sogar für sie zu programmieren. Eines der wichtigsten Anwendungsgebiete von ChatGPT ist die Erstellung von Code-Snippets. Let's try! Ein Entwickler kann ChatGPT bitten, eine Funktion in JS zu erstellen, die eine bestimmte Aufgabe ausführt. Zum Beispiel eine Funktion, die die Hintergrundfarbe eines Elementes auf einer Seite ändert. ChatGPT kann dann den entsprechenden Code automatisch generieren: function changeBackgroundColor(element, color) {…

Spambots den Kampf ansagen: So setzt du Google reCAPTCHA v3 richtig ein

| Code Snippets, How-to, Webentwicklung | No Comments
Google reCAPTCHA v3 Google reCAPTCHA v3 ist die neueste Version von Googles beliebtem CAPTCHA-Service. Version 3 baut auf der unsichtbaren Umsetzung von v2 auf und bietet dem Seitenbetreiber viel mehr Freiheiten. Im nachfolgenden Beitrag erklären wir dir die Unterschiede der alten zur neuen Version und zeigen auf, wie du die neue Version in deine Webseite oder dein Webformular einbindest. Ausserdem ziehen wir ein kurzes Fazit zu reCAPTCHA v3 und erklären, ob wir es wirklich besser finden, als v2. Unterschied v2…

Ein fancy Hover-Menü mit CSS gestalten

| Code Snippets, How-to, Webentwicklung | No Comments
CSS Trick: Hover-Menü Eine Navigation ist fast auf jeder Seite vorhanden. Auf gewissen Seiten besteht diese aus nur einer Ebene, auf anderen aus zwei oder sogar mehr. Dies setzt sich sehr oft aus einer Navigationsleiste mit Dropdown-Menüs zusammen, die sich z.B. mithilfe der Maus einblenden lassen. Um dies zu ermöglichen, wird oft JavaScript benötigt. Wir stellen euch hier aber eine reine CSS-Lösung vor, die ohne JavaScript auskommt. Let's get started Hier ein einfaches Menü, welches aus vier Hauptmenüpunkten besteht. "Nav…

CSS Container Queries erklärt

| Code Snippets, How-to, Webentwicklung | No Comments
CSS Container Queries: die besseren Media Queries Jeder Webentwickler kennt Media Queries. Diese sind notwendig, um die verschiedenen Elemente der Webseite auf jedem Gerät schön darzustellen. Wir zeigen euch ein einfaches Beispiel anhand von Produkt-Teasern. Diese sollen auf mobilen Geräten im Hochformat untereinander, auf Tablet im Hochformat nebeneinander und auf Desktop im Querformat nebeneinander dargestellt werden. Wir lösen das Problem zuerst wie gehabt mit Media Queries und zeigen deren Grenzen auf. Danach zeigen wir, wie die bestehenden Probleme mit Container…

Warum Psychologie für dein Produkt so wichtig ist

| Design, UI, UX | No Comments
Die wichtigste Zahl im UX Design: 7 Wir leben in einer Welt mit einer exponentiell wachsenden Informationsmenge. Unser Hirn ist ständig damit beschäftigt, die relevantesten Informationen für uns herauszufiltern, um sie in unserem Kurzzeitgedächtnis zu speichern. Psychologie und Design liegen nah beieinander. Gestalter kommen früher oder später auch mit den psychologischen Auswirkungen ihrer Designs in Kontakt oder sogar in Konflikt. Es ist nicht nur die psychologische Wirkung von Farben, die wir Designer uns zunutze machen können. Designer sollten eigentlich ein…

Standort-Suche – aber richtig!

| UI, UX, Webentwicklung | No Comments
Die richtige Standortsuche: Wie viel Potential steckt dahinter? Multichannel-Commerce verbindet Online- und Offline-Handel und ermöglicht, dass beide gegenseitig voneinander profitieren. Ein Element, welches vielfältig eingesetzt werden kann, um aus dem Online-Auftritt dem Offline-Handel zu helfen, ist die Standortsuche. Nur auf den ersten Blick erscheint eine Standortsuche trivial, und insbesondere im UX-Bereich gibt es nach wie vor viel Potential. Eigentlich ist es doch ganz einfach: Eine Listen- und Kartenansicht, dazu Detailinformationen, fertig. Wo liegen also die Optimierungspotentiale? 1. Umkreissuche Wer hat…

Wie Bilder auf deiner Webseite responsive werden

| Code Snippets, How-to, Webentwicklung | No Comments
Wenn je nach Bildschirmdimension, Pixeldichte oder verfügbarem Platz das passende Bild angezeigt wird, kann das Erlebnis für den Benutzer enorm verbessert werden. Es gibt zwei Faktoren, die zur Optimierung in Betracht gezogen werden können. Wir erklären welche und wie du sie für deine Projekte nutzen kannst.

Welcome to the dark site

| UI, UX, Webentwicklung | No Comments
Im Web gibt es immer mehr Webseiten, welche einen Toggle anbieten, um die Seite im «Dark Mode» darzustellen. Wir erklären, warum Dark Modes so beliebt sind und wie man sie im Web umsetzen sollte.
Nichts verpassen!

Melde dich jetzt für unseren Newsletter an.