Swiperjs - хороший адаптивный слайдер / карусель с множеством настроек и хорошими примерами.
Web:
Хороший слайдер / карусель Swiperjs
Периодически нужен блок, который на больших экранах выглядит как таблица с несколькими колонками, а на экранах с маленьким разрешением как одна колонка.
Ниже будет пример того, как такое можно сделать с использованием css grid.
Обзорная статья по CSS Grid
Перечень основных терминов и сборник примеров по технологии css grid.
Бывает нужен блок, который на больших экранах выглядит как таблица с несколькими колонками, а на экранах с маленьким разрешением как одна вертикальная полоса.
Ниже будет пример того, как это можно сделать с использованием css свойств flexbox.
Адаптивный шрифт
Хорошая идея - сделать шрифт, который сам меняет свой размер в зависимости от размера экрана.
Хорошая галерея Spotlight
Красивая галерея Spotlight, думаю рассмотреть ее как замену устаревший и больше не обновляющейся prettyphoto
На полный экран:
После выхода Font Awesome 5'ой версии, появление PRO, kit и т.д. стало сложно найти прямую ссылку на CDN шрифта. Оставлю тут памятку:
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet">
Проверка:
<i class="fas fa-check"></i>
Также SVG версия:
<script defer src="https://use.fontawesome.com/releases/v5.10.2/js/all.js"></script>
Бывает, что нужно вставить на страницу сайта видео с YouTube, но если использовать обычный метод "embedded code":
то его обложка может быть не подходящей:
Есть разные способы, мне понравился разместит на старице любую картинку, наложить на нее кнопку "paly", а при нажатии открывать модальное окно. Единственный момент, что видео, описание и заголовок, у каждого виде свои.
Групповое наложение копирайта на картинки
Задача: нужно наложить копирайт на группу фотографий.
Один из самых простых вариантов, воспользоваться бесплатной программой IrfanView.
.submit() не работает
При вызове метода submit() формы - ничего не происходит.
Первым делом проверил, что точно обращаюсь к форме, а не какому-то другому элементы.
Потом проверил, что форма с таким ID только одна.
В итоге проблема оказалась в имени кнопки:<button type="submit" name="submit">Отправить</button>
Стоило убрать name="submit" и все заработало.