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

RotaPost - Эффективная реклама в блогах
Главная » Web разработка

Web разработка

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

Пустой :empty CSS селектор — определение, примеры использования

Пустой empty CSS селекторВ данном уроке по верстке я рассмотрю простой, но иногда полезный «пустой» :empty селектор. Он является псевдо-классом, как и свойство CSS hover, о котором рассказывал в другом блоге. По определению селектор :empty соответствует любому элементу, у которого нет никаких дочерних объектов – будь то другие элементы или текст (в том числе и пробелы). При этом разные комментарии и CSS-содержимое игнорируются, т.е. не влияют на определение «пустоты» элементов.

Читать далее

16 идей заработка на фрилансе и продвижении услуг через сайты и соцсети (+шаблоны)

16 идей и шаблонов для заработка

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

Читать далее

Как вставить видео с Facebook на сайт (2 способа)

Вставка видео с FacebookПосле недавнего обсуждения задачи размещения на веб-проектах адаптивного видео c Youtube рассмотрим также вариант с Facebook. В последнее время данная социальная сеть вложила много усилий в развитие и популяризацию собственного видео-контента (совместный просмотр, live-трансляции и т.п.), хотя еще каких-то года 2-3 назад все просто постили Youtube-ролики. Также, как и в прошлый раз, буду рассматривать решение на примере движка Вордпресс, однако этот алгоритм актуален и в любых других случаях.

Читать далее

Как очистить кэш Google Chrome для редиректов и не только

Кэш Google ChromeВ веб-разработке бывают моменты, когда ты, вроде бы, все делаешь правильно, но глюк на сайте не проходит. Кэш браузера – наверное, один из самых популярных подобных нюансов. Недавно я столкнулся с некой вариацией этой проблемы – оказывается Chrome и остальные веб-браузеры, кэшируют информацию о редиректах. Так что, если вы настраиваете 301 редирект, а ничего не происходит, возможно, проблема именно в этом. Сегодня разберемся как очистить кэш редиректов Google Chrome без удаления всех данных.

Читать далее

Изучаем 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. 

Читать далее