Screenshot Responsive Viewport

Responsive Webdesign Basics: Viewport richtig einstellen

Ohne Responsive Webdesign geht heute nichts mehr, aber die dafür nötigen technischen Grundlagen organisiert man sich immer nur so By-The-Way – ich jedenfalls… :-/ In Folge dessen stehe ich dann manchmal vor Problemen, die eigentlich keine sind. Wenn ich mal meine Hausaufgaben machen würde. Eines dieser Pseudo-Probleme, ist der Einsatz und die korrekte Verwendung des Meta-Tags…

CSS-Voodoo: ul-Listen ohne span-Tag stylen

Unglücklicherweise nehmen die Bullet-Points in ul-Listen immer genau die Farbe des nachfolgenden Textes an. Die schlichte Lösung des Problems ist, den Text nochmal in span-Tags mit der gewünschten Farb-Klasse zu verpacken. Allerdings ist immer wider Tippaufwand, den man sich sparen kann. In dieser Anleitung stackoverflow.com wird erklärt, wie man das selbe Ergebnis mit etwas CSS-Voodoo…

WordPress Shortcodes im PHP Quelltext einbetten

Win hilfreiches Mittel, um Funktionen schnell und einfach in WordPress zu integrieren sind Shortcodes. Grundsätzlich funktionieren die aber nur, wenn man sie über das CMS auf die jeweilige Website bringt, da sie ja von WordPress interpretiert werden müssen. Mit dieser PHP-Funktion lassen sich Shortcodes aber auch an beliebiger Stelle im Quelltext einer WordPress Website aufrufen:…

Telefonnummern klickbar machen auf Websites

Der a-Tag ist das wichtigste Konstrukt von HTML, den ohne ihn kein Hypertext. Aber der a-Tag ist über sein Attribut src nicht nur andere HTML-Dokumente zu verlinken, sondern durch Modifikatoren zum Beispiel eine eMail auslösen werden kann. Seit dem Aufkommen von Smartphones ist ein neuer Bedarf entstanden: Telefonnummern klickbar machen und SMS versenden. Hier der nötige Code:…