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

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

Что такое слайдер?

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

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

Для популярных систем управления сайтом разработаны различные плагины с реализацией слайдеров с множеством эффектов. К примеру, для WordPress это плагин Con Slider, Slideshow Gallery, Content Slide. В большинстве случаев слайдеры создаются на основе ресурсов библиотеки JQuery , однако собственный слайдер можно разработать и средствами HTML 5 и CSS 3 практически без использования скриптов!

Устройство слайдера

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

• Экран
• Средства навигации
• Маркеры с общим количеством слайдом и текущим состоянием

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

В некоторых слайдах включаются дополнительные функции:

Миниатюры остальных слайдов

Таймер со временем до смены слайда

Паузу при наведении на слайд

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

Зачем нужен слайдер на сайте?

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

Однако совсем без текста нельзя. Ведь сферу деятельности некоторых компаний нельзя просто описать в 2-3 словах. Да и любой скажет вам, что на главной странице обязательно должен содержаться хотя бы небольшой кусочек текста с вхождениями ключевых слов. Поэтому зачастую возникает конфликт интересов. В идеале главная страница сайта должна:

• Содержать самую важную информацию о компании и ее деятельности;
• Удовлетворить баланс между графикой и правилами seo -оптимизации;
• Удовлетворять пожеланиям заказчика и посетителей.

Примеры сайтов, разработанных в нашей студии, содержащих слайдеры:

Дизайн сайтов со слайдером эксклюзивный - не шаблон. С подробностями о разработке такого сайта можно ознакомиться на

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

(от англ. to slide - скользить, сдвигать) – это специальные ультратонкие наклейки с разнообразными рисунками, которые отделяются (сдвигаются) от подложки после взаимодействия с водой. Такие наклейки не утолщают ногтевую пластину и выглядят максимально естественно.

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

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

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

КАК ПОЛЬЗОВАТЬСЯ СЛАЙДЕР-ДИЗАЙНАМИ ДЛЯ НОГТЕЙ

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

Использование слайдер-дизайна с обычными лаками

1. Покройте ногти лаком для ногтей, дождитесь его полного высыхания.

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

2. Вырежьте понравившийся элемент слайдер-дизайна или заготовку на весь ноготь.

3. С помощью пинцета опустите заготовку в воду комнатной температуры на пару секунд. Промокните слайдер салфеткой для удаления излишней влаги.

4. Скользящим движением сдвиньте пленку от подложки и разместите дизайн на ногте. Пока слайдер влажный его легко можно двигать по ногтю.

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

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

Посмотрите обучающее видео по работе с обычными лаками и слайдер-дизайном

Использование слайдер-дизайна с гель-лаками

Есть 3 способа использования слайдер-дизайна с гель-лаковым покрытием.

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

2. На всех ноготках создается гель-лаковое покрытие. Слайдер-дизайн крепится на липкий слой засвеченного топового покрытия. Закрепляется дизайн слоем базового, а затем топового покрытия.

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

Посмотрите обучающее видео по работе с однофазным гель-лаковым покрытием и слайдер-дизайном

НЕСКОЛЬКО ПОЛЕЗНЫХ СОВЕТОВ ПРИ РАБОТЕ СО СЛАЙДЕР-ДИЗАЙНАМИ :

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

2. Чтобы отделить слайдер-дизайн от подложки можно также использовать ватный диск или салфетку, смоченные в воде. Положите вырезанный элемент слайдера на смоченный ватный диск белой подложкой вниз, немного придавите и оставьте на несколько секунд. После этого пленочка также легко сдвигается от подложки, но нет излишней влаги.

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

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

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

1. Несмотря на рекомендации по использованию белой или светлой подложки никто не запрещает использовать подложку другого цвета. В этом случае слайдер-дизайн смотрится совершенно иначе. Для бОльшего эффекта в качестве фона можно использовать градиент.

Идея и фото www.instagram.com/i_annylook

2. Можно вырезать из слайдеров полоски, треугольники, любые другие фигуры.

Идея и фото www. yulia-marchenko-nails.blogspot.ru

Идея и фото www. instagram.com/sveta_sanders

Идея и фото www. instagram.com/ anya_sobko

3. Слайдер-дизайны можно раскрашивать! Особенно это актуально для черно-белых дизайнов. Раскрасьте слайдер-дизайн обычными лаками для ногтей, дождитесь их полного высыхания и отделите слайдер от подложки. На ноготь наносите слайдер-дизайн так, чтобы раскрашенная сторона прилегала к ногтю.

