quellcode

Diagramme einfach mit Javascript-Modul Mermaid erstellen
Gallerie
Diagramme einfach mit Javascript-Modul Mermaid erstellen

Coding, CSS, HTML, Javascript

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 [...]

GSL-Team2022-04-09T15:20:09+02:00April 9th, 2022|Coding, CSS, HTML, Javascript|Kommentare deaktiviert

Microsoft PowerToys in Version 0.17 veröffentlicht
Gallerie
Microsoft PowerToys in Version 0.17 veröffentlicht

Coding, Webwerkzeuge

Microsoft PowerToys in Version 0.17 veröffentlicht

In der letzten Woche hat Microsoft die Version 0.17 der PowerToys für Windows 10 veröffentlicht. Die Kult-Werkzeuge gibt es schon seit Windows 9.x gratis und quelloffen und für Windows 10. Am 29. April 2020 kündigte Entwickler Clint Rutkas von Microsoft die neue Version 0.17 auf Twitter an. Sie finden den Windows-Installer, den Quellcode der Tools und auch die Release Notes der PowerToys auf GitHub. Der Schwerpunkt lag bei Version 0.17 bei der Verbesserung der Stabilität und das Highlight der neuen Ausgabe ist sicherlich die Implementierung eines automatischen Updates. Vermutlich braucht man nach dem nächsten Update auf Version 0.18 dann nicht mehr selbst darauf achten, ob eine neue Version erschienen ist, sondern die Werkzeugsammlung aktualisiert sich dann automatisch. Es gibt von den Entwicklern auch eine Liste der Bugs und Fixes dazu PowerToys kommen mit neuer Telemetriefunktionen In den Release Notes ist auch zu lesen, dass der Code der Tools jetzt auch um Telemetriefunktionen erweitert wurde. Den Grund dafür waren wohl mehrere Probleme im virtuellen Desktop-Modul FancyZone, die ein tiefer liegendes Problem verursacht hatte. Durch die Telemetrie fand Entwickler Rutkas heraus, wie viele Nutzer davon betroffen waren. So half die Auswertung der Telemetriedaten dabei, die Arbeit in diesem Segment früher als geplant abschließen zu können. Fehlerbeseitigungen und Verbesserungen In Version [...]

GSL-Team2020-05-02T12:06:58+02:00Mai 2nd, 2020|Coding, Webwerkzeuge|Kommentare deaktiviert

Gleich zwei neue Releases von Symfony
Gallerie
Gleich zwei neue Releases von Symfony

Allgemein, Webwerkzeuge

Gleich zwei neue Releases von Symfony

Das PHP-Framework Symfony, dessen Entwicklung vor ca. zehn Jahren im Rahmen der Begeisterung für Ruby on Rails startete, ist jetzt in gleich zwei neuen Releases veröffentlicht worden. Funktionell sind die beiden Versionen 2.8 und 3.0 komplett gleich. Das Release 3.0 wirft aber zusätzlich auch Altlasten über Bord und wird so einfach schneller. Wie Ruby baut auch Symfony auf die Model View Controller (MVC)-Architektur. Symfony wurde in PHP 5 geschrieben und wird zurzeit unter der Leitung von Fabien Potencier entwickelt und gepflegt, der jetzt im Blog die Veröffentlichung von Symfony 2.8 und 3.0 ankündigte. Neue Funktionen in Symfony Zu den neuen Funktionen der beiden Versionen 2.8 und 3.0 gehören eine neue LDAP-Komponente, die Änderung der Prioritäten von Event-Listenern und auch einige Security-Erweiterungen. Auch beim Debugging und Profiling hat sich einiges geändert. Die komplette Liste der Änderungen gegenüber Symfony 2.7 finden Sie in dem Blog-Beitrag, mit dem Potencier die Beta-Version von Symfony 2.8 ankündigte. Viele der Neuerungen in Symfony betreffen den Umgang mit Web-Formularen, zu denen es einen zusätzlichen Eintrag gibt. Die Rückwärtskompatibilität Das Programmier-Team hat jetzt auch einige der alten Funktionen für überholt erklärt (deprecated). In der Version 3.x wurden viele dieser veralteten Funktionen ausrangiert und dann die Minimalanforderung für PHP dementsprechend auf die Version 5.5.9 angehoben. So erreicht man zwar eine bessere Leistung, allerdings müssen die Entwickler ihren Programmcode eventuell noch entsprechend anpassen. Die Version Symfony 2.8 bietet die neuen [...]

Support-Team2015-12-02T07:16:01+02:00Dezember 2nd, 2015|Allgemein, Webwerkzeuge|Kommentare deaktiviert

Mozilla mit HTML5-Flashplayer Shumway

Mit dem HTML5-Flashplayer Shumway will Mozilla das Web offener machen und Flash auch auf mobilen Plattformen wie iOS ermöglichen. Wenn das klappt, soll Shumway in den Browser Firefox integriert werden. Anders als native Lösungen wie Gnash oder Lightspark basiert Shumway nur auf Webtochnologien . Wer Shumway schon mal testen möchte, braucht dazu aber die Beta von Firefox 17 – mit der 16er Version läßt sich der HTML5-Flashplayer nicht installieren. Der Quellcode von Shumway steht über Github zur Verfügung.

GSL-Team2012-11-17T10:18:47+02:00November 17th, 2012|HTML|Kommentare deaktiviert

Perl 5.16 wurde veröffentlicht

Getreu dem Motto, jedes Jahr eine stabile Perl-Version zu veröffentlichen, haben die Entwickler jetzt Perl 5.16 bereitgestellt. Die Änderungen im neuen Release der Scriptsprache sollen weitgehend kompatibel mit älteren Sprachversionen sein. Insbesondere die standardkonformere Unterstützung von Unicode 6.1 mit Symbolnamen und Case Folding ist in der neuen Version erwähnenswert. Eine Übersicht über alle Neuerungen finden Sie im Perldelta. Am 20. Juni soll Perl 5.16.1 als Update zur Fehlerbeseitigung der aktuellen Version veröffentlicht werden. Den Quellcode zum neuen Release finden sie schon unter MetaCPAN, die Binärpakete sollen auch in Kürze verfügbar sein.

GSL-Team2012-05-23T07:51:16+02:00Mai 22nd, 2012|Allgemein|Kommentare deaktiviert

Die Quellcodes von GIMP 2.8 stehen zum Download bereit

Heute wurden die Quellcodes zur neuen Version 2.8 des beliebten Bildbearbeitungsprogramms GNU Image Manipulation Program (GIMP) zum Download bereitgestellt. Installationspakete dazu werden bald folgen. Für die Erstellung von Webseiten ist GIMP ein gutes kostenloses Werkzeug, das seit einiger Zeit auch als Windows-Version zur Verfügung steht. Viele werden sich dar+ber freuen, dass GIMP 2.8 jetzt statt in drei oder mehr Einzelfenstern ketzt auch in einem Fenster ablaufen kann. Das Textwerkzeug wurde für die neue Version stark überarbeitet. Kerning und Textfarbe können jetzt geändert werden und man muss Texte nicht mehr in ein Fenster eingeben, sondern kann das direkt in der Zeichenfläche machen. Über einen Polygonrahmen lassen sich jetzt auch Teile eines Bildes verzerren. Auch die Gruppierung von Ebenen ist jetzt möglich. Eine vollständiger Beschreibung der neuen Funktionen von GIMP 2.8 gibt es schon seit Mitte letzten Jahres bei Golem.

GSL-Team2012-05-03T22:43:36+02:00Mai 3rd, 2012|Allgemein|Kommentare deaktiviert

Schaltflächen (Buttons) ohne Formular nutzen

Die Schaltflächen, die in Formularen mit Input-Elementen erzeugt werden, lassen sich ohne Probleme auch als Anker für normale Links verwenden. Man braucht also kein vollständiges Formular, um über diese grafisch ansprechenden Buttons eine andere Seite aufzurufen. Dazu behandelt man ein Input-Tag vom Typ "submit" wie ein Bild oder einen Text, die als Linkanker dienen sollen. Die Beschriftung der Buttons wird durch das Attribut "value" festgelegt. Hier ein Beispiel mit HTML-Quellcode und dem Ergebnis:

GSL-Team2011-12-01T13:14:31+02:00Dezember 1st, 2011|HTML|Kommentare deaktiviert

Schnelleres PHP mit HipHop

PHP ist eigentlich eine interpretierte Sprache. Das heißt, dass eine PHP-Seite erst übersetzt und dann ausgeliefert wird. Das braucht natürlich unnötig Zeit, wenn eine Seite bei jedem Aufruf erneut übersetzt wird, auch wenn der Quellcode überhaupt nicht geändert wurde. Auch die Entwickler von PHP haben das schon lange erkannt, und seit der Version 4 wird der Quellcode vor der Ausführung zunächst in einen Bytecode übersetzt und dann solange gespeichert vorrätig gehalten, bis sich der Quellcode einmal geändert hat. Erst dann wird er wieder einmalig in den Bytecode übersetzt. Dadurch kann die Ausführung eines PHP-Programms bis zu achtmal schneller erfolgen. Für normale Internetseiten ist das schon eine deutliche Verbesserung der Performance – die Besucher einer solchen Präsenz bekommen schnell die angeforderten Informationen. Dem Internetdienst Facebook, der ca. 30.000 Server betreibt, um die Last von einigen Hundert Milliarden Seitenabrufen zu bewältigen, war das nicht ausreichend, und HipHop wurde innerhalb von zwei Jahren entwickelt. Im Grunde übersetzt HipHop den PHP-Quellcode in C++-Quellcode und diesen wiederum in Maschinensprache. So etwas nennt man einen zweistufigen Sourcecode-Transformator. Leider hat das System auch seine Schwächen, die zurzeit in der PHP-Community diskutiert werden. Das beginnt bei Funktionen wie eval(), die mit HipHop nicht mehr laufen, mit der Verkomplizierung der Entwicklungsprozesse, der berechtigten Sorge, dass [...]

GSL-Team2010-05-20T12:10:32+02:00Juni 21st, 2010|Allgemein|Kommentare deaktiviert

HTML Editor, WYSIWYG – welches Werkzeug soll es sein?

Als Editor bin ich ein Freund von Notepad2 , wobei mein Mann auf PhpED von Nusphere schwört, da dieser Syntax- Hervorhebung beinhaltet, welche Tags (die spitzen Klammern im Code) farblich kenntlich macht, Tippfehler aufzeigt, angefangene Code Wörter vervollständigt u.v.m Wenn man HTML mit einem solchen HTML Buch lernt, ist ein nackter Text/HTML Editor Pflicht. Wenn es weniger darum geht zu verstehen was man dort tut, als denn schnelle Ergebnisse zu erhalten, dann empfiehlt sich ein sogenannter WYSIWYG-Editor (WYSIWIG steht für „what you see is what you get“ und bedeutet: „Was du siehst, ist [das,] was du bekommst.“). Um mit einem WYSIWYG Editor um zu gehen muss der Anwender nur wenig bis gar nichts über HTML wissen, um seine Homepage zu erstellen. Der User erstellt HTML-Seiten nicht mittels der direkten Erzeugung von HTML-Code sondern über eine Benutzeroberfläche, die in vielen Fällen an Windows Schreibprogramme Programme erinnert. […]

Support-Team2010-11-14T00:05:23+02:00November 28th, 2009|Allgemein|Kommentare deaktiviert

Webseiten selber basteln – Ja oder Nein ?

An jeder Ecke gibt es Tools, überall wird einem erzählt das man ja kein Profi mehr sein muss um sich die eigene Webseite selbst zu machen, ganz einfach ohne jegliche Kenntnisse. Schon klar… Wenn es um eine private Webseite geht: Okay ! Bastel was das Zeug hält, probiere jedes Tool aus, melde dich bei jedem angeblich kostenlosen Dienst an … aber benutze am besten eine Müll-Mail Adresse dazu, die du anschließend weg werfen kannst. Und verabschiede dich von den „Baukästen“ , denen sieht meist jedes geschulte Auge an das es Baukästen Seiten sind und der Quellcode ist in der Regel so schlecht, das Suchmaschinen einen großen Bogen um die Seiten machen, damit verbrennt man sich unter Umständen dauerhaft seine wertvolle Domain. Wenn du ernsthaft daran interessiert bist langfristig an deiner eigenen Webseite zu basteln, dann investiere 15 – 25 Euro in ein html Buch für Anfänger, damit erhälst du ein Bündel an Grundkenntnissen die sich über Jahre bezahlt machen ! […]

Support-Team2010-11-05T18:47:33+02:00November 28th, 2009|Allgemein|Kommentare deaktiviert