Просмотр всех статей CSS

Скрипт уведомление на сайте об использовании Cookie

Автор: Роман Чернышов Опубликовано: 26 марта 2025

Cookie (или «куки») — это небольшой текстовый файл, который веб-сайт сохраняет на устройстве пользователя (компьютере, смартфоне и т.д.) через браузер. Cookies используются для хранения информации, которая помогает сайту «запоминать» пользователя и его действия. Уведомление пользователей об использовании cookies необходимо по нескольким причинам, связанным с юридическими, этическими и практическими аспектами. В данной заметке, я решил разместить пример простого скрипта для уведомления об использовании cookies на сайте, т.к. уверен в будущем он еще многократно пригодится как мне, так возможно и вам. Это базовый вариант, который можно адаптировать под ваши нужды. подробнее

Категории: CSS, JavaScript / jQuery Tags

Теги: cookie, css, html, js

Скрипт виджета Копилка на чистом JavaScript для приема оплаты в BTC

Автор: Роман Чернышов Опубликовано: 2 марта 2025

Привет всем! В рамках портфолио, хочу поделиться с вами результатом очередного проекта: «Скрипт виджета «Копилка» на чистом JavaScript для приема платежей в BTC». Ко мне обратился клиент, администратор платформы крипто-платежных шлюзов. Его компания предлагает бесплатные плагины для популярных CMS, виджеты для пожертвований, платежные кнопки и формы, выставление счетов, массовые выплаты и RestAPI для white label платежей. Он нашел меня на фриланс-бирже Kwork и предложил сотрудничество. Работа с клиентом велась через платформу Kwork, и все финансовые операции проходили через систему «безопасной сделки». При необходимости мы могли обратиться к арбитражу, но в итоге все прошло гладко, как обычно. подробнее

Категории: CSS, HTML, JavaScript / jQuery Tags

Теги: btc, виджет, копилка

Форматирование CSS кода

Автор: Роман Чернышов Опубликовано: 29 января 2025

Доброго времени друзья! Для форматирования CSS-кода онлайн можно использовать различные сервисы, но лично для меня один из самых простых способов — это использование простого данного инструмента, без лишних настроек, достаточно просто вставить CSS код и нажать кнопку «Форматировать», и в качестве результата получить красивый отформатированный код, с которым приятно работать. подробнее

Категории: CSS Tags

Теги: форматирование css

Плавающая шапка(при скролле) мобильной версии сайта на jQuery

Автор: Роман Чернышов Опубликовано: 1 ноября 2024

В рамках портфолио делюсь небольшой заметкой и кодом скрипта, как реализовать плавающую(фиксированную) шапка при скролле, мобильной версии сайта на JavaScript. Возможно кому-то из данное решение пригодиться, а кто-то пожелает заказать аналогичную работу. Ко мне обратился клиент владелец сети клининговой службы, работающей в разных в городах России, нашедший меня через мой блог, прочитав одну из моих статей , и предложивший мне сотрудничество. Хоть задача не сложная, и больших бюджетов не требует, клиент ознакомился с разделами моего блога гарантии, об авторе и конечно отзывами. После чего мы приступили к работе. подробнее

Категории: CSS, HTML, JavaScript / jQuery, jQuery Tags

Теги: jquert, плавающая шапка

Генератор CSS Media Screen

Автор: Роман Чернышов Опубликовано: 26 сентября 2023

CSS 3 Приветствую друзья! Работая над версткой HTML страниц и их визуальным оформлением, с помощью каскадных таблиц стилей CSS, в ряде случаев будет актуально задать разные стили, для разных устройств. Например это может быть необходимо для обеспечения поддержки страницей адаптивной верстки (корректного и удобного отображаться на разных устройствах). Для этого в CSS3 существует такая директива, как медиа-запрос, которая указывает для какого устройства, с каким разрешением экрана и плотностью пикселей на дюйм(dpi), применить указанные(в блоке данной директивы) стили. Я достаточно часто использую меда-запросы в написании CSS для своих проектов, и такой инструмент как генератор CSS Media Screen, для меня крайне полезен, надеюсь и вам он сократит много времени! подробнее

Категории: CSS, Инструменты Tags

Теги: media screen, генератор css

Скрипт калькулятора емкости HDD для видеонаблюдения

Автор: Роман Чернышов Опубликовано: 3 декабря 2020

При покупке и установки систем видеонаблюдения, одним из главных вопросов является — жесткий диск какого объема стоит установить в качестве основного хранилища видеозаписей? Понятно, что чем больше — тем лучше, но такой подход не всегда оправдан с экономической точки зрения, ведь самый дешевый HDD на 6ГБ (именно таков максимально поддерживаемый объем у распространённых систем видеонаблюдения), стоит порядка 150$. В виду чего разумно будет установить HDD оптимального размера, а для этого нужно произвести расчет требуемого места на диске. Для этого я написал скрипт, который позволяет произвести расчет емкости, учитывая ряд параметров. подробнее

Категории: CSS, HTML, PHP Tags

Теги: видеонаблюдение, калькулятор емкости HDD, скрипт расчета объема hdd

Скрипт чат-бот, помощник для консультанта на сайте

Автор: Роман Чернышов Опубликовано: 4 марта 2020

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

Категории: CMS, CSS, HTML, JavaScript / jQuery, jQuery, PHP Tags

Теги: автоматизация процесса, бизнес, консультант, мессенджер, чат-бот

Скрипт калькулятор ОСАГО для сайта

Автор: Роман Чернышов Опубликовано: 13 мая 2017

Доброго времени Друзья! Совсем недавно я работал над одним интересным интернет проектом, который включал в себя целый комплекс программных решений для сайта автомобильно-страховой тематики. В рамках улучшения функционала данного сайта и повышения лояльности пользователей, мною был внедрен скрипт «Калькулятор стоимости ОСАГО», о котором я сегодня немного расскажу. подробнее

Категории: CSS, HTML, JavaScript / jQuery, jQuery Tags

Теги: калькулятор, осаго, скрипт

Изменить стиль Select с помощью jQuery

Автор: Роман Чернышов Опубликовано: 21 марта 2012

В последнее время дизайнеры стали все чаще рисовать HTML формы в стилистике HTML 2.0, эта тенденция длится уже несколько лет и чем дальше тем более привычным становятся красивые поля ввода данных и select’ы с закругленными краями и тенями. Можно только порадоваться, ведь все замечательно и CSS3 уже используется где только можно, позволяя придавать красивый вид формам, полям и селектам. Увы не всегда все так радужно… подробнее

Категории: CSS, HTML, jQuery Tags

Теги: html select

Проверка нагрузки на сайт

Автор: Роман Чернышов Опубликовано: 16 марта 2011

Не могу сказать, что часто приходится делать тест сайта на нагрузку. Но порой все же хочется знать кукую нагрузку потянет вновь написанный двиг для сайта, или сам хостинг. Сможет ли сайт нормально функционировать при наплыве посетителей в час пик? Редко, но все же такие вопросы задаются заказчиками эксклюзивных проектов. Ответить конечно можно (теоретически, взвесив совокупность всех ресурсов доступных сайту), но порой хотелось бы видеть конкретные цифры. подробнее