Александр Голубев

Счетчик можно сделать на пустой странице и в письме вставить iframe с ссылкой на нее.
Получится как страница в странице, но если ее оптимизировать, то будет как модуль.
Пример (сделал фан сайт и установил как модуль): wartbook.ru/web-art/all-dlc-the-witcher-3

Хотя я не знаю как это будет работать, нужно проверять.

Как по мне, я бы сделал разделы и дочерние подразделы в CMS (если используется CMS), потом вывел их в виде 4 уровненных подсписков, а через JQ скрыл их и сделал раскрывающееся меню.
Сортировал так же бы через сервер и CMS, так как это один раз рассчитается и закешируется, а JQ будет в браузере все пересчитывать у каждого пользователя.

Я бы использовал средства CMS, PHP (ну или тот язык который у вас отвечает за сервер), HTML, CSS и JS в совокупности.

Я делал сайты раньше без CMS, но когда мне понадобилось добавить сайту динамики выбрал WP.
Там все просто, у нас может быть много разных полей - Заголовок, Миниатюра, Описание, Основной контент, дополнительные поля и они все выводятся php, wp функциями, например вывод заголовка поста с ссылкой на него:

<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>

Все достаточно просто, и код может быть чистым. Страница собирается минимум из 3-4 фалов, один это шапка, другой тело, футер и контент например, мы просто указываем ссылки на файлы вроде:
<?php get_header(); ?>

Собственно можно сделать что угодно, начиная от блога и заканчивая магазинами.
Вот один из моих сайтов, в нем 4 потока разных публикаций разного формата (сделано на WP):
wartbook.ru

Эта статья и видео очень близка к вашей идеи:
one-fact.ru/1-human-fact/izvlechenie-obrazov-iz-mo...
www.youtube.com/watch?v=nsjDnYxJ0bo

Еще видео о 20 летнем парне который сделал механическую руку в связи с таким шлемом
www.youtube.com/watch?v=6z3ifXIlWdw&list=PLZ-P72hz...

Обычный transition должен заработать, если меняются параметры подвластные CSS (Top, Bottom, Left, Right, Padding, Margin и т.д.)

<svg style="transition: all .8s;"><path></path></svg>

Только позиция SVG должна меняться.

Иван Украинцев: Тогда у меня есть для вас решение WP Super Cache, лучший из бесплатных плагинов. Если у вас VPS хостин то он закеширует все, если виртуальный то сможет закешировать в основном только сам движок wp, так на таком хостинге нет доступа к настройкам сервера.

То есть мы грузим например главную и 24 часа у нас в кеше она будет хранится в готовом, скомпилированом виде, в случае обновления страницы в браузере или при заходе другого пользователя она просто высылается клиенту, без перерасчетов. Это лучший из бесплатных плагинов по кешированию, создан на основе платного собрата.

https://ru.wordpress.org/plugins/wp-super-cache/

Хорошая статья на хабре habrahabr.ru/company/regru/blog/263781 , я сам установил некоторые плагины, Super Cache понравился больше всех

Согласно статистике из статьи с Wp Rocket скорость загрузки страниц у меня упадет до 0.2-0.6 сек, но мне не верится))

Можно спокойно сократить до:

<div class="col-lg-6 row">
        <a class="image" href="#"><img src="imagen.png"></a>
        <h2 class="text">Hello</h2>
</div>

Результат будет такой же.
Для выравнивания добавить к a.image {float: left}

Для вышеописанных целей можно было бы использовать любой блоговый или форумный движок, однако следующее вряд-ли можно было бы реализовать на них...

Почти все необходимые функции есть изначально в wordpress. Для откликов нужно заменить стандартную форму комментариев на странице проектов. Личные профили создаются для каждого пользователя wp, но они как его личная лента записей, но можно добавить возможности отзывов или даже возможности соц. сети (есть даже плагин такой).

Что касается максимального масштаба сайта, то riotpixels.com работает на wp.

Вам поможет расширенный фильтр www.planetaexcel.ru/techniques/2/197 . Внимательно нужно посмотреть табличку критерии и исходя из нее в ячейке написать =*??.??.????*, тогда он будет искать любые значения в таком формате, попробуйте. Главное он автоматически копирует данные в новую таблицу.

У меня получилось решить подобные задачи с его помощью, надеюсь и вам поможет.

Сразу скажу, я средненький веб разработчик одиночка, основное место работы не связано с веб разработкой.

Рисую сайты сам, потом ставлю WordPress, верстаю на HTML и CSS исходники из изображения сделанного в Photoshop, далее подключаю динамическое меню, рубрики и категории, новостные ленты через php. Это все что требуется для минимальной базы. Еще javascript для плюшек в браузере, но это под задачи.

Можно ставить плагины, но они захламляют сайт. Сайт с плагинами в среднем грузится на 60-70% дольше, то есть около 1.6-1.7 сек.
Еще один момент, нужно разобраться в кешировании страниц. Самое важное, через дешевые хостинги где даются доменные слоты под сайты, нельзя кешировать изображения! То есть они всегда будут подгружаться заново. Чистый сайт на вордпресс с хорошим кешированием грузится за 0.7-0.8 секунд, заграмажденый без кеширования в 2-3 раза дольше.

Самый крупный сайт который я сделал в одиночку это wartbook.ru

Сколько времени все это изучать, зависит только от вас, можно стать гуру за 3 года, а можно дойти до средненького разработчика как я.

Вероятно дело в веб-визоре, без него количество запросов идет меньше. Он реагирует на каждое действие.
Я не гарантирую это на 100%, но вот скриншот с одного сайта с веб-визором: