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

[WiZXaK]

*Писал 2 статьи сразу, перепутал заголовок "Joomla" тут не причем - просто "Адаптивный дизайн - Online"*​

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

Примеры адаптивного дизайна: Для просмотра ссылки Войди или Зарегистрируйся​

Техники 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 - Для просмотра ссылки Войди или Зарегистрируйся

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