Skip to content

Clint Vidler

Website Developer & Software Engineering Student

  • About Me
  • CMS
    • Drupal
    • SharePoint
    • WordPress
  • Data
    • API
    • MongoDB
    • NAS
      • Synology
  • JavaScript
    • Angular
    • Gatsby.js
    • Node.js
      • Express.js
    • Pug.js
    • Vue.js
  • Microsoft
    • Outlook
    • SharePoint
    • Windows
  • More Topics
    • Apple
      • OSX
    • Go
    • Google
      • G Suite
    • PHP
    • Python
    • Security
      • Backup & Recovery
    • Website Design
    • Uncategorized
  • Contact

Category: JavaScript

Posted on February 11, 2023February 13, 2023

Responsive masonry in React with a straight bottom line

CSS Grid to assign columns, with a little JavaScript to stretch the last item in each column.

Continue reading “Responsive masonry in React with a straight bottom line”
Posted on January 11, 2023January 14, 2023

Add a universal page load bar and/or spinner to NextJS

Adding this is very easy when you make use of the NextJS router events and the NProgress package.

Continue reading “Add a universal page load bar and/or spinner to NextJS”
Posted on January 11, 2023January 11, 2023

Persist user state in NextJS by using a cookie and a context provider

Use a combination of application context and browser cookies to save and retrieve state in a NextJS app.

Continue reading “Persist user state in NextJS by using a cookie and a context provider”
Posted on August 4, 2020August 4, 2020

Gatsby window scroll position

Gatsby will fail to build if you refer to window, so we need a work around.

Continue reading “Gatsby window scroll position”
Posted on July 24, 2020July 24, 2020

Gatsby ‘window.location’ not available during SSR

The location parameter works via ‘gatsby develop’, but fails to compile via ‘gatsby build’.

Continue reading “Gatsby ‘window.location’ not available during SSR”
Posted on July 20, 2020September 2, 2020

Install NodeJS and NPM on a shared web server

NodeJS can be installed on you CPanel shared hosting plans, keep reading to see how.

Continue reading “Install NodeJS and NPM on a shared web server”
Posted on July 5, 2020July 5, 2020

Global JSON data service in Angular

A simple method for loading and sharing JSON data across an Angular app using a shared service.

Continue reading “Global JSON data service in Angular”
Posted on July 4, 2020July 4, 2020

Load JSON data in Angular

Error: “Cannot find module ‘./path/to/data.json’. Consider using ‘–resolveJsonModule’ to import module with ‘.json’ extension”

Continue reading “Load JSON data in Angular”
Posted on March 10, 2020March 10, 2020

Redirect URL With GatsbyJS and Netlify

Bulk URL redirecting that resembles the .htaccess method used for Apache.

Continue reading “Redirect URL With GatsbyJS and Netlify”
Posted on May 13, 2019October 18, 2019

Dynamic routing, navigation and page title with Vue

How to create a reusable header component, containing a dynamic page title and sub-menu.

Continue reading “Dynamic routing, navigation and page title with Vue”

Posts navigation

Page 1 Page 2 Next page

Recent Posts

  • Add an option to hide the label for fields in WordPress Advanced Custom Fields March 13, 2023
  • Display copyright ‘current year’ in the footer using WordPress full site editing blocks March 3, 2023
  • Responsive masonry in React with a straight bottom line February 11, 2023
  • Create a custom location rule ‘Post Has Parent’ for WordPress Advanced Custom Fields February 1, 2023
  • Add a universal page load bar and/or spinner to NextJS January 11, 2023

Archives

  • March 2023 (2)
  • February 2023 (2)
  • January 2023 (2)
  • September 2022 (2)
  • July 2022 (1)
  • March 2022 (1)
  • January 2022 (5)
  • November 2021 (1)
  • August 2021 (2)
  • May 2021 (1)
  • November 2020 (1)
  • September 2020 (1)
  • August 2020 (3)
  • July 2020 (6)
  • June 2020 (1)
  • May 2020 (1)
  • March 2020 (1)
  • January 2020 (1)
  • August 2019 (1)
  • June 2019 (1)
  • May 2019 (4)
  • April 2019 (4)
  • March 2019 (3)
  • January 2019 (1)
  • December 2018 (3)
  • November 2018 (9)

Categories

  • Angular (4)
  • Apple (3)
    • OSX (3)
  • CMS (18)
    • Drupal (4)
    • Wordpress (12)
  • Data (3)
    • API (1)
    • MongoDB (2)
  • Go (5)
  • Google (2)
    • G Suite (1)
  • JavaScript (15)
    • Gatsby.js (3)
    • Next.js (2)
    • Node.js (4)
      • Express.js (2)
    • Pug.js (2)
    • React (3)
    • Vue.js (2)
  • Microsoft (5)
    • Outlook (1)
    • SharePoint (2)
    • Windows (2)
  • NAS (3)
    • Synology (3)
  • PHP (1)
  • Python (1)
  • Security (7)
    • Backup & Recovery (2)
  • TypeScript (2)
  • Uncategorized (1)
  • Website Design (5)

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
  • GitHub
  • Linkedin
Privacy Policy Log in