KR1K
Специалист
Основная информация
IPS 4.0 содержит новые возможности в плане CSS, направленные на модульность стилей. Больше нет общего файла ipb_styles.css, теперь имеются множество мелких CSS, каждый из которых обрабатывает определённый участок шаблона. Например, один обрабатывает формы, другой таблицы, ну а остальные - нумерацию страниц, кнопки, слои и т.п.
Данное разделение имеет ряд преимуществ. Во-первых, при обновлении шаблона или всего форума, движок сможет автоматически обновить все файлы CSS, кроме изменённого вами. В ветке 3.x при редактировании одного общего ipb_styles.css, он помечается как отредактированный пользователем и движок форума автоматически обновить его уже не сможет. Придётся обновлять вручную. Во-вторых, раздробленность позволяет лучше ориентироваться среди элементов оформления. Если нужны кнопки, смотрите buttons.css. Легко и просто. В-третьих, при создании страниц IP.Content и если есть необходимость в использовании нативных стилей кнопок, Вы можете подключить всего лишь один CSS-файл, а не подключать абсолютно весь каркас CSS.
Естественно, CSS объединяются и сжимаются перед подключением в браузере, но в среде разработке существуют те моменты, описанные выше.
В IPS 4.0 фронтальная часть и Админцентр используют одни и те же CSS и JavaScript.
Улучшения
Админцентр IPS рассматривается как лучший инструмент управления форумом при существовании остальных платформ.
Лучшая среда. Админцентр использует вертикальное пространство для главного меню и горизонтальное для меню приложений. В эпоху широкоформатных мониторов это является лучшим выбором.
Отсутствие выпадающих меню. В настоящее время главное меню использует выпадающие пункты, что может повлиять на удобство и легкость восприятия. А множественная вложенность только затрудняют навигацию.
Больше интерактивности. Текущий Админцентр использует некоторые интерактивные таблицы, например таблицу списка пользователей. Но не каждая таблица настолько функциональна. Новый Админцентр стремится к повышению функциональности различных элементов.
Лучшая поддержка мобильных устройств. Теперь вы можете администрировать свой форум даже на мобильном телефоне!
Адаптивный по-умолчанию
Это самое большое новшество в Админцентре. Теперь Админцентр полностью адаптивный и позволяет полноценно администрировать форум на телефоне или планшете. Что такое адаптивность? Это значит, что страница автоматически адаптируется под разрешение дисплея. Если необходимо администрировать пользователей, менять настройки, делать массовые рассылки электронной почты и запускать диагностику системы. Всё это можно делать находясь в дороге.
Предварительный просмотр
Пример страницы нового Админцентра, работающего на компьютере и на мобильном устройстве:
Навигация
Самое главное - навигация. На компьютере приложения располагаются по левой стороне вниз. Пункты меню раскрываются автоматически при наведении указателя мыши - никаких выпадающих меню! Отдельные меню приложений могут быть скрыты, чтобы соответствовать уровню доступа отдельной роли администратора.
На мобильной устройстве, очевидно, нет места для широкоформатного меню навигации. Поэтому, меню приложения/модуля активируется нажатием по правой верхней иконке. Это открывает боковую панель, из которой доступны различные действия:
Таблицы
То, что можно видеть на скриншотах - это новый путь, называемый таблицами данных. На компьютере присутствуют фильтры в верхней части экрана, окно поиска (всплывающий и расширенный поиск), и заголовок таблицы, по которому можно нажать для динамической сортировке данных с помощью AJAX.
На мобильном устройстве все эти компоненты переместятся вниз: фильтры и сортировка преобразуются в меню, а строки таблицы применят отображение, подходящее для разрешения устройства вид.
Формы
IPS 4.0 поддерживает широкий диапазон различных типов форм: от текстового до матриц. Все эти типы полей работают как на компьютере, так и на мобильном устройстве. Вот пример формы Админцентра на компьютере и на мобильном устройстве:
Вкладки
Вкладки широко используются там, где есть в необходимость в них. Скриншот показывает типичную страницу с вкладками:
Видео навигации на мобильном устройстве
Небольшое видео, демонстрирующее администрирование форума при помощи мобильного устройства. В данном случае это iOS-симулятор.
Заключение
Итак, закончился первый обзор нового Админцентра. У разработчиков есть ещё много всего вкусного, чего бы им хотелось нам показать. Индивидуальные особенности различных компонентов будут рассмотрены более подробно в следующих выпусках новостной ленты. И хотелось бы напомнить, что все приложения и возможности носят статус альфа-версии. Многое может поменяться к выходу стабильного релиза. Источник материала
IPS 4.0 содержит новые возможности в плане CSS, направленные на модульность стилей. Больше нет общего файла ipb_styles.css, теперь имеются множество мелких CSS, каждый из которых обрабатывает определённый участок шаблона. Например, один обрабатывает формы, другой таблицы, ну а остальные - нумерацию страниц, кнопки, слои и т.п.
Данное разделение имеет ряд преимуществ. Во-первых, при обновлении шаблона или всего форума, движок сможет автоматически обновить все файлы CSS, кроме изменённого вами. В ветке 3.x при редактировании одного общего ipb_styles.css, он помечается как отредактированный пользователем и движок форума автоматически обновить его уже не сможет. Придётся обновлять вручную. Во-вторых, раздробленность позволяет лучше ориентироваться среди элементов оформления. Если нужны кнопки, смотрите buttons.css. Легко и просто. В-третьих, при создании страниц IP.Content и если есть необходимость в использовании нативных стилей кнопок, Вы можете подключить всего лишь один CSS-файл, а не подключать абсолютно весь каркас CSS.
Естественно, CSS объединяются и сжимаются перед подключением в браузере, но в среде разработке существуют те моменты, описанные выше.
В IPS 4.0 фронтальная часть и Админцентр используют одни и те же CSS и JavaScript.
Улучшения
Админцентр IPS рассматривается как лучший инструмент управления форумом при существовании остальных платформ.
Лучшая среда. Админцентр использует вертикальное пространство для главного меню и горизонтальное для меню приложений. В эпоху широкоформатных мониторов это является лучшим выбором.
Отсутствие выпадающих меню. В настоящее время главное меню использует выпадающие пункты, что может повлиять на удобство и легкость восприятия. А множественная вложенность только затрудняют навигацию.
Больше интерактивности. Текущий Админцентр использует некоторые интерактивные таблицы, например таблицу списка пользователей. Но не каждая таблица настолько функциональна. Новый Админцентр стремится к повышению функциональности различных элементов.
Лучшая поддержка мобильных устройств. Теперь вы можете администрировать свой форум даже на мобильном телефоне!
Адаптивный по-умолчанию
Это самое большое новшество в Админцентре. Теперь Админцентр полностью адаптивный и позволяет полноценно администрировать форум на телефоне или планшете. Что такое адаптивность? Это значит, что страница автоматически адаптируется под разрешение дисплея. Если необходимо администрировать пользователей, менять настройки, делать массовые рассылки электронной почты и запускать диагностику системы. Всё это можно делать находясь в дороге.
Предварительный просмотр
Пример страницы нового Админцентра, работающего на компьютере и на мобильном устройстве:
Навигация
Самое главное - навигация. На компьютере приложения располагаются по левой стороне вниз. Пункты меню раскрываются автоматически при наведении указателя мыши - никаких выпадающих меню! Отдельные меню приложений могут быть скрыты, чтобы соответствовать уровню доступа отдельной роли администратора.
На мобильной устройстве, очевидно, нет места для широкоформатного меню навигации. Поэтому, меню приложения/модуля активируется нажатием по правой верхней иконке. Это открывает боковую панель, из которой доступны различные действия:
Таблицы
То, что можно видеть на скриншотах - это новый путь, называемый таблицами данных. На компьютере присутствуют фильтры в верхней части экрана, окно поиска (всплывающий и расширенный поиск), и заголовок таблицы, по которому можно нажать для динамической сортировке данных с помощью AJAX.
На мобильном устройстве все эти компоненты переместятся вниз: фильтры и сортировка преобразуются в меню, а строки таблицы применят отображение, подходящее для разрешения устройства вид.
Формы
IPS 4.0 поддерживает широкий диапазон различных типов форм: от текстового до матриц. Все эти типы полей работают как на компьютере, так и на мобильном устройстве. Вот пример формы Админцентра на компьютере и на мобильном устройстве:
Вкладки
Вкладки широко используются там, где есть в необходимость в них. Скриншот показывает типичную страницу с вкладками:
Видео навигации на мобильном устройстве
Небольшое видео, демонстрирующее администрирование форума при помощи мобильного устройства. В данном случае это iOS-симулятор.
Заключение
Итак, закончился первый обзор нового Админцентра. У разработчиков есть ещё много всего вкусного, чего бы им хотелось нам показать. Индивидуальные особенности различных компонентов будут рассмотрены более подробно в следующих выпусках новостной ленты. И хотелось бы напомнить, что все приложения и возможности носят статус альфа-версии. Многое может поменяться к выходу стабильного релиза. Источник материала
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Последнее редактирование: