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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню на JavaScript или CSS

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

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

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

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

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

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

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

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

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

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

Category Категории: CSS, HTML     Tags Теги: ,
Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка