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

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

Web разработка

На этой странице вы можете найти список публикаций категории Web разработка.

Изучаем CSS Grid Layout и Flexbox на практике (20+ сервисов и полезных материалов)

Сервисы для изучения CSS Grid Layout и Flexbox

В последнее время при работе с WordPress шаблонами мне все чаще попадается HTML разметка, где вместо олдскульных DIV блоков используется Grid и Flexbox. Я, признаться, все еще откладываю детальное изучения этих подходов из-за отсутствие свободного времени (скорее лени), но постепенно приходится вникать. Ранее в блоге была статья про основы CSS Grid с реальными примерами, а сегодня хочу запостить перевод подборки полезных сервисов для изучения этих двух веб-технологий.

Читать далее

Nethouse.События — функциональный конструктор событий в онлайне

Events Nethouse - конструктор событий

Ранее вы уже наверняка читали мой детальный обзор конструктора сайтов Nethouse.ru, позволяющего легко создать веб-проекты любой сложности: от банальных онлайн-визиток до интернет-магазинов. И вот недавно разработчики представили новую масштабную функцию — «Конструктор событий», которая даже выделена в отдельный раздел Events.Nethouse. С ее помощью вы можете создавать веб-страницы событий и решать все сопутствующие задачи: продажу билетов, продвижение, закрывающие документы, возвраты и т.п. 

Читать далее

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

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

Читать далее

Подключение и настройка почты от 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.

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

Читать далее