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… Theme für Mantis Bugtracker weiterlesen
Schlagwort: CSS
Ausgewählte Font Type Kombinationen
Die Fülle der freien Fonts macht es nicht einfach, eine kleine Übersicht lohnender Kombinationen von Fonts soll helfen.
Scripte von WordPress debuggen
Die Ausgabe der verwalteten Scripte und Stylesheets kann mit der kleinen Funktion recht schnell gesichtet werden, eine kleine Lösung um Debuggen zu vereinfachen.
Simple Media Queries Debugging
Media Queries sind dabei sich zu etablieren, Vor- und Nachteile seien hier kein Thema. Definitiv ist das „Debuggen” nicht immer einfach und die Layouterstellung kann schnell komplex werden. Diese Lösung stellt die Umsetzung einer Idee dar, um den jeweiligen Viewport zu kennen, da im obersten Bereich der Seite dargestellt wird. Durch diese Werte kann auf die verschiedenen Weiten eingegangen werden.
WordPress Admin Bar nach unten verschieben
Nicht jeder mag die WordPress Admin Bar, eingeführt mit WordPress 3.1, am oberen Rand des Browsers. Mit ein wenig CSS lässt sich das ändern.
WordPress Custom Post Types als CSS-Klasse im Frontend nutzen
Um die Inhalte, welche über Custom Post Types eingebracht werden, im Frontend eventuell anders zu gestalteten, kann man sich diesen Typ als Klasse in den body-Tag holen und damit via CSS einfach darauf zugreifen.
Simple Media Queries Tester
Die Möglichkeiten von CSS Media Queries in einem Blick halten empfinde ich gerade beim Entwickeln wichtig, darum ein kleines Tool, was dies ermöglicht.
Einfaches Autoresize für die WordPress Hintergrundbild-Funktion
Die Hintergrundbild-Funktion von WordPress kann angepasst werden, wie man dies tut und was man erwarten kann zeige ich an einem Beispiel, welches das Hintergrund mittels Autoresize immer an die Größe des Browsers anpasst.
Die Reduktion von HTML5
Neben dem 10k Contest gibt es aktuell auch ein 1k Variante, wobei es dabei um einen reinen JavaScript Vergleich handelt. Die Basis ist trotzdem html5 und ein canvas-Element steht zur Verfügung. Mit diesem kann man spielen und es sind einige wirklich tolle Sachen dabei – alles in allem 1k; externe Libraries sind hier nicht erlaubt. Für mich ein kleiner Ansporn um meine Idee mit HTML5 und CSS3 zu reduzieren und mal zu schauen, ob es denn auch im Rahmen von max. 1k geht.
Inspiriere mit maximal 10k HTML5
Es ist an der Zeit, zurück zu den Ursprüngen zu finden und sich auf die Optimierung mit Blick auf Größe der Website Gedanken zu machen – so oder so ähnlich interpretiere ich den Wettbewerb für Menschen, die Websites machen. Vor zehn Jahren haben A List Apart einen Aufruf gestartet Much Ado About 5K. Weniger als… Inspiriere mit maximal 10k HTML5 weiterlesen