Milligram: Размеры заголовков необходимо скорректировать.

Созданный на 23 нояб. 2016  ·  18Комментарии  ·  Источник: milligram/milligram

Я начал использовать Milligram 1.2.0 в первую очередь для хорошей таблицы стилей для создания документации. По сравнению со многими фреймворками CSS, на бумаге он выглядит отлично.

Но заголовки! Честно говоря, я не могу отличить <h2> <h3> . Chrome сообщает мне, что <h2> получает 4.2rem и что <h3> получает 3.6rem , но вы не могли определить это, посмотрев на него.

Может ли Milligram переключиться на размер заголовка, который на самом деле выглядит постепенно меньше? Или, может быть, вы могли бы указать мне на CSS-фреймворк, который уже обеспечивает хороший стиль, ориентированный на документы. Спасибо

improvement question

Самый полезный комментарий

@nateberkopec Понятно . Я дам за это пиар. давай посмотрим, как они выглядят

Все 18 Комментарий

Должен сказать, я согласен. Заядлый пользователь фреймворка, но заголовки оставляют желать лучшего.

Привет @garretwilson @nateberkopec

Хороший выпуск, ребята! Я проведу небольшое тестирование, чтобы увидеть, как мы можем это улучшить. Есть ли у вас предложения по этому поводу?

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

@cjpatoilo Традиционный типографский масштаб здесь и здесь.

Думаю, основная проблема здесь в том, что для h1 и h2 не соблюдается масштаб - они должны быть больше.

Основываясь на этих ресурсах, вот предложение:

h1
    font-size: 6.0rem

h2
    font-size: 4.8rem

h3
    font-size: 3.6rem

h4
    font-size: 2.4rem

h5
    font-size: 2.1rem

h6
    font-size: 1.8rem

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

Может быть, поищите здесь идеи:

Если вам нужен большой размер шрифта (например, миллиграмма в 16 пикселей), h1, вероятно, будет довольно большим. Так работает типографика. У вас не может быть маленьких заголовков и большого основного текста, попытка втиснуть 5 разных размеров заголовков в слишком маленький диапазон означает, что вы не можете отличить заголовки друг от друга (как сейчас). Миллиграмму нужно либо уменьшить основной текст (я не сторонник этого), либо увеличить заголовки.

Вот еще один инструмент для работы с типографскими масштабами .

Если вас устраивает размер H6 того же размера, что и основной текст, вот альтернатива:

h1
    font-size: 4.8rem

h2
    font-size: 3.6rem

h3
    font-size: 2.4rem

h4
    font-size: 2.1rem

h5
    font-size: 1.8rem

h6
    font-size: 1.6rem

Если вас устраивает размер H6 того же размера, что и основной текст…

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

Размеры мобильных шрифтов также потребуют исправления - они слишком похожи, чтобы их можно было использовать. Я бы рекомендовал использовать ту же шкалу для мобильных устройств.

Планируется ли в ближайшее время перейти к новому выпуску?

Итак, я вижу, что это не вошло в v1.2.2. По какой причине? Мне нужно сделать запрос на перенос?

Привет, @garretwilson @nateberkopec Хорошая работа. Это очень много значит для меня ♥

Обсуждение открыто! Этот фреймворк является проектом с открытым исходным кодом, и каждый может внести свой вклад. Я надеюсь, что больше людей проявят такой же интерес и внесут свой вклад, как и вы. Я пройдусь по всему, о чем здесь говорилось, и поработаю над этим как можно скорее.

Привет, @garretwilson npm install расслабься!

Привет @garretwilson npm install

Не могли бы вы пояснить, что вы имеете в виду? Я скачал v1.2.2 с сайта, и вроде бы она не была включена. Вы хотите сказать, что "npm install" даст мне что-то более свежее, что еще не было выпущено? Это версия v1.2.3? Я как компьютер, меня легко сбить с толку, если ты не объяснишь мне это по буквам.

..и остынь!

Я просто проверял статус, потому что не понимал, было ли это запланировано, выпущено или что-то в этом роде. Я также пытался прояснить, что предлагал свою помощь, но я не был уверен, что кто-то уже сделал это. Сообщите мне, чем я могу помочь.

@nateberkopec - это не существующий h1 в 5.0rem (50 пикселей)? Вы предлагаете уменьшить его? до 4,8 бэр?

@sudheerDev Я не типограф, я просто знаю, что читаю в Интернете. Если вы прочитаете приведенные выше ссылки о типографских масштабах, вы поймете, почему это 4,8, а не 5 (в основном - интервал между размерами заголовков соответствует шаблону).

@nateberkopec Понятно . Я дам за это пиар. давай посмотрим, как они выглядят

@nateberkopec благодарит за пиар !. я был занят, поэтому я не мог толкнуть

@garretwilson @nateberkopec @sudheerDev Наконец, я смог запустить новую версию с этими вкладами. Я провел поиск размеров заголовков на основе основных структур и, наконец, пришел к более адекватной ситуации того, что было запрошено. Я надеюсь тебе понравится!

Теперь размеры заголовков имеют больше смысла, спасибо.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги