#типографика — Public Fediverse posts

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше

Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:

// ==UserScript==
// @name         Smart Hyphenation by ChatGPT
// @namespace    local
// @version      1.0
// @description  Adds sane hyphenation to text content
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
    'use strict';

    const style = document.createElement('style');

    style.textContent = `
        /* Основной текст */
        p,
        li,
        blockquote,
        article,
        section,
        div {
            hyphens: auto !important;
            -webkit-hyphens: auto !important;
            overflow-wrap: break-word;
        }

        /* Не ломаем заголовки */
        h1, h2, h3, h4, h5, h6 {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Не трогаем интерфейс */
        button,
        input,
        textarea,
        select,
        nav,
        menu,
        .menu,
        .button,
        .btn {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }

        /* Код и pre никогда не переносим */
        code,
        pre,
        kbd,
        samp {
            hyphens: none !important;
            -webkit-hyphens: none !important;
            overflow-wrap: normal !important;
            word-break: normal !important;
        }

        /* Таблицы часто ломаются */
        table,
        th,
        td {
            hyphens: manual !important;
            -webkit-hyphens: manual !important;
        }
    `;

    document.documentElement.appendChild(style);
})();

Пользовайтесь 😉

5 старых шрифтов и история их создания

Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.

https://habr.com/ru/companies/onlinepatent/articles/1015170/

#шрифты #шрифты_для_сайта #helvetica #times_new_roman #типографика #типографика_и_верстка #дизайн #дизайнеры

5 старых шрифтов и история их создания

Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.

https://habr.com/ru/companies/onlinepatent/articles/1015170/

#шрифты #шрифты_для_сайта #helvetica #times_new_roman #типографика #типографика_и_верстка #дизайн #дизайнеры

5 старых шрифтов и история их создания

Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.

https://habr.com/ru/companies/onlinepatent/articles/1015170/

#шрифты #шрифты_для_сайта #helvetica #times_new_roman #типографика #типографика_и_верстка #дизайн #дизайнеры

5 старых шрифтов и история их создания

Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.

https://habr.com/ru/companies/onlinepatent/articles/1015170/

#шрифты #шрифты_для_сайта #helvetica #times_new_roman #типографика #типографика_и_верстка #дизайн #дизайнеры

Как выбрать шрифты для веба: разговор с дизайнером шрифтов

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

https://habr.com/ru/companies/beget/articles/974918/

#типографика #шрифт #шрифтовые_семейства #сочетание_шрифтов #выбор_шрифта #интервью #вебдизайн #вебразработа #интерфейс #хинтинг

Плагины и лайфхаки для работы с текстом в Figma

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

https://habr.com/ru/companies/tochka/articles/864908/

#плагины_Figma #текст_в_Figma #массовое_редактирование #типографика #генерация_текста_AI #figma #фигма #работа_с_текстом #проверка_орфографии

DSL KeyPad — ввод более 4 700 символов Юникода прямо с клавиатуры

Зачем? — У меня и самой был запрос на такую программу. Программу с кучей «нестандартных» символов. Существующие решения не отвечали моим потребностям и тогда я решила создать своё, подходящее под мои хотелки: многоязычный ввод, ввод типографских, математических и даже алхимических символов. И теперь я надеюсь, что сие «изобретение» окажется полезным не только для меня. Такой инструмент необходим мне для разработки вселенной — построение канона культур, писательство (именно работа над книгой стала триггером для начала разработки) и работа с языками. Создавать новые языки на основе существующих систем ныне будет проще — все нужные символы как на ладони. В статье представлен обзор на DSL KeyPad и его основные фичи, благодаря которым вы сможете печатать с внушительным арсеналом символов, имея всего-то две языковые раскладки: русскую и английскую. Румынский? Немецкий? Или может быть Вьетнамский? Старославянский? Да легко — множество комбинаций и ряд фич позволит вам писать на куче языков. Да хоть Германские руны и Глаголицу печатать. Прилагаются и широкие возможности кастомизации под свои нужды. А это примеры названий языков и систем, написанные с помощью моей программы: Қазақ тілі, Хуэйзў йүян, Забони тоҷикӣ, Йағнобӣ зивок, Аԥсуа бызшәа, Авар мацӏ, Українська мова, Словѣньскъ ѩꙁꙑкъ, Црногорски језик, Ли́мба Рꙋмѫнѣскъ, Итәнмәӈин крвэԓхатас, Даһур Усүүэ, Эвэды̄ турэ̄н, Азәрбајҹанҹа, Башҡорт теле, Тэлэңгэт, Чӑваш чӗлхи… Ænglisċ sprǣċe, Français, Tiếng Việt, Hànyǔ Pīnyīn, Norrœnt mál, Limba Română, Español, Język polski, Čeština, Bokmål, Tamaziɣt, Türkçe, Sää’mǩiõll…

https://habr.com/ru/articles/932600/

#типографика #autohotkey #раскладка_клавиатуры #unicode #юникод #языки #клавиатура #набор_текста #qwerty #йцукен

hypetype — как легко печатать любые символы напрямую с клавиатуры. От тире и «кавычек» — до знака ₽ и даже эмодзи

Вы читаете приквел, к моему предыдущему лонгриду на VC «Как за 5 недель я написал свою программу вообще без опыта программирования» . Говорят, зашло нормально. Но в лучших традициях жанра — читать можно в любом порядке. В этом сюжете я отвечу на все «почему» от аудитории — почему программа нужна почти всем, почему считаю, что прямых аналогов нет и почему это не очередной «велосипед», который будет стоять в гараже истории. Расскажу про фишки, которые родились не ради фишек, а через призму боли длиною в 15 лет и почему Илья Бирман ни в чём не виноват.

https://habr.com/ru/articles/891538/

#типографика #ввод_символов #значки #эмодзи #autohotkey

#типографика #цитатник

Посмотри его последние комментарии в профиле. Он реально длинным тире пользуется. Страшный человек.

Логотипы для Microsoft, Citi и Tiffany: кто такая Пола Шер и как создавались ее знаменитые работы

Стиль Полы Шер невозможно спутать ни с чьим другим: экспрессивная типографика, смелые цветовые плоскости, синтез высокого искусства и городской культуры. Став первой женщиной-партнером в истории Pentagram, она не просто вошла в «пантеон славы» дизайна, но и переписала его правила. О ее жизни и работах — в нашем материале.

https://habr.com/ru/companies/onlinepatent/articles/973508/

#дизайн #дизайнеры #дизайн_логотипов #логотипы #windows_8 #графика #шрифты #типографика

Как «токены» типографики использовались в дореволюционной России

Сейчас большинство дизайн-систем используют условные наименований стилей шрифтов — display, headline, title, body или H1, H2, H3 и т.д. Аналогичным образом словолитни и типографии дореволюционной России систематизировали свои шрифты, до появления дизайн-систем и интернета.

https://habr.com/ru/articles/873116/

#токены #токены_типографики #дизайн_токены #дизайнсистемы #типографика #типографика_и_верстка #словолитни #набор_текста

Логотипы для Microsoft, Citi и Tiffany: кто такая Пола Шер и как создавались ее знаменитые работы

Стиль Полы Шер невозможно спутать ни с чьим другим: экспрессивная типографика, смелые цветовые плоскости, синтез высокого искусства и городской культуры. Став первой женщиной-партнером в истории Pentagram, она не просто вошла в «пантеон славы» дизайна, но и переписала его правила. О ее жизни и работах — в нашем материале.

https://habr.com/ru/companies/onlinepatent/articles/973508/

#дизайн #дизайнеры #дизайн_логотипов #логотипы #windows_8 #графика #шрифты #типографика

Логотипы для Microsoft, Citi и Tiffany: кто такая Пола Шер и как создавались ее знаменитые работы

Стиль Полы Шер невозможно спутать ни с чьим другим: экспрессивная типографика, смелые цветовые плоскости, синтез высокого искусства и городской культуры. Став первой женщиной-партнером в истории Pentagram, она не просто вошла в «пантеон славы» дизайна, но и переписала его правила. О ее жизни и работах — в нашем материале.

https://habr.com/ru/companies/onlinepatent/articles/973508/

#дизайн #дизайнеры #дизайн_логотипов #логотипы #windows_8 #графика #шрифты #типографика

Логотипы для Microsoft, Citi и Tiffany: кто такая Пола Шер и как создавались ее знаменитые работы

Стиль Полы Шер невозможно спутать ни с чьим другим: экспрессивная типографика, смелые цветовые плоскости, синтез высокого искусства и городской культуры. Став первой женщиной-партнером в истории Pentagram, она не просто вошла в «пантеон славы» дизайна, но и переписала его правила. О ее жизни и работах — в нашем материале.

https://habr.com/ru/companies/onlinepatent/articles/973508/

#дизайн #дизайнеры #дизайн_логотипов #логотипы #windows_8 #графика #шрифты #типографика

[Перевод] Google Veo 3: как оживить картинку или фото со звуком

Спустя пару месяцев после релиза, в самом конце июля, разработчики Google Veo 3 добавили ту самую кнопочку Загрузить изображение . Я обожал эту фишку в Veo 2, но в третьей версии нейросеть просто взлетела по качеству. В общем, в этой статье — полный разбор, как оживить со звуком всё что угодно: от вашего кота до стрит‑арта Бэнкси.

https://habr.com/ru/companies/bothub/articles/943284/

#google #veo_3 #генерация_видео #типографика #написание_промптов

Внутри игольного ушка

Не так давно на запланированном звонке в зуме в присутствии команды коммуникационного дизайна 2ГИС, а также арт-директора, тимлида и любопытствующей публики прошла защита проектов на курсе «Основы шрифта». Дизайнеры показали шрифты, которые они проектировали в течение трёх месяцев и рассказали, как ими можно пользоваться. Читать статью

https://habr.com/ru/companies/2gis/articles/970006/

#дизайн #шрифты #типографика #2гис #education #команда

Как я портировал свою программу с Windows на macOS за один промт в Claude Code, ну почти…

По вечерам я тренирую баскетбольную команду, утром — преподаю черчение, а днём делаю вид что успешный дизайнер на фрилансе. Год назад я сделал свою первую в жизни программу для вставки любых символов напрямую с клавиатуры, но только для Windows. Сегодня рассказываю как я писал hypetype для macOS, сколько потратил часов, нервов и денег в сравнении с Windows версией, чему научился и какие выводы сделал. Читать сиквел →

https://habr.com/ru/articles/1007536/

#hypetype #ввод_символов #типографика #клавиатуры #вайбкодинг #дизайнерам #редакторам #инженерам

5 очень простых правил типографики, которые сделают ваше письмо, статью и любой другой текст солиднее

С одной стороны, содержание важнее формы, с другой — небрежное оформление как бы намекает: текст накидали на скорую руку. Чтобы внешний вид не обесценил самые убедительные аргументы, не стоит пренебрегать базовыми правилами типографики. В статье рассказываем о них так, чтобы было достаточно увидеть один раз и запомнить на всю жизнь.

https://habr.com/ru/articles/847970/

#типографика #копирайтинг #тексты #правила_верстки #простые_правила

Инструменты Figma: как работать с типографикой, цветами и компонентами правильно

Правильные названия проектов, типографская раскладка, работа с компонентами и цветовыми стилями — все это должен уметь делать дизайнер в Figma. Сегодня про БАЗУ Figma, разберу самые важные моменты, которые помогут вам освоить эту программу и делать свой дизайн лучше.

https://habr.com/ru/articles/853246/

#дизайн #figma #типографика #компоненты

Строкам грустно в одиночестве. Мои простые правила оформления списков

Недавно я в очередной раз прочитал на Хабре, что списки — это один из признаков текста, созданного нейросетью. Значит меня можно считать «нейросетью» устаревшей модели, выпущенной ещё в 70-х годах XX века. Я начал составлять списки в детстве, почти сразу, как только научился писать. Я очень люблю списки: они позволяют легко и в то же время наглядно структурировать информацию. По эффективности списки находятся где-то между обычным текстом, в котором объекты перечисляются в строке через запятую, и таблицей, которая по сути является двухмерным списком. Взгляд читателя легко скользит по номерам или маркерам списка. Можно быстро оценить количество строк, понять их последовательность и структуру, перейти к нужной строке. В этой статье я хочу поделиться с вами своими правилам оформления списков.

https://habr.com/ru/articles/860984/

#списки #пунктуация #типографика #руководство_по_стилю #оформление_текста #простые_правила #текст #нумерация #советы #оформление_списков

Какой формат даты выбрать: практическое руководство для UX/UI дизайнеров

Дата — это всего три числа, но даже такой маленький элемент интерфейса может серьезно повлиять на пользовательский опыт. Подробнее

https://habr.com/ru/articles/893282/

#ux #ui #product #product_design #типографика #типографические_традиции

Тире минус дефис. Или размер имеет значение

В одной из недавних статей на Хабре мы обсуждали использование кавычек в русскоязычных и английских текстах. В той статье я обещался пройтись по правилам использования дефисов и тире, собственно, выполняю обещание. Также из этой статьи вы узнаете о «самом дорогом дефисе в истории» и о том, как он связан с космическими полётами.

https://habr.com/ru/articles/870856/

#Дефис #тире #макрон #минус #типографика #правописание #спецсимволы

Мои простые правила хорошего текста: личное руководство по стилю

Известно, что инструкция — это документ, который обычно читают в двух случаях: когда нечего читать или когда уже всё сломано . Сегодня я хочу рассказать вам про инструкцию, которую читают в третьем случае: когда нужно что-нибудь написать. Это — руководство по стилю.

https://habr.com/ru/articles/853832/

#руководство_по_стилю #типографика #текст

[Перевод] Slug — GPU‑рендеринг шрифтов из кривых Безье лицензирован MIT

Это означает, что любой человек может свободно реализовывать алгоритм Slug для любых целей без лицензии, и не нужно беспокоиться о нарушении каких‑либо прав интеллектуальной собственности. Для всех юридических экспертов, читающих это: моя компания подала форму SB/43 в USPTO и оплатила пошлину за отказ от конечной части срока действия патента № 10 373 352, действующий с 17 марта 2026 года.

https://habr.com/ru/articles/1011786/

#типографика #GPU #интерфейсы #шрифты #графика #графика_игр #глифы

[Перевод] Slug — GPU‑рендеринг шрифтов из кривых Безье лицензирован MIT

Это означает, что любой человек может свободно реализовывать алгоритм Slug для любых целей без лицензии, и не нужно беспокоиться о нарушении каких‑либо прав интеллектуальной собственности. Для всех юридических экспертов, читающих это: моя компания подала форму SB/43 в USPTO и оплатила пошлину за отказ от конечной части срока действия патента № 10 373 352, действующий с 17 марта 2026 года.

https://habr.com/ru/articles/1011786/

#типографика #GPU #интерфейсы #шрифты #графика #графика_игр #глифы

[Перевод] Slug — GPU‑рендеринг шрифтов из кривых Безье лицензирован MIT

Это означает, что любой человек может свободно реализовывать алгоритм Slug для любых целей без лицензии, и не нужно беспокоиться о нарушении каких‑либо прав интеллектуальной собственности. Для всех юридических экспертов, читающих это: моя компания подала форму SB/43 в USPTO и оплатила пошлину за отказ от конечной части срока действия патента № 10 373 352, действующий с 17 марта 2026 года.

https://habr.com/ru/articles/1011786/

#типографика #GPU #интерфейсы #шрифты #графика #графика_игр #глифы

[Перевод] Slug — GPU‑рендеринг шрифтов из кривых Безье лицензирован MIT

Это означает, что любой человек может свободно реализовывать алгоритм Slug для любых целей без лицензии, и не нужно беспокоиться о нарушении каких‑либо прав интеллектуальной собственности. Для всех юридических экспертов, читающих это: моя компания подала форму SB/43 в USPTO и оплатила пошлину за отказ от конечной части срока действия патента № 10 373 352, действующий с 17 марта 2026 года.

https://habr.com/ru/articles/1011786/

#типографика #GPU #интерфейсы #шрифты #графика #графика_игр #глифы

Внутри игольного ушка

Не так давно на запланированном звонке в зуме в присутствии команды коммуникационного дизайна 2ГИС, а также арт-директора, тимлида и любопытствующей публики прошла защита проектов на курсе «Основы шрифта». Дизайнеры показали шрифты, которые они проектировали в течение трёх месяцев и рассказали, как ими можно пользоваться. Читать статью

https://habr.com/ru/companies/2gis/articles/970006/

#дизайн #шрифты #типографика #2гис #education #команда

Внутри игольного ушка

Не так давно на запланированном звонке в зуме в присутствии команды коммуникационного дизайна 2ГИС, а также арт-директора, тимлида и любопытствующей публики прошла защита проектов на курсе «Основы шрифта». Дизайнеры показали шрифты, которые они проектировали в течение трёх месяцев и рассказали, как ими можно пользоваться. Читать статью

https://habr.com/ru/companies/2gis/articles/970006/

#дизайн #шрифты #типографика #2гис #education #команда

Внутри игольного ушка

Не так давно на запланированном звонке в зуме в присутствии команды коммуникационного дизайна 2ГИС, а также арт-директора, тимлида и любопытствующей публики прошла защита проектов на курсе «Основы шрифта». Дизайнеры показали шрифты, которые они проектировали в течение трёх месяцев и рассказали, как ими можно пользоваться. Читать статью

https://habr.com/ru/companies/2gis/articles/970006/

#дизайн #шрифты #типографика #2гис #education #команда

Кавычки «ёлочки» или „лапки“, какие кавычки использовать в русских и англоязычных текстах?

Хороший способ улучшить коммуникацию продукта — использовать спецсимволы по назначению. В русской типографике существует правило использования кавычек в зависимости от контекста.

https://habr.com/ru/articles/865866/

#Кавычки #кавычкиелочки #кавычкилапки #типографика #правописание

Почему одни шрифты читаются быстрее других и почему Comic Sans ненавидят

Вы когда-нибудь замечали, что одни тексты «проглатываете» за минуты, а другие читаете словно через силу или просто кидаете в закладки и забываете, даже если тема интересна? Дело не только в содержании — иногда главную роль играет шрифт. Одни буквы мозг расшифровывает мгновенно, а на других спотыкается и тормозит. Давайте разберемся, какие шрифты ускоряют усвоение информации, а какие годятся только для художественных заголовков — и как это используют в UX, издательском деле и digital-рекламе. Спойлер: Comic Sans не просто так всех раздражает. Так что, если вы до сих пор тыкаете в Fonts Google наугад — готовьтесь к легаси-проблемам с юзабилити. Детали под катом.

https://habr.com/ru/companies/selectel/articles/900630/

#selectel #типографика #шрифты #читабельность #дизайн #ux #ui #интерфейсы #вебдизайн

Как я портировал свою программу с Windows на macOS за один промт в Claude Code, ну почти…

По вечерам я тренирую баскетбольную команду, утром — преподаю черчение, а днём делаю вид что успешный дизайнер на фрилансе. Год назад я сделал свою первую в жизни программу для вставки любых символов напрямую с клавиатуры, но только для Windows. Сегодня рассказываю как я писал hypetype для macOS, сколько потратил часов, нервов и денег в сравнении с Windows версией, чему научился и какие выводы сделал. Читать сиквел →

https://habr.com/ru/articles/1007536/

#hypetype #ввод_символов #типографика #клавиатуры #вайбкодинг #дизайнерам #редакторам #инженерам

Как я портировал свою программу с Windows на macOS за один промт в Claude Code, ну почти…

По вечерам я тренирую баскетбольную команду, утром — преподаю черчение, а днём делаю вид что успешный дизайнер на фрилансе. Год назад я сделал свою первую в жизни программу для вставки любых символов напрямую с клавиатуры, но только для Windows. Сегодня рассказываю как я писал hypetype для macOS, сколько потратил часов, нервов и денег в сравнении с Windows версией, чему научился и какие выводы сделал. Читать сиквел →

https://habr.com/ru/articles/1007536/

#hypetype #ввод_символов #типографика #клавиатуры #вайбкодинг #дизайнерам #редакторам #инженерам

Тире минус дефис. Или размер имеет значение

В одной из недавних статей на Хабре мы обсуждали использование кавычек в русскоязычных и английских текстах. В той статье я обещался пройтись по правилам использования дефисов и тире, собственно, выполняю обещание. Также из этой статьи вы узнаете о «самом дорогом дефисе в истории» и о том, как он связан с космическими полётами.

https://habr.com/ru/articles/870856/

#Дефис #тире #макрон #минус #типографика #правописание #спецсимволы

Тире минус дефис. Или размер имеет значение

В одной из недавних статей на Хабре мы обсуждали использование кавычек в русскоязычных и английских текстах. В той статье я обещался пройтись по правилам использования дефисов и тире, собственно, выполняю обещание. Также из этой статьи вы узнаете о «самом дорогом дефисе в истории» и о том, как он связан с космическими полётами.

https://habr.com/ru/articles/870856/

#Дефис #тире #макрон #минус #типографика #правописание #спецсимволы

Тире минус дефис. Или размер имеет значение

В одной из недавних статей на Хабре мы обсуждали использование кавычек в русскоязычных и английских текстах. В той статье я обещался пройтись по правилам использования дефисов и тире, собственно, выполняю обещание. Также из этой статьи вы узнаете о «самом дорогом дефисе в истории» и о том, как он связан с космическими полётами.

https://habr.com/ru/articles/870856/

#Дефис #тире #макрон #минус #типографика #правописание #спецсимволы

Типографика в дизайне: как текст может сделать ваш сайт эффективным

Текст — это не просто набор букв. Это мощный инструмент, который влияет на восприятие дизайна, удобство чтения и даже доверие пользователей. Хотите, чтобы ваш сайт или печатные материалы выглядели профессионально? Тогда давайте разберём основы типографики простыми словами. В данной статье разберем: - Важность подбора правильного шрифта - Как выбрать шрифты? - Где искать шрифты? - Размер и расстояние – основа удобства - Контраст и цвет текста - Ошибки, которые портят типографику и как их избежать

https://habr.com/ru/articles/926418/

#вебдизайн #дизайн #типографика

Как переносить «висячие» слова на следующую строку с помощью JavaScript

Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.

https://habr.com/ru/articles/920158/

#Висячие_слова #перенос_предлогов #javascript #js #css #типографика

#типографика #kb
#СЯУ, что в англоязычной типографике † (dagger, obelisk, obelus) используют не как обозначение даты смерти, а как обычную сноску. В основном, правда, в старых книгах, научных, исторических изданиях, библиографиях и всяком там шекспироведении. В США, например, в юридических и академических текстах, в финансовых документах или каталогах, чтобы не вносить путаницу цифрами и астериксами, которые могут что-то еще обозначать.

† В HTML — † (U+2020), если нужна еще вторая сноска — то ‡ (U+2021) или ‡ ‡.

А педивикия говорит, что это для второй и третьей сносок соответственно, потому что первая обозначается астериксом (есть версия, что наоборот):

Кинжал, также известный как обелиск или обелус, — это типографский знак, обозначаемый символом †. Обычно он указывает на сноски в текстах, особенно когда уже использована звездочка. Двойной кинжал (‡) служит маркером для третьей сноски, а тройной кинжал (⹋) используется в средневековых исследованиях для дополнительной нотации. Происхождение кинжала восходит к обелусу — знаку, использовавшемуся в древних рукописях для обозначения критических или сомнительных мест в тексте. Исторически его применяли ученые, такие как Зенодот и Аристофан, чтобы отмечать сомнительные отрывки в литературных произведениях.

В современном использовании кинжал символизирует смерть или вымирание, особенно в биологических контекстах, и часто называется «кинжалом смерти», когда стоит рядом с именем человека. Его применение распространяется на генеалогию, шахматную нотацию и различные области, такие как лингвистика и филология, где он указывает на устаревшие формы или вымершие языки. Кинжал также иногда используется в математике для обозначения эрмитова сопряженного оператора. Хотя он распространен в английских текстах, в других языках его использование часто избегают из-за сходства с христианским крестом.

Summary #generated by #kagi

Еще пишут про то, что «символ креста служит для указания сомнительного или ошибочного содержания в текстах и имеет корни в древних практиках редактирования рукописей, известных как обелизм, которые включали пометки спорных мест» и «в некоторых коммерческих контекстах, особенно в Германии и Скандинавии, вариация обелуса (вот такая, может не отобразиться: ⁒) указывает на вложения в письмах. Обелус также имеет различные применения в математике, включая обозначение вычитания в некоторых регионах и указание диапазонов в инженерии». И вообще, ⁒ (не путаем с %) — называется Commercial minus sign (U+2052) и в Германии и Скандинавии обозначает именно то, что следует из названия: минус в финансовых документах.

Плагины и лайфхаки для работы с текстом в Figma

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

https://habr.com/ru/companies/tochka/articles/864908/

#плагины_Figma #текст_в_Figma #массовое_редактирование #типографика #генерация_текста_AI #figma #фигма #работа_с_текстом #проверка_орфографии

Плагины и лайфхаки для работы с текстом в Figma

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

https://habr.com/ru/companies/tochka/articles/864908/

#плагины_Figma #текст_в_Figma #массовое_редактирование #типографика #генерация_текста_AI #figma #фигма #работа_с_текстом #проверка_орфографии

Плагины и лайфхаки для работы с текстом в Figma

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

https://habr.com/ru/companies/tochka/articles/864908/

#плагины_Figma #текст_в_Figma #массовое_редактирование #типографика #генерация_текста_AI #figma #фигма #работа_с_текстом #проверка_орфографии

Как выбрать шрифты для веба: разговор с дизайнером шрифтов

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

https://habr.com/ru/companies/beget/articles/974918/

#типографика #шрифт #шрифтовые_семейства #сочетание_шрифтов #выбор_шрифта #интервью #вебдизайн #вебразработа #интерфейс #хинтинг

Как выбрать шрифты для веба: разговор с дизайнером шрифтов

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

https://habr.com/ru/companies/beget/articles/974918/

#типографика #шрифт #шрифтовые_семейства #сочетание_шрифтов #выбор_шрифта #интервью #вебдизайн #вебразработа #интерфейс #хинтинг

Как выбрать шрифты для веба: разговор с дизайнером шрифтов

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

https://habr.com/ru/companies/beget/articles/974918/

#типографика #шрифт #шрифтовые_семейства #сочетание_шрифтов #выбор_шрифта #интервью #вебдизайн #вебразработа #интерфейс #хинтинг