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

Генератор 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

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

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

Теги: проверка нагрузки, тест на нагрузку, тест сайта

Оптимизируем CSS: компрессия на PHP

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

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

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

Теги: css, php, компрессия, оптимизация

Меню на JavaScript или CSS

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

Прежде всего хочу поздравить всех с уже наступившим Новым 2011 годом! Ну и перейду сразу к сути, дабы не погружаться в долгие повествования, о том как прошло празднование сие события. И так к делу. Сегодня ко мне обратился с просьбой мой давний приятель. Просьба его заключалась в переделки навигационного меню, а так же в проверке работы плагинов на его сайте, которые отвечают за генерацию файла sitemep.xml — карта сайтов. подробнее

Категории: CSS, JavaScript / jQuery, Мысли вслух Tags

Теги: css, javasript, меню

CSS хаки. Секреты верстки.

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

Каждый начинающий верстальщик рано или поздно сталкивается с необходимостью запрещать или разрешать различным браузерам обработку каких либо CSS стилей. Это связанно с тем, что несмотря на стандарты, браузеры порой отображают различные элементы страницы по своему. Самым «особым» браузером заслуженно считается Internet Explorer 6. Приводящий в ужас начинающих верстальщиков (веб-мастеров, программистов), и раздражающий всех бывалых. подробнее

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

Теги: css, css хаки, ie6, верстка

Прогресс бар CSS

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

Хочу поделиться с вами, своим методом который я использую для создания прогресс бара, что это такое вы наверное имеете представление, но все же если нет то вкратце отпишу, что это и для чего.
Прогресс бар это как правило индикатор состояния готовности текущей операции или отображения завершенности в процентах. Также с помощью его можно строить графики. Например при создании голосования на своем сайте, вам понадобиться также и статистику по голосам. Вот тут то как раз на помощь и придет такое чудо как прогресс бар написанный с помощью CSS и без использование картинок, что несомненно плюс! подробнее