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

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

Web разработка

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

CodePen — бесплатный онлайн редактор кода (HTML, CSS, JS)

Переориентация разных компьютерных программ на приложения, размещенные в сети, продолжается. Не обошла стороной эта тенденция и разные среды программирования, что, в принципе, логично. Где как не в интернете лучше всего хранить и редактировать код, особенно если это касается веб-разработки. Сегодня предлагаю почитать о полезном сервисе под названием CodePen (Кодпен) — одном из лучших визуальных онлайн редакторов HTML, CSS, JavaScript кода.

Codepen - онлайн редактор кода

Инструмент этот весьма интересный и удобный, пару раз использовал его в блогах для демонстрации верстки: в статье про создание фиксированного меню и в заметке о горизонтальном меню.

Читать далее

Создаем фиксированное меню на CSS, jQuery (+ проблема с якорями)

Фиксированное меню Раз уж обещал в планах на 2017 завершить свое изучение верстки, начатое в Нетологии то придется больше времени уделять данной теме и на страницах блога. Создам под нее отдельный раздел, куда буду собирать разные хаки и статьи.

В посте рассмотрю два вопроса:

  • как фиксировать меню при прокрутке страницы, когда блок навигации «прижимается» к верху экрана (простое решение на css и с jquery).
  • плюс заодно поговорим о прокрутке до якоря с фиксированным меню, которая не совсем корректно работает без дополнительных хаков.
Читать далее

Закрываем листинг файлов FTP директорий сайта в браузере

Недавно столкнулся с вопросом отображения списка (листинга) файлов блога на FTP через браузер. Вопрос немного неоднозначный, поэтому решил собрать по нему разную информацию и заодно опубликовать пост. В частности расскажу о том, как можно закрыть просмотр списка файлов через htaccess. Для примера взят WordPress блог, хотя все это справедливо для любой другой CMS и обычных сайтов.

Итак, допустим у вас установлен плагин Simple Tags, и, если вы вдруг решите зайти по ссылке http://ваш_сайт/wp-content/plugins/simple-tags то, скорее всего, увидите там следующую картинку:

Список файлов на ФТП

В браузере отобразится листинг с FTP, где показаны все файлы, что находятся в конкретном каталоге.

Читать далее

CSSFilters — CSS фильтры изображений для сайта

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

Сегодня хочу рассказать об интересном сервисе CSSFilters, который позволяет добавлять через CSS эффекты для картинок на вашем веб-проекте. Интеграция достаточно простая и не вызовет особых проблем.

Читать далее

Слайдер Owl Carousel 2 — как подключить, настройки, пример для WordPress

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

Скрипт Owl Carousel 2

Всю информацию по слайдеру вы можете найти на этой странице.

Читать далее

Сканер AI Bolit — поиск вирусов на хостинге (как пользоваться скриптом)

Недавно на одном из своих проектов я заметил срабатывание редиректа на сторонний рекламный ресурс. Это не такой явный хак сайта когда тот полностью перестает работать, а скрытый способ воровства трафика. Например, злоумышленник может перенаправлять только пользователей с мобильных устройств или сделать срабатывание скрипта непостоянным дабы владелец проекта не заметил потерю аудитории. Как бы там ни было, это все не очень хорошо для вашего сайта как с точки зрения посетителей, которые не попадают на нужные страницы, так и может вызывать проблемы со стороны поисковиков, если вдруг редирект идет на источник с вирусами.

Сегодня рассмотрим один полезный PHP скрипт AI Bolit который позволяет найти вирусы на хостинге дабы избавиться от разного вредоносного кода. Решение полностью бесплатное и не сложное в работе.

AI Bolit скрипт

У данного скрипта есть 3 варианта релизов:

Читать далее

Все про доработку сайтов — цена, виды работы, нюансы заказа

Доработка интернет сайтовЛюбому, даже идеально созданному, онлайн проекту рано или поздно может понадобиться доработка. Задачи при этом встречаются разные — от внесения правок в дизайн и установки дополнительных модулей до оптимизации кода. Кроме того, технологии также не стоят на месте, а большинство здравомыслящих владельцев сайтов желают иметь удобный, актуальный, эффективный продукт. И это правильно! За своим «онлайн представительством в сети» нужно приглядывать — как в техническом, так и в плане контента. Иначе зачем тогда вообще это все затевалось?

С понятием доработки сайтов я сталкивался достаточно часто, причем с «разных сторон» — был и заказчиком, и разработчиком. Поэтому решил суммировать все знания по теме, скомпоновав их в один пост. Возможно, кому-то пригодится данный опыт:

Читать далее