Идея и фото www.instagram.com/de_briz

Идея и фото www. vellinails.blogspot.ru

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

Я Приветствую Вас! Меня зовут Владимир Савельев и я автор этого блога. Сегодня я хочу Вам рассказать — что такое слайдер, его преимущества и недостатки. А также покажу как установить слайдер на WordPress .

В прошлой статье я рассказал о ТОП 9 — самые лучшие плагины для защиты от спама. Обязательно посмотрите!

Но вернемся к слайдеру.

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

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

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

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

Что такое слайдер?

Слайдером или каруселью изображений называют специальный элемент web-дизайна, представленный в виде блока с картинками или текстом.

Главная задача слайдера – показ интерактивного контента, изменяющегося в ручном или автоматическом режиме и привлекающего внимание к определенному содержимому ресурса.

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

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

Преимущества использования слайдеров

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

Например, собственнику виртуального магазина слайдер wordpress пригодится для оповещения о поступлении новой продукции, текущих акциях и скидках;

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

Недостатки использования слайдеров

Страдают в первую очередь скорость загрузки и вес страницы — решив украсить сайт слайдером wordpress, помните, что далеко не всем доступна быстрая сеть. Многие для выхода во всемирную паутину применяют Wi-Fi, не предлагающий высокой скорости.

Слайдер контента из нескольких габаритных изображений может существенно замедлить скорость загрузки проекта. Это грозит тем, что посетители со слабым интернетом будут чаще уходить с вашего проекта, а поисковые боты будут индексировать страницы с медленной загрузкой несколько хуже;

Meta Slider – многофункциональный, простой и классный слайдер

Рассмотрим, как внедрить и настроить плагин слайд-шоу на проект на конкретном примере. Установим Meta Slider – бесплатный, простой и многофункциональный слайдер, который великолепно вписываясь в шаблон ресурса, реализует на нем любое количество шоу слайдов с разнообразными спецэффектами.

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

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

Как настроить слайдер-шоу Meta Slider на wordpress?

Скачайте, установите и активируйте плагин. После этого в боковой колонке панели админа вы увидите новый пунктик Meta Slider Lite. Кликните на верхней вкладочке с небольшим крестиком и добавляйте изображения в созданную слайд карусель.

Нажмите клавишу «добавить слайд» и загрузите выбранные изображения с компьютера;

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

В базовой модификации Meta Slider разработчиком представлено четыре вида слайдеров. Опции настроек для каждого слайд-шоу располагаются под клавишами сохранения на правой стороне:

• слайдер «Responsive Slides» – отзывчивый, наиболее легкий из всех, один эффект;
• слайдер «Nivo Slider» – отзывчивый, четыре темы и шестнадцать эффектов;
• слайдер «Flex Slider 2» – отзывчивый, режим карусели, два эффекта;
• слайдер «Coin Slider» – четыре эффекта.

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

Все настроечные опции слайдерской карусели представлены в четырех разделах:

• Общие – здесь выбираем подходящий вид слайд-шоу, его размеры, тему (стиль) и эффект смены;
• Управление – в этом разделе вы можете выключить показ элементов, при помощи которых осуществляется управление шоу слайдов;
• Расширенные настройки – на ваш выбор предложено: включить автопрокручивание ресурса, сменить скорость анимационных эффектов и переходов, активировать опцию случайного показа изображений, а также настроить множество других эффектов;

Здесь, в основном, настроечные опции будут зависеть от вида слайдера, который вы подберете изначально;

• Опции разработчика – возможность добавлять скрипты и CSS classes, созданные собственноручно. Предназначена для опытных сайтостроителей;

Для просмотра готового и внедренного слайд-шоу на собственном проекте, воспользуйтесь сгенерированным для каждого слайдера шорткодом или функцией PHP. Для этого необходимо скопировать и вставить шорткод в необходимое место.

Функцию удобнее прописывать в файл шаблона. Обращаю внимание, что цифрами, которые имеются в функции PHP и шорткоде, обозначен номер вашего слайдера.

Если вы опасаетесь всего нового или боитесь поломать ресурс, смело применяйте Meta Slider – сайт он не испортит!

