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

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

Создание вертикальных разделителей в меню на CSS

Если вы реализуете вертикальное меню в одну строку, то, как правило, между пунктами добавляются специальные разделители (как показано на иллюстрации слева). Это позволяет визуально отделить несколько ссылок между собой. Обычно для этих целей используется вертикальная полоска, но могут встречаться и любые другие символы. В статье найдете 2 метода верстки, позволяющих легко и быстро сделать разделители в меню на CSS. В обоих ...

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

Подключение и настройка почты от G Suite — МХ записи, подтверждение домена и др.

Есть у меня один клиент, который использует G Suite для своего бизнеса — это сборка разных инструментов и приложений Гугла: корпоративная почта Gmail, совместная работа, хранение и поиск данных в облаке и др. Одна из фишек там — возможность реализовать обработку всей почты через Google серверы вместо регистратора. Этим мне и пришлось заняться. Задача не сложная, но вдруг кому-то пригодится этот ...

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

Красивые HTML шаблоны на русском бесплатные, простые, премиальные + конструктор

В современном мире онлайн-бизнеса на первом месте находится контент сайтов или востребованность товаров/усулуг определенных компаний. Содержание веб-проектов стало важнее их оформления. Именно поэтому многие заказчики/разработчики отдают предпочтение готовым макетам — это проще, быстрее и в некоторых случаях даже не нужно нанимать программистов. Сегодня опубликую подборку, позволяющую скачать интересные русские HTML шаблоны бесплатные и премиальные + расскажу об одном полезном HTML-конструкторе. Дабы ...

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

10 лучших сред разработки (IDE) для Linux

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

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

Сервис WPShop — 4 премиальные темы для Вордпресс и другие наработки

Использовать специализированные макеты для разных направлений и форматов сайтов — идея неплохая, поскольку у каждой ниши есть свои особенности: онлайн сми, сборник рецептов, лендинг, портал, корпоративный ресурс и т.п. В магазине премиум шаблонов WPShop найдете 4 соответствующие темы. С одной из них (Yelly) я уже сталкивался, когда проходил курсы по созданию веб-проектов под Facebook трафик. Сегодня рассмотрю все имеющиеся там дизайны и ...

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

Создаем страницу ошибки 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:, оформление и советы

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

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