Artikel mit Tag themes

Die 30 besten VS Code Erweiterungen für Administratoren und DevOps

Wie bereits im letzten Artikel erwähnt, gibt es mit Visual Studio Code einen starken Editor, welcher sich mit Hilfe von Erweiterungen für jeden Einsatzzweck anpassen lässt.

Ich möchte euch einige davon vorstellen, welche sich für den Einsatz im Administrations- oder DevOps Bereich eignen.

Die 30 besten VS Code Erweiterungen

  1. Ansible Language: Zu dieser Erweiterung muss wenig gesagt werden. Ihr erhaltet YAML Support mit Syntax Highlighting, Autovervollständigung und der mitgelieferte YAML bzw. Ansible Linter zeigt euch Fehler adhoc an. ansible

  2. Apache Syntax Support: Der Name ist Programm und eure Apache Config Files erstrahlen beim Editieren in neuem Glanz, dank Syntax Highlighting.

  3. Atom Keymap: Solltet ihr aus der Atom Editor Welt kommen und eure alten Shortcuts vermissen, dann hilft das Plugin ungemein.

  4. Better Jinja: Das Arbeiten mit Jinja Templates kann schnell in die Verzweiflung führen. Durch diese Erweiterung erhaltet ihr neben Jinja auch Support für HTML, Markdown, YAML, CSS, Docker, Python und uvm. in euren Dateien. jinja

  5. Better TomlTom's Obvious, Minimal Language kommt immer mal wieder vor. Einige werden die Dateien von Gitlab kennen. Die Extension sorgt für bessere Lesbarkeit beim Editieren.

  6. Confluence: Atlassians Wiki Lösung findet sich sehr häufig in Unternehmen. Aus diesem Grund kommen einige sicher öfters mit deren Markup in Berührung. Hier gibt es Unterstützung für Confluence® and Jira® Markup.

  7. Debian Package Syntax Highlighting: Nur für diejenigen, die öfters mit DEB Paketen zu tun haben.

  8. Docker: Eigentlich schon essentiell, Docker Unterstützung für VS Code. docker

  9. Git History: Für Git fast unverzichtbar. Bereitet Logs auf, nimmt Grafiken zu Hand, kann vergleichen usw.

  10. Git Lens: Der selbst ernannte Supercharger. Bietet ähnlich wie Git History eine schöne Log Übersicht. Zusätzlich dazu kommen Features wie Revision Navigation, History Anzeige in der Status Bar oder der aktuellen Zeile.

  11. Gremlins Tracker: Wer kenn es nicht, ein unerwünschtes Leerzeichen sorgt im Code für Aufregung. Gremlins werden sie von dieser Erweiterung genannt und als solche auch in der Sidebar sichtbar gemacht. gremlins

  12. Hugo Language Support: NutzerInnen des Frameworks wird mit Syntax Highlighting und Snippets das Webseiten bauen erleichtert.

  13. Indent Rainbow: Einer meiner Favoriten, macht Nichts anderes als Einrückung kolorieren. Das hilft nicht nur bei YAML Dateien ungemein. 

  14. Jinja Syntax Highlighting: Jinja kann durchaus hilfreich sein, leider geht auch schnell die Übersicht im Code verloren. Durch Syntax-Hervorhebung kann dem aber vorgebeugt werden.

  15. Kubernetes: Die Beschreibung im Marketplace sagt eigentlich alles:  Develop, deploy and debug Kubernetes applications

  16. Nginx Configuration Language Support: Autovervollständigung bei der NGINX Konfiguration, nicht mehr und nicht weniger. Allerdings nicht mehr ganz aktuell. nginx

  17. Notepad++ Keymap: Für Umsteiger eignet sich diese Notepad++ Keymap.

  18. OpenSSL Utilities: Auf ITrig hatte ich bereits Anleitungen, wie Private Key, CSR oder self-signed Zertifikate über die Kommandozeile erstellt werden. Die Erweiterung erlaubt euch das Erstellen ohne weitere Kenntnisse der CLI Befehle direkt in Visual Studio Code. privkey

  19. Prettier: Schöner programmieren mit Prettier - Code formatter. Das Tools formatiert euren Code automatisch. Unterstützt werden JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown, YAML.

  20. Projekt Manager: Wenn an mehreren Projekten gleichzeitig gearbeitet wird, kann es sinnvoll sein die Verwaltung dieser zu verbessern.

  21. Rainbow Brackets: Es wird wieder bunt. Regenbogenfarben für die runden Klammern, die eckigen Klammern und die verschnörkelten Klammern.

  22. Remote SSH: Dateien direkt auf Servern editieren kann durchaus praktisch sein.

  23. Salt-lint. Einfacher Linter für States und Pillars

  24. Saltstack: Analog zum Salt-Linter ist dieser Syntax Highlighter für Saltstack ein Muss. saltstack

  25. Snort:  NIDS/NIPS in Farbe.

  26. Sort: Wörter alphabetisch sortieren, einfach shift+alt+s  drücken

  27. Tomcat for Visual Code: Tomcat Server direkt aus VS Code starten und war Pakete debuggen.

  28. Toml Language Support: Ein weiterer Formater für Toml Dateien.

  29. XML Support: Alles was es für XML braucht in einem Plugin.

  30. YAML: Voller YAML Support mit Kubernetes Unterstützung. yaml

