<aside> ⚡ Snippets of code in a byte size format that provide daily survival techniques.

</aside>

• Resorces
• Table of Contents

Canvas Boilerplate

<Canvas camera={{ position: [0, 0, 3.2], fov: 35 }} style={{ height: "100vh" }}>
  <color attach="background" args={["#000"]} />
  <ambientLight intensity={0.4} />
  <Suspense fallback={null}>
    <Environment preset="city" />
    <ScrollRig progress={progress} />
  </Suspense>
</Canvas>

Navigation Ampersand

☰

Hiding Overflow

In a single direction

overflow-x: clip;
overflow-y: visible;

Time

function myClock() {         
  setTimeout(function() {   
    const d = new Date();
    const n = d.toLocaleTimeString();
    document.getElementById("time").innerHTML = n; 
    myClock();             
  }, 1000)
}
myClock();

// EXAMPLE SNIPPET CALL [[!time:date=`%Y`]]
<?php
return time();

Analytics MODX

[[++site_url:is=`https://www.livewebsiteURL.com/`:then=`[[$analytics]]`:else=``]]

Responsify Images

	[//](//define)Responsive Images
	function responsifyIMGs() {
    if ( ! $("img").hasClass(".img-fluid")) {
           $("img").addClass("img-fluid");
    }
  }
	[//initi](//initiate)ate the function
  responsifyIMGs();