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

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

Архив тега: web разработка

Здесь вы сможете посмотреть архив постов метки web разработка.

Всплывающие 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 и Денвер на локальном компьютере, а потом перенести архив в онлайн, но если у вас есть свой сервер, то удобнее делать все сразу там. Сегодня расскажу как создать сайт без домена и почему это лучше Денвера.

Читать далее

Freelancehunt – лучшая фриланс биржа в рунете (преимущества и мой опыт работы)

Биржа Freelancehunt

В этом году я решил начать работать в биржах фриланса и недавно приступил к выполнению данной задачи. Просмотрел разные сайты по теме, почитал отзывы и зарегистрировался в парочке проектов. Из всех площадок, которые мне удалось попробовать, самые положительные впечатления были от Freelancehunt. Она почти всегда на первых позициях в подборках лучших фриланс бирж, о ней весьма лестно отзываются разработчики на специализированных форумах и не зря! Проект реально крутой, мне там очень нравится.

Читать далее

WinMerge — программа для сравнения файлов и содержимого папок

Программа WinMerge

Всевозможные полезные программы для вебмасетров и веб-разработчиков могут значительно упростить им работу. Например, если вам нужно выполнить массовый поиск текстов в файлах, то Sublime Text и WinGrep отлично справляются с задачей. Хотите записывать gif с экрана или видеокамеры? – используйте ScreenToGif. Сегодняшний герой обзора WinMerge позволяет сравнивать содержимое файлов и директорий. По словам авторов софта, он также может объединять/синхронизировать объекты, но с этой функцией я пока не разобрался.

Читать далее

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

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

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

Читать далее

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

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

Читать далее