Главная » Архив меток: Web разработка

Архив меток: Web разработка

Создаем страницу ошибки 404 not found — разработка дизайна и реализация

Как-то я уже писал про разные HTTP коды статуса сервера с ошибками и предупреждениями, что могут появиться в браузере при загрузке сайта. С одним из вариантов, думаю, пользователи сталкиваются чаще всего — это сообщение error 404 not found, которое свидетельствует о том, что по конкретному URL-адресу ничего не найдено. В сегодняшнем посте я рассмотрю процесс создания эффективного оформления страницы ошибки ...

Читать далее »

Обнуление CSS стилей — зачем это делать, типы CSS Reset файлов

У каждого браузера есть свои предустановленные правила оформления веб-страниц и элементов на них (user agent stylesheet), подключаемые автоматически по умолчанию. Тем не менее, большинство верстальщиков при создании нового проекта добавляет в него специальный файл Reset CSS, который осуществляет полное обнуление CSS стилей и позволяет разработчикам творить с «чистого листа». Почему и как это все делается — разберу в текущей статье. ...

Читать далее »

Инструменты разработчика Chrome Devtools для вебмастеров и дизайнеров

В сети есть немало статей про секретные фишки инструмента Chrome Developer Tools для разработчиков, а недавно я нашел заметку по теме, ориентированную на дизайнеров. Ее преимущество в том, что там описывались весьма простые действия: изменение цвета, классов, текста на странице и т.п. Мне кажется это более практичная и полезная информация как новичкам в верстке, так и тем, кто регулярно с ...

Читать далее »

Monstroid 2 — универсальный шаблон для WordPress (этапы развития и функции)

Универсальные темы в WordPress появились несколько лет назад и, нужно сказать, являются весьма удобным вариантом для широкого спектра сайтов: от банальных визиток до корпоративных. Одно из наиболее популярных в рунете решений — шаблон Monstroid, созданный в далеком 2015году. С тех пор разработчики внесли немало усовершенствований и доработок, выпустив несколько релизов и совершенно новый Monstroid2. Вторая версия претерпела полную перезагрузку, стала намного ...

Читать далее »

Как сделать ссылку на номер телефона в HTML: протокол tel:, оформление и советы

Недавно читал, что объемы мирового мобильного трафика уже превышают десктопных пользователей. В данном блоге этого пока не случилось, но в интернет-магазине одного из моих клиентов бОльшая часть людей заходит именно через планшеты/смартфоны. Поэтому меня попросили сделать продвинутую ссылку на телефон на сайте, которая при нажатии автоматически бы открывала соответствующее приложение с набором номера.  Содержание: Некоторые устройства без проблем понимают написанные ...

Читать далее »

Основы CSS Grid — создание сетки сайта и параметры Grid на реальных примерах

Когда-то давно я писал про необычный сервис The Grid, представляющей собой ИИ для создания сайта. Судя по текущим результатам, получилось у них «так себе», особенно учитывая заявленный прайс. Конструкторы сайтов в этом плане поэффективнее будут. Сегодня же хочу поговорить о похожей по названию, но совсем другой по сути «технологии» — CSS Grid! Пост состоит из нескольких частей: Данный подход в построении ...

Читать далее »