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

Фев

Сделать сайт адаптивным, W3C валидным и дружественным PageSpeed

Доброго времени, друзья! Сегодня я расскажу о том, как я оптимизировал свой блог для повышения его быстродействия и правильного отображения на всех устройствах(адаптивная верстка), что позволило достичь оценки Google PageSpeed Insights 100/100. Также была проделана работа по исправлению ошибок и замечаний по HTML верстке шаблона сайта, в соответствии с рекомендациями W3C, в результате чего код прошел проверку на качество без единого замечания W3C Validator‘а. Несмотря на то, что я неоднократно проводил подобную оптимизацию на сайтах клиентов, я решил рассказать именно про свой блог. Во первых это хороший и наглядный пример, не отходя от кассы, а во вторых мне как типичному сапожнику без сапог, давно это нужно было сделать;) подробнее

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

Теги: PageSpeed Insights, W3C, адаптивный

Май

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

Автор: Роман Чернышов

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

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

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

Авг

Шаблон недвижимости (HTML 5, CSS 3, Русский язык)

Автор: Роман Чернышов

Представляю вашему вниманию премиальный шаблон недвижимости на HTML 5 и CSS3, включающий в себя ряд спецэффектов на jQuery(карусель, слайдер, табы, формы), адаптивную верстку с поддержкой всех разрешений и отлично работающий на мобильных устройствах. Шаблон отлично подойдет для натяжки на CMS WordPress, Joomla, Bitrix, а также на любую другую систему управления сайтом. Код HTML форматирован, не содержит ошибок, соответствует стандартам W3C. подробнее

Категории: HTML, jQuery, Дизайн Tags

Теги: шаблон html, шаблон недвижимости

Фев

Как перевести html сайт на CMS?

Автор: Роман Чернышов

В данном посте речь пойдет о том, как перевести сайт состоящий исключительно только из HTML страничек на полноценную CMS с базой данных. При этом суть задачи перенести все тексты в базу, а это заголовок Title статьи, h1 заголовок, мета теги(ключевые слова и описание), сам текст статьи, дата публикации статьи, изображение встречающиеся в статье и возможно еще какие-либо данные. И вроде-бы решение данной задачи крайне простое, достаточно просто установить подходящую CMS, а затем ручками перепечатать(скопировать) статьи в базу данных сайта. подробнее

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

Теги: html на cms, сайты

Июн

Верстка HTML

Автор: Роман Чернышов

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

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

Теги: верстка

Июл

PHP преобразование URL в активные ссылки

Автор: Роман Чернышов

Очень полезным скриптом может оказаться функция автоматического преобразования URL в активную ссылку, в HTML тег типа <a href=»url»… Собственно далее именно об этом и пойдет речь. Где может пригодиться данная возможность? Вариантов применения множество, всё те-же форумы, блоги, комменатарии. Например пользователь пишет сообщение с указанием адреса сайта www.yandex.ru, а ваш скрипт автоматически преобразует данный адрес в ссылку, что повышает удобство использование вашего сайта(скрипта). подробнее

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

Теги: php, regexp, url

Май

Изменение атрибута Action у HTML формы (jQuery)

Автор: Роман Чернышов

ногда возникает необходимость менять значение атрибута HTML формы action без перезагрузски страницы, приямо на лету, в зависимости от каких либо значений или действий пользователя на странице. Примером может служить поисковая форма на сайте, которая в зависимости от выбора типа поиска с помощью выпадающего «селекта», посылает запросы на разные URL. Часто на сайте используется поиск от Google и внутренний поиск. подробнее

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

Теги: action, form

Мар

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

Автор: Роман Чернышов

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

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

Теги: html select

Дек

Коллекция иконок социальных сетей

Автор: Роман Чернышов

aim 32 Коллекция иконок социальных сетей apple 32 Коллекция иконок социальных сетей bebo 32 Коллекция иконок социальных сетей blogger 32 Коллекция иконок социальных сетей brightkite 32 Коллекция иконок социальных сетей

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

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

Теги: иконки

Сен

TWIG переопределить блок в INCLUDE шаблоне

Автор: Роман Чернышов

Странный получился заголовок поста, но думаю тем кто столкнулся со следующей проблемой, в процессе работы с шаблонизатором TWIG, будет всё понятно. (О самом шаблонизаторе, его преимуществах и недостатков коих не так их и много, напишу в следующем посте, а пока забегая вперед, обсуждаем проблему) подробнее