Tag: Static sites
Musings and tutorials about building websites using static site generators (SSG) and what is commonly referred to as the jamstack.
Tutorials for leveling-up your Jekyll skills can be found in my Mastering Jekyll series of guides.
Related topics: Tutorials Web development Static sites Design Open source
Jekyll themes
Open source Jekyll themes to get you started building a site or blog on GitHub Pages, Netlify, and other hosts.And just like that, I was done with Netlify
As someone who uses Netlify’s Starter plan to host this site, the following situation is the kind of nonsense that keeps me up late at night…Goodbye Gatsby, Hello Hugo
Hugo has ruined me. Other static site generators that rely on community plugins and copypasta to fill out their gaps don’t cut it anymore…Adding last modified timestamps with Git
Today I learned how to automatically add last modified dates to Markdown files used by static site generators like Jekyll and Gatsby.URLs and links in Jekyll
How Jekyll uses URLs and how to link posts, pages, assets, and other resources together.Jekyll’s site.url and baseurl
Learn what Jekyll’s site url and baseurl variables are and how to properly set them withrelative_url
andabsolute_url
filters to avoid broken links and 404 errors.Not so quick with the Gatsby site optimizations
This is the post where I talk about neglecting the site and pledge to blog more… wait, wasn’t I suppose to do this on January 1st?Twenty Nineteen
First time doing a year in review post. The statistics contained are just for fun as there’s nothing to compare them against yet.Autumn refresh
Using CSS Grid Layout Module to redesign a Jekyll site and further improve performance and accessibility.Optimizing and automating my Jekyll site build
Lessons learned from building, optimizing, and deploying a huge static site with everyone’s favorite SSG — Jekyll.Styling language specific code blocks with Jekyll
Interesting styling possibilities with Kramdown syntax highlighted code blocks in Jekyll.Basically Basic Jekyll theme
Your new Jekyll default theme.Accessing static files in Jekyll
Learn how to use static files with Jekyll to create a gallery of images automatically without a plugin.Improving Staticman comments on a Jekyll site
How to use Staticman to add threaded comments and reply notifications to a static-based Jekyll site.HTML inside Kramdown table cells with Jekyll
The question of how to write a list inside of a table cell with Kramdown recently came up in a thread on Jekyll Talk — prompting me to look for a solution.Configuring publishing sources for GitHub Pages
You know what sucks? Maintaining two separate branches of an open source project, just to host its source code and documentation together with GitHub Pages.Using SSI to detect cookies
In my never ending quest to micro-optimize the hell out of my site, I ran into a snag when trying to use SSI directives to improve the loading of critical CSS and cached stylesheets.Adding comments to a Jekyll site with Staticman
Uninstall Disqus and learn how to add a static-based commenting system to Jekyll with Staticman.Minimal Mistakes
A flexible two-column Jekyll theme for building a personal site, blog, project documentation, or portfolio.How I’m using Jekyll in 2016
Documenting my approach to using Jekyll, how that’s evolved over the years, and web development learnings I’ve picked up along the way.Building a living style guide with Jekyll
How I used Jekyll to build a living style guide and pattern library for Made Mistakes.Skinny Bones
A lightweight website starter for Jekyll.HPSTR
Jekyll blog theme designed to give your site a tumble-log look.So Simple
A simple Jekyll theme for words and pictures.Going static: Using Jekyll without a CMS
Migrating Made Mistakes from a Wordpress powered website back to its static file roots using Jekyll without a CMS.Makings of a mistake, designing this site
As a designer we’ve all been there. When was the last time you got bored with a design and decided to just burn it and start anew?