Домашня » Інструментарій » Wing - мінімалістський CSS-фреймворк веб-дизайнери

    Wing - мінімалістський CSS-фреймворк веб-дизайнери

    Екосистема фронтенда є повною рамки з відкритим вихідним кодом покращити процес розробки. Як правило, кожен хоче щось відмінне від цих рамок; деякі люди шукають естетики інші хочуть швидкість або юзабіліті.

    Крило - це новіші рамки і кращий друг мінімаліста. Він поставляється з налаштування сітки за умовчанням, користувацькі елементи, і компонентів, що складають всього 5 Кб.

    Можливо, найкраща частина про крило автоматичне оформлення елементів за замовчуванням. Якщо ви просто скинуте таблицю стилів Wing CSS у ваш проект, ви помітите, що зміни відбуваються негайно.

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

    Крила кораблі з Система сітки 960px за допомогою a 12-колонна структура. Це дуже проста установка, і сітка 960px зазвичай вважається занадто малою для сьогоднішньої широкоекранної аудиторії. Але, якщо вам подобаються менші сайти, це відмінний вибір.

    http://usewing.ml/ це просто божевільний образ і слідує за таким:

     
    1
    2
    3

    Ви можете включити a повна копія крила від Unpkg CDN. Вони зберігають свої файли в курсі останньої версії, тому вам ніколи не потрібно змінювати назви файлів. Просто додайте цю URL-адресу до заголовка і ви отримаєте повний доступ до поточної структури Wing.

    Також можна завантажити пакет через npm або витягніть копію джерела прямо з GitHub.

    Я б порівняв Wing з Normalize.css, який є набагато меншою рамкою CSS, це більше схоже на скидання бібліотеки. Крило насправді поставляється зі стилями за умовчанням в той час як Normalize.css просто скидає елементи, щоб працювати однаково у всіх браузерах.

    Краса обох полягає в тому, що у вас є повний контроль до редагувати, рестилей, і переформатування на сторінці, як ви вважаєте за потрібне.

    Вся документація та фрагменти коду можна знайти на домашній сторінці Wing, тому використовуйте цей посібник, якщо ви не впевнені, як налаштувати свій сайт.