Зважаючи на те, що Twitter Bootstrap розроблений таким чином, щоб він відповідав / сприймав пристрої, чому він не використовує відносні розміри шрифту?
Зважаючи на те, що Twitter Bootstrap розроблений таким чином, щоб він відповідав / сприймав пристрої, чому він не використовує відносні розміри шрифту?
Відповіді:
Добре здається, що вони ховаються за приводом збільшення масштабування браузера . Дуже сумно бачити такий сильно використовуваний та впливовий фреймворк, що повністю ігнорує проблеми доступності та основний наріжний камінь чуйного дизайну. Вони несуть велику відповідальність і, на жаль, не мають наміру діяти відповідно.
[Оновлення] Тому сьогодні Марк Отто відповів на нитку, на яку я посилався вище. Передбачувано не згадується доступність та використання фрази "pixel-perfect":
Гаразд, ось ось дещо передумови щодо рішень минулого року та планів просування вперед.
Пікселі забезпечують абсолютний контроль та послідовну візуалізацію в кожному браузері.
Дизайнери все ще в основному думають і працюють у пікселях.
Браузери масштабують цілі сторінки за ці дні, тож це не проблема з масштабуванням типу чи будь-яким іншим.
Вкладення електронної пошти в історичні періоди викликало біль і може вимагати додаткової математики для обчислених / призначених для пікселя значень фігури.
Змішування одиниць вимірювання некрасиво, і мій внутрішній OCD ненавидить це. Використання одиниць на висоті лінії, як правило, не рекомендується, але дає можливість негайно знати, що таке обчислене значення. Ми, мабуть, намагатимемось відмовитися від цього в майбутньому. В майбутньому ми, швидше за все, будемо використовувати ems для розміру типів, можливо, навіть ремсів, але не для нічого іншого. Це також дискутується щодо розмірів шрифту для входів тощо. Це просто не те, як люди будують ідеальні піксельні сайти.
Це трохи повне і, сподіваємось, досить узгоджене. Я спробую вести блог про ці зміни, оскільки вони з'являються більше, але я не впевнений, наскільки близько 3.0 і що це все ще спричинить.
Я б запропонував будь-кому з сильними почуттями з цього приводу і поставити +1 цій темі .
[Оновлення] Дорожня карта V3, опублікована в блозі-пості випуску V2.3, не згадує про додавання підтримки для електронної пошти.
[Update] Багато більше інформації про Bootstrap V3 доступні в запиті тягової тут , включаючи наступне від Марка Отто:
Ми досліджували використання блоків ременів над пікселями, але виявили мало користі для компенсації наслідків їх використання. IE8 все ще потребує резервного пікселя, і це багато повторюваних рядків коду. Більше того, використання ремсів скрізь замість пікселів посилить цю проблему. Змішування ремсів та пікселів, схоже, зараз не має сенсу. Однак ми можемо та продовжимо оцінювати це у майбутніх випусках.
Потім зовсім недавно (у коментарях):
Я дуже сумніваюся, що ми будемо відправляти з ремеслами в цей момент. Зміна всього - крім розмірів шрифту - є величезною задачею, яка має невеликі переваги, щоб компенсувати це. Подвоєння рядків коду для розміру шрифту вбік, підтримка ремсів будь-яким іншим способом здається в кращому випадку стомлюючим. З огляду на це, ми завжди можемо переглянути його у майбутньому випуску. Поки що ми приклеюємо пікселі.
Невдоволений великою кількістю особливостей Bootstrap, не останньою з яких є відсутність ем-підтримки, я настійно пропоную подивитися на Сьюзі, якщо ви хочете просто сітки, або Zurb Foundation 4 для всієї енчілади. Не дозволяйте популярності Bootstrap затьмарити ваше судження. Будь-який може створити щось із Bootstrap, що саме є його проблемою - він розроблений для людей з мінімальним досвідом роботи в Інтернеті. Тільки тому, що в світі багато McDonalds, це не означає, що це здорове місце для їжі.
[Редагувати] Добре. Це було дурно сказати. Оскільки я писав це, я використовував BS3, і він значно покращив свою гру. Я не повинен був робити такий відкидний коментар, але я все ж вважаю, що він прийняв неправильне рішення щодо використання пікселів для розміру шрифту. Окрім проблем із доступністю, програми електронної пошти корисні й іншими способами.
[Оновлення] Схоже, що Vms буде підтримуватися у V4 (Mdo цитується тут ):
Для тих, хто слідує далі, ми зможемо перейти від пікселів до REM в v4, коли ми скасуємо підтримку IE8. Не можу багато чого до цього часу.
[Оновлення лютого 17] Bootstrap 4 все ще знаходиться в Альфа, але показує використання ремсів у своїх документах з друкарні , але не показує використання ремсів у своїх документах компонування .
emпотрібен таким людям, отже, "доступність".
Не дозволяйте популярності Bootstrap затьмарити ваше судження. Будь-хто може створити щось із Bootstrap, що є саме його проблемою - він розроблений для людей з мінімальним досвідом роботи в Інтернеті. Тільки тому, що в світі багато McDonalds, це не означає, що це здорове місце для їжі.
Ви можете стверджувати, що не дозволяйте це затьмарити ваше судження негативно. Це міцна основа, і якщо ви намагаєтесь вкласти час у те, як ефективно її використовувати, більшість ваших аргументів припадає на голову.
Хоча його часто використовують люди з мінімальним досвідом - і в цьому немає нічого поганого - його також використовують люди з великим досвідом.
Принаймні, це неоціненний інструмент прототипування. У кращому випадку це повністю настроюється. Ви можете вибирати, змінювати, додавати до - ось чому його називають "рамкою".
Я ефективно його використовую в деяких моїх проектах вже більше двох років - це так само худорляво, як ви хочете. Я використовував лише форму форми, лише сітки, всю базу коду та підганяв її під мої потреби. Багато в чому це «покращило» мою гру, залучаючи мене до подальшої обробки, використовуючи змінні, відточуючи спосіб структуризації проектів.
Так, є деякі проблеми. pxдля розмірів шрифту та використання Менше два. Однак, оскільки це повністю відкритий код, ви можете знайти варіанти, як легко виправити обидва.
Я досліджував Фонд і мені сподобалося побачене, але я в жалюгідному становищі, коли мені потрібно підтримувати IE8, як багато дияволів. Фонд відмовився від підтримки IE8, зробивши це для мене "не йти". Незважаючи на це, я не про те, щоб закрити всю структуру, найбільш конкретно то , що це безкоштовно використовувати і безкоштовно , щоб модифікують виключно на основі декількох питань!
Хек, в одному проекті я підняв частини Foundation та частини Bootstrap і додав власний спеціальний код - ось краса відкритого коду.
Якщо ви все ще віддаєте перевагу Bootstrap з підтримкою em та rem, можете поглянути на це - https://github.com/ivayloc/twbs-rem-em не потрібно робити жодних обчислень для перетворення пікселів у rem або em одиниці, є побудувати в @mixinsпротягом цього - @include rem(property, values)- також запасний варіант для рх і ем Convertion ви можете використовувати em(value).
Хоча я широко використовую Bootstrap, є декілька областей, де доступність забирає задню панель. Я думаю, що неминучі компроміси з платформою, яка використовується так широко.
Я повністю розумію, чому вони вирішили зберегти пікселі для розміру шрифту. Питання про спадщину з em's для шрифтів рамки - це загальний кошмар.
rems - це альтернативний варіант, але підтримка браузера все ще є проблематичною.
Ви можете створити свій власний ремікс-міксин і замінити кожен менший рядок, який використовує змінну розміру базового шрифту.
Ось така краса завантажувальної стрічки - і такі рамки, як це - це міцна основа для роботи.
Так, я згадав, що є елементи twitter bootstrap, які не так доступні - один невеликий приклад використання "display: none" замість використання кліпу. Я майже чорт упевнений, що для цього є поважна причина - і знову ж таки, ви можете дуже легко змінити це, якщо хочете.
Bootstrap не є бездоганним, але тоді, я сумніваюся, колись він мав бути остаточною відповіддю на всі ваші вимоги. Це основа - «завантажувальна програма» - вивчіть її та використовуйте належним чином, додайте до неї, змішайте все - принаймні, це приголомшлива рамка для прототипу або для створення швидкого сайту. У подальшому, всередині цього є справді міцна основа, яка може бути застосована до будь-якого веб-сайту.