Code, CSS, xHTML, JS, Webküche

Blue Beanie Day 2014

bueltge_blue_beanieHeute setzen eine ganze Reihe von Webentwicklern ein Zeichen mit dem Symbol der blauen Mütze – Bewusstsein für Webstandard ist der kurzgefasste Hintergrund der Idee „Blue Beanie Day„. Es schadet nicht, sich damit ein wenig auseinander zu setzen, egal ob man blaue Mützen mag oder nicht.

Seit fast einem Jahrzehnt ist die HTML5 Entwicklung aktiv und sie hat in meinen Augen viele positive Resultate erzielt. Weiterlesen

Standard
Allgemein, CSS, xHTML, JS, Entwicklung, Webküche

Theme für Mantis Bugtracker

MantisBT ist eines meiner Werkzeuge zum Tracken von Bugs und Entwicklung. In dem Zusammenhang nutze ich ein eigenes Theme seit vielen Jahren um die Arbeit der Anwender zu unterstützen. Insbesondere für Nicht-Entwickler war dies ein wichtiger Schritt um sie in der Oberfläche abzuholen. Eine abgewandelte Form ist dies nun frei nutzbar, wie auch das Markdown Plugin für MantisBT.
Weiterlesen

Standard
Webküche

Ausgewählte Font Type Kombinationen

Fonts sind weiterhin große Lieblinge der Kunden geworden, mit relativ wenig Aufwand kann man viel erreichen – zumindest wenn man sich der Typographie ein wenig versteht und Lösungen nutzt, die einfach zu implementieren sind. In diesem Zusammenhang musste ich Erfahrungen mit eigenen Fonts von Designern sammeln und der Aufwand und die rechtliche Form stehen in keinen Verhältnis zur Nutzung der freien Fonts inkl. Webservice. Insbesondere Google liefert hier eine Fülle an Lösungen und macht die Integration, den Nutzen einfach.

Die Fülle stellt aber auch das Problem dar und so ist es nicht einfach die richtigen Fonts in der Kombination zu finden. In der Vergangenheit sind mir dabei einige Lösungen unter gekommen, die ich in einer einfachen Seite gesammelt habe und nun einen recht schönen Umfang haben. Die Auswahl stammt nicht von mir, sondern in der Regel von den Designern oder Vorgaben aus dem Netz.
Weiterlesen

Standard
Allgemein, Webküche

Im Working Draft

Working Draft
Der wöchentliche News-Podcast Working Draft hat sich etabliert, ein Hinweis meiner seits kam schon über diverse Streams und soll hier nicht vergessen werden. Jede Woche informieren Christian, Peter und Markus über die Ereignisse der Woche, geben Hintergrundinformationen und auch in einem gewissen Rahmen eine persönliche Wertung ab. Damit kommt Abwechslung in die klassischen Linklisten und ich für meinen Teil freue mich auf jede neue Folge.

Um so schöner, dass ich ein wenig zurück geben und die Folge 32 mit meiner Person bereichen – hoffentlich – konnte. Christian und ich plaudern ein wenig über die Ereignisse der Woche, die so über die unterschiedlichen Newsstreams einfliegen und schauen uns an, wohin es gehen kann und für was es gut ist. Parallel weisen wir auch auf das WordCamp in diesem Jahr hin und ich kann einige Hintergründe erläutern.

Vielen Dank nochmal für die Einladung an die Jungs.
Hört rein, kommentiert und gebt Feedback – die Jungs machen das toll; mal sehen wann die Gästeliste endlich um weibliches Publikum erweitert wird; es gibt ja nicht nur männliche Nerds.

Standard
CSS, xHTML, JS, Entwicklung, Webküche

Simple Media Queries Debugging

Der Titel dieses Artikels ist für die entstandene Lösung sicher überzogen – trotzdem hatte ich mal wieder Spaß an einer kleinen statischen Spielerei, die im Grunde nur entstanden ist, da ich für ein Projekt den Viewport haben wollte um besser für entsprechende Media Queries zu stylen. Die eigentliche Lösung wurde dann etwas erweitert und durch die Hilfe der Community, insbesondere Frederic und Jens, wurde der Iststand erreicht und kann in jeder Form genutzt werden.
Weiterlesen

Standard
Code, Webküche

