- Boostrap 4 PR featuring flex-box default and without IE9 support
- Binary Repository Manager Feature Matrix – In case you need a binary repo Manager
- JIRA on mysql 5.7 Atlassian dropped mysql support and a clever guy forked the mysql jdbc connector
Random Links #300
Nice number …
- Password Strength – a classic from xkcd – always relevant!
- f.lux – This tool adapts your Screen colors according to the time of the day. THIS IS AWESOME!
- SVG ist everywhere – Just a reminder, that SVG is currently supported basically in any browser
Random Links #299
- Nokia 150 – Nokia’s first mobile after their ‘relaunch’ – Featuring the game ‘snake’
- Remove a symlink from to a directory – TL;DR: unlink FTW!
- Norman layout – A new touch (only?) keyboard layout, promising: “46% less effort than QWERTY”. – The quidk brofn fox jmuss over the lazt dog.
Random Links #298
- High DPI Support Win10 – nice Video presenting better high DPI support in upcoming Win10
- Slack Video Calls – New Feature in Slack: Video Calls
- RetroPie – Build a Raspberry Pi retro gaming console
Random Links #297
- pixabay – free images – public domain or creative commons licensed
- maven with ssl mavenrepo – use this to configure maven with a repo under ssl and failing ssl handshake (for whatever weird reason)
- hyper – a js/html/css terminal – now avail for windows
Random Links #296
Back again after a short break …
- tmux cheatsheet – all relevant tmux commands on one page
- MobaXterm – my preferred putty/cygwin/mstsc/vnc/winscp… replacement for windows
- Getting Started with systemd – basic systemd information – needed for ubuntu versions > 14.10
QuickTip: Get the current logged in User of a Windows PC
I just had to check which user was logged in on a specific PC
Here is the Powershell One-Liner:
Get-WmiObject -Class win32_computersystem -ComputerName PCNAME | select username
where PCNAME is the placeholder for the name of the PC
Another option would be to remotely check the security event log and search for the last login event.
Flask on Google App Engine – a getting started template/guide
I recently came across Flask, a nice tiny Python micro-web-framework.
I took the ‘hello world’ sample from the Flask website, which I wanted to host/run on Google App Engine (GAE).
Here are the necessary steps for the “Flask Hello World on App Engine”:
The python source File (pineapple.py in this example):
from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello World!'
An app.yaml for the Google App Engine:
This is straightforward, but I want to use jinja2 (a requirement for Flask) lib from GAE, so I added the libraries section
application: flaskpineapple version: 1 runtime: python27 api_version: 1 threadsafe: true libraries: - name: jinja2 version: "2.6" handlers: - url: /.* script: pineapple.app
The dependencies:
Unfortunately there are no libs for Flask available in GAE (yet?), so I had to include them in the app (which is the GAE way to do that). The same is necessary for Flask’s dependencies “werkzeug” and “itsdangerous“. This is simply done by copying the Modules/Files into the application directory
λ ls -al drwxr-xr-x 17 Daniel Adm 4096 Jun 3 11:01 . drwxr-xr-x 1 Daniel Adm 0 Jun 3 10:49 .. -rw-r--r-- 1 Daniel Adm 194 Jun 3 10:44 app.yaml drwxr-xr-x 38 Daniel Adm 8192 Jun 3 10:43 flask -rw-r--r-- 1 Daniel Adm 31840 May 30 17:19 itsdangerous.py -rw-r--r-- 1 Daniel Adm 165 Jun 3 10:46 pineapple.py drwxr-xr-x 39 Daniel Adm 8192 Jun 3 10:44 werkzeug
That’s all! A simple “Hello World” with Flask and GAE.
This is the App: http://flaskpineapple.appspot.com/
And the complete source: https://github.com/danimajo/pineapple
CSS3 Transitions Basics
Seit CSS Version 3 kann man auch s.g. Transitions machen. Transitions sind nicht mehr als einfach Übergänge von css Eigenschaften wie Farben von zb. grün nach rot.
Aber am Besten geht das anhand eines Beispiels:
Ich erstelle einmal ein div:
<div class="willi"></div>
und mach es ein bisserl schön:
.willi { border-radius: 0.5em; margin: 0.5em; background-color: #aaeeaa; height: 6em; width: 5em; }
Super, grünes Rechteck mit runden Ecken.
Angenommen ich will das jetzt beim :hover rot und ein bisschen größer werden lassen:
.willi:hover { width: 20em; background-color: #aa3311; }
Naja, jetzt hüpft das von klein grün auf größer rot. Pro!
Jetzt kommen die Transitions ins Spiel:
In diesem simplen Beispiel definiere ich nur, dass die width und die background-color sich innerhalb 5 Sekunden von den einen Zustand auf den anderen ändern. Ich füge also der class willi folgende Transition dazu:
.willi { transition: width 5s, background-color 5s; }
Jetzt läuft die Transition schön.
Ansehen kann man sich das auf diesem Fiddle.
Die Vendor prefixe für transition (-moz-transition / -webkit-transition / -o-transition) braucht man in den aktuellen Browsern nicht mehr.
Also für einfache Übergänge sind CSS3 Transitions eine tolle, einfache Sache. Zumal sie auch von allen aktuellen Browsern unterstützt werden. Und wenn jemand mit einem alten Browser daherkommt, geht halt die Transition nicht. Auch kein Beinbruch.
Weiterreichende Informationen findet man im MDN.
Eigene Styles für die Chrome Developer Tools
Im Chrome kann man ziemlich einfach die Farben der Chrome Developer Tools überschreiben. Technisch ist das nur eine CSS Datei, in der man die eigenen Farben und Styles einstellen bzw. den Standard überschreiben kann.
Die Standard Styles findet man, wenn man in der Adressleiste vom Chrome folgendes eingibt:
chrome-devtools://devtools/devTools.css
Die eigenen Styles kann man in diesem File (unter Windows) dann hinzufügen:
%LocalAppData%GoogleChromeUser DataDefaultUser StyleSheetsCustom.css
Will man jetzt zum Beispiel den Hintergrund der Console ändern, hilft folgendes CSS Schnipsel
#console-messages { background-image: url(http://hello-kitty.sanriotown.com/images/kitty.png); background-position: right; background-repeat: no-repeat; }
Das schaut doch schon besser aus.
Hat man jetzt Lust, kann man sich die ganzen Dev Tools rosa stylen. Oder man lädt sich was fertiges runter. Empfehlen kann ich (nicht rosa):
https://github.com/frontdevDE/mnml-devtools-theme
http://darcyclarke.me/dev/inspectorskin/Custom.css
Wenn jemand eins im Hello Kitty Style findet, bitte teilt es mir mit. Weil das wär schon ziemlich spitze.