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

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

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

Сервис Interneting is Hard — обучение верстке сайтов с нуля (бесплатный курс)

Сервис Interneting is HardСпрос на хороших специалистов по верстке вполне стабилен, поэтому не удивительно, что растет и количество желающих освоить данное ремесло. К тому же, как по мне, это один из самых простых «путей попадания в ИТ». Хотя важно понимать, что для хорошей отдачи вы должны стать профи — кроме наличия знаний надо постоянно систематизировать и модернизировать свои навыки, всегда быть «на волне» и использовать только актуальные современные методы.

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

Читать далее

Создание корпоративного сайта для малого бизнеса (нюансы и советы)

бизнес сайтСейчас нет смысла размышлять о том стоит ли заниматься разработкой корпоративного сайта для создания своего представительства в интернете. Еще 6-7 лет назад было очевидно, что за этим направлением будущее. Хотя до сих пор находятся скептики в малом бизнесе, которым кажется, что им еще рано начинать, или владельцы крупных компаний, где и без всяких интернетов дела идут неплохо.

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Использование автоматических поддоменов: настройка, продвижение

Недавно в процессе поиска программы DeskPins для закрепления поверх всех окон наткнулся на интересную картинку в выдаче. Сразу несколько сайтов-архивов софта активно использовали поддомены для разных страниц.

Автоматические поддомены в выдаче

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

Читать далее

Продающий дизайн для интернет-магазина

Онлайн магазинВеб-дизайн для интернет-магазина выполняет целый ряд функций. Он упрощает навигацию, наглядно представляет информацию о товарах, помогает использовать функционал ресурса. Главное же его назначение — продавать.

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

Читать далее

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

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

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

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

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

Читать далее

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

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

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

Читать далее