Тестируем гриды в различных вариациях

grid-item #1
grid-item #2
grid-item #3
grid-item #4 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui illum eaque ipsum laudantium nihil velit, dolor quisquam ratione quidem, illo!
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9

header

main

footer

footer2

My special grid test

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8

Second grid test (non adaptive)

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8

Add another element to our grid (manually, caouse still non adaptive)

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9

Counting of CSS elements

  1. Element 1
  2. Element 2
  3. Element 3
  4. Element 4
  5. Element 5
  6. Element 6
  7. Element 7
  8. Element 8

Try to get adaptive, by using css selectors!

Seven (7) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7

Eight (8) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8

Nine (9) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9

Teen (10) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9
grid-item #10

Eleven (11) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9
grid-item #10
grid-item #11

Twelve (12) elements

grid-item #1
grid-item #2
grid-item #3
grid-item #4
grid-item #5
grid-item #6
grid-item #7
grid-item #8
grid-item #9
grid-item #10
grid-item #11
grid-item #12

Возможности скрипта

Параметры которые можно менять

Порядок выполнения

  1. Получаем текущую дату для будущего определения времени жизни куки
  2. Добавляем слушатель на объект window
  3. При желании добавляем функцию, убирающую обработчик через N секунд
  4. Проверяем куки, есил их нет, то ставим unvisited.
  5. При перемещении курсора за пределы сайта происходит проверка: Если все проверки пройдены, то выполняется желаемое действие.
  6. Для того чтобы снять куки после того, как клиент выполнил цель (посещение страницы) мы проверяем текущий адреси сравниваем с заданным ранее.

Используемые функции