Geoff Griffiths

LATEST ARTICLES ( 580 )

• Responsive Padding in CSS (2023)

  Instead of using pixels (px) you can use % Better still, us viewport width and viewport height. padding: 1vw – 1% of viewport widthpadding: 1vh – 1% of... Read more

  Posted on 14 July 2023 FAMILY, PARENTING

• Reponsive Table

  USA Goal Post Sizes by Age AGEGOAL SIZEUNDER 6/7/86FT X 4FT (1.8M X 1.2M)UNDER 9/1018.5FT X 6.5FT (5.6M X 2M)UNDER 11/1221FT X 7FT (6.4M X 2.1M)12+ ... Read more

  Posted on 14 July 2023 FAMILY, PARENTING

• Easy Way to Center-Align Elements, Like Images & Shiz

  Use margin:auto For example: <div style=”width: 45%; display: block; margin: auto;”> Margin:auto – will automatically center align your element: “Auto... Read more

  Posted on 11 July 2023 FAMILY, PARENTING

• New Logical Assignment Operators (2023)

  

  Well, these were introduced in 2021, according to the Udemy course I am doing. the “=” sign, assigns values to things When there’s additional stuff, before the... Read more

  Posted on 30 June 2023 FAMILY, PARENTING

• Nullish Coalescing Operator (??) in JavaScript (2023)

  

  I asked chat GPT to explain the Nullish coalescing operator (??) to me, like I’m 10 years old: Let’s imagine you have two boxes, one is called ‘boxA’ and the... Read more

  Posted on 27 June 2023 FAMILY, PARENTING

• Short Circuiting in JavaScript (2023)

  

  I asked Chat GPT to explain Short Circuting in JavaScript to me like I was 10.I also asked for some jokes to be thrown in the mix. “Hey there kiddo! Read more

  Posted on 26 June 2023 FAMILY, PARENTING

• Rest Pattern and Parameters in Javascript

  https://www.udemy.com/course/the-complete-javascript-course/learn/lecture/22648543#learning-tools I asked Chat GPT to explain the rest pattern and parameters... Read more

  Posted on 23 June 2023 FAMILY, PARENTING

• Easy Way to Analyse DOM Size (For SEO Audits & Speed Etc)

  

  Add the chrome extension here – https://chrome.google.com/webstore/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen when you right click > Inspect I... Read more

  Posted on 23 June 2023 FAMILY, PARENTING

• SEO Reports in Google Analytics 4 (GA4) [2023]

  

  SEO Landing Page Report Go to Reports > Engagement>Pages and screens click the pencil icon to customize Click Dimensions – search and add “Landing page +... Read more

  Posted on 23 June 2023 FAMILY, PARENTING

• The Spread Operator in JavaScript (explained in Cockney)

  

  TLDR; – The Spread operator allows you to join strings or arrays together in one longer string or array Image from Reddit Good tutorial here Right, guv’nor!... Read more

  Posted on 22 June 2023 FAMILY, PARENTING

• Destructing Arrays in JavaScript (2023)

  Destructing an array sounds fun, but it’s not. When we talk about “destructuring” an array, we’re referring to a process where we extract data from arrays, and... Read more

  Posted on 21 June 2023 FAMILY, PARENTING

• A Comprehensive Guide: How to Fill and Hang a Heavy Bag

  

  A heavy bag is an essential training tool for combat sports enthusiasts and fitness enthusiasts alike. It provides an excellent way to improve striking... Read more

  Posted on 15 June 2023 HEALTHY LIVING

• Unleash Your Inner Fighter: The Power of Resistance Bands in Striking Techniques

  

  In the world of combat sports, the path to becoming a formidable striker requires relentless dedication and a commitment to pushing your limits. Read more

  Posted on 15 June 2023 HEALTHY LIVING

• Unveiling the Differences: BJJ Training Gis Vs Competition Gis

  

  Brazilian Jiu-Jitsu (BJJ) has gained immense popularity worldwide, with practitioners constantly seeking the perfect Gi for their training and competition needs. Read more

  Posted on 15 June 2023 HEALTHY LIVING

• JavaScript Loops – Looping Backwards & Loops in Loops

  

  Notes taken from The Complete JavaScript Course 2023: From Zero to Expert! course on Udemy. Why would you use a for loop? I asked Chat GPT this very question,... Read more

  Posted on 14 June 2023 FAMILY, PARENTING

• Google Analytics 4 Tutorial (GA4 Benefits & Useful Reports)

  

  GA4 uses events for bloody everything. You’ll need to set up one type of events – conversions, whilst others are set up for you. Read more

  Posted on 13 June 2023 FAMILY, PARENTING

• JavaScript Functions and Events (2023)

  

  Notes taken from various websites including: https://www.w3schools.com/js/js_whereto.asp... Read more

  Posted on 05 June 2023 FAMILY, PARENTING

• The This Keyword in JavaScript (2023)

  

  This – references the object that is executing the current function If the function is part of an object, we call that function a method. Read more

  Posted on 02 June 2023 FAMILY, PARENTING

• Arrow Functions Vs Regular Functions in JavaScript (2023)

  

  JavaScript has 2 types of functions. Normal/regular functions Arrow functions Arrow functions are simpler and shorter. A normal JS function, with arguments... Read more

  Posted on 02 June 2023 FAMILY, PARENTING

• JavaScript – Primitives Vs Objects

  

  Notes about primitives and objects data types in JavaScript I’ve got a bit fed up of the Udemy course I’m doing on JavaScript and the videos, so I’m taking note... Read more

  Posted on 31 May 2023 FAMILY, PARENTING