--- title: Small site changes and new design | daily.dev description: A personal blog redesign post describing small site improvements including a Nix store footer badge, a Jekyll plugin for automatic image source-sets, a Jekyll... canonical: https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Small site changes and new design | daily.dev og:description: A personal blog redesign post describing small site improvements including a Nix store footer badge, a Jekyll plugin for automatic image source-sets, a Jekyll... og:url: https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw og:image: https://api.daily.dev/og/posts/90O7Q7Hpw.png og:image:alt: Small site changes and new design og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Small site changes and new design **[Farid Zakaria’s Blog](https://daily.dev/sources/fzakaria)** · 1 min read · 9 upvotes · 2 comments ## Summary A personal blog redesign post describing small site improvements including a Nix store footer badge, a Jekyll plugin for automatic image source-sets, a Jekyll plugin for CSS cache-busting via content hashes, and a sidebar layout redesign. The author used AI assistance for the design changes while trying to maintain a personal touch. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How can I prevent browsers from caching stale CSS after I update my stylesheet in a Jekyll site? Generate a short content hash from the stylesheet and append it to the asset URL so the filename changes whenever the CSS content changes, forcing browsers to fetch the new version instead of serving a cached copy. This can be implemented as a small Jekyll plugin that computes the hash at build time and injects it into asset links. _daily.dev surfaces practical Jekyll and static-site tricks like this for developers polishing their own blogs._ ### How do I automatically generate responsive image srcsets for blog post images in Jekyll? Use a custom Jekyll plugin that hooks into the build process and automatically creates multiple resized versions of each image, wiring them into a srcset attribute so browsers pick the right resolution. This avoids manually creating and referencing multiple image sizes for every post. _developers automating image handling in static sites can find similar Jekyll plugin patterns via daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@baptistecrouzet** · 0 upvotes > simple and efficient, nice ! ## Similar posts on daily.dev - [Nerdy Design Details](https://daily.dev/posts/nerdy-design-details-uhtk6vxkh) · Kitty says hi. · 22 upvotes · 4 comments - [Still blogging](https://daily.dev/posts/still-blogging-dvlzgt3or) · Pascal’s scribbles · 2 upvotes · 1 comments - [Noted 3.0: More Than a Redesign](https://daily.dev/posts/noted-3-0-more-than-a-redesign-a4qckcdd5) · Noted · 4 upvotes · 2 comments - [Spring Cleaning](https://daily.dev/posts/spring-cleaning-mc3iymhxn) · Kitty says hi. · 4 upvotes · 0 comments - [Smolwebifying my site](https://daily.dev/posts/smolwebifying-my-site-b1wxasdea) · Lobsters · 4 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Small site changes and new design","url":"https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw"},"datePublished":"2026-07-26T21:21:14.014Z","dateModified":"2026-09-14T06:14:34.839Z","description":"A personal blog redesign post describing small site improvements including a Nix store footer badge, a Jekyll plugin for automatic image source-sets, a Jekyll...","image":"https://media.daily.dev/image/upload/s--HRgLpUt6--/f_auto/v1722860399/public/Placeholder%2003","thumbnailUrl":"https://media.daily.dev/image/upload/s--HRgLpUt6--/f_auto/v1722860399/public/Placeholder%2003","isAccessibleForFree":true,"articleSection":"Farid Zakaria’s Blog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Farid Zakaria’s Blog","logo":"https://media.daily.dev/image/upload/s--YqqvRt90--/f_auto/v1723789280/logos/fzakaria","url":"https://daily.dev/sources/fzakaria"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"webdev","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Farid Zakaria’s Blog","item":"https://daily.dev/sources/fzakaria"},{"@type":"ListItem","position":3,"name":"Small site changes and new design"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw","comment":[{"@type":"Comment","text":"simple and efficient, nice !","datePublished":"2026-07-28T07:55:03.474Z","url":"https://daily.dev/posts/90O7Q7Hpw#c-WBxyFmHTE","author":{"@type":"Person","name":"Baptiste Crouzet","url":"https://daily.dev/baptistecrouzet","image":"https://avatars0.githubusercontent.com/u/26898487?v=4"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/small-site-changes-and-new-design-90o7q7hpw#faq","mainEntity":[{"@type":"Question","name":"How can I prevent browsers from caching stale CSS after I update my stylesheet in a Jekyll site?","acceptedAnswer":{"@type":"Answer","text":"Generate a short content hash from the stylesheet and append it to the asset URL so the filename changes whenever the CSS content changes, forcing browsers to fetch the new version instead of serving a cached copy. This can be implemented as a small Jekyll plugin that computes the hash at build time and injects it into asset links. daily.dev surfaces practical Jekyll and static-site tricks like this for developers polishing their own blogs."}},{"@type":"Question","name":"How do I automatically generate responsive image srcsets for blog post images in Jekyll?","acceptedAnswer":{"@type":"Answer","text":"Use a custom Jekyll plugin that hooks into the build process and automatically creates multiple resized versions of each image, wiring them into a srcset attribute so browsers pick the right resolution. This avoids manually creating and referencing multiple image sizes for every post. developers automating image handling in static sites can find similar Jekyll plugin patterns via daily.dev."}}]} ```