Inkscape: SVGs in verschiedene Formate konvertieren

Mit SVGs in Webseiten kann man geniale Dinge machen. Man kann sie dynamisch erzeugen und zur Laufzeit manipulieren. Doch wenn man auf einer Seite sehr viele SVGs hat dauert das Rendern unter Umständen sehr lange. Wenn wir jetzt dynamisch erzeugte SVGs nur ausgeben lassen wollen, bietet es sich an, diese in ein statisches Bildformat zu konvertieren. Dies kann man ganz einfach machen, zum Beispiel mit Inkscape. Inkscape ist freie Software und stellt auch ein Kommandozeilen Tool zur Verfügung. Das ist optimal um es zum Beispiel mit PHP anzusprechen. Wie das geht, zeige ich euch in diesem Blogpost. Weiterlesen


Behaviour-Driven-Development – Teil 3 – BDD in NodeJS mit Vows

Im letzten Artikel zu Behaviour-Driven-Development haben wir 2 Libraries kennengelernt, die BDD in Java unterstützen. Heute möchte ich mich vom eher traditionellen Java wegbewegen und euch ein BDD Testing-Framework für NodeJS vorstellen. Vows ist nicht nur von Grund auf ausgelegt um asynchrone Funktionen, wie sie in NodeJS zum guten Ton gehören, zu testen sondern parallelisiert auch die Testausführung um schneller Feedback zu geben. Natürlich unterstützt Vows BDD-bezogene Syntax. Halten wir uns also nicht länger mit der Einleitung auf und starten gleich durch:

Weiterlesen



Gratis: Arbeitsplatz Vektor-Kit

Main-Workspace-Elements-Vector-Kit-1000px

In regelmäßigen Abständen werden im “Internet” gratis Icons und Illustrationen angeboten, jetzt gibt es ein sehr schicken Arbeitsplatz Kit, welches 60 Illustrationen beinhaltet.
Alle Elemente sind in folgenden Formaten vorhanden: AI, PSD, PNG, EPS, SVG

Hier gehts zum Download



JavaScript bei bestimmten Media-Queries ausführen

Möchte man JavaScript Funktionen bei einer bestimmten Bildschirmauflösung ausführen, so bieten sich dazu verschiedene Techniken an. Beispielweise könnte man per window.outerWidth eine bestimmte Pixelbreite des Fensters in Erfahrung bringen und diese Abfragen. Nun ist es so, dass JavaScript Funktionen die auf einer bestimmten Auflösung basieren, häufig mit dem Design der Seite zu tun haben. Für die Steuerung des Designs sollten aber doch CSS-Angaben zuständig sein. Zudem wird es Problematisch wenn sich das Design der Seite ändert und ganz andere Pixelbreitenangaben nötig sind, für die man dann wieder die zweite Baustelle JavaScript bearbeiten und synchron halten muss. Im Folgenden stelle ich ein Grundgerüst vor, dass es erlaubt die Logik JavaScript zu überlassen, und per CSS die Bedingungen für jene zu setzen.

Weiterlesen




Open Graph Tags

Bestimmt wollte jeder von euch eure Webseite bei Facebook posten und dabei merkt man, dass das ja gar nicht so toll wie bei den anderen aussieht. Genau dafür hat Facebook die Open Graph Tags (OG Tags) eingeführt. Ich zeige euch, wie ihr sie verwendet.

Weiterlesen


UDID eines iPhones herausfinden

Wer Apps für Apples iOS entwickelt und diese auf seinem iPhone oder iPad testen möchte braucht für die Zertifizierung die Unique Device ID kurz UDID. Die UDID kann man im Gegensatz zur Seriennummer nicht direkt im iPhone selbst sehen, sondern muss es dafür an den Computer anschließen. Wie genau man seine UDID herausfindet habe ich in diesem Blogpost zusammengefasst.

Weiterlesen