EnterComputerTransition to forums of a siteTransition in section of ArticleLet's begin search?Further
Date   Title News: 
Category: Отзывчивые или адаптивные решение (Responsive solutions)
Адаптивное отображение фото и картинок на компьютереАдаптивное отображение фото и картинок на экране телефона

На сайте smashingmagazine приводится множество решений проблемы ресайзинга изображений, которые должны, похожим образом, отображаться как на компьютере, так и на мобильнике. Наиболее лучшим считается метод RESS: Responsive Design + Server Side Components., но, этот метод, все-равно требует вмешательства вебверстальщика, тогда как желательно, чтобы этим занимался обычный юзер.

В MobiCot для адаптивного отображение фото и картинок используется специальный тег Bbcode фото (photo)

Тег Bbcode фото (photo) относится к тегам постпроцессорной обработки текста, когда уже известны параметры экрана устройства отображения.

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

Для того, чтобы разместить изображения на экране с помощью тега Bbcode фото (photo), вам достаточно выбрать его из библиотеки Мои файлы и обрамить тегом Bbcode фото (photo)

Comments: (0)
Poster: cot

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

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

Обычно, это просмотр коллекции товаров на мобильнике. Достаточно фото товара с кратким описанием.

Для того, чтобы текст на экране компьютера не был "рыхлым", такие страницы складывают в одну страницу для экрана компьютера.

Comments: (0)
Poster: cot
Category: Отзывчивые или адаптивные решение (Responsive solutions)
Category: News
Вашему вниманию представлен адаптивный вариант CMS Cotonti (Genoa).
Я назвал его MobiCot.

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

Comments: (0)
Poster: cot
No tags
Category: Плагины

RESS (Responsive Design + Server Side Components) – технология предполагает, что такие компоненты, как меню (menu), хедеры (header), футеры (footer), блоки текстов (freetext), зависящие от устройств отображения, языка читателя или его статуса на сайте и того подобного, должны формироваться на стороне сервера и передаваться на клиентскую часть сайта. 17 типов параметров, позволит вам сформировать нужную альтернативу компонента. Сформировать, не прибегая к кодированию ресурса. Но, если вам, для создания уникальной альтернативы потребуется еще один, 18 критерий, вы не затратите особых усилий.

Comments: (0)
Poster: cot
New in forums:
Forums / Public / General discussion
10-23 14:26 hi (0)
Forums / Public / General discussion
08-30 21:06 Продвижения... (0)
Forums / Public / Off-topic
02-17 13:39 Офтопник тест (0)
Recent additions:
2017-10-11 Отзывчивые или адаптивные решение (Responsive solutions)
Модель Стиль моделей CSS в ...
2017-10-07 Отзывчивые или адаптивные решение (Responsive solutions)
Адаптивное отображение фото и...
2017-05-11 Плагины
Плагин SEO оптимизация и SEO...
2015-05-05 News
Отлично! Страница оптимизиров...
2015-04-05 Примеры
Считалка. Пример для статьи в...
Polls:
Мобильный COTONTI должен быть:
Your comment (0)

View all polls
Online:
0 members, 1 guest :
Tags:
POWERED BY: COTONTI & COTONTI.MOBI
Page created in 0.134 seconds