Goodx-xml

Фреймворк Pure. Введение

Сайтостроение и компьютеры

Фреймворк Pure - это гибкий и лёгкий набор стилей, для  самостоятельной вёрстки сайтов. Одно из преимуществ Pure - в нём можно разобраться с базовым уровнем знаний в html.  В данном цикле статей будет подробно разобрано как адаптировать сайты под мобильные устройства с помощью Pure.

Почему Pure?

Примерно 10 лет назад был бум сайтостроения и ЦМС.  В то время мобильные версии только начинали входить в  моду и на многих движках ещё не было адаптивных версий. Но время шло и постепенно мобильная версия стала приоритетом. Те, кто начинал строить позже выбирали ЦМС, где уже была добавлена возможность адаптивной вёрстки. А те кто развивал сайты созданные ранее искали сторонние фреймфорки и адптировали самостоятельно.

У меня был старый сайт, который давно просил мобильную версию, но так как ЦМС, на которой он построен не очень популярна, то просто скачать и установить адаптив по нажатию кнопочки не было возможности.

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

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

Методом проб и ошибок я всё-таки нашёл фреймворк, который (по сравнению с другими) удоволетворрял максимальное количество моих хотелок.  Это Pure.  Почему именно он  - читайте далее.

Три кита Pure  

Основное достоинство Pure  в его трёх китах, на основе которых он построен, а также в том, что каждого его кита можно использовать отдельно без каких либо ограничений.

 pure - основа

Normalize - модуль отвечающий за кроссбраузерность.  Минимизирует рутинные доработки для единой стилизации во всех браузерах.

Grid - отвечает за поведение блоков при отображении на разных устройствах или разрешениях экранов.

Style - наборы по стилизация различных элементов.  

 

Как подключить Pure


Чтобы начать использовать Pure необходимо  разместить в блоке head следующее:

< link href="https://unpkg.com/purecss@2.0.3/build/pure-min.css"
integrity="sha384-4ZPLezkTZTsojWFhpdFembdzFudphhoOzIunR1wH6g1WQDzCAiPvDyitaK67mp0+"
crossorigin="anonymous">

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

0
0
Назад
Нет комментариев. Почему бы Вам не оставить свой?
Ваше сообщение будет опубликовано только после проверки и разрешения администратора.
Ваше имя:
Комментарий:
ББ Редактор 6.2 Pro
Смайл - 01 Смайл - 02 Смайл - 03 Смайл - 04 Смайл - 05 Смайл - 06 Смайл - 07 Смайл - 08 Смайл - 09 Смайл - 10 Смайл - 11 Смайл - 12 Смайл - 13 Смайл - 14 Смайл - 15 Смайл - 16 Смайл - 17 Смайл - 18
АБВГДЕЁЖЗИЙ КЛМНОПРСТУФ ХЦЧШЩЬЫЪЭЮЯ
ABVGDEJOZHZIJ KLMNOPRSTUF XCCHSHW'Y#JEJUJA
Информация о загрузке файлов
Допустимые форматы файлов: gif, jpg, jpeg, png, zip, rar
Максимальный размер загруженных файлов модуля: 100 MB
Максимально допустимый размер файла для загрузки: 1 MB
Максимально допустимая ширина изображения: 1500 px
Максимально допустимая высота изображения: 1500 px
Количество одновременно загружаемых файлов: 10
Секретный код:Для обновления секретного кода нажмите на картинку
Повторить: