Ivanq

Firefox 50.1.0, есть проблема
Разрешение 1920 x 1080

UPD Chrome 55.0.2883.87, проблемы нет

^(.*)&\1%(.*)
Например.

За рабочий вариант готов заплатить сколько скажете.

Где мои $ ? :)

В 1 случае используются стрелочные функции. Они не имеют своего this, наследуя родительский. Например:

// Пусть this - [object MyObject]
function log() {
    console.log(this);
};

var obj = new MyObject2();
obj.on("ready", () => log()); // [object MyObject];

Во 2 случае просто передается функция, еще не вызванная. А когда она вызывается, используется другой this.

// Пусть this - [object MyObject]
function log() {
    console.log(this);
};

var obj = new MyObject2();
obj.on("ready", log); // [object MyObject2];

Мне казалось, возвращаемое значение должно быть таким:
-1 -- a < b
0 -- a == b
1 -- a > b

UPD Как уже сказал 27cm, у Вас в коде есть ошибки. Такой синтаксис:

$array1 = [
          [0] => [
                 [ID] => 11111
                 [name] => ИМЯ
                 [photo] => Ссылка
            ]
          [1] => [
                 [ID] => 22222
                 [name] => Другое Имя
                 [photo] => Другая ссылка
            ]
     ]

должен быть таким:

$array1 = [
    [
        "ID" => 11111,
        "name" => "ИМЯ",
        "photo" => "Ссылка"
    ],
    [
        "ID" => 22222,
        "name" => "Другое Имя",
        "photo" => "Другая Ссылка"
    ]
];

Потому что в localStorage можно писать только строки. Даже объекты записывают так:

localStorage.setItem("key", JSON.stringify(value));

Но Вы можете записывать не элемент, а само содержимое. Правда, не получится хранить обработчики и другую информацию.

function scrapeImage($text) {
$pattern = '/src=[\'"]?([^\'" >]+)[\'" >]/';
return preg_replace($pattern, '\1', $text, $link);
};

Не путайте str_replace и preg_replace

Вообще генерируются.
ArrowLeft, ArrowRight, etc.

W3C пишет, что section - любая часть (заголовок, основной контент, сайдбар), а article - независимый контент.

Например,
-----------------------------------------
Hello world!
Lorem ipsum dolot sit amet
-----------------------------------------
- article, а
-----------------------------------------

Something           | Right column
Something else      | Other

-----------------------------------------
- скорее section

www.w3schools.com/html/html5_semantic_elements.asp

Вообще, вам подходит main, article и section.
Из ссылки выше:

The <section> element defines a section in a document.
According to W3C's HTML5 documentation: "A section is a thematic grouping of content, typically with a heading."
A home page could normally be split into sections for introduction, content, and contact information.

<section> обозначает секцию.
Согласно W3C: "Секция - это группа содержимого, обычно с заголовком."
Главная страница обычно разделяется на следующие секции: вступление, содержание и контакты.

The <article> element specifies independent, self-contained content.
An article should make sense on its own, and it should be possible to read it independently from the rest of the web site.
Examples of where an <article> element can be used:
Forum post
Blog post
Newspaper article

Элемент <article> обозначает независимый элемент.
<article> имеет смысл отдельно от остальной страницы, и его можно читать независимо от остального содержимого сайта.
Примеры с использованием <article>
Форум
Блог
Новостной сайт

The <main> tag specifies the main content of a document.
The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

Тег <main> обозначает главный контент документа.
Содержимое <main> должно быть уникальным для документа. Там не должно быть того, что повторяется на страницах (сайдбары, навигация, copyright, логотипы)

У Вас getRandom() вызывается несколько раз, и все время значение разное.
Так что getRandom() < 0.5 || getRandom() >= 0.5. Первый вызов даст, например, 0.6, а второй, например, 0.4.
Чтобы исправить, нужно значение сохранить в переменную:

UPD Промахнулся

function getRandom() {
  return Math.random();
}

function random() {
  var rand = getRandom();
  if (rand < 0.25) {
    $('.element-1').addClass('active');
  } else if (rand > 0.25 && rand < 0.5) {
    $('.element-2').addClass('active');
  } else if (rand > 0.5 && rand < 0.75) {
    $('.element-3').addClass('active');
  } else () {
    $('.element-4').addClass('active');
  }
}

У меня все и так работает, но попробуйте вместо removeClass и addClass поставить toggleClass.

https://jsfiddle.net/Ivanq/4ry43zqc/9/

IMHO, но вряд ли кто-то не согласится

float любят все. Простите, не любят. Сколько уже было статей типа "У вас тоже не работает float?", "float и магия css", etc.

В основном float стоит использовать для обтекания: https://jsfiddle.net/Ivanq/xqd0hoy7/
Часто float используют для того, чтобы поставить в ряд: https://jsfiddle.net/Ivanq/xqd0hoy7/1/

Но такой код поддерживать невозможно. Стоит начать с того, что float: right работает не совсем так, как вы ожидаете. Этот код поставит сначала 3 элемент, потом 2, потом 1.

Сейчас лучше использовать inline-block, он поддерживается всеми нормальными браузерами.
https://jsfiddle.net/Ivanq/xqd0hoy7/3/ также выравнивает в ряд, но с помощью inline-block. Разумеется, у inline-block тоже есть подводные камни, но в любом случае float лучше не использовать.

Это IMHO.