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.

devtools styled

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.