Определение города посетителя по IP и вывод его в нужном падеже
Иногда требуется не просто определить город зашедшего на сайт человека, но и встроить его в предложение в нужном падеже, например: "создание сайтов в Москве", а не "в Москва".
В данной теме определим город посетителя по его IP-адресу, а затем сравним с файлом данных csv для получения нужного падежа.
Оригинальный слайдер на jQuery, который листает карточки по кругу в одну сторону
Слайдер работает в ручном режиме и имеет:
Установка размера текста и его позиции в зависимости от ширины блока
Два примера установки размера шрифта и его позиции в блоке относительно его ширины. Один на JS, если блок не во всю ширину экрана, другой на CSS, если во всю.
Новогодняя блок-секция с поздравлением
Всех с наступающим Новым Годом!
В преддверии этого праздника, я собрал небольшую блок-секцию с параллакс-эффектом, падающим снегом и поздравительным текстом.
Оформления логотипа сайта новогодним элементом на примере лого ВКонтакте
Если у вас графический логотип, то немного поработав в фоторедакторе, можно без особых проблем придать ему новогодний вид. Если же такой возможности нет, название сайта написано текстом или хочется добавить на украшение ховер-эффект и анимацию, то тут лучше использовать CSS
Красивое оформление секции с фотографией и заголовком, который частично заполнен ей
Часть текста заголовка, наложенного на фотографию имеет заданный цвет, а выходящая за нее — её фон. Данное наложение происходит автоматически в зависимости от количества текста и размера букв, это можно проверить сузив окно браузера.
Создание одного постера из 9-ти разных фотографий на примере обложки игры GTA 5
Решение выполнено с использованием css-свойств display: grid; и clip-path
3 эффекта с движущимися частицами, которые реагируют на движение курсора мыши
Все эффекты основаны на библиотеке tsParticles
Фон для блока или секции с вертикальными неоновыми линиями
В решении используется небольшой код на JavaScript без дополнительных библиотек.
