Digital First: Loading

Codekit
-
Ein
Freund
und
Helfer

MASSIVE ART Header Codekit
MASSIVE ART Header Codekit

Was ist und macht Codekit?

Codekit ist ein hilfreiches Tool, das mehrere Funktionen für die Frontendentwicklung bereitstellt. Bereiche die Codekit abdeckt sind CSS, Javascript und die Bildkomprimierung. File-Formate mit denen es umgehen kann sind:

Bei MASSIVE ART arbeiten wir z.B. mit der LESS und JavaScript Engine.

Wie binde ich Projekte ein?

Per Drag & Drop kann man einen Ordner in die Programmoberfläche ziehen und schon beginnt die Erkennung der einzelnen Files durch Codekit. Man kann auch über den + Button im unteren linken Eck auf den Finder zugreifen und den Pfad zum Projekt angeben.

Sobald eine Änderung in einem File im Editor stattfindet und dies gespeichert wurde, erkennt Codekit diese Änderungen, beginnt das Projekt durch zu parsen und gibt das jeweilige JavaScript oder CSS neu aus.

Zusätzlich sieht man im LOG welches File sich geändert hat und ob es Komplikationen bei der Erstellung des Files gegeben hat. Hier ist der Nachteil, dass oftmals bei Fehlern zwar das File angezeigt wird, aber nicht in welcher Zeile sich der Fehler befindet.

Für die Web-Browser Google Chrome und Safari findet bei der Speicherung eine automatische Aktualisierung der Website statt.

hero-window
hero-window

JavaScript Optimierung

Bei jeder Speicherung einer .js Datei findet eine Validierung durch JSLint oder JSHint statt. Beide dienen dazu ihr JS File zu optimieren und unnötige Fehler zu vermeiden.

Die Verwendung einer dieser beiden Qualitätswerkzeuge ist meiner Ansicht nach, eine Erleichterung für jeden JS Entwickler. Es könnten beim Programmieren Fehler entstehen die von Browsern wie Firefox oder Chrome ignoriert werden, die aber im Internet Explorer auffallen.

Komprimierung

Ich weiß aus Erfahrung, dass bei der Entwicklung von Websites, je nach Umfang des Projektes, sehr viel CSS und JS Zeilen entstehen können. Mit UglifyJS werden diese in geringster Zeit minimiert. Das Minimieren dieser Files trägt dazu bei, dass ihre Website schneller lädt.

Nicht nur CSS und JS Files werden minimiert, sondern auch Bilder können komprimiert werden. Dies bewirkt auch geringere Ladezeiten.

Wie bekomme ich CodeKit?

CodeKit ist ein Projekt von incident57 und kann auf ihrer Website heruntergeladen werden. CodeKit ist jedoch nur für Mac OS verfügbar.

Diskutieren Sie mit uns auf Facebook und Twitter . Natürlich freuen wir uns auch über ein E-Mail von Ihnen.

Mehr Blogartikel zum Thema:

loading
Nach oben
 

Hallo!
Sie möchten mit uns zusammenarbeiten? 

Welche Themen sind für Sie interessant?

ICH

Erzählen Sie uns doch bitte ganz kurz worum es geht.

ICH

Gerne würden wir mehr darüber erfahren! Wie dürfen wir Sie denn kontaktieren?

Wie dürfen wir Sie denn kontaktieren?


ICH

An welche Addresse sollen wir die Mail schicken?

Unter welcher Nummer sind Sie am besten erreichbar?

Leider sind zur Zeit alle MASSIVE DOVES auf Urlaub ;) Wollen Sie uns alternativ vielleicht eine Telefonnummer oder E-Mail Adresse hinterlassen, unter der Sie erreichbar sind?

ICH

Bitte geben Sie eine gültige E-mail Adresse ein.


Verraten Sie uns noch Ihren Namen?

ICH

Zum Schluss noch etwas Bürokratie #DSGVO:

Vielen Dank für Ihre Anfrage! Wir werden uns so rasch wie möglich bei Ihnen melden.

Es ist etwas schiefgelaufen.
Bitte lade die Seite neu und versuch es noch einmal.