Serverpfad einer Datei in WordPress
Wenn du, z.B. mit Hilfe von LazyBlocks, in WordPress Downloads zur Verfügung stellst, wird der Pfad zur Datei als URL ausgegeben. Um den Dateityp oder…
Snippets
Responsive Text
Im responsive Webdesign wird wird die Schriftgröße in der Regel durch Breakpoints und Mediaqueries angepasst. Z.B. auf kleinen Bildschirmen 14px und auf großen Bildschirmen 22px.…
SimpleHTMLDom-Alternative
Viele Jahre habe ich „SimpleHTMLDom“ eingesetzt um Inhalte externer Websites, wie z.B. Jobs, News etc. auszulesen. Immer häufiger bin ich damit in letzter Zeit an…
YouTube-Videos responsive einbetten
Mit folgendem Code lassen sich YouTube-Videos im Format 16:9 responsive einbetten:
Daten aus einer REST-API mit PHP ausgeben
Mit folgendem Code lassen sich (JSON-)Daten aus einer REST-API ausgeben:
background-Attachment: fixed und background-size: cover auf einem iPhone oder iPad
Es ist ein altes Problem, das Apple leider bis heute nicht behoben hat: Die CSS-Eigenschaft „background-Attachment:fixed“ lässt sich nicht in Kombination „background-size: cover“ nutzen. Während…
Mit jQuery Position innerhalb eines divs bestimmen
Mit folgendem jQuery-Script kannst du die Postion eines Punktes innerhalb eines divs bestimmen. Das ist zum Beispiel sehr hilfreich wenn du den Fokuspunkt eines Bildes…
So kannst du ein 360°-Panorama in eine Website einbauen
360°-Panoramen sind ein fantastisches Tool mit dem sich die User einer Website einen sehr guten Überblick über einen entfernten Ort verschaffen können, z.B. einer Immobilie,…
Divs beim scrollen einblenden
Divs erst beim scrollen zeitverzögert einzublenden oder „reinfliegen“ zu lassen ist ein großer Trend in den letzten Jahren gewesen. Wenn man es nicht übertreibt und…
Breadcrumb-Navigation für WordPress
Mit diesem Code kannst du automatisch eine Breadcrumb-Navigation für deine WordPress-Website generieren. Ergänze folgenden Code in deiner functions.php: Und anschließend rufst du die Funktion an…
Mit CSS clip-path kannst du divs in jeder beliebigen Form erstellen.
Standardmäßig ist ein div viereckig. Um außergewöhnliche Designs umzusetzen, ist es manchmal erforderlich, dass divs in einer anderen Form dargestellt werden müssen. In der Regel…
So verhinderst du, dass Bilder deines Servers auf externen Websites angezeigt werden (Hotlinking)
Wenn du eine Web-App baust, in der die User Bilder hochladen können, solltest du darüber nachdenken, Hotlinking zu verhindern, denn sonst könnte es passieren, dass…