С информацией
Только заголовки

Определение и склонение городов по падежам

Определение города посетителя по IP и вывод его в нужном падеже

Иногда требуется не просто определить город зашедшего на сайт человека, но и встроить его в предложение в нужном падеже, например: "создание сайтов в Москве", а не "в Москва".

В данной теме определим город посетителя по его IP-адресу, а затем сравним с файлом данных csv для получения нужного падежа.

Читать далее

Пошаговый слайдер

Оригинальный слайдер на jQuery, который листает карточки по кругу в одну сторону

Слайдер работает в ручном режиме и имеет:

  • Общий заголовок и подвал в виде меню
  • Название и подпись для каждого слайда
  • Красивый эффект перехода
Читать далее

Размер шрифта в зависимости от ширины блока

Установка размера текста и его позиции в зависимости от ширины блока

Два примера установки размера шрифта и его позиции в блоке относительно его ширины. Один на JS, если блок не во всю ширину экрана, другой на CSS, если во всю.

Читать далее

Новогодняя секция

Новогодняя блок-секция с поздравлением

Всех с наступающим Новым Годом!

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

Читать далее

Новогоднее украшение для логотипа

Оформления логотипа сайта новогодним элементом на примере лого ВКонтакте

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

Читать далее

Секция с заголовком и фотографией

Красивое оформление секции с фотографией и заголовком, который частично заполнен ей

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

Читать далее

Постер из разных фотографий на CSS

Создание одного постера из 9-ти разных фотографий на примере обложки игры GTA 5

Решение выполнено с использованием css-свойств display: grid; и clip-path

Читать далее

Вертикальные неоновые линии

Фон для блока или секции с вертикальными неоновыми линиями

В решении используется небольшой код на JavaScript без дополнительных библиотек.

Читать далее