{
    "version": "https://jsonfeed.org/version/1",
    "user_comment": "This feed allows you to read the posts from this site in any feed reader that supports the JSON Feed format. To add this feed to your reader, copy the following URL -- https://wp-devil.com/category/webdesign/feed/json/ -- and add it your reader.",
    "home_page_url": "https://wp-devil.com/category/webdesign/",
    "feed_url": "https://wp-devil.com/category/webdesign/feed/json/",
    "title": "WP Devil",
    "description": "WordPress, ClassicPress, Music and Geekdom",
    "items": [
        {
            "id": "https://wp-devil.com/css-tricks-is-dead/",
            "url": "https://wp-devil.com/css-tricks-is-dead/",
            "title": "CSS Tricks is dead",
            "content_html": "<p>It&#8217;s just as I&#8217;ve feared (and probably many others): After the <a href=\"https://css-tricks.com/css-tricks-is-joining-digitalocean/\">sell-out of CSS Tricks in 2022</a>, its new masters let it tatter on for about a year, and then stopped publishing any new content around mid April of 2023.</p>\n<figure id=\"attachment_972\" aria-describedby=\"caption-attachment-972\" style=\"width: 250px\" class=\"wp-caption aligncenter\"><a href=\"https://wp-devil.com/wp-content/uploads/2023/12/Screen-Shot-2023-12-11-at-03.45.47-fullpage.png\" data-rel=\"lightbox-gallery-GsJlT81T\" data-rl_title=\"Screen Shot 2023-12-11 at 03.45.47-fullpage\" data-rl_caption=\"\" title=\"Screen Shot 2023-12-11 at 03.45.47-fullpage\"><img decoding=\"async\" fetchpriority=\"high\" src=\"https://wp-devil.com/wp-content/uploads/2023/12/Screen-Shot-2023-12-11-at-03.45.47-fullpage-250x250.png\" alt=\"front page of css-tricks.com as of December 11th, 2023\" width=\"250\" height=\"250\" class=\"size-thumbnail wp-image-972\" srcset=\"https://wp-devil.com/wp-content/uploads/2023/12/Screen-Shot-2023-12-11-at-03.45.47-fullpage-250x250.png 250w, https://wp-devil.com/wp-content/uploads/2023/12/Screen-Shot-2023-12-11-at-03.45.47-fullpage-256x256.png 256w\" sizes=\"(max-width: 250px) 100vw, 250px\"></a><figcaption id=\"caption-attachment-972\" class=\"wp-caption-text\">Current front page of <a href=\"https://css-tricks.com\">css-tricks.com</a> as of December 11th, 2023: No new content was added past April 2023</figcaption></figure>\n<p>So now its only reason for existence is content, content, content = SEO paradise, and the almanac (which is also &#8220;content content content&#8221;).<br>\nThat 15 years project is getting now an even worse treatment than other long-time runners got, ie. letting it slowly fade-away into triviality.<br>\nProbably, in another few months, its gonna be folded into another &#8220;exciting adventure&#8221; of its current masters, and then disappear from the web entirely.</p>\n<p><strong>Although</strong> it could be revived, <strong>like other sites</strong> were in the past, for example:</p>\n<p><a href=\"https://www.selfhtml.org\">SelfHTML</a> &#8211; originally an introduction and daily helper in terms of how to use HTML + CSS, and to some extends, also Javascript. Eventually it was turned into a (somewhat medicro) wiki and the supporting people founded an association (<a href=\"https://blog.lingoda.com/en/what-does-verein-mean/\">Verein</a>), but it is still active and around.<br>\nRecently, <a href=\"https://blog.selfhtml.org/2023/nov/01/wird-selfhtml-heute-noch-gebraucht\">they even asked themselves whether SelfHTML is still valid to be around</a>, but come to the conclusion, that yes, esp. for native German speakers, and beginners, its still a valid and solid introduction and reference.</p>\n<p><a href=\"https://www.alistapart.com\">A List Apart</a> &#8211; from the originally ground-breaking tutorials and articles, its turned mostly into a teaser-orgy for other peoples grand books on topic xyz, and the rest is filled with essays about work, but sometimes, there still is useful content to be found.</p>\n<p><a href=\"https://www.smashingmagazine.com\">Smashing Magazine</a> &#8211; has grown tremendiously and despite having a phase of stand-still a few years ago, seems to have climbed out of that valley. Today I went to their front page, and the &#8220;top links&#8221; / introduction section about helpers and tools was indeed a tremendous help. A lot of the articles posted there are not my cup of tea, but they have definitely broadened their spectrum, and despite that mentioned &#8220;valley of stand-still&#8221;, seemingly have managed to avoid turning into yet another run o&#8217; the mill, &#8220;jack of all trades&#8221; magazine.</p>\n<p><a href=\"https://tympanus.net/codrops/\">Tympanus Codrops</a> &#8211; does still the same, ie. posts of CSS / JS / Web design experiments, but mixes and breaks up things with a bit more lively, varied content.</p>\n",
            "content_text": "It&#8217;s just as I&#8217;ve feared (and probably many others): After the sell-out of CSS Tricks in 2022, its new masters let it tatter on for about a year, and then stopped publishing any new content around mid April of 2023.\nCurrent front page of css-tricks.com as of December 11th, 2023: No new content was added past April 2023\nSo now its only reason for existence is content, content, content = SEO paradise, and the almanac (which is also &#8220;content content content&#8221;).\nThat 15 years project is getting now an even worse treatment than other long-time runners got, ie. letting it slowly fade-away into triviality.\nProbably, in another few months, its gonna be folded into another &#8220;exciting adventure&#8221; of its current masters, and then disappear from the web entirely.\nAlthough it could be revived, like other sites were in the past, for example:\nSelfHTML &#8211; originally an introduction and daily helper in terms of how to use HTML + CSS, and to some extends, also Javascript. Eventually it was turned into a (somewhat medicro) wiki and the supporting people founded an association (Verein), but it is still active and around.\nRecently, they even asked themselves whether SelfHTML is still valid to be around, but come to the conclusion, that yes, esp. for native German speakers, and beginners, its still a valid and solid introduction and reference.\nA List Apart &#8211; from the originally ground-breaking tutorials and articles, its turned mostly into a teaser-orgy for other peoples grand books on topic xyz, and the rest is filled with essays about work, but sometimes, there still is useful content to be found.\nSmashing Magazine &#8211; has grown tremendiously and despite having a phase of stand-still a few years ago, seems to have climbed out of that valley. Today I went to their front page, and the &#8220;top links&#8221; / introduction section about helpers and tools was indeed a tremendous help. A lot of the articles posted there are not my cup of tea, but they have definitely broadened their spectrum, and despite that mentioned &#8220;valley of stand-still&#8221;, seemingly have managed to avoid turning into yet another run o&#8217; the mill, &#8220;jack of all trades&#8221; magazine.\nTympanus Codrops &#8211; does still the same, ie. posts of CSS / JS / Web design experiments, but mixes and breaks up things with a bit more lively, varied content.",
            "date_published": "2023-12-11T16:03:49+01:00",
            "date_modified": "2023-12-11T16:03:49+01:00",
            "author": {
                "name": "fwolf",
                "url": "https://wp-devil.com/author/fwolf/",
                "avatar": "https://secure.gravatar.com/avatar/c2a31599f60eec1232806bfc26066ed2?s=512&d=mm&r=g"
            },
            "image": "https://wp-devil.com/wp-content/uploads/2023/12/by-tzimt0ms.jpg",
            "tags": [
                "almanac",
                "blog",
                "css",
                "magazine",
                "Life and let die",
                "Webdesign",
                "Work"
            ]
        },
        {
            "id": "https://wp-devil.com/web-performance-optimization-in-a-nutshell/",
            "url": "https://wp-devil.com/web-performance-optimization-in-a-nutshell/",
            "title": "Web Performance Optimization in a nutshell",
            "content_html": "<p>After doing this for over 20+ years, and having seen a lot of fancy stuff come and go, my game in optimizing load times and rendering speed hasnt change that much.</p>\n<p>If I was asked for the main contenders for improving loading times, in 2022, it still boils down primarly to the following ones:</p>\n<ol>\n<li>Images &#8211; too big in both dimension and file size, but also using the wrong file format (eg. PNG instead of JPEG for photos)</li>\n<li>Render-blocking scripts / CSS / embeds</li>\n<li>(No) Caching policy &#8211; whether that just means caching rules or actual pre-caching, eg. static HTML</li>\n<li>Requests &#8211; numbers of overall resource requests of the page</li>\n</ol>\n<p>Other common factors nowadays:</p>\n<ul>\n<li>CDN &#8211; not using one, or not properly using it (also related with bad or missing caching policy)</li>\n<li>Massive HTML DOM structures &#8211; take much longer to parse and render; known also under the moniker &#8220;divitis&#8221; or just &#8220;HTML tag orgy&#8221;</li>\n<li>Media Queries &#8211; improper use of such, eg. missing, badly set breakpoints or missing optimization of the whole site towards these breakpoints</li>\n<li>Lazy-loading / picture / srcset &#8211; not using those techniques, but also not knowinng how to properly apply them; eg. lazy-loading can be used for ALL sources, not just images</li>\n<li>Icon fonts / Data URL &#8211; if you use an icon or small image everywhere across your site, why not instead rely on either icon fonts, which already supply these, and are loaded only once, or data URLs, which help in similar ways, if the image in question is on the smaller side (file size)?</li>\n</ul>\n<p>This is just a quick notice &#8211; for now. I&#8217;m going to add detailed articles to several topics when I get some time to spare, and link to them from here, as soon as they are up \ud83d\ude42</p>\n",
            "content_text": "After doing this for over 20+ years, and having seen a lot of fancy stuff come and go, my game in optimizing load times and rendering speed hasnt change that much.\nIf I was asked for the main contenders for improving loading times, in 2022, it still boils down primarly to the following ones:\n\nImages &#8211; too big in both dimension and file size, but also using the wrong file format (eg. PNG instead of JPEG for photos)\nRender-blocking scripts / CSS / embeds\n(No) Caching policy &#8211; whether that just means caching rules or actual pre-caching, eg. static HTML\nRequests &#8211; numbers of overall resource requests of the page\n\nOther common factors nowadays:\n\nCDN &#8211; not using one, or not properly using it (also related with bad or missing caching policy)\nMassive HTML DOM structures &#8211; take much longer to parse and render; known also under the moniker &#8220;divitis&#8221; or just &#8220;HTML tag orgy&#8221;\nMedia Queries &#8211; improper use of such, eg. missing, badly set breakpoints or missing optimization of the whole site towards these breakpoints\nLazy-loading / picture / srcset &#8211; not using those techniques, but also not knowinng how to properly apply them; eg. lazy-loading can be used for ALL sources, not just images\nIcon fonts / Data URL &#8211; if you use an icon or small image everywhere across your site, why not instead rely on either icon fonts, which already supply these, and are loaded only once, or data URLs, which help in similar ways, if the image in question is on the smaller side (file size)?\n\nThis is just a quick notice &#8211; for now. I&#8217;m going to add detailed articles to several topics when I get some time to spare, and link to them from here, as soon as they are up \ud83d\ude42",
            "date_published": "2022-06-09T21:58:00+02:00",
            "date_modified": "2022-06-09T21:58:00+02:00",
            "author": {
                "name": "fwolf",
                "url": "https://wp-devil.com/author/fwolf/",
                "avatar": "https://secure.gravatar.com/avatar/c2a31599f60eec1232806bfc26066ed2?s=512&d=mm&r=g"
            },
            "image": "https://wp-devil.com/wp-content/uploads/2022/06/gt3rjumq2zm.jpg",
            "tags": [
                "loading speed",
                "loading times",
                "web performance",
                "development",
                "Webdesign",
                "Work"
            ]
        }
    ]
}