html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

51 ресурс для работы с веб-типографикой

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

В подборка вошли наиболее популярные и самые полезные из них.

Web Typography Quiz

bwt-quiz

Проверьте свои знания типографики с помощью специального теста.

Font Memory Game

bwt-fmg

Распознавание различных стилей шрифтов – одна из самых сложных частей типографики. Эта игра поможет вам натренировать глаза, чтобы замечать мельчайшие детали.

bwt-triangle

Обучающая игра, которая учит игроков, как формировать типографически совершенные абзацы.

Lesson Example

Бесплатный курс веб-типографики для веб-дизайнеров и веб-разработчиков.

unnamed

Расширение для браузера, которое анализирует типографику на вашем сайте и помогает ее улучшить.

unnamed (1)

Еще одно расширение, которое измеряет длину строк прямо на странице.

unnamed (2)

А это расширение не только измеряет длину строки, но и помогает оптимизировать ее между 45 и 75 знаками.

Без названия

Краткое справочное руководство по наилучшей практике веб-типографики.

20130204-kern3

Тренируйте свои глаза, чтобы стать профессионалом в кернинге с этой веселой игрой.

687474703a2f2f64657a6f6e696b2e636f6d2f7479706f67726170682f696d672f70726f6d6f322e676966

Это плагин для Sketch, который помогает улучшить типографику.

1_W-EqHXt7vZuqSu9UnjalZA

Плагин для Sketch, который решит проблему с отсутствующими шрифтами.

Working

Установите шрифты с сайтов из библиотеки одним щелчком мыши. Шрифты устанавливаются из облака на компьютер за считанные секунды.

fontbase-app

Это бесплатный, красиво созданный менеджер шрифтов.

DQ3giBlVAAAKKw1

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

editing_a_font_with_birdfont

Это бесплатный редактор шрифтов, который позволяет создавать векторную графику и экспортировать шрифты TTF, EOT и SVG.

hero

Это бесплатный редактор шрифтов с открытым кодом.

header--bg--facebok-web

Это красивая библиотека шрифтов, готовая к использованию с мощным приложением для организации и обмена шрифтами.

fs-glossary-1024x359

Английский словарь общей типографский терминологии.

6d97eb8377e9c39a40a9c6e3b8a5b117

Анимированные шпаргалки по типографике.

typography-119

Узнайте больше об анатомии шрифтов.

unnamed (3)

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

19950-typography-193

Это удобный и бесплатный ресурс, который веб-дизайнеры и шрифтовые дизайнеры могут использовать, чтобы увидеть, как шрифты будут выглядеть в интернете.

oldstyle

Обзор классификаций шрифтов.

unnamed
Самый простой способ определить шрифт на сайте.

whatfontapp-02

Самый простой способ определить шрифт на сайте с помощью iPhone.

unnamed (4)

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

unnamed (1)

Панель инструментов, позволяющая настраивать и предварительно просматривать шрифты Typekit.

unnamed (2)

Это расширение поможет Вам проверить веб-шрифты на активной вкладке chrome с помощью typewonder.com.

unnamed (3)

Расширение, которое позволяет выбрать шрифт из каталога шрифтов Google с несколькими параметрами стиля текста и просмотреть их на текущей вкладке.

a41c3b88c59fb757d4825db3b5c338a4

 

Попробуйте шрифты бесплатно или арендуйте их.

fss-ct2

Бесплатная книга на английском по сочетанию шрифтов.

genesis-premium-wordpress-theme-t8x5-o

Бесплатные вдохновляющие комбинации веб-шрифтов с цветовыми палитрами и готовым к использованию HTML / CSS кодом.

1__pJoVieTz3pAZ5B_9_Mgdg

Краткое базовое руководство по сочетанию шрифтов.

8d897b64f4f581ed789be3d42dff5305

Найдите комбинацию шрифтов для вашего дизайна.

2557-original

Найдите вдохновение для комбинирования шрифтов.

8b9378d14e8a027e3f7dca69780d5a42

Подборка лучших шрифтов из библиотеки Google Fonts.

font-playground-twitter-1200-675

Поиграйте с вариативные шрифтами.

DaiFz_rVMAMmj8B

Простой ресурс для поиска и тестирования вариативных шрифтов.

using-variable-fonts-4

Руководство по использованию вариативных шрифтов на сайте.

Screenshot_1

Список всех функций OpenType с примерами.

example-1

Добавляет возможности OpenType (лигатуры, кернинг и многое другое) для нормализации в CSS.

before-typeset

Типографский пре-процессор для вашего html, который использует нулевой JavaScript на стороне клиента и дает вам расширенные типографские возможности.

kern

Руководство от Adobe про индивидуальные возможности OpenType и как их использовать в CSS.

screenshot-nowodzinski.pl-2018.05.06-19-34-44

Это инструмент WYSIWYG для установки вертикального ритма на веб-сайтах.

Screenshot_2

Создавайте красивую веб-типографику прямо в браузере.

 

gridlover.net

Установите типографскую систему с модульной шкалой и вертикальным ритмом.

 

gutenberg

Полноценный стартовый набор веб-типографики.

pattern-1

Модульный калькулятор масштаба, встроенный в ваш Sass.

image

Этот Sketch-плагин генерирует типографскую шкалу из выбранных текстовых слоев.

perfecter

Основывайте ваши дизайны в Sketch на модульных масштабах с помощью этого плагина.

twitter-share

Этот калькулятор поможет сгенерировать пропорциональные цифры на основе ваших данных для типографики.

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с infogra.ru

10

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • infogra
          • css
          • шрифт
          • фотогалерея
          • подборка
          • домен infogra.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции