бесплатные списки прокси

ВНИМАНИЕ! ПРИНИМАЮТСЯ ЗАЯВКИ НА РЕКЛАМУ! ОСТАВЛЯЙТЕ ЗАЯВКИ НА РАЗМЕЩЕНИЕ РЕКЛАМЫ В ЭТОЙ ТЕМЕ ФОРУМА /forum/18-379-1

Firefox 15+ адаптивный дизайн

00:13
Рейтинг материала:
106/106 из 106 голосов


С 15-ой версии Firefox на веб-разработчиков посыпались подарки. Добавлены новые инструменты отладки, улучшены существующие, Firefox 15+ и веб-разработка, адаптивный дизайнпоявились новые функции. Начиная с 16-ой версии Firefox стал поддерживать практически все элелемнты CCS3 без префиксов
А теперь о каждом подарке отдельно и подробно

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

Адаптивный дизайн - функция, с помощью которой возможно просматривать сайт с любого разрешения. Можно выбрать или из предустановленных основных стандартных разрешений, а можно настраивать самостоятельно.
Функцию можно вызвать сочетанием клавиш Ctrl+Shift+M Или из меню - Инструменты - Веб-разработка - Адаптивный дизайн

Содержимое вкладки веб-разработка Firefox


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

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

 

Адаптивный дизайн| Увеличение/Уменьшение разрешения


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

 

 


Отладчик JavaScript

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

Отладчик JavaScript Firefox

 


Поддержка без префиксов элементов CSS3

Начиная с 16-ой версии, Firefox полностью поддерживает (без префиксов) такие элементы как Градиенты, Трансформация, Анимация и Переходы
Firefox - первый браузер, который стал поддерживать новые технологии. Для остальных браузеров приходится лепить или префиксы или альтернативное отображение

Наглядно поддержку можно увидеть в хлебных крошках данного сайта (менюшка навигации над материалом). На примере страницы
CSS3 и HTML5 Новейшие технологии Градиенты в хлебных крошках нарисованы без префиксов. Пользователи 16+ версии FF будут видеть правильное отображение

Использование градиента в меню навигации


Пользователи остальных браузеров будут видеть простое отображение

 

Градиент глазами браузеров без префиксной поддержки


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

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

 

 


Внимание! Частичное или полное копирование статьи без активной ссылки на источник /publ/18-1-0-559 категорически запрещено



 

Категория: Настройки и описание программ | автор: Дата: | описание: внедренные функции веб-разработки F
просмотры: 46605
Нравится!
+106
| Теги: Mozilla Firefox





Похожие материалы:



Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]