создание Интернет магазина – Веб-студия EIPE – создание и продвижение сайтов в Клину

Какая минимальная длина абзаца должна быть?

sproadmin — Thu, 29 Dec 2016 12:27:02 +0000

Не секрет, что статья в виде текстового полотна вряд ли понравится пользователю сайта. На самом деле, попробуй почитай такую статью и пойми что-нибудь в ней. Для того чтобы текст имел читабельный вид он должен быть разделен на абзацы.

Многие вебмастера уверены, что один абзац должен состоять не более чем из 5-6 предложений. Конечно, в этом утверждении есть доля правды. Однако далеко не всегда это является обязательным для исполнения правилом. Важно понимать, что статья имеет свою структуру и порой ограничится абзацем в 5 предложений крайне проблематично.

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

Можно подвести итоги. Какого-либо строго правила о длине абзаца нет и быть не может. Гораздо более важным, по нашему мнению, является структурированность и грамотностью написания статьи.

Несколько советов по улучшению фонового видео на веб-сайте

sproadmin — Wed, 28 Dec 2016 19:51:40 +0000

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

Сжимайте видео

Что может быть хуже, если при просмотре видео оно постоянно подтормаживает? При просмотре создается ощущение, что виснет не только видео, а и весь сайт целиком. Чтобы исключить возникновение такой проблемы используйте максимально возможное сжатие. При этом обязательно проконтролируйте, чтобы видео при максимальном сжатии было максимально качественным.

Используйте короткие видео

Конечно, максимальное сжатие может обеспечить нормальное воспроизведение даже достаточно длинного видео. Однако не стоит считать, что посетитель вашего сайта зашел на него для того, чтобы посмотреть фоновое видео. Вполне может быть, что он вовсе будет не рад, что на вашем сайте есть это самое фоновое видео. Именно поэтому, лучше всего, чтобы длина фонового видео не превышала 30 секунд.

Лучшие инструменты для веб разработчиков

sproadmin — Thu, 22 Dec 2016 12:10:03 +0000

sloc
Инструмент, который представляет собой командную строку для осуществления сбора статистических данных исходного кода. На выходе пользователь получает простой список, но при желании результат может быть преобразован в CSV или даже таблицу CLI.

VisSense.js
Специальная библиотека, которая предназначена для исследования DOM. Основной особенностью данной библиотеки является то, что она работает с элементами вне поля экрана. При этом стоит отметить, что библиотека не используется для вещей: display: none и visibility: hidden.

Sass Director
Простой Sass инструмент, который может быть очень полезен при разработке новых Sass проектов. На основании кода манифест файла инструмент создает команду, после реализации которой автоматически строится структура проекта.

Awesomplete
Независимый скрипт автозаполнения. Скрипт используется без привлечения дополнительного кода JavaScript кода и предлагает широкие функциональные возможности для опытных пользователей.

Проверка кода веб-сайта

sproadmin — Thu, 22 Dec 2016 12:00:02 +0000

Проверка кода сайта называется литингом. Проверка кода осуществляется с целью анализа кода на его соответствие существующим правилам веб-програмирования. Такая проверка является обязательным мероприятием, ведь именно от правильности кода во многом зависит нормальная работоспособность сайта.

Проверка кода может приобретать разные формы:
– для проверки HTML это валидация. Сама проверка может включать в себя анализ на соответствие общим принципам, например, это может быть анализ соответствия стандартам отступа во вкладках;
– в случае с проверкой таблицы стилей то здесь все не так просто как в случае с HTML. Вместе с тем, стоит отметить, что многие препроцессоры, имеют встроенные инструменты для проверки. Сама проверка осуществляется для анализа правильности объявления свойств и их совместимости;
– проверка JavaScript. Проверка JavaScript осуществляется с использованием специальных инструментов, например – ESLint.

Несколько способов сделать свой сайт более уникальным

sproadmin — Thu, 22 Dec 2016 11:42:30 +0000

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

Страница с ошибкой
Известно, что при виде ошибки посетитель сайта начинает определенно нервничать. Именно поэтому можно рекомендовать создать и использовать оригинальные страницы оповещения об ошибке 404. Используя красивую страницу ошибки, вы сможете успокоить и даже развеселить пользователя своего сайта.

Страница FAQ
Достаточно интересный способ повысить оригинальность своего сайта. Согласитесь, на сегодняшний день мало сайтов, на которых есть страница FAQ. Разумеется, на больших порталах и сервисах такие страницы есть, а вот на обыкновенных информационных веб-сайтах…

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

Основные этапы загрузки веб-шрифтов

sproadmin — Thu, 22 Dec 2016 11:25:26 +0000

В данной статье мы кратко рассмотрим основные этапы истории загрузки веб-шрифтов.
Итак:

Этап №1
По сути, это этап, когда никто ничего не делал. Сюда же можно отнести и неправильное применение блока font-face. По мнению многих веб-мастеров это самый настоящий «анти шаблон». С подобного рода подходом в браузерах возникает проблема мигания невидимого текста.

Этап №2
Data URI для мигающего и не имеющего стиля текста. Асинхронная загрузка CSS стилей со шрифтами, представленным через Data URI. Такой метод является устаревшим и может приводить к короткому миганию невидимого текста.

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

Этап №4
Использование классов в области видимости для мигающего текста. Данный метод использует два различных этапа в классах, которые находятся в области видимости. Первый этап предполагает загрузку шрифта Roman, а уже на втором этапе осуществляется загрузка той или иной вариации данного шрифта, например Bold. Такой метод хорошо подходит для не очень скоростных соединений, ведь благодаря нему перестройка страницы менее заметна для пользователя.

Автоматическое добавление адаптивных изображений

sproadmin — Thu, 22 Dec 2016 11:09:15 +0000

Казалось бы, ничего сложного в создании адаптивных изображений нет. А как быть, если, например, речь идет об Интернет-магазине? Неужели веб-мастеру придется вручную создавать разные варианты изображений? Конечно, нет! Конечно, есть выход из этой ситуации.
Суть метода заключается в добавлении определенной логики в CMS, позволяющей вебмастеру загружать изображения, выбирать определенные точки на каждой картинке и автоматически генерировать все обрезанные варианты.
Если у вас нормально обстоит дело с изменением размеров картинок и браузер может выбрать наиболее подходящую картинку, то проблема может быть решена очень просто – путем использования ImageMagick или какого-либо иного графического редактора.
Не менее эффективным вариантом решения проблемы будет использование специальных плагинов. На сегодняшний день подобного рода плагинов существует огромнейшее количество, и вы без проблем сможете подобрать и установить именно то расширение, которое в полной мере отвечает вашим требованиям.

Что представляет собой Лендинг-пейдж?

sproadmin — Tue, 20 Dec 2016 17:22:51 +0000

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

Различают следующие виды лендинг-пейджев:

– Click-through пейдж, предназначенная для привлечения пользователей, повышения их заинтересованности и последующего перенаправления на страницу покупки того или иного товара;

– Лидген Пейдж, предназначенная для мотивирования пользователей осуществить подписку на новостную ленту сайта. При этом взамен пользователь получает абсолютно бесплатно какой-либо товар или какую-либо услугу.

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

Обзор самых новых веб-инструментов и приложений 2016-го года

sproadmin — Tue, 20 Dec 2016 17:11:07 +0000

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

Backblaze

Данный сервис предназначен для восстановления файлов на максимальной скорости. Для удобства в настройках сервиса пользователь может установить периодичность резервного копирования. Стоит отметить, что сервис является платным. На данный момент стоимость составляет 5 долларов в месяц.

Ultimatum Theme

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

Simbla Website Builder

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

На какую тему создать свой веб-блог?

sproadmin — Tue, 20 Dec 2016 15:51:13 +0000

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

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

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

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