Zum Inhalt springen

Archiv für "Gebastel"

WordPress 5.3.2 Maintenance Release

WordPress Logo an die VW-Fabrik gephotoshopped

WordPress 5.3.1 Security and Maintenance Release

WordPress Logo an die VW-Fabrik gephotoshopped

Cybertruck in CSS

This morning, my timeline on Twitter was full of pictures and remarks about Tesla's new "Cybertruck" with the futuristic and plain look, brutal even. One of the first things that came to my under-coffeed mind then was "hm, this looks so angular, this was maybe designed with CSS?" As one does, a tweet followed: "css…

The Layers Of The Web

Jeremy Keith's talk at Beyond Tellerrand Berlin 2019 about the "layers of the web" (be sure to watch this!) inspired me to a quick css animation experiment on codepen: See the Pen Web Layers Of Pace by Tom (@webrocker) on CodePen. Be sure to look at it in the full screen mode, the thing currently…

WordPress 5.2.4 Security Update

WordPress Logo an die VW-Fabrik gephotoshopped

You Pay (Or Maybe You Don’t) - Heydon Pickering

Aside from the fact that Heydon and Andy have published a very interesting work regarding the art of (writing less) CSS "Every Layout" - and want to get paid for the value this will bring to your arsenal - this blog post is a very good read.

Using Framework Powers For Good - Marcus Herrmann

Marcus has compiled a great collection of ways how (js) frameworks, which are often blamed for being responsible for unaccessible sites, can actually help in getting things right, a11y-wise.

WordPress filter for lazy loading src

Chris Coyier (@css) has shared a code snippet that will add loading="lazy" to every scr=" instance in WordPress's content. But this will replace every instance, not only in img or iframe tags, which can lead to some unwanted replacements. Here's my version for that filter: // in theme’s functions.php or a plugin function wbr_add_lazy_loading($content){ $content…

TYPO3 8.7 translation handling of page media

Yesterday I once again got stuck with a seemingly simple task that quickly turned out to be a veritable rabbit hole: In a client website the header images are managed using the 'resources' tab of a page. File references are stored in the 'media' column of the pages table in the database. The site is…