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: Website Design

Posted on January 27, 2022January 27, 2022

How to create a responsive square image with CSS

Create a responsive square element containing an image using ::after pseudo class.

Continue reading “How to create a responsive square image with CSS”
Posted on May 14, 2021May 14, 2021

Flexbox to add a spacer

Use Flexbox to push content.

// The span takes up any remaining space between left and right
<div>left</div>
<span style=“flex: 1 1 auto”></span>
<div>right</div>

Posted on August 17, 2020August 17, 2020

Bootstrap 4 breakpoints and media queries

Quick reference for the Bootstrap 4 media breakpoints.

Continue reading “Bootstrap 4 breakpoints and media queries”
Posted on April 11, 2019July 30, 2020

HTML5 Video Streaming from Google Drive

A method for serving HTML5 video on your website via Google Drive, saving bandwidth and reducing server load.

Continue reading “HTML5 Video Streaming from Google Drive”
Posted on November 22, 2018April 11, 2019

Adding a non-standard font to your website

In this article I will explain how to define a new font-family using @font-face and WOFF type fonts, which are supported by nearly every web browser. 

Continue reading “Adding a non-standard font to your website”

Recent Posts

  • 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
  • Persist user state in NextJS by using a cookie and a context provider January 11, 2023
  • Change WordPress wp-admin ‘Visit site’ URL September 10, 2022
  • Change WordPress post preview URLs September 10, 2022

Archives

  • February 2023 (1)
  • 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 (16)
    • Drupal (4)
    • Wordpress (10)
  • Data (3)
    • API (1)
    • MongoDB (2)
  • Go (5)
  • Google (2)
    • G Suite (1)
  • JavaScript (14)
    • Gatsby.js (3)
    • Next.js (2)
    • Node.js (4)
      • Express.js (2)
    • Pug.js (2)
    • React (2)
    • 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