Micro.blog

bsag
bsag

New post: Sprucing up the design again

I’ve had a tidy up on the blog, added dark mode and search!

pimoore
pimoore

@bsag That looks really great, especially the dark mode! Baskerville has always been one of my favourite fonts, it’s a classic you can’t go wrong with. Have you considered downloading the font and hosting the .woff files on your (GitHub?) site? This is what I always do with my site and themes, as the files are so small that the added load time is negligible. Since you’re using Netlify, you’d still get the benefit of the CDN without it being Google’s.

Speaking of Netlify, have you ever found yourself running up against the bandwidth limits? 100GB/mth seems very paltry, and their overage prices are astronomical. Vercel has the same limit, so I’m curious how much of an issue it is.

bsag
bsag

@pimoore Thanks! Glad you like it :-). Looking at Google Fonts for a way to download .woff files, I just realised that I'm using EB Gramamond, not Baskerville, which is embarrassing! I did test with Baskerville, but the free version didn't have the right weights available, so I switched and forgot that I switched. I'll update the post. Anyway, I'll see if I can find .woff formats or convert from .ttf.

I haven't found the 100GB a month limit a problem at all. I don't have huge traffic, and I host the images (other than design assets) off site (on Backblaze B2) and link to them, but my bandwidth is usually 3-5GB per month, so I am nowhere near the limit. YMMV of course, depending on a variety of factors.

pimoore
pimoore

@jasonekratz I suppose the concern would be if your site got Fireballed or something, and you found yourself on the wrong end of a large bill. I mean, it’s a good problem to have, but still a problem. 😂

bsag
bsag

@pimoore @jasonekratz I agree: I think in practice it’s not a problem. I imagine if you got Fireballed, the Netlify people would be able to see that it was a one-off and out of the run of your normal bandwidth usage, and they might just give you the benefit of the doubt for a ‘first offence’ 😉

In reply to
rcrackley
rcrackley

@bsag Looks fantastic! I like the nav menu and the way the links are styled. Good color palette, as well.

Cheri
Cheri

@jasonekratz @bsag @pimoore I too have never come close to surpassing my free Netlify bandwidth. For a static site, it’s a pretty generous free tier.

bsag
bsag

@rcrackley Thanks! Tailwind has a great colour palette which makes it quite easy to be consistent with colours, saturation and so on. You’re picking from a well chosen range of options rather than choosing an exact value.

bsag
bsag

@Cheri I think Netlify is an amazing service. I would actually like to give them money, even though I really don’t need the extra stuff in the next tier up. I kind of wish they had a cheaper ‘hobby’ tier - maybe with enhanced support or something?

hjertnes
hjertnes

@bsag @pimoore if df links to a post without any images and it isn't very long, it's most likely less than 25kb unless your js/css/layout is very bloated. If we say 25kb you'd need something like 4 million page views to use 100gb

rcrackley
rcrackley

@bsag I had heard a little bit about Tailwind before, but I dove deeper after your post. It looks like something I would want to learn more about.

pimoore
pimoore

@hjertnes @bsag That’s a great point, and I’m not really a heavy image poster to begin with.

bsag
bsag

@rcrackley The approach seems counter-intuitive to start with, but it really grows on you.

Cheri
Cheri

@bsag I’ve had the same thought. $19/mo is too steep for a simple blog. I did subscribe to their analytics briefly, but it wasn’t very useful, so I dropped it.

pimoore
pimoore

@bsag I’ve been looking into Tailwind and watching the screencasts, and I’m seriously impressed. How are you pushing everything to Netlify; are you building on your own machine/VPS and going through GitHub, or is Netlify able to do the Tailwind processing directly?

bsag
bsag

@pimoore I think Netlify probably could build the Tailwind files if you set it up that way, but I just make sure that I build the assets on my machine, then push the repository to Bitbucket. That’s connected to Netlify, so when I push, Netlify does a hugo build and makes the site live. You can also have it set up so that pushing to a branch creates a private preview if you want to check all is well.

pimoore
pimoore

@bsag Thanks again, going to play around with this today.

bsag
bsag

@pimoore Have fun! I've found the docs on the Tailwind site really informative, and the screencasts are great too, as you've seen.