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

Wordpress шаблоны
Лучшая система размещения статей
Главная » Web разработка

Web разработка

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

Как выглядит сайт на разных устройствах с iOS – проверка верстки на iPhone, iPad, Mac

сайт на разных устройствах с iOSЕсли вы активно занимаетесь созданием адаптивных веб-проектов, то наверняка знакомы с популярными сервисами просмотра сайта на разных разрешениях экранов. Сейчас похожие функции также присутствуют в инструментах разработчика любого современного браузера. Однако в этом вопросе не все так однозначно – недавно я обнаружил, что все известные мне решения не работают со 100% точностью. Некоторые коллеги по цеху также сетовали на подобную проблему. Сегодня расскажу, что можно с этим сделать.

Читать далее

Всплывающие Tooltip подсказки при наведении с помощью CSS и jQuery

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

Читать далее

Как установить Google Recaptcha на любой сайт — теория, практика и примеры кода

Google RecaptchaПросматривая недавно биржу фриланса Freelancehunt, я нашел интересное задание по интеграции Google Recaptcha на сайт. Фишка была в том, что клиентский проект хоть и использовал движок WordPress, формы в нем были реализованы и подключены к Битрикс через обычный PHP код. То есть стандартные WP-модули мне не подходили. Поэтому пришлось разбираться как добавить Google Recaptcha для формы на любом сайте, в том числе для CMS без базы данных или вообще без какой-либо админки.

Читать далее

Подборка полезных статей по веб-разработке №1 (про CSS и не только)

статьи по веб-разработке №1Как и обещал в планах на 2020 год продолжаю смещать рабочий акцент в сторону фриланса. В марте активно приступил к выполнению этой задачи на практике — начал с сайта Weblancer и постепенно перекочевал на мега крутую биржу фриланса Freelancehunt, где и решил закрепиться. В связи с этим у меня сейчас достаточно много срочной работы – приходится наращивать рейтинг и зарабатывать позитивные отзывы. Поэтому сегодня будет подборка полезных материалов для веб-разработчиков.

Читать далее

Что нового в Bootstrap 5 — удаление jQuery, адаптивные шрифты, генератор статики Hugo

Bootstrap5 и HugoЕсли вы занимаетесь веб-разработкой, то вероятность того, что вы не слышали о Bootstrap, стремится к нулю. Это один из самых популярных в мире CSS-фреймворков для разработки онлайн проектов. Его можно встретить во многих шаблонах сайтов (в подборках, что я делал) + по информации создателей, он используется на более чем 18(!)млн. веб-ресурсов по всему миру. На данный момент актуальной является 4-тая версия, но есть все предпосылки увидеть 5тый альфа-релиз в конце весны или позже в этом году.

Читать далее

Создание сайта на хостинге без домена, технический домен, файл hosts

сайта без доменаЯ привык изначально создавать сайты на хостинге без каких-то предварительных этапов. С 99% клиентами так получается сделать, но иногда возникают ситуации, когда у заказчика еще нет доменного имени, а начинать работу нужно. Раньше в таких случаях можно было установить наборы XAMPP и Денвер на локальном компьютере, а потом перенести архив в онлайн, но если у вас есть свой сервер, то удобнее делать все сразу там. Сегодня расскажу как создать сайт без домена и почему это лучше Денвера.

Читать далее

Безлимитная подписка One — 13900+ материалов для разработчиков и дизайнеров

Подписка One от TemplateMonster

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

Читать далее

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

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

Читать далее

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

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

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

Читать далее