Skip to main content Home
  • About me
  • Blog
  • Projects
  • Writing & Speaking
  • Contact
  • Uses
[

Category: web

]
  • Preview image for Let's learn SvelteKit by building a static Markdown blog from scratch

    Let's learn SvelteKit by building a static Markdown blog from scratch

    Learn the fundamentals of SvelteKit by building a statically generated blog from scratch, with Markdown support, Sass, an API, and an RSS feed. Read more…

    • svelte
    • javascript
    • web
    • sass
  • Preview image for Adding blog comments to your static site with utterances

    Adding blog comments to your static site with utterances

    The web world is full of tradeoffs. Going from a CMS to a static site keeps things simple—but that simplicity comes with costs. Luckily, giving up comments on your blog doesn't have to be one of them. Read more…

    • web
    • javascript
    • svelte
  • Preview image for Converting from Gridsome to SvelteKit

    Converting from Gridsome to SvelteKit

    I've been a fan of Svelte for years, but never had the opportunity to use it on a serious project before. So when I found myself looking for a new platform for this site as SvelteKit entered open beta, it seemed like perfect timing. Read more…

    • javascript
    • svelte
    • web
  • Preview image for Introducing Svelte, and Comparing Svelte with React and Vue

    Introducing Svelte, and Comparing Svelte with React and Vue

    Svelte is a new style of framework for building sites and apps. Let's dive into what makes it different, why it's so enjoyable, and how it's able to ship such tiny, fast apps. Read more…

    • javascript
    • svelte
    • web
  • Preview image for Announcing Quina (My First App)!

    Announcing Quina (My First App)!

    The story of building Quina, a word game Progressive Web App built with Nuxt, and launched on the Google Play Store. Read more…

    • javascript
    • design
    • web
    • vue
  • Preview image for A New Headless Site with Gridsome

    A New Headless Site with Gridsome

    A lengthy write-up diving into what headless means, its advantages and disadvantages, some of the techniques and gotchas involved, and, finally, the new design of this site specifically. Read more…

    • javascript
    • web
    • vue
    • wordpress
  • Preview image for How to Connect Local with CodeKit

    How to Connect Local with CodeKit

    Enjoy all the convenience of easy local WordPress development with Local, plus build tools with CodeKit, without any of the tricky command line setup. Read more…

    • css
    • javascript
    • web
    • wordpress
  • Preview image for How to Check Uniqueness in an Array of Objects in JavaScript

    How to Check Uniqueness in an Array of Objects in JavaScript

    Working with arrays of objects in JavaScript can be difficult. This post covers how to ensure all object keys (IDs) are unique, and how to find non-unique values. Read more…

    • javascript
    • web
  • Preview image for Adding Gutenberg Full- and Wide-Width Image Support to Your WordPress Theme

    Adding Gutenberg Full- and Wide-Width Image Support to Your WordPress Theme

    Gutenberg brings with it the ability to set image blocks as full-width or wide-width. This article talks about how to enable support for that feature in your theme, and one way to write the CSS that makes it work. Read more…

    • css
    • web
    • wordpress
  • Preview image for New Site, New Theme for 2018

    New Site, New Theme for 2018

    Building a WordPress theme (and a new brand) from scratch. Read more…

    • design
    • web
    • php
    • wordpress
  • Preview image for My Essential Tools for WordPress Development

    My Essential Tools for WordPress Development

    Some of these apps, resources and tools aren’t directly WordPress-related, or even necessarily development-related; some have to do with productivity or just make life a little easier. That’s by design. Part of being a developer is learning to work and use your tools as efficiently and with as little wasted time and mental energy as possible. Read more…

    • thoughts-and-advice
    • web
    • wordpress
  • Preview image for WordPress Child Theme Explanation and Walkthrough

    WordPress Child Theme Explanation and Walkthrough

    When you’re just starting out with WordPress, it’s easy to think that you can just open up the style.css file included with your theme and begin making alterations. And that will work—at least for a while—but it won’t be a good idea… Read more…

    • web
    • wordpress
  • Preview image for Understanding the Difference Between Image and Vector File Types

    Understanding the Difference Between Image and Vector File Types

    If you’re like me, you’ve probably spent some time wondering (and Googling) about the differences between various popular format types commonly used for graphic design applications. So I decided I’d create a resource that’s hopefully a handy reference on the matter of discerning file type supports and behavior. Read more…

    • design
    • web

Recent blog posts

  • Let's learn SvelteKit by building a static Markdown blog from scratch
  • Adding blog comments to your static site with utterances
  • Converting from Gridsome to SvelteKit
  • Introducing Svelte, and Comparing Svelte with React and Vue
  • Goodbye, WordPress

Categories

  • svelte
  • javascript
  • web
  • sass
  • wordpress
  • vue
  • design
  • css
  • php
  • personal
  • thoughts-and-advice

More

  • All blog posts
  • Other writing & speaking

Pages

  • Home/About
  • Blog
  • Projects
  • Writing & Speaking
  • Contact

Links

  • RSS
  • Ko-Fi
  • GitHub
  • CodePen
  • Twitter

©2015–2025 Josh Collinsworth.

Made with WordPress Gridsome SvelteKit; hosted on Netlify.