ellm

function CoolModule() {
    var something = "cool";
    var another = [1, 2, 3];

    function doSomething() {
        console.log( something );
    }

    function doAnother() {
        console.log( another.join( " ! " ) );

ellm

var ModuleExample = {
  init: function() {
    var _self = this;
    var varExample = $('form.variations_form');
    
    function exampleFunction() {
      console.log(this);
    }
  }
};

ellm

// Check to see if an element is in the viewport
  function elementInViewport(el) {
    var top = el.offsetTop;
    var left = el.offsetLeft;
    var width = el.offsetWidth;
    var height = el.offsetHeight;

    while (el.offsetParent) {
      el = el.offsetParent;
      top += el.offsetTop;

ellm

<h1>Heading 1</h1>
Nulla eu erat dolor. <strong>Vestibulum</strong> vel eleifend libero. Donec molestie urna posuere egestas suscipit. Nunc id porttitor nulla. Nulla facilisi. In hac habitasse platea dictumst. <a href="http://www.google.com" target="_blank">Maecenas</a> quis condimentum ipsum. Suspendisse potenti. Cras eget <em>tristique</em> nulla, nec tempus arcu. Donec pulvinar sapien a sapien lobortis, eget egestas augue interdum. Curabitur imperdiet urna et pellentesque convallis. Morbi id risus ex. Morbi condimentum gravida odio. <del>Vestibulum</del> fermentum molestie vestibulum. Phasellus pretium nulla arcu, at pellentesque diam efficitur vitae.
<h2>Heading 2</h2>
Nulla eu erat dolor. Vestibulum vel eleifend libero. Donec molestie urna posuere egestas suscipit. Nunc id porttitor nulla. Nulla facilisi. In hac habitasse platea dictumst. Maecenas quis condimentum ipsum. Suspendisse potenti. Cras eget tristique nulla, nec tempus arcu. Donec pulvinar sapien a sapien lobortis, eget egestas augue interdum. 

ellm

Podcasts

• Shop Talk Show
• JavaScript Jabber

People

• Harry Roberts
• Paul Irish
• Chris Coyier
• Matt Mullenweg
• David Walsh

ellm

CSS notes and snippets

Push elements off screen

• for UX where navigation flies in from the side of the screen or a rollup that swoops in from the bottom of the screen, use translate3d().
• the advantage is that you do not need to know the height or width. Whereas using negative margin or top, bottom, etc requires that an exact measurement to push off screen
• add transition: transform 0.5s to have it smoothly move in and out.

transform: translate3d(0, 100%, 0); // push off screen

ellm

1. Click on Windows Start button and type in "NotePad"
2. Right click on NotePad and click "Run as Administrator"
3. Click File > Open and navigate to: C:\windows\system32\drivers\etc\
4. Select "All files" to reveal "hosts" files and open it
5. Add the following (or another localhost IP) to the bottom of hosts file

192.168.50.4 example.dev

ellm

Vim

Command	Description
Editing
d	Cut/Delete
dd	Cut/Delete entire line
p	Paste line p (below) or P (above)
c	Change (delete and then place into insert mode)
y	Yank (copy) y or yy (copy entire line including carriage return)

ellm

const playing = document.querySelector('.community__song-playing');
const btn = document.querySelector('button.btn-like');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type == "attributes") {
      btn.click();
      console.log("me_debug", "playing attributes changed")
    }
  });

ellm

Php Snippets and Notes

printf

I need to escape/translate text that also requires HTML within in the copy. Use printf()

    <h3><?php printf( esc_html__( 'Get our exclusive newsletter—the best of %1$s The Dude %2$s every day!', 'localdude' ), '<span>', '</span>' ); ?></h3>