Brian Cottingham (spiffytech)

Creating a bottom nav with CSS Flexbox

I needed to create a bottom nav (like what's used in many mobile apps) in CSS. Here's how I did it. (CodePen) <div class="container"> <div class="content"> <p>bar</p> <p>

Setting up Sapper with Netlify CMS

What are Sapper and Netlify CMS? Sapper Sapper is Svelte's answer to Next.js/Nuxt.js. It's a way of rendering Svelte code on the server so your site is compatible with JavaScript-free devices, and so it renders immediately instead of waiting for a JS blob

GraphQL Subscriptions with Vanilla JS

I've been working on a project that uses GraphQL via Hasura. Using Subscriptions (real-time updates to queries) is a key feature for my project, but it's one that most of the simpler GraphQL client libraries don't support. That leaves me looking at heavyweight tools

A Minimal Svelte Router

Here is a minimal router for Svelte v3 using Page.js. Whenever the route changes, Page.js sets a variable that holds the component that should be rendered for the route. <script> import page from 'page'; import Home from './views/Home.svelte'; let route;