GitHub - femmebot/jekyll-grid: Jekyll theme (used on 25x52.site) displays posts in a grid. Ideal for projects

Minimal Mistakes

A flexible two-column Jekyll theme. Perfect for building personal sites, blogs, and portfolios. Latest release v4.28.1

raghudotcc/simply-jekyll

A simple yet highly functional jekyll theme with backlinks, wiki-style links, context menu, page preview, sidenote etc

GRID: A simple visual cheatsheet for CSS Grid Layout

Learn all about the properties available in CSS Grid Layout through simple visual examples.

CSS subgrid is super good

The one where I code a simple but powerful grid layout.

Modern CSS snippets. Every old hack, replaced.

Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.

Modern CSS snippets. Every old hack, replaced.

Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.

Jekyll • Simple, blog-aware, static sites

Transform your plain text into static websites and blogs

Jekyll Tip: Absolute URLs for Links and Images in RSS Feed

When I write a post and add an image, the image lives in the “files” folder. When Jekyll builds the static site local...

SolidJS, It’s the Little Things

A website containing blog posts related to the frontend.

Modernist tiles with CSS Grid

A Modernist hydraulic tile floor, one motif rotated across the whole room, is something you'll find everywhere in Barcelona. Let's build our own in CSS Grid. Six real motifs, a whole floor of palettes.

Jekyll-Bonsai

A modern jekyll theme for semantically inclined digital gardeners.

andrew/jekyll-standard-site

Jekyll plugin that emits standard.site verification artifacts

Bluesky Posts Heatmap Generator

Generates GitHub-style heatmaps from your Bluesky posts.

My Resume

A beautiful Jekyll theme for creating resume

Animating CSS Grid Layouts with CSS Anchor Positioning

At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play.So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top.