расширение | расшифровка | описание |
.acfm | Adobe Composite Font Metrics | Файл измерений шрифта Adobe Composite |
.amfm | Adobe Multiple Font Metrics | Файл измерений шрифта Adobe Multiple |
.afm | Adobe Font Metrics(шрифтовой файловый формат) | содержит информацию о метрике |
.bdf | Bitmap Distribution Format | Шрифт ASCII |
.ccf | Compact Font Format | также известный как Type 2 или CFF/Type 2, сжатый без потерь формат Type 1 |
.chr | Borland Character Set | Настройка символов шрифтов Borland |
.eot | Файл шрифта OpenType | |
. gdr | Symbian OS font | Файл шрифта Symbian OS |
.inf | Info (Информационный) | файл, содержащий дополнительную информацию для регистрации шрифта в некоторых программах. |
.pfa | PostScript Font File (шрифтовой файловый формат) | ASCII-файл шрифта принтера |
.pfb | Print Font Binary (шрифтовой файловый формат) | содержит информацию о контурах. Двоичный файл шрифта для печати |
.pfm | Print Font Metrics(шрифтовой файловый формат) | содержит информацию о метрике |
.pfr | Portable Font Resource | Файл ресурсов портативного шрифта |
.xfn | X/Open Federated Naming | Файл шрифта принтера Corel Ventura (Xerox Printer Font) |
. xft | X FreeType | Файл шрифта принтера ChiWriter |
.fnt | Standard Windows font file | обычный файл шрифтов Windows |
.fon | Fixed-Size Raster Font | растровый шрифт с фиксированным размером |
.otf | Open Type Font | файл шрифтов открытого типа |
.ttf | True Type Font | шрифт TrueType |
.ttc | True Type Colection | расширение формата TrueType, включающее таблицы, которые позволяют в одном шрифтовом файле (font file) держать несколько шрифтов TrueType. |
.abf | Adobe Binary Screen Font File | Двоичный файл шрифта Adobe |
.cha | Character Layout File | Файл макета символов шрифта |
. dfont | Data Fork Font | Файл шрифта Mac OS X |
.etx | Encoding TeX | Файл кодировки шрифта в TeX и LaTeX |
.euf | Файл шрифта Private Character Editor | |
.f3f | Файл шрифта Crazy Machines | |
.ffil | Файл набора шрифтов Mac OS X | |
.fot | Font Resource File | Файл ресурсов шрифта |
.gf | FGraphic File | Файл изображения шрифта METAFONT |
.glif | Glyph Interchange format | Файл символа шрифта в формате Glyph Interchange |
.gxf | Файл шрифта General CADD Pro | |
.lwfn | LuRaTech Wavelet Font | Файл шрифта Adobe PostScript на Macintosh |
. mf | METAFONT File | Файл шрифта для TeX и LaTeX |
.mxf | Maxis Font | Файл шрифта Maxis SimCity 4 |
.nftr | Nintendo DS Font Type File | Файл шрифта Nintendo DS |
.odttf | Obfuscated OpenType Font | Файл встроенного шрифта OpenType |
.pk | Package | Пакет сжатых шрифтов TeX |
.pmt | PageMaker Template | Шаблон PageMaker |
.sfd | Spline Font Database | Файл шрифта в формате Spline Font Database |
.suit | Macintosh Font Suitcase | Файл набора шрифтов Mac OS |
.t65 | Шаблон PageMaker | |
. tfm | TeX Font Metric File | Файл данных шрифта TeX |
.tte | TrueType | Файл данных шрифта Private Character Editor |
.txf | Tax Exchange Format | Файл шрифта Celestia |
.ufo | Ulead File Object | Файл данных шрифта в формате Unified Font Object |
.vfb | Файл шрифта FontLab Studio | |
.vlw | Файл шрифта Processing | |
.vnf | Файл шрифта Type3 | |
.woff | Web Open Font Format | Файл шрифта WOFF |
.woff2 | Web Open Font Format 2.0 | Файл веб-шрифта в формате Web Open Font Format 2.0 |
. xfn | XML Font | Файл шрифта принтера Corel Ventura |
.xft |
«X FreeType» library | Файл шрифта принтера ChiWriter |
.ytf | YTGen Method Data | Файл информации о шрифте Google Picasa |
.cfn | Calamus Font Data | Формат разработан invers Software. Windows OS |
.afn | ArtCAM Font | Формат разработан Delcam plc. |
.xnf | Extensible Numerical File Format Data | Lotus Note шаблон. |
.sfn | EasySIGN Font File | NCD Holding определил стандарт формата EasySIGN Font. |
.fnta | Font Aleph | Файл шрифта Aleph One. |
20 лучших расширений Google Chrome для веб-дизайнеров
0 ∞ 2Существует огромное количество бесплатных расширений для браузера Google Chrome, которые помогают сделать вашу жизнь проще. Вот 20 из лучших.
В этой статье мы представляем лучшие расширения Google Chrome для различных целей — но каждое призвано облегчить вам работу.
Firefox уже давно славится своей пользовательской настройкой и множеством расширений, но Google Chrome также приобрел в последние несколько лет большую популярность среди веб-дизайнеров и разработчиков. Одна из причин этого заключается в его быстродействии и встроенных инструментах для разработчиков.
Теперь же, с развитием коллекции расширений Chrome, которая расширяется каждый день, это становится причиной, по которой многие веб-разработчики и дизайнеры выбирают для себя именно этот браузер.
Хотите узнать об этом больше? Ознакомьтесь с нашим списком.
- iMacros для Chrome
- Font Playground
- What Font
- Yslow
- Web Developer
- Web Developer checklist
- DevTools Autosave
- Instant Wireframe
- Ripple Emulator
- Streak
- Search Stackoverflow
- PHP Ninja Manual
- PerfectPixel
- Code Cola
- Chrome Sniffer
- User Agent Switcher
- IE tab
- PicMonkey
- Chrome Daltonize
- Page ruler
Расширение iMacros для Chrome позволяет записывать действия и сохранять их.
Вам, как веб-разработчику может потребоваться проверять свои веб-страницы. Выполнение одних и тех же действий снова и снова может быть утомительным процессом. iMacros — это удобное расширение для Chrome, которое позволяет записывать ваши действия и сохранить их, от вас требуется только совершить действие один раз.
После этого вы можете проверять свои страницы снова и снова, повторяя действия одним нажатием кнопки. Это экономит ценное время и позволит вам сконцентрироваться на более важных вопросах.
Font Playground позволяет экспериментировать с локальными шрифтами на активных веб-страницах.
Каждый дизайнер и разработчик найдет для себя много полезного в этом расширении. Font Playground позволяет экспериментировать с локальными шрифтами и всеми библиотеками шрифтов Google на активных веб-страницах, при этом, не внося никаких изменений в сами страницы.
Достоинством этого расширения является то, что оно включает в себя все возможные размеры шрифта, стили и эффекты. Вы можете сначала визуализировать различные варианты шрифтов, прежде чем вносить реальные изменения в код.
Какой шрифт они используют? Расширение Chrome What Font может вам это показать!
Очень полезное расширение для Google Chrome, What Font позволяет разработчикам и дизайнерам определить, какие шрифты используются на веб-странице.
Так что, если вы наткнулись где-то в сети на шрифт, который выглядит просто фантастически, и хотите использовать его в одном из своих будущих проектов, просто наведите на него курсор, и вы мгновенно узнаете, что это за шрифт.
YSlow подскажет вам, что замедляет показ страницы.
С помощью этого инструмента не просто можно проверить, как быстро загружается веб-страница, он также покажет вам, замедляет ли что-либо загрузку если да, то, что именно.
YSlow проверяет веб-страницы по 23-ем из 34-ех правил определения производительности, разработанных командой Yahoo. Это чрезвычайно полезный инструмент для анализа веб-страниц, который также предлагает способы оптимизации их работы.
Расширение Chrome Web Developer предоставляет ряд полезных инструментов для девелоперов.
Если вы веб-девелопер, то можете спросить себя: как же вы обходились до сих пор без этого расширения. Оно добавляет кнопку на панели инструментов, через которую в Chrome осуществляется доступ ко множеству полезных инструментов для веб-девелоперов.
Это официальная версия расширения Web Developer, разработанного для Firefox.
В нем исправлены проблемы с быстродействием в этом удобном инструменте Chrome.
Этот инструмент позволяет проверить все: соответствуют ли ваши страницы SEO, юзабилити, а также их видимость и производительность (скорость загрузки страницы).
Так что, если, например, вы упустили тэг h2 или если у страницы отсутствует мета-заголовок или мета-описание, расширение Web Developer checklist уведомляет вас об этом.
Чтобы вы могли быстро решить данную проблему. Если вы нажмете ссылку «больше информации и помощь» в нижней части расширения, вы найдете более детальный перечень.
Автоматически сохраняет изменения в исходных файлах страницы(CSS и JS).
Настоящий клад для всех разработчиков, DevTools Autosave позволяет автоматически сохранять любые изменения, внесенные в CSS- и JS-исходные файлы страницы через среду Chrome Dev Tools. Расширение легко в настройке и использовании, оно сэкономит вам много времени.
Позволяет просматривать каркас веб-страниц.
Подключите каркасный просмотр любой веб-страницы всего одним кликом мыши. Это расширение для Google Chrome помогает веб-разработчикам и дизайнерам просматривать веб-страницы, будь то локальные или опубликованные в Интернете, с наложением каркаса.
Ripple Emulator помогает проводить отладку веб-страниц, DOM-инспектирование и автоматическое тестирование.
Ripple Emulator мульти платформенный эмулятор мобильной среды, который поможет вам протестировать работу вашего веб-приложения на различных устройствах и разрешениях экранов.
Расширение Ripple Emulator может быть использовано в сочетании с существующими средствами разработки для отладки, DOM-инспектирования и автоматического тестирования.
Отслеживание диалогов по электронной почте в одном тикете, назначение задач.
Streak является основным инструментом CRM и поддержки электронной почты Gmail.
Расширение позволяет объединить все ваши ящики электронной почты в одном или организовать отслеживание обмена сообщениями в одном тикете, назначать задачи, чтобы вы могли управлять процессом общения с вашими контрагентами лично или предоставить доступ для этого другим лицам.
Получите быстрые ответы на ваши вопросы с помощью этого обязательного к использованию расширения.
Если вы веб-разработчик, то должны были слышать о Stack Overflow, месте, куда обращаются многие разработчики с разными вопросами, связанными с развитием веб-проектов. Если нет, то вам обязательно нужно познакомиться с ним. Это действительно развитое сообщество, которое охватывает широкий круг вопросов: от C # и Java до PHP и JQuery.
Это фантастическое расширение добавляет окно поиска прямо в ваш браузер и позволяет вам использовать огромные ресурсы Stack Overflow. Обязательное для использования расширение!
Вся документация по PHP 5.5, в вашем браузере.
Это действительно трудно запомнить каждую функцию, поэтому, если вы в свое время потратили много часов на поиск конкретных PHP функций через Google, это расширение обязательно привлечет ваше внимание. PHP Ninja Manual предоставляет
Вам всю документации по PHP 5.5 с конкретными примерами на восьми языках в вашем браузере.
Это расширение поможет вам обеспечить соответствие каждого пикселя вашего сайта дизайну.
Дизайнеры ненавидят ситуации, когда они создают потрясающий дизайн, но в результате после его перевода в код, что-то не совпадает с первоначальным дизайном. Процессор Perfect Pixel действительно идеальное расширение для веб-разработчиков, которые стремятся создавать сайты, точно соответствующие дизайну.
Это простое в использовании расширение позволяет поместить поверх веб-страницы полупрозрачное наложение изображения и выполнить проверку на совпадение каждого пикселя, чтобы убедиться, что соответствие 100-процентное.
Позволяет редактировать CSS веб-страницы на месте.
Мало того, что этот инструмент позволит вам просматривать исходный код, над которым вы работаете, он также может работать в качестве CSS редактора. Это означает, что вы можете редактировать CSS стиль ваших веб-страниц прямо на месте и видеть результат произведенных изменений немедленно.
Инспектирование веб-приложений и библиотек JavaScript.
Это расширение позволит веб-разработчикам инспектировать и определять веб-приложения, а также библиотеки JavaScript, подключенные к конкретному проекту. Расширение работает максимально просто: в адресной строке появляется значок, указывающий на версию используемого фреймворка или CMS.
Проверьте, как выглядит ваш сайт на различных устройствах.
Отличный инструмент для того, чтобы посмотреть, как сайт выглядит на различных видах устройств, таких как iPad, iPhone или Android-устройства. Это может быть очень полезно и в плане того, чтобы увидеть сайт так, как видят его поисковые системы.
Тестирование веб-страниц для различных версий IE.
Один из самых полезных и востребованных эмуляторов IE, доступных в Интернете. Это расширение позволяет веб-разработчикам тестировать страницы под различные версии IE непосредственно в браузере Google Chrome.
Захват любого изображения с веб-страницы одним нажатием кнопки.
Это простой в использовании бесплатный редактор фото, который позволяет редактировать страницы изображений и скриншотов. Но не в этом его наибольшая полезность.
PicMonkey позволяет захватывать каждое изображение и скриншот одним нажатием кнопки. После того как вы выберите изображение, его можно редактировать по своему усмотрению, применять к нему различные эффекты.
Создание изображений оптимизированных под людей, имеющих проблемы, связанные с распознаванием цветов.
Неспособностью распознавать цвета или дальтонизмом страдают миллионы людей по всему миру. Это гениальное расширение использует дальтонизацию, технику, которая позволяет создавать изображения, подходящие для просмотра пользователями, страдающими дальтонизмом.
Это фантастическое расширение может быть использовано для моделирования того, как изображение воспринимается людьми, страдающими дальтонизмом. Это поможет создавать более доступные веб-приложения.
Больше ресурсов, которые помогут вам в разработке веб-страниц для людей с дальтонизмом, вы можете найти здесь.
Добавьте линейку на любую страницу с помощью Page ruler.
Этот простой, но полезный инструмент позволит вам добавить линейку на любую страницу, что поможет вам определить ширину, высоту и положение элемента.
Сергей Бензенкоавтор-переводчик статьи «The 20 best Google Chrome extensions for web designers»
дизайнов, тем, шаблонов и графических элементов для загрузки на Dribbble
- Посмотреть IFFY Reviews Расширение Презентация Behance
IFFY Reviews Extention Behance Presentation
- Просмотр снимков — Расширения для снимков экрана 🧩
Захваты — Расширения скриншотов 🧩
- Вид [P] 1 → N
[P] 1 → N
Писец
- Посмотреть расширение Attio для Chrome
Расширение Attio Chrome
- Посмотреть расширение Chrome и плагин Figma для Flowbase
Расширение Chrome и плагин Figma для Flowbase
- Просмотр Chrome Tab Reloader
Chrome Tab Reloader
- Просмотреть объявление о редизайне плагина
Объявление об изменении дизайна плагина
- Посмотреть демонстрацию Zentab
Демо Zentab
Эхо: Расширение браузера
- Посмотреть комплект пользовательского интерфейса Web3
Комплект пользовательского интерфейса Web3
- Посмотреть расширение Auto Comot
Удлинитель Auto Comot
- Посмотреть Mighty App Hero
Могучий герой приложения
- Просмотр Dcopy. ai — Расширения для копирайтинга на основе ИИ
Dcopy.ai — Расширения для копирайтинга ИИ
- Просмотр CSS Peeper — Типографика
CSS Peeper — типографика
- Посмотреть расширение браузера для создания скриншотов
расширение для браузера для создания скриншотов
- Просмотр заметок — расширение для Chrome
примечания — хромированный удлинитель
- Просмотр CSS Peeper — тип данных
CSS Peeper — Детали типа
- View Omni — универсальный инструмент для повышения производительности
Omni — универсальный инструмент для повышения производительности
- Просмотр VEED. IO | Устройство записи экрана с заметкой + радужная ручка
VEED.IO | Устройство записи экрана с заметкой + радужная ручка
- Посмотреть расширение Chrome 🪄🎩
Расширение Chrome 🪄🎩
- Расширенный просмотр бренда ✓
Бренд Расширенный ✓
- Посмотреть целевую страницу Dash
Целевая страница Dash
Зарегистрируйтесь, чтобы продолжить или войдите
Загрузка еще…
FontFamily – Редактор Tiptap
- Типтап Типтап Коллаб Фокус покус Документация
- Типтап Про
- Гитхаб
- Авторизоваться
Обзор
Введение
Установка
Ванильный JavaScript
Next. js
Nuxt.js
Стройный
Alpine.js
Руководство по обновлению
Список изменений
- О проекте
Содействие
Поддержка
Направляющая
Конфигурация
API ProseMirror
Стайлинг
Выход
Доступность
Совместное редактирование
Пользовательские расширения
Интерактивные представления узлов
С JavaScript
с реакцией
С Vue
Несколько примеров
Работа с TypeScript
API
Введение
Редактор
Команды
ясное содержание
очистить узлы
createParagraphNear
удалитьУзел
удалитьдиапазон
удалить выделение
код выхода
расширитьMarkRange
для каждого
вставить содержимое
вставить содержимое в
присоединитьсяНазад
присоединитьсяФорвард
сочетание клавиш
ЛифтПустойБлок
лифтлиститем
новая строкаInCode
сбросить атрибуты
прокруткаIntoView
выбрать все
selectNodeBackward
селектнодефорвард
selectParentNode
selectTextblockEnd
выберите TextblockStart
setContent
комплектMark
наборMeta
setNode
сетнодеселектион
setTextSelection
элемент списка стоков
сплитБлок
сплитлиститем
toggleList
toggleMark
узел переключения
toggleWrap
отменитьИнпутруле
unsetAllMarks
снято с отметки
обновление атрибутов
обёртка в списке
Цитата
Маркированный список
Кодовый блок
КодБлокЛоулайт
Документ
- Подробности
Про
- DetailsРезюме
Про
- ДеталиСодержание
Про
- эмодзи
Про
HardBreak
Товарная позиция
Горизонтальное правило
Элемент списка
Упоминание
Список заказов
Пункт
Строка таблицы
Табличная ячейка
Заголовок таблицы
Список задач
Элемент задачи
Ютуб
Изюминка
Курсив
Забастовка
Индекс
Верхний индекс
стиль текста
Подчеркнуть
Расширения
Пузырьковое Меню
Количество символов
Сотрудничество
Совместный Курсор
Дропкурсор
Плавающее меню
Семейство шрифтов
Курсор
История
- Невидимые персонажи
Новый
- Математика
Новый
Заполнитель
Стартовый комплект
Выравнивание текста
Типография
- Уникальный идентификатор
Про
Коммунальные услуги
Предложение
- Типтап для PHP
Новый
Сочетания клавиш
Схема
События
Это расширение позволяет установить семейство шрифтов в редакторе.