Адаптивный дизайн - Joomla

Тема в разделе "Мегафлуд", создана пользователем WiZXaK, 9 янв 2013.

Статус темы:
Закрыта.
  1. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    579
    Симпатии:
    806
    *Писал 2 статьи сразу, перепутал заголовок "Joomla" тут не причем :) - просто "Адаптивный дизайн - Online"*

    Уже многие знают, что грядет (или уже настала) эра адаптивного дизайна (Responsive web design).
    Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Если вы ничего не знаете про адаптивный дизайн советую просто Перейти по ссылке.

    [​IMG]

    Примеры адаптивного дизайна: Перейти по ссылке

    Техники Responsive web design

    - Перейти по ссылке - CSS Transitions and Media Queries (использование CSS transitions для сглаживания переходов с помощью анимации)
    - Перейти по ссылке - Техниками адаптивного дизайна для корректного отображения таблиц (<table>)
    - Перейти по ссылке - Техника преобразования длинных рядов ссылок в выпадающие пункты меню на малых разрешениях.
    - Перейти по ссылке - Рациональное использование доступного места (в зависимости от разрешения экрана).

    Адаптивные изображения и видео

    - Перейти по ссылке - Резиновые изображения (масштабирование средствами браузера).
    - Перейти по ссылке - Адаптивные изображения (изменение физических размеров изображения)
    - Перейти по ссылке - Адаптивные изображения и контекстно-зависимые изменения размеров изображений
    - Перейти по ссылке - Адаптивные изображения прямо сейчас
    - Перейти по ссылке Адаптивные изображения средствами CSS
    - Перейти по ссылке - Адаптивные изображения с помощью Cookies
    - Перейти по ссылке - Адаптивные изображения с помощью ExpressionEngine
    - Перейти по ссылке - CSS: адаптивные видео
    - Перейти по ссылке - Изображения с изменяемыми размерами.

    Инструменты для адаптивного веб-дизайна

    - Перейти по ссылке - скрипт, который позволяет работать CSS3 Media Queries в IE 5+, Safari 2 и Firefox 1+.
    - Перейти по ссылке - Этот инструмент представляет собой веб-редактор CSS вашего сайта с функцией автосохранения и просмотра результата в реальном времен.
    - Перейти по ссылке - Тестирование адаптивного дизайна
    - Перейти по ссылке - Используйте информацию из этого маленького интрумента для создания адаптивного сайта.
    - Перейти по ссылке - Калькулятор резиновой сетки

    Фреймворки для адаптивного дизайна

    - Перейти по ссылке
    - Перейти по ссылке
    - Перейти по ссылке
    - Перейти по ссылке
    - Перейти по ссылке
    - Перейти по ссылке

    Отдельно хочеться вынести bootstrap: (Внедрение bootstrap в Joomla 3.0)
    Rus - Перейти по ссылке
    Eng - Перейти по ссылке
     
Статус темы:
Закрыта.