Jim jtrascap

1- Go to: https://www.facebook.com/{your_id_or_username}/allactivity/?category_key=LIKEDPOSTS&filter_hidden=ALL&filter_privacy=NONE You can use Filter to choose year or month.
2- Open the console and run the following JavaScript code and wait:

setInterval(() => {
  for (const Button of document.querySelectorAll('div[aria-label="Action options"]')) {
    Button.click()
    document.querySelector('div[role="menuitem"]').click()
  }
}, 1000)

☑️ CSS-only Todo List Checkbox Animation

Recreation of https://dribbble.com/shots/3959132-Todo-List-Swipe-To-Check

Original built with JS but adapted to be CSS-only since JS wasn't necessary.

A Pen by Shaw on CodePen.

License.

If you need help setting multiple versions of PHP such as PHP 7.1 and PHP 5.6 in Valet please see https://gist.github.com/bgarrant/b9a2f7fb8ff06c9a45086359ded7a95e or below

COMMANDS

Valet switch PHP version with these commands

Install PHP 5.6 and switch Valet to PHP 5.6

valet stop
brew unlink php71

{project_gallery}

	{!-- section --}
	{bk_gallery_section}

		<section class="gallery">

			{!-- save count of current section --}
			{exp:stash:set_value name="section_index" value="{blocks:count:of:type}" random}

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

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

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.
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
Make sure mod_rewrite is enabled, with a2enmod rewrite.
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
Give Apach

	{
	"vars": {
	"@gray-base": "#000",
	"@gray-darker": "lighten(@gray-base, 13.5%)",
	"@gray-dark": "lighten(@gray-base, 20%)",
	"@gray": "lighten(@gray-base, 33.5%)",
	"@gray-light": "lighten(@gray-base, 46.7%)",
	"@gray-lighter": "lighten(@gray-base, 93.5%)",
	"@brand-primary": "darken(#428bca, 6.5%)",
	"@brand-success": "#5cb85c",

	{
	"vars": {
	"@gray-base": "#000",
	"@gray-darker": "lighten(@gray-base, 13.5%)",
	"@gray-dark": "lighten(@gray-base, 20%)",
	"@gray": "lighten(@gray-base, 33.5%)",
	"@gray-light": "lighten(@gray-base, 46.7%)",
	"@gray-lighter": "lighten(@gray-base, 93.5%)",
	"@brand-primary": "darken(#428bca, 6.5%)",
	"@brand-success": "#5cb85c",

	This method requires the CE Image addon.
	Tell your editors to change the width/height/alignment in the image properties pop up to 300px or whatever and set the alignment if they want, but the actual size displayed on the page will be decided by you in the template code and CSS.

	In the EE template:

	{exp:ce_img:bulk max="500" crop="no" allow_scale_larger="no" quality="80" output='<a href="{orig}" class="embeded_image" title="{attr:title}" alt="{attr:alt}" style="{attr:style}"><img src="{made}" /></a>'}
	{wygwam_field}
	{/exp:ce_img:bulk}

	In the CSS:

	<div class="module__image image--lazy"
	data-image-src="Tim-Smith_220x140_220_140_int_c1.jpg"></div>