Neue Version des Sound-Tools Peaks.js

Peaks.js ist eine JavaScript-Komponente, mit der man Audio-Dateien im Browser über ein Canvas-Element in Wellenform darstellen kann. Die Forschungsabteilung der BBC hatte die Komponente ursprünglich für interne Zwecke entwickelt, damit Mitarbeiter im Radio- und Fernseharchiv Ausschnitte präzise auswählen und herunterladen können. Die Benutzer können darin auch zoomen und die Anzeige verschieben. In der neuen Version 2.0 wurde das Laden benutzerdefinierter Player-Objekte deutlich verbessert. Features von Peaks.js 2.0: Zoomable and scrollable waveform view Fixed width waveform view Mouse, touch, scroll wheel, and keyboard interaction Client-side waveform computation, using the Web Audio API, for convenience Server-side waveform computation, for efficiency Mono, stereo, or multi-channel waveform views Create point or segment marker annotations Customizable waveform views Direkt bei der BBC finden Sie weitere Informationen über die Komponente und können dort auch eine Demo downloaden…

2022-05-02T18:02:24+02:00Mai 2nd, 2022|Coding, HTML, Javascript|Kommentare deaktiviert für Neue Version des Sound-Tools Peaks.js
Weiterlesen

Diagramme einfach mit Javascript-Modul Mermaid erstellen

Mit dem freien Javascript-Modul Mermaid lassen sich mit einer einfachen Textsyntax ohne Kosten Diagramme erstellen. Sie eignen sich besonders für den Einsatz auf Internetseiten. Wer gelegentlich kleine bis mittelgroße Infografiken von Fluss- und Tortengrafiken bis zu Gantt-Diagramme auf Internetseiten veröffentlicht, braucht dafür nicht unbedingt Bilddateien aus lizenzpflichtiger Standalone-Software einbinden. Das freie Javascript-Modul Mermaid reicht in vielen Fällen schon aus. Mermaid wandelt nach einem bestimmten Muster aufgebaute Texte ganz automatisch in Diagramme um. Dieser „Diagramm-Quellcode“ kann ganz einfach direkt in eine HTML-Datei geschrieben werden. Das sich daraus ergebende Diagramm passt sich der HTML-Darstellung im Browser an und verpixelt zum Beispiel auch bei starkem Zoom nicht. Mermaid unterstützt eine Reihe von Diagramm-Typen. Das sind in der aktuellen Version 8.13.9 zunächst die Klassiker wie Fluss- und Tortendiagramme und Gantt-Diagramme für Projektmanagement. Darüber hinaus stehen auch stärker technisch ausgerichtete Sequenz-, Klassen- und Zustandsdiagramme zur Verfügung. Voraussetzungen für die Nutzung Technisch kann Mermaid auf nahezu jedem System eingesetzt werden. Zum Testen muss noch nicht einmal ein Webserver installiert sein – dafür braucht man nur einen Texteditor und einen Browser. Mermaid kommt als einzelne Javascript-Datei mermaid.js. Diese Datei muss als Quelle in einem Script-Tag im HTML-Code angegeben werden. Dabei kann sie über die URL   https://cdn.jsdelivr.net/npm/mermaid@8.13.9/dist/mermaid.js auch direkt aus dem Content-Delivery-Network JSDelivr heraus eingebunden [...]

2022-04-09T15:20:09+02:00April 9th, 2022|Coding, CSS, HTML, Javascript|Kommentare deaktiviert für Diagramme einfach mit Javascript-Modul Mermaid erstellen
Weiterlesen

JavaScript-Framework Angular 13 ohne IE 11 und View Engine

Vom JavaScript-Framework Angular wurde jetzt die Version 13 veröffentlicht. Das neue Release setzt unter dem Schlagwort "Ivy Everywhere" auf die in Ivy vereinte Pipeline für das Compilern und Rendern. Die View Engine ist aus dem Framework entfernt worden. Jetzt ohne Anbindung an den Internet Explorer 11 13 Auch die Anbindung an den Internet Explorer 11 hat Angular entfernt, um zeitgemäße Browserfunktionen wie CSS-Variablen und Webanimationen über native Web-APIs nutzen zu können, die der veraltete Browser von Microsoft nicht kennt. Damit entfallen auch die für IE 11 erforderlichen Polyfills, die man in vorhandenen Anwendungen mit dem Befehl ng update auch automatisch entfernen kann. Wer noch auf den alten Browser angewiesen ist, sollte bei Angular 12 bleiben, das offiziell noch bis November 2022 Support bekommt. Das Ende der View Engine Mit der im Mai veröffentlichte Version 12 wurde die View Engine schon als deprecated (überholt) gekennzeichnet, und im aktuellen Release 13 fehlt sie jetzt endgültig, womit der Umstieg auf Ivy, die Pipeline für Compiler und Rendering, abgeschlossen ist Durch den Wegfall der View Engine muss Angular nicht mehr so häufig auf den Angular Compatibiliy Compiler ngcc zugreifen. Dadurch soll das Kompilieren potenziell beschleunigt werden, weil die für ngcc erforderlichen Metadaten- und Summary-Dateien nicht mehr benötigt werden. Außerdem ermöglicht der Verzicht auf die View Engine [...]

2021-11-04T12:18:43+02:00November 4th, 2021|Coding, CSS, Javascript, Webwerkzeuge|Kommentare deaktiviert für JavaScript-Framework Angular 13 ohne IE 11 und View Engine
Weiterlesen

Aktuelles Programmiersprachen-Ranking von RedMonk

Zweimal im Jahr veröffentlicht das IT-Marktforschungsunternehmen RedMonk sein Programmiersprachen-Ranking, das auf Analysen von GitHub und Stack Overflow basiert. Soeben wurde die zweite Ausgabe des Jahres veröffentlicht, in der sich Python und Java wieder mal  ein Rennen um den zweiten Platz liefern, das diesmal aber beide gewinnen. JavaScript schaffte es auch diesmal wie schon seit Jahren unangefochten auf den ersten Platz, und auch beim Rest der Top 20 hat sich im Vergleich zum ersten Ranking des Jahres kaum etwas geändert. Der zweite Platz ist hart umkämpft Der zweite Platz ist aber deutlich härter umkämpft: Während Java sich früher sogar auf dem ersten Platz mit JavaScript abwechselte, hat Java mit der objektorientierten Programmiersprache Python einen starken Konkurrenten bekommen. Schon 2020 verwies Python erstmals Java auf den dritten Platz, was bis zum ersten Quartal 2021 auch so blieb. Im aktuellen Ranking holt Java aber wieder auf und schafft zusammen mit Python den zweiten Platz. Die besonders bei Webworkern beliebte Sprache PHP schaffte es auf Platz 4 des Rankings Die aktuellen Top 5: 1 JavaScript 2 Python 2 Java 4 PHP 5 CSS Screenshot: RedMonk

2021-08-10T07:43:52+02:00August 9th, 2021|Coding, CSS, HTML, Javascript, MySQL, PHP|Kommentare deaktiviert für Aktuelles Programmiersprachen-Ranking von RedMonk
Weiterlesen

PHP und Symfony: Erste Hauptversion der Bibliothek Panther

Von der Version 0.1.0 bis Version 1.0 brauchte es zwei Jahre Entwicklungszeit, und endlich  liegt die Browser-Testing- und Web-Scraping-Bibliothek Panther in der ersten Hauptversion vor. Die Standalone-Bibliothek basiert auf der WebDriver W3C-Spezifikation und steht jetzt für alle Entwickler zur Nutzung mit PHP und Symfony bereit. Mit ihr lassen sich Webseiten scrappen und End-to-End-Tests mit Browsern durchführen. In Chrome und Firefox ist die native Unterstützung für Panther schon eingebaut. Die Browser Safari, Edge und Opera brauchen dazu noch eine zusätzliche Konfiguration. Die Software unterstützt auch Cloud-Testing-Anbieter wie zum Beispiel Sauce Labs und Browserstack. Integration mit JavaScript Bei Symfony arbeitet das Team an einer unkomplizierten JavaScript-Integration in das Framework. Dazu kommt Panther mit einer Implementierung für die BrowserKit-API, mit der man das Framework im Symfony-Umfeld einfacher nutzen kann. Deshalb lassen sich bestehende funktionale Tests mit Panther in einem Browser fast ohne Codeänderungen ausführen. Per JavaScript erweiterte Twig-Templates kann man beispielsweise mit dem Test-Framework PHPUnit testen. Panther startet automatisch einen Webserver, der die Anwendungen und Browsertreiber exportiert – es braucht also keinen Selenium Server. Danach verwendet Panther die PHP WebDriver-Bibliothek, um den Vorgang durchzuführen. Neue Flex Recipes und Assertionen In der neuen Version 1.0 erhält Panther eine neue Anweisung für Symfony Flex (Flex Recipe), welche die benötigte Konfiguration erzeugt. Mit [...]

2021-02-12T00:24:04+02:00Februar 12th, 2021|Browser, Coding, Javascript, PHP, Webwerkzeuge|Kommentare deaktiviert für PHP und Symfony: Erste Hauptversion der Bibliothek Panther
Weiterlesen

Ebay.de scannt Rechner auf offene Ports

Wer die Webseiten Ebay.de und Ebay.com aufruft, dessen Rechner wird vom Betreiber der Server auf offene Ports gescannt. Per Javascript klopft Ebay an 14 Ports des lokalen Rechners an, die von den verbreitetsten Fernwartungs-Tools genutzt werden. Bei einem offenen Port kann man davon ausgehen, dass ein entsprechender Dienst auf diesem Rechner aktiv ist. Dies Vorgehen hat der Sicherheitsforscher Charlie Belmer herausgefunden. Mit einem Javascript namens Check.js versucht Ebay über Websockets eine Verbindung zu 127.0.0.1, der eigenen IP-Adresse des lokalen Rechners, aufzubauen. Beim ersten Aufruf der Webseiten Ebay.de und Ebay.com werden unter Windows die nachfolgenden Ports gescannt: RDP: (Remote Desktop Protocol): 3389 Teamviewer: 5939, 5944, 6039, 6040 VNC: 5900, 5901, 5902, 5903 Anyplace Control: 5279 Anydesk: 7070 Aeroadmin: 5950 Tripp Lite Power Alert: 63333 Ammyy Admin: 5931 Interessant: Wenn man Ebay.de oder Ebay.com unter Linux aufruft, wird der Portscan nicht durchgeführt. Bei den Fernwartungstools in der Liste handelt es sich in erster Linie um Windows-Tools. Sie werden zum Beispiel von Administratoren benutzt, um auf entfernte Rechner zugreifen zu können und Computerprobleme der Mitarbeiter zu lösen oder die Rechner zu administrieren. Die Ports bzw. Tools könnten aber auch von Angreifern verwendet werden, um Rechner zu übernehmen oder mit ihnen zu kommunizieren. Deshalb ist auch ein offener Port diesbezüglich [...]

2020-05-26T07:54:09+02:00Mai 26th, 2020|Coding, Javascript, Sicherheit|Kommentare deaktiviert für Ebay.de scannt Rechner auf offene Ports
Weiterlesen

Drupal 8: Mehrere Lücken im Webform-Modul beseitigt

Durch ein wichtiges Sicherheitsupdate soll verhindert werden, dass Angreifer aus der Ferne mit Formularfunktionen von Drupal spielen oder sogar schädlichen Code ausführen. Wenn Sie unter Drupal 8 das Webform-Modul nutzen, um Formulare zu erstellen, sollten Sie dieses so bald wie möglich auf den neuesten Stand bringen. Die Entwickler des CMS haben insgesamt sieben Sicherheitslücken geschlossen, deren Schweregrad von "moderately critical" bis "critical" reicht. Angreifer könnten aus der Ferne die Lücken, die unter anderem in fehlenden Validierungs- und Filtermechanismen der Formularfunktionen bestehen, zum Beispiel ausnutzen, um JavaScript- oder PHP-Code auszuführen. Exploit-Möglichkeiten sind noch nicht für alle Lücken bekannt und zum Teil ist auch eine vorherige Authentifizierung nötig. Die abgesicherte Version Webform 8.x-5.11 können Sie als Update aus dem CMS heraus sowie als Download auf der Drupal-Website bekommen. Details zu den geschlossenen Sicherheitslücken Zu den Drupal-Sicherheitslücken geben die nachstehenden, nach Schweregrad geordneten Advisories nähere Informationen: Webform - Critical - Remote Code Execution - SA-CONTRIB-2020-011 Webform - Critical - Access bypass - SA-CONTRIB-2020-016 Webform - Moderately critical - Cross site scripting - SA-CONTRIB-2020-015 Webform - Moderately critical - Cross site scripting - SA-CONTRIB-2020-014 Webform - Moderately critical - Cross site scripting - SA-CONTRIB-2020-013 Webform - Moderately critical - Access bypass - SA-CONTRIB-2020-012 Webform - Moderately critical - Access bypass - SA-CONTRIB-2020-017

2020-05-08T16:49:16+02:00Mai 8th, 2020|CMS, HTML, Javascript, Sicherheit, Webwerkzeuge|Kommentare deaktiviert für Drupal 8: Mehrere Lücken im Webform-Modul beseitigt
Weiterlesen

JavaScript beim Tor-Browser 9.0.7 deaktiviert

