Try to avoid loops in JavaScript for better performance

Use objects instead of arrays A benefit of objects is that you can directly call its children elements (properties) by name. While arrays only have index numbers. Here is a simple example: const exampleDataArray = [ { id: 8462943, name: „Google“, url: „http://google.com“ }, { id: 9847323, name: „Amazon“, url: „http://amazon.com“ }, { id: 938442934,… Try to avoid loops in JavaScript for better performance weiterlesen

Die komfortable Art, JavaScript- und CSS-Dateien zu kombinieren — mit Miniphpy

In den Artikeln Traffic verringern: JavaScript-Dateien kombinieren und Website-Gestaltung: Beschleunigung durch Kombinieren von CSS-Dateien bin ich bereits darauf eingegangen, dass es Sinn macht, bei Web-Projekten CSS- und JavaScript-Dateien zusammenzufassen, um mehrfaches Abfragen einzelner Dateien zu verhindern. Verwendet man CSS Pre-Prozessoren wie LESS oder Sass, ist es ziemlich einfach, seine Stylesheets zu kombinieren. Seit einiger Zeit… Die komfortable Art, JavaScript- und CSS-Dateien zu kombinieren — mit Miniphpy weiterlesen

Traffic verringern: JavaScript-Dateien kombinieren

Für das Kombinieren und Minimieren von JavaScript-Dateien, habe ich UglifyJS2 auf GitHub gefunden. Das ist ein Node.js-Modul. Um es zu verwenden, muss also Node.js installiert sein. Um UglifyJS2 zu installieren, tippe Folgendes in ein Konsolen-Programm ein (ich benutze gerne PowerShell): npm install uglify-js -g Navigiere anschließend mit cd zu deinem Projekt-Ordner. In meinem Beispiel sieht… Traffic verringern: JavaScript-Dateien kombinieren weiterlesen

Update bei Colorganize – Einloggen mit Twitter

Ab sofort können sich Nutzer bei Colorganize ganz einfach mit seinem Twitter-Account einloggen. Es ist keine extra Registrierung nötig. Klicke einfach auf den Button „Sign in with Twitter“ und autorisiere Colorganize als Twitter-App. Es ist geplant, weitere Login-Möglichkeiten einzubringen (Facebook, Google etc.). Teste es gleich aus: colorganize.com

Die Zukunft der Web-Programmierung: Adobe Edge Code

Adobe Edge ist die neue Produkt-Linie zur modernen Web-Entwicklung. Eine Entwicklungsumgebung beschäftigt sich mit der Erstellung von HTML, CSS usw. Also zur Entwicklung einfacher Webseiten. Anders als Dreamweaver, ist Edge Code nicht so mit Funktionen überladen, sondern liefert nur das nötigste. Edge Code befindet sich zwar noch in der Entwicklungs-Phase, bietet aber bereits einige nützliche… Die Zukunft der Web-Programmierung: Adobe Edge Code weiterlesen

Neue Funktion bei LGK Start – und ein verbessertes Design

Zu LGK Start: lgkonline.de/start » Ich habe heute eine Funktion in LGK Start eingeführt, die ich mir schon länger gewünscht habe: Das Beibehalten eines Suchwortes beim Wechsel in einen anderen Suchdienst. Wenn ich meine Startseite aufrufe und nach einem Bild suchen will, habe ich es aus Versehen in der Websuche eingeben. Was jetzt tun? Nach… Neue Funktion bei LGK Start – und ein verbessertes Design weiterlesen