Instantly share code, notes, and snippets.

View lazy load images.js
(function() {
function loadAsync() {
var lazyimgs = document.querySelectorAll( '[data-lazy]' ),
attrswap = function( img ) {
img.src = img.getAttribute( 'data-src' );
img.setAttribute( "sizes", img.getAttribute( 'data-sizes' ) );
img.setAttribute( "srcset", img.getAttribute( 'data-srcset' ) );
img.parentElement.setAttribute( "class", "shown" );
},
supports = "IntersectionObserver" in window
View eecms-droplet-for-EE4.md

(This is an updated version of my own tutorial for EE2.)

  1. Create your droplet. Name it, select your size and location, then hit the Applications tab and select (as of this writing) "LAMP on 14.04". Add your SSH key if you want, and submit.
  2. Make sure mod_rewrite is enabled, with a2enmod rewrite.
  3. If you like, increase PHP's upload_max_filesize and post_max_filesize values by editing the php.ini file, with this: nano /etc/php/7.0/apache2/php.ini
  4. Give Apache a restart: service apache2 restart
  5. Run mysql_secure_installation. It will ask for the initial mysql root password which is saved in /root/.digitalocean_password.
  6. Log in to MySQL: mysql -u root -p (It will prompt you for your password.)
  7. Create a new user, so we aren't using root all the time: CREATE USER [NEW USERNAME]@'%' IDENTIFIED BY '[NEW PASSWORD]';
  8. Grant the new user full access: GRANT ALL PRIVILEGES ON * . * TO '[NEW USERNAME]'@'%';
View 1. Rigatoni alla Genovese: Ingredients.md
  • 1 tablespoon olive oil
  • 6 ounces pancetta or salt pork, diced
  • 2 1/2 pounds beef chuck, seasoned with 2 teaspoons kosher salt
  • 1/2 cup diced celery
  • 1/2 cup diced carrot
  • 1 rounded tablespoon tomato paste
  • 1 teaspoon freshly ground black pepper
  • 1 bay leaf
  • 2/3 cup white wine (optional)
  • 4 pounds yellow onions, sliced
View hide-genius-annotations.css
// hides the yellow indication of an annotation
genius-referent {
background: transparent !important;
cursor: text !important;
}
// hides the "Annotate" popup that appears when you select text
genius-pre-annotation-prompt {
display: none !important;
}
View how to italize and bold text.html
Our favorite cruise was on the <i>Explorer of the Seas</i>, --> italicize the name of a ship
which we read about in <cite>Cruising</cite> magazine, --> reference the name of a publication
and we <em>loved</em> it. --> emphasize a feeling
(<b>Note:</b> This was before everyone got all sick --> start a note with bolded text
and was throwing up <strong>everywhere</strong>.) --> make a strong statement
View .htaccess
# redirect requests to (non-existent) SVG thumbnails to the main image
RewriteRule ^/assets_content/_thumbs/?\.svg$ /assets_content/$1.svg [NC,L]
# FWIW, I had to swap out the ? for (.*) in my environment
View SVG-thumbnail-redirect
RewriteRule /assets_content/(.*)/_thumbs/(.*)\.svg$ /assets_content/$1/$2.svg [NC,L]
View 1. accessible-table-standard.html
Headers as columns:
<table>
<tr>
<th scope="col">User costs</th>
<th scope="col">Business costs</th>
</tr>
<tr>
<td>What about your product might the user ignore if a form is onerous?</td>
<td>Where will you keep all of this stuff?</td>
</tr>
View eems-droplet-for-EE2.md

(This is an updated version of Clearfire's tutorial, which is excellent, but has become slightly outdated as Digital Ocean updates their applications.)

  1. Create your droplet. Name it, select your size and location, then hit the Applications tab and select (as of this writing) "LAMP on 14.04". Add your SSH key if you want, and submit.
  2. SSH into your new droplet, and maybe check to make sure the following PHP modules have been installed: (In my recent experience, these have all been installed automatically, but that could change, and it takes 10 seconds to check.)

    apt-get install php5-gd

    apt-get install php5-mysql

    apt-get install php5-curl

  3. Make sure mod_rewrite is enabled, with a2enmod rewrite.
  4. If you like, increase PHP's upload_max_filesize and post_max_filesize values by editing the php.ini file, with this: nano /etc/php5/apache2/php.ini
  5. Give Apach
View tabmaster.html
<label for="username">Username</label>
(<a id="register-link" data-tabto="reset-link" href="#">register</a>)
<input id="username" type="text" data-tabmaster="true" data-tabto="password" />
<label for="password">Password</label>
(<a id="reset-link" data-tabto="submit" href="#">reset password</a>)
<input id="password" type="password" data-tabto="register-link" />
<input id="submit" data-tabmaster="false" type="submit" value="Submit" />