Übersetzungsdienste für die Webentwicklung: LibreTranslate, DeepL und Google Translate im Vergleich

In unserem letzten Blog-Artikel haben wir den i18n-Ally begutachtet und unsere Konfiguration geteilt um dieses i18n-Übersetzungstool in unsere VS-Code-Umgebung zu integrieren. Heute schauen wir uns die im i18n-Ally eingebaute Integrationen für DeepL, Google Translate und LibreTranslate an und vergleichen die Performance dieser 3 Dienste. Setup Um Libretranslate lokal zu installieren müssen wir lediglich Docker installieren … Weiterlesen …

iOS und Android App Entwicklung mit Vue.js, Ionic und Codemagic

Ionic ist ein Cross-Plattform Toolkit, mit dem man Apps für iOS und Android erstellen kann. Unter der Haube kann man sich für eins der gängigen Javascript Frameworks (React, Angular oder Vue) entscheiden und dies mit extra Plugins unterstützen, um die systemeigenen APIs anzusprechen (Funktionen wie Vibration, GPS, etc.). Auch bringt Ionic eigene UI-Elemente, die sich … Weiterlesen …

Übersetzungen leicht gemacht: Web-Dev mit i18n-Ally für Visual Studio Code

Wer schon einmal an einer mehrsprachigen Website oder JS-Applikation gearbeitet hat ist sicherlich über i18n gestoßen. Für größere Webseiten mit einem internationalen Publikum ist i18n häufig im Einsatz. Jedoch ist der Support für i18n in IDEs sehr ausbaufähig. Visual Studio Code behandelt standardmäßig Übersetzungsstrings wie jede andere Variable, welche zu runtime aufgelöst wird. Ob der … Weiterlesen …

Automatische Generierung von API-Dokumentation in Laravel

Das erstellen von Schnittstellen Dokumentationen ist aufwendig, fehleranfällig und benötigt viel Zeit. Mit dem Composer Paket Scramble kann automatisch API-Dokumentationen erstellt werden und diese auf einer Unterseite präsentiert werden. Die Dokumentation wird im OpenAPI 3.1.0 Format erstellt und mit Hilfe von Spotlight Elements präsentiert. Auf der Zieldomain kann nach erfolgreicher Installation die Dokumentation unter domain.tld/docs/api … Weiterlesen …

Vue.JS mit Vue Router: Hash Zeichen in URL entfernen

SPA mit Vue Router können mithilfe des History Modes komplette URLs anzeigen – diese sind allerdings lediglich simuliert. Alles nach dem Hash ist nicht Teil der URL und wird nur vom Router verwendet, um dem Benutzer den richtigen Inhalt anzuzeigen. Dies hat negative Auswirkungen auf das SEO. Wie wir den Hash entfernen und aus unseren … Weiterlesen …

Top 10 Git Commands für Anfänger

Sind Sie neu im Thema Versionskontrolle mit Git? Oder möchten Sie nach einer langen Pause kurz die Basics auffrischen? Dann sind Sie hier genau richtig! Wir haben für Sie die 10 wichtigsten Git Commands zusammengetragen, die Sie als Anfänger brauchen um direkt mit einem neuen Repository durchzustarten 1. Git config Der erste Schritt eines jeden … Weiterlesen …

Laravel Notifications per Mail versenden

Mit Laravel kann man Benutzern direkt Notifications per E-Mail senden. Wie das funktioniert, erfahren Sie in diesem Artikel. Zum Thema Laravel Notifications haben wir auch einen Artikel zu Notifications in Rocket.Chat versenden veröffentlicht, welchen Sie hier finden können. Mailtrap & SMTP Konfiguration Zum Testen verwenden wir mailtrap.io. Wie der Name es schon suggeriert, werden alle … Weiterlesen …

Back Funktion in Vue mit Vue-Router abfangen

Bei der Entwicklung von Vue Webanwendungen hat man in der Regel mehrere Ansichten oder Dialoge innerhalb einer Unterseite. Bei dem Betätigen der Zurücktaste im Browser oder direkt an der Maus wird allerdings die letzte Seite in der History geöffnet. Etwaige Fortschritte gehen somit verloren. Eine einfache Möglichkeit dieses Verhalten abzufangen sind Router Guards. Wir können … Weiterlesen …

Laravel Scheduler

Mit Hilfe des Schedulers können Tasks gezielt geplant und unabhängig von Benutzeraktivitäten innerhalb von Laravel ausgeführt werden. Wie der Scheduler verwendet wird, erfahren Sie in diesem Artikel. Grundsätzlich werden bei Laravel Funktionen nur ausgeführt, wenn Benutzer diese auslösen. Wenn wir allerdings Tasks haben, die regelmäßig zu bestimmten Zeiten ausgeführt werden, müssen wir den Scheduler verwenden. … Weiterlesen …

CSS Einheiten im Überblick

Die wichtigsten Einheiten für den Alltag als Frontend-Entwickler in einem CSS Cheatsheet mit praktischen Tipps für die Anwendung im eigenen Stylesheet Absolute Einheiten Absolute Einheiten können nicht durch den Entwickler verändert werden. Sie sind starr vordefiniert, mit einer großen Ausnahme. Einheit Voller Name / Englischer Name Entspricht Nützlich für cm Zentimeter / Centimetres 37,8px oder … Weiterlesen …