Um dafür zu sorgen, dass der Tor Browser den Benutzern auch weiterhin ein verlässliches anonymes Surfen garantiert, haben die Entwickler in der aktuellen Version 9.0.7 jetzt vorübergehend ihre Sicherheitsvorkehrungen gegen JavaScript deutlich verschärft. Die Änderung bei Javascript Wählt man jetzt in den Einstellungen unter "Datenschutz & Sicherheit" die Stufe "Am sichersten" aus, dann wird die Ausführung von JavaScript komplett deaktiviert. Es handelt sich um eine Vorsichtsmaßnahme der Entwickler, weil es zur Zeit zu Problemen mit der Browser-Erweiterung NoScript kommen kann. Deshalb ist in einigen möglichen Situationen nicht sicher gestellt, dass JavaScript verlässlich blockiert wird. Mit JavaScript in Internetseiten könnten Dritte die Benutzer unter anderem tracken. Man Javascript wenn nötig auch wieder aktivieren Wer bis dato im Am-sichersten-Mode JavaScript gezielt mit NoScript auf ausgewählten Websites blockiert hat und mit der jetzt kompletten Deaktivierung nicht arbeiten kann, hat die Möglichkeit, JavaScript auf eigenes Risiko wieder zu aktivieren. Wie man das macht, beschreibt das Tor-Entwickler-Team in diesem Beitrag.

2020-03-25T18:10:49+02:00März 25th, 2020|Browser, Javascript, Sicherheit, Webwerkzeuge|Kommentare deaktiviert für JavaScript beim Tor-Browser 9.0.7 deaktiviert
Weiterlesen

IDE Eclipse in neuer Version 2019-12 erschienen

Die Entwickler haben soeben die quelloffene Desktop-IDE Eclipse in ihrer neuesten Version 2019-12 veröffentlicht. Programmentwickler können sie als IDE-Pakete für mehrere Programmiersprachen wie Java, C/C++, JavaScript, PHP und Rust jetzt herunterladen. Die Highlights der neuen Eclipse-Version Mit Eclipse 2019-12 können sich Entwickler in textbasierten Editoren jetzt Fehlermeldungen und Warnhinweise auch zwischen den Zeilen eingeschoben anzeigen lassen. Die neue Version der Java-Entwicklungsumgebung unterstützt jetzt auch Java 13 und besitzt im Java-Editor eine optionale Postfix Completion. Es gibt auch Geschwindigkeitsverbesserungen bei der Versionsverwaltung Git, was man besonders bei großen Git-Repositorys recht deutlich bemerkt. Der Upgrade auf Eclipse 2019-12 Weitere Details finden Sie auf der Webseite zum Eclipse-2019-12-Release – dabei auch eine Liste mit Links zu den entsprechenden Neuerungen der am Release beteiligten Eclipse-Projekte. Um Ihre vorhandene Eclipse-IDE auf Version 2019-12 upzugraden, müssen Sie in Window / Preferences: Install+Update / Available Update Sites bei "Latest Eclipse Release" einen Haken setzen und dann Help / Check for Updates ausführen. In der aktuellen Version ist diese Option dann auch standardmäßig aktiviert, so dass dieser Schritt bei Neuinstallationen in Zukunft unnötig wird. Die IDE-Pakete von Eclipse 2019-12 können Sie entweder per Eclipse Installer installieren oder sie als ein einzelne IDE-Pakete direkt herunterladen .

2019-12-19T12:01:21+02:00Dezember 19th, 2019|Coding, Javascript, PHP, Webwerkzeuge|Kommentare deaktiviert für IDE Eclipse in neuer Version 2019-12 erschienen
Weiterlesen

Firefox 70 hat Probleme mit dynamischem JavaScript

Der aktuelle Mozilla-Browser Firefox 70 kann manche Webseiten nicht richtig laden. Das Problem ergibt sich immer dann, wenn Elemente in die Internetseite eingebunden sind, die dynamisches JavaScript wie zum Beispiel YouTube und Facebook nutzen. Die Ursache soll in einer neuen Speichertechnik liegen, lässt uns eine Problembeschreibung Mozillas wissen. Die betroffenen Nutzer müssen sich aktuell mit einem Workaround drumherum mogeln. Mozilla schlägt einen Workaround vor Wenn das Problem nicht schon beim Laden entsprechender Seiten aufgefallen ist, kann man auf einer Testseite feststellen, ob der eigene Rechner davon betroffen ist. Beim Öffnen des Tests erscheint sofort eine Übersicht zur Funktionsfähigkeit. Steht alles auf "Good. Totally Working.", dann hat man keine Problem dieser Art. Sollte nicht alles korrekt funktionieren, erklärt Mozilla, wie sich betroffene Nutzer helfen können: Über die Konfigurationsseite "about:config" von Firefox sollte man "dom.storage.next_gen" suchen. Diese Option muss dann auf "false" gestellt werden. Mit einem weiteren Besuch der Testseite kann man erfahren, ob das Problem damit umgangen wurde.

2019-10-30T13:06:18+02:00Oktober 30th, 2019|Browser, Javascript|Kommentare deaktiviert für Firefox 70 hat Probleme mit dynamischem JavaScript
Weiterlesen
Nach oben