Постер для игры GTA5 с помощью css grid и clip-path
С помощью css свойства display: grid и clip-path воспроизведён постер для компьютерной игры GTA5.
Эффект разорванных фотографий
Эффект разорванных изображений реализованный с помощью svg фильтров с разными настройками.
Cards — верстка карточки в сетке Bootstrap 4
Верстка карточки в сетке Bootstrap 4 и с иконками FontAwesome 5
Theia Sticky Sidebar — прилипание блоков при скроллировании страницы
Плагин позволяет приклеить любые блоки страницы при её прокручивании, делая их постоянно видимыми. Это полезно когда другие блоки значительно выше чем прикрепляемый блок. Закреплять полезно например такие блоки, как вертикальное меню, рекламный блок, блок с поиском, короткие формы и т.п.
Блоки одинаковой высоты - jquery.matchHeight
matchHeight позволяет все выбранные элементы сделать одинаковой высоты.
StickyMojo - липкий сайдбар
StickyMojo - плагин для создания "липкого" сайдбара. Легкий, быстрый и гибкий, совместим с firefox, chrome, safari и IE8+.
Липкий header
Прикрепляемый хедер к верху страницы при её прокручивании. Реализовано на jQuery в несколько строчек кода.
BlocksIt - динамическая сетка
BlocksIt - плагин позволяющий создавать динамическую сетку разметки. Он управляет преобразованием HTML элементов в "блоки" и располагает их в сетке страницы. Для этого достаточно указать количество столбцов, а всё остальное сделает плагин. Кроме того, вы можете даже объединить "блоки" и сделать один большой.
Sticky - прикрепление элемента
Sticky - это jQuery плагин позволяющий сделать любой элемент на странице всегда видимым.
Интерактивный путеводитель
Интерактивный путеводитель на jquery по интерьеру на изображении.
Скошенные элементы на CSS3
Всегда необычно видеть угловатые элементы в веб-дизайне. Сегодня мы посмотрим, как с помощью только CSS3 можно сделать такие угловатые, скошенные элементы.
Размытость элементов
В этом уроке посмотрим, как сделать простой эффект размытости для тексто содержащих элементов. Идея заключается в том, что у нас есть ряд текстовых контейнеров, которые будут размыты и уменьшены, как только курсор мыши окажется над областью в которой они размещены, а элемент на который наведен курсор увеличится, т.е. внимание сфокусируется именно на нём.