Instant Blueprint – Eigenes Frontend Framework per Mausklick

Bei meinem heutigen “Was-ist-heute-auf-Twitter-cool” Check habe ich diese nützliche Webseite mit dem entdeckt.

Instant Blueprint bietet einem die Möglichkeit mit wenigen Klicks sein eigenes Frontend Framework für neue Projekte zu erstellen.

Doch was meine ich mit Frontend Framework?
Mit Frontend Framework meine ich all die benötigten CSS Dateien (Reset, Print & Style), eine Ordnerstruktur (images, css & js) und ein XHTML oder HTML Template.

Das beste Feature bei der ganzen Sache ist meiner Meinung nach aber die Möglichkeit IDs der benötigten HTML Elemente einzugeben um diese dann als Markup im XHTML oder HTML Template vorzufinden.
Schade ist eigentlich nur das man diese Elemente nicht im Vorhinein schon verschachteln kann.. also das zB. alle IDs welche auf die ID “sidebar” folgen im “sidebar” Element sind.

Natürlich kann man auch noch andere wichtige & zeitsparende Optionen einstellen.
Hier die komplette Liste:

  • Projektname (für den Namen des Projektordners)
  • HTML Doctype
  • Javascript Library (Prototype, jQuery, MooTools & YUI)
  • Das oben erwähnte Markup anhand der IDs
  • Zentrierten Div erstellen mit dem Markup drin
  • Dateiendung (.html oder .php)

Fazit: Sehr nützlich und zeitsparendes Tool aber noch ausbaubar. Verschachtlung der Elemente wäre klasse und wenn das Javascript noch das letztes Element vom <body> wäre, wäre es noch besser :)

JSON – Eine kurze Einführung

JSONHier eine kurze und knappe Einführung in das Datenformat JSON welches zur Zeit in alle Munde ist und sich dank seiner Einfachheit grosser Beliebtheit erfreut.

Ich erkläre was JSON ist, wie es ausschaut und wie man es verweden kann anhand eines Javascript Beispiels. weiterlesen →

Javascript & CSS Dateien komprimieren

So eben hab ich mir wieder die Mühe gemacht einige Javascript & CSS Dateien mühsam per Web zu komprimieren was zeitaufwendig und und unkomfortabel ist. Doch damit ist nun endlich schluss :) so eben bin ich über die sehr nützliche und simple App mit den Namen Minifyme gestolpert.

Einfacher kann das komprimieren von Javascript & CSS Dateien nicht mehr werden. App starten, die Datei welche komprimiert werden soll per Drag n Drop in die App ziehen und fertig. Minifyme legt dann automatisch eine komprimierte Datei an.

Wozu überhaupt komprimieren?

Ganz einfach.. um die Datenmenge welche bei einem Seitenaufruf übertragen wird zu verkleinern und somit das ganze ein wenig schneller zu machen.

Was passiert beim minmieren/komprimieren?

Beim mini resp. komprimieren werden alle Kommentare, Tabs, Absätze und Leerzeichen in einer Datei entfernt. Das entfernen der Zeichen führt dazu das die Datei kleiner wird weil diese unsichtbaren Zeichen auch Speicherplatz brauchen.

Dem Browser resp. der Javascript Engine des Browsers ist es egal ob die Datei schön formatiert ist oder nicht weil schlussendlich so oder so alle diese Zeichen entfernt werden. Das formatieren und kommentieren von Javascript und CSS Dateien dient nur dazu das Menschen den Code besser lesen können.

WordPress Probleme (Teil 2) – Gallerie

Im zweitem Teil meiner “WordPress Probleme” Serie widme ich mich zwei Problemen welche die integrierte Galerie von WordPress verursacht.
Das erste Problem welches ich genauer unter die Lupe genommen habe, ist das Inline-CSS welches WordPress beim einbinden einer Galerie generiert und das zweite Problem ist gar kein richtiges Problem.. eher eine funktionelle Erweiterung der Galerie für Blogs die ein Lightbox Script verwenden. weiterlesen →

Tweets mit PHP einbinden

Als ich dieses WordPress Theme für robocode.ch erstellt habe wollte ich meine Tweets so einfach wie möglich einbinden ohne ein Plugin installieren zu müssen.

Ich habe einige WordPress Plugins ausprobiert und angeschaut und war mit keinem so wirklich zufrieden. Das eine konnte zu viel, das andere war langsam oder funktioniert garnicht und das offizielle Twitter Widget gefällt mir ja so oder so nicht.

Hier nun mein Lösungsansatz welcher mit ein wenig PHP und XML realisiert ist.

Ach ja.. mir ist vollkommen klar das man das ganze auch in objektorientiertem PHP hätte schreiben können, aber damit es für Leien besser zu verstehen ist habe ich es prozedual geschrieben. (Obwohl sicher einige den Unterschied garnicht kennen)

weiterlesen →