Начинающим сайтостроителям я рекомендую ставить слайдер на wordpress со стандартными настройками, а уже после начать изменять эффекты и оформление. Также убедитесь, что у вас подключена последняя версия jQuery. На этом все, удачи Вам!

У нас кстати в городе снега столько выпало просто жесть! Интересно везде так или только у нас в области?

Совсем недавно посмотрели с женой фильм Дурак! Столько шума и мнений вызвал этот фильм просто Атас! Обязательно посмотрите его, каково же Ваше мнение будет о нем, интересно...

Вчера выплатил деньги — победителям моих конкурсов, скоро запущу новые и не менее интересные! Подписывайтесь на блог и тоже участвуйте!

PS: Наконец-то купил сыну прикольного хомяка-повторюшку. Давно у меня выпрашивал хомяка этого, думал очередная фигня, а нет, всей семьей ржали как лоси Брал тут ! Теперь он постоянно с ним дурачится! Надо будет видео с ним прикольное записать.

Смотрели видео про этого хомяка? Ржака!

С уважением, Владимир Савельев

Премиум-уроки от клуба webformyself Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!

Подробнее

05.12.14 9.2K

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

Что такое слайдер

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

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

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

Особое распространение слайдеры получили на ресурсах, занимающихся интернет-продажами.

С точки зрения психологии, визуальное представление товара в нескольких ракурсах во много раз увеличивает вероятность покупки:

Некоторые специализированные конструкторы сайтов предоставляют пользователям на выбор несколько версий слайдеров для создаваемых шаблонов. Одним из самых популярных сервисов Рунета является ucoz. В зависимости от предназначения ресурса шаблон конструктора комплектуется определенным типом слайдера.

Несколько слайдеров, популярных в сети:

• Tilted Content Slideshow – крутой слайдер, выводящий все изображения в случайном порядке с эффектом 3D анимации:

• Anything Slider – позволяет отображать в своем окне не только картинки, но и видео, транслируемое через проигрыватель:

• Morphing Devices – слайдер с эффектом морфинга изображений. При этом один рисунок медленно перетекает (трансформируется ) в другой. Два последних выводимых изображения можно поворачивать:

На чем пишутся слайдеры?

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

Построение внутреннего механизма слайдера происходит на одном из языков программирования. Чаще всего используется javascript . Для более полного понимания процесса создания слайдера рассмотрим пример его реализации:

var locations = new Array("img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"); var currentImage = 0; function nextImage() { currentImage++; if (currentImage == locations.length) currentImage = 0; document.images["picture"].src = locations; return false; }
Следующее изображение

Механизм смены изображения в коде этого простого примера задается с помощью javascript . Сначала методом Array () создается новый массив. В скобках задаются элементы массива (изображения ). После него идет инициализация глобальной переменной currentImage .

Весь механизм смены изображений внутри слайдера заключен в функции function nextImage() . Внутри ее тела значению переменной currentImage каждый раз после вызова функции прибавляется 1. Затем ее значение сравнивается с длинной массива (locations.length ). Если длина массива равняется переменной, то показ изображений начинается с первого элемента.

Строкой скрипта document.images[«picture»].src = locations через объектную модель документа происходит обращение к источнику рисунка. Значением currentImage устанавливается, какой из рисунков будет отображен. Перелистывание слайдера осуществляется нажатием на ссылку с помощью события onclick .

Более широкими возможностями обладает библиотека jquery . Она включает в себя классы, позволяющие облегчить процесс разработки и увеличить функциональность слайдера.

Вот пример карусели на ее основе. Смена картинок происходит автоматически:

#carousel{ width:500px; height:300px; overflow-x:hidden; border: 4px double #33CCFF; } #track{ width:2500px; position:relative; } #track div{ width:500px; height:300px; float:left; position:relative; } div.red{ background-image:url(img/1.jpg); } div.blue{ background-image:url(img/2.jpg); } div.yellow{ background-image:url(img/3.jpg); } div.green{ background-image:url(img/4.jpg); } div.white{ background-image:url(img/5.jpg); } $(function(){ var width = $("#track div").width(); function carousel(){ $("#track").delay(1000).animate({right: "+=" + width},1000, function(){ var first = $("#track div:first-child"); first.remove(); $(this).append(first); $(this).css({right: "-=" + width}); carousel(); }); } carousel(); });

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

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

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

При использовании слайдера на сайте WordPress, есть ряд вещей, которые пользователь должен учитывать.

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

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

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