Wing - минималистичен CSS рамка Уеб дизайнери искат

Предната екосистема е пълна рамки с отворен код направени за подобряване на процеса на развитие. Обикновено всеки иска нещо различно от тези рамки; някои хора търсят естетика докато други искат скорост или използваемост.

крило е по-нова рамка и минималистичен най-добър приятел. Той идва с настройка на мрежата по подразбиране, персонализирани елементи, и компоненти, които общо 5 KB.

Може би най-добрата част за крилото е автоматично стайлинг за елементите по подразбиране. Ако просто пуснете стиловата таблица на Wing CSS във вашия проект, ще забележите промени незабавно.

Текст по подразбиране, връзки и елементи на страница автоматично се оформят въз основа на дизайните на Wing. Можете също добави допълнителни класове по своему за да добавите повече естетика към страницата.

Крила кораби с Решетъчна система 960px с помощта на 12-колонна структура. Това е много проста настройка и мрежата от 960px обикновено се счита за твърде малка за днешната широкоекранна аудитория. Но, ако обичате по-малки уебсайтове, това е отличен избор.

http://usewing.ml/ е луд просто и следва нещо като това:

 
 
1
 
2
 
3
 
 

Можете да включите a пълно копие на Wing от Unpkg CDN. Те поддържат своите файлове в крак с най-новата версия, така че никога не трябва да променяте имената на файловете. Просто добавете този URL адрес в заглавката си и ще получите пълен достъп до настоящата рамка на Wing.

Друга възможност е да изтеглите пакета чрез npm или издърпайте копие на източника направо от GitHub.

Бих сравнявал Wing с Normalize.css, който е много по-малка CSS рамка, това е по-скоро като нулиране на библиотеката. Крилото всъщност идва със стилове по подразбиране докато Normalize.css просто нулира елементи, за да работят еднакво във всички браузъри.

Красотата на двете е, че имате пълен контрол да се редактиране, restyle, и преформатира страницата, колкото смятате за подходяща.

Цялата документация и кодови фрагменти може да се намери на началната страница на Wing, така че използвайте това ръководство, ако не сте сигурни как да настроите сайта си.