Themes

Damit die Arbeit noch mehr Spaß macht, gibt es ebenfalls viele Themes, sowie Icon Sets.

Hier eine kleine Auswahl an Themes, welche ich gerne einsetze.

  1. SynthWave 84 (die 80er sind zurück)
  2. Dracula Theme (schönes ausgewogenes Theme)
  3. Material Icons (Icons für die Ordner und Dateistruktur)
  4. Solarized Dark (Blau und Grüntöne, ist bei VSCode dabei)
  5. Monokai Pro (Theme und Icon Set zusammen)

synthwave

Eine schöne Übersicht mit Vorschauen vieler Themes bietet vscodethemes.com

Download

Schlussendlich fehlt wohl noch ein Link zu Visual Studio Code. Denn was helfen Erweiterungen, wenn der Editor fehlt.

Download VSCode

Timely - Design Wecker App mit Themes, Sounds und Challenges ist umsonst verfügbar

Zu einer der schönsten Apps des vergangenen Jahres zählt laut Google die Anwendung Timely. Dabei handelt es sich um einen hervorragend designten Wecker der Firma Bitspin. Neben der wunderschönen Oberfläche kann der Wecker, dank Cloud-Integration, Alarmzeiten über mehrere Geräte synchronisieren.

Google hat die App so gut gefallen, dass die Firma kurzerhand aufgekauft wurde. Dies hat wiederum zu Folge, dass die Pro Version von Timely nun kostenlos zur Verfügung steht. Die Vollversion stellt zusätzliche Themes, Sounds und Challenges bereit, die das Weckerlebnis weiter verbessern sollen.

timely

Die Android Anwendung sieht wirklich gut aus, hat ein durchdachtes Konzept und wird sicherlich viele Anhänger finden. Ich selbst bleibe aber lieber beim guten alten Wecker, der funktioniert auch ohne, dass er alle 5h geladen wird :)

Download Timely für Android

Webseitenanalyse 2.0 - Piwik mit neuem Design, neuer App und eigenem Plugin Marktplatz

Das Webanalyse-Tool Piwik sollte den regelmäßigen Lesern eigentlich ein Begriff sein. Somit ich muss zum freien Google Analytics Konkurrenten wohl nicht mehr viel sagen.

Vor kurzem ist Piwik 2.0 veröffentlicht worden, welches von den Entwicklern als größtes und bestes Update beschrieben wird. Aktualisiert der Anwender auf die neue Version (ging bei mir reibungslos) sticht einem das neue Design direkt ins Auge.

Neues Design 

Der bunte Look alter Tage ist einem schlichten Rot gewichen. Das neue Design "Morpheus" wirkt seriöser und ist für den statistischen Hintergrund ds Web-Tools passender.

Gleiches gilt für Piwik Mobile (Download), welches für Androiden (ab Version 4.xx) und iOS (Download) komplett überarbeitet und der Webversion angepasst wurde. 

piwik-mobile2

Neue Funktionen

Der Look ist zwar ansehnlich, aber interessant sind für die meisten wohl neue Features. So wurde unter anderem ein Besucherprofil eingeführt, welches Details eines einzelnen Besuchers bündelt. Mit der Einführung der Prozentansicht, wurde eine weitere praktische Übersicht eingeführt. 

Die Anonymisierung der Besucher IPs wurde verbessert und unterstützt nun IPv6. Durch das oben erwähnte neue Design wurde eine Theme Engine "Twigle" eingeführt, welche das Einbinden eigener Templates erlaubt. Dazu kamen zig weitere Verbesserungen (Kompletter Changelog)

piwik2.0

Der Plugin Marktplatz

Wer keine eigenen Themes basteln will, der kann auf dem frisch geschlüpften Marketplace nach Kreationen anderer Nutzer suchen. Dort befinden sich neben Templates auch Plugins für die Piwikinstallation. Die Auswahl ist zurzeit noch überschaubar (1 Templaet und 7 Plugins unter anderem mit Live Tab oder Treemap Visualisierung), wird aber bestimmt schnell anwachsen.

Fazit

Der Schritt der neuen Piwik Version geht in die richtige Richtung. Das Auslagern der Plugins in einen eigenen Marktplatz und die Vereinheitlichung der Designs sind sehr sinnvoll. Für die Zukunft fände ich es gut, das Augenmerk auf Performance und Seitenaufbau der Webanalyse zu legen, denn bei mehren Webseiten und keinem Super Server, hat das Analysetool durchaus lange Ladezeiten.

ElementaryOS - Luna, die wichtigsten Schritte nach der ersten Installation

Zu wenig los hier? Passiert...liegt aber einfach daran, dass im Dezember einiges angefallen ist und ich mich inzwischen im wohlverdienten Urlaub befinde. Das NB ist natürlich dabei. Da dort kein Ubuntu mehr läuft, sondern eines schönes Elementary OS schnurrt, will ich euch meine wichtigsten Schritte nach einer Erstinstallation mal in einem "kurzen" Artikel zusammenfassen.

Was ist ElementaryOS?

Dabei handelt es sich um eine Linux Distribution, welche im Kern auf Ubuntu setzt, dass Frontend ähnelt aber eher MacOS X. Die neue Version Luna wurde schon vor einiger Zeit veröffentlicht (August 2013), für einen Wechsel ist es jedoch nie zu spät.

Ich habe das System zunächst parallel zu Ubuntu installiert, was mit der Installations CD überhaupt kein Problem darstellt. Es werden 32bit und 64bit unterstützt.

Neben der angesagten Optik hat mir besonders die Performance auf meinem nicht ganz so aktuellen Notebook zu gesagt. Gefühlt ist das System um einiges flotter, als noch mit Ubuntu.

elementaryOS

Doch kommen wir nun zu meinen Schritten nach der ersten Installation

ElementaryOS Repository installieren

Um spezielle Pakete für ElementaryOS installieren zu können, muss zunächst das richtige Repository installieren werden

apt-add-repository ppa:versable/elementary-update

sudo apt-get update

Elementary Tweaks installieren

Nun können die ElementaryOS Tweaks installiert werden

sudo apt-get install elementary-tweaks

Spezielle ElementaryOS Programme

Das System bringt diverse Tools mit, die auf das Design abgestimmt sind, diese lassen sich neben den vorinstallierten Programmen, wie Midori (Browser) einfach nach installieren. Folgende Programme sind vorhanden:

  • audience - Ein Media Player
  • birdie-granite - Ein Twitter Client
  • cable - Ein IRC Client
  • etube - Youtube viewer
  • feedler - RSS reader
  • foto - Einfacher Bildbetrachter
  • gazette - Uhrzeit, Wetter und News auf dem Desktop
  • nuvolaplayer - Musik aus der Cloud
sudo apt-get install audience,birdie-granite,cable,etube,feedler,foto,gazette,nuvolaplayer

eOS-tools

Diverse Themes installieren

Dank der zuvor installierten Tweaks, lassen sich nun ebenfalls verschiedene Themes nutzen. Das Team um ElementaryOS stellt einige zur Verfügung:

sudo apt-get install elementary-blue-theme

sudo apt-get install elementary-champagne-theme

sudo apt-get install elementary-colors-theme

sudo apt-get install elementary-dark-theme

sudo apt-get install elementary-harvey-theme

sudo apt-get install elementary-lion-theme

sudo apt-get install elementary-matteblack-theme

sudo apt-get install elementary-milk-theme

sudo apt-get install elementary-plastico-theme

sudo apt-get install elementary-whit-e-theme

Neue Icons für ElementaryOS

Falls die neuen Themes nicht ausreichen sollten, stehen fünf verschiedene Symbolsammlungen bereit:

sudo apt-get install elementary-elfaenza-icons

sudo apt-get install elementary-emod-icons

sudo apt-get install elementary-enumix-utouch-icons

sudo apt-get install elementary-nitrux-icons

sudo apt-get install elementary-taprevival-icons

Was ist mit Icons für Anwendungen wie Skype, Firefox oder Chrome?

Auch für diese Drittanbieter steht eine Auswahl zur Verfügung, mit dem folgenenden Kommando lassen sich diese Sets installieren

sudo apt-get install elementary-thirdparty-icons

Das Aussehen der Andockleiste anpassen

Wer nun denkt, nach Icons wäre Schluss, weit gefehlt, auch die Andockleiste am unteren Bildrand lässt sich optisch anpassen.

sudo apt-get install elementary-plank-themes

ElementaryOS Wallpapers installieren

Um das Erscheinungsbild des Systems abzurunden, fehlen noch ein paar Hintergründe.

sudo apt-get install elementary-wallpapers

Wo kann ich Themes, Wallpapers, Icons und Co ändern?

Diese Einstellungen und noch viele mehr lassen sich in den eOS Tweaks vornehmen, welche am Anfang installiert wurden. Zu finden sind diese in den Systemeinstellungen im persönlichen Bereich.

elementaryos-tweaks

Aktuellen GIMP, VLC und Codes installieren

Weitere Programme wie GIMP oder VLC dürfen natürlich ebenfalls nicht fehlen.

sudo add-apt-repository ppa:videolan/stable-daily

sudo add-apt-repository ppa:noobslab/ppa-gimp

sudo apt-get update

sudo apt-get install gimp

sudo apt-get install vlc

sudo apt-get install ubuntu-restricted-extras

Um diese ganzen Tipps nutzen zu können, muss ElementaryOS zunächst installiert werden, eine ISO Datei könnt ihr dafür hier herunterladen.  

15 neue Design Themes für Windows 8 und Windows 7

Gestern hatte ich hier einige Apps aus dem neuen Windows Store vorgestellt. Heute möchte ich daran anknüpfen und auf neue Themes eingehen.
Mit dem neuen Store hat Microsoft 15 neue Designpakete für Windows 8 veröffentlicht. Das ein oder andere dürfte eventuelle bekannt sein, wie z.B. "Atemberaubender Himmel", welches ich erst in den letzten Wochen vorgestellt hatte.

Das praktische an den neuen Windows 8 Themes ist die Abwärtskompatibilität zu Windows 7, das heißt, alle neuen Themes werden auch auf alten Systemen mit Windows 7 funktionieren.

windows-8-themes

Folgende Windows 8 Designpacks stellt Microsoft neu zur Verfügung

windows8-themes

Bei dieser Menge an neuen Themes, sollte für jeden Natur-Desktop das passende Motiv dabei sein.