Git Cheat Sheet Interaktiv

Die Quellcodeverwaltung via Git erfreut sich großer Beliebtheit. Zum einem liegt das sicher an gewissen Vorteilen der Idee und dessen Umsetzung, zum anderen sicher auch an so hervorragenden Diensten wie Github.com, die die Nutzung weiter vereinfachen und eine Oberfläche im Web bieten.

Um das Verständnis von git zu bekommen und damit die Arbeit zu erleichtern und kontrolliert abzuwickeln, gibt es verschieden Wege: sei es Literatur, diverse Sites im Netz – ein besonderer Leckerbissen ist sicher der Blogpost „A successful Git branching model“ – oder ein CheatSheet zur visualisierten Darstellung. Letzteres erscheint mir in der folgenden Empfehlung besonders gelungen, daher auch dieser Tipp.

Git cheat sheet
Weiterlesen

Standard
Code, PHP, Tipps, Webküche, WordPress

php-Console mit Chrome und WordPress

Googles Browser Chrome und dessen Chromium Projekt werden immer beliebter. War es anfangs in erster Linie die Geschwindigkeit, so sind auch die Erweiterungsmöglichkeiten weiterhin in den Fokus der Nutzer geraten und der Markt ist voll mit sinnvollen Erweiterungen.
Natürlich gibt es auch im Rahmen der Webentwicklung viele Erweiterungen, die im Vorfeld dem Firefox in Webentwicklerkreisen zu Bekanntheit verholfen haben.
Im Bereich der PHP-Entwicklung habe ich mir immer wieder diverse Lösungen angeschaut, mit verschiedenen Möglichkeiten gespielt und am Ende sitze ich in erster Linie vor einem Browser, der IDE, XDebug und diverse eigene Erweiterungen. Unter Firefox habe ich FirePHP in bestimmten Bereichen gern genutzt, kleines Plugin dazu findet man im zugehörigen Beitrag. Alternativ habe auch die debugConsole vorgestellt. Daher lag es nahe sich im Umfeld Chromium nach einer Lösung umzuschauen und die Entwicklertools aktiv im Rahmen PHP zu nutzen. Dabei wird man in verschiedenen Themen fündig und ich möchte hier php-console vorstellen und eine kleine Integration für WordPress als Plugin aufzeigen.
Weiterlesen

Standard
Entwicklung, Webküche

Schriftarten für Coder unter Linux

Ich arbeite an unterschiedlichen Systemen und habe mich über die Jahre immer wieder mit den Fonts meiner Editoren herum geschlagen. Je nach Betriebssystem kann man unterschiedliche Fonts im Standard wählen, hinzu kommt die Version und die installierten Fonts. Eine Auswahl von Schriftarten unter Linux möchte ich mit diesem Artikel vorstellen und vielleicht hilft es dem einen oder anderen seine spezielle Vorliebe zu finden. Dies mag kein direkter Artikel zum Thema WordPress sein, aber bewegen sich nicht alle einen Großteil ihrer Zeit im Editor, wenn sie für und mit WordPress entwickeln und da sollte der Font ein große Rolle spielen.
Weiterlesen

Standard
Code, CSS, xHTML, JS, PHP, Webküche

Simple Media Queries Tester

CSS Media Queries dringen immer weiter vor und die Möglichkeiten der Anpassung bei der Größe einer Website an die den entsprechenden Client bzw. die Bildgröße des Browsers werden notwendiger. Die Media Queries sind eine Lösung, die ihre Vor- und Nachteile haben. Beim Einsetzen empfand ich es manchmal als Nachteil, dass ich mir nicht alle Größe gleichzeitig ansehen konnte. Warum also nicht einfach ein kleines Script und das iframe-Element sinnvoll gebrauchen.
Wer mag und dies braucht, der findet hier nun eine simple und einfache Lösung oder kann auch gern das laufende Script in meinem „Test-Labor“ nutzen. Die Version hat auch einige weitere Spielereien inne, so kann man außerdem die Werte der iframes anpassen und diese Daten speichere ich mittels der DOM Storage-API innerhalb eines Browsers lokal. Meine Lösung im Labor hat keinen Fallback und sollte nur mit Browsers sauber laufen, die die Möglichkeit der Storage API unterstützen.
Weiterlesen

Standard