Онлайн заработок, создание и монетизация сайтов, веб-разработка, SEO и SMO продвижение, фриланс, партнерки, полезные сервисы вебмастерам, блоггинг.

Главная » Web разработка

Web разработка

Тут вы найдете все заметки для категории Web разработка.

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

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

Читать далее

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

10 лучших IDE для Linux

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

Читать далее

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

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

Читать далее

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

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

Читать далее

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

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

Читать далее

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

Эволюция шаблона Monstroid

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

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

Читать далее

Конструктор сайтов Nethouse.ru — обзор функций, шаблоны, настройки магазина

Конструктор сайтов Nethouse.ru

Когда-то очень давно Билл Гейтс сказал хорошую фразу — «Если вас нет в интернете, значит вас нет в бизнесе» и предугадал тем самым развитие глобальной паутины на десятки лет вперед. Сейчас данное выражение как никогда актуально: корпоративные сайты стали не только рассказывать о компаниях, но и приводить новых клиентов; интернет-магазины, веб-студии, веб-сервисы — только и живут за счет онлайн аудитории.

Один из способов легко и быстро начать свою деятельность в сети — использовать конструктор сайтов Nethouse.ru отзыв о котором сегодня опубликую.

Читать далее

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

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

Сегодня же хочу поговорить о похожей по названию, но совсем другой по сути «технологии» — CSS Grid!

Читать далее

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

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

Читать далее