Лотти
,#44; или #x2c;
UTF-16
0x2C
URL-код
,
Запята́я (,) — знак препинания в русском и многих других языках. Как и точка, иногда используется как десятичный разделитель.
Как знак препинания
В русском языке запятая используется на письме:
для обособления (выделения)
- определений, если определение находится после определяемого слова, либо имеет добавочное обстоятельственное значение, либо в случаях, когда определяемое слово является именем собственным или личным местоимением,
- обстоятельств, кроме тех случаев, когда обстоятельство является фразеологизмом; также в случаях, когда обстоятельство выражено существительным с предлогом (кроме предлогов невзирая на, несмотря на), запятая ставится факультативно;
также при использовании:
- причастных и деепричастных оборотов,
- обращений,
- уточнений,
- междометий,
- вводных слов (по некоторым источникам, вводные слова входят в состав обособленных обстоятельств, по другим — нет),
для разделения:
- между частями сложносочинённого, сложноподчинённого или сложного бессоюзного предложения;
- между прямой речью и косвенной, если косвенная речь стоит после прямой речи, а сама прямая речь не заканчивается знаками «!» и «?»; в этом случае после запятой (если она поставлена) всегда ставится тире.
- при однородных членах.
Как десятичный разделитель
В числовой записи, в зависимости от принятого в том или ином языке стандарта, запятой разделяются целая и дробная части либо разряды по три цифры между собой. В частности, в русском языке принято отделение дробной части запятой, а разрядов друг от друга пробелами; в английском языке принято отделение дробной части точкой, а разрядов друг от друга запятыми.
В информатике
В языках программирования запятая используется в основном при перечислении — например, аргументов функций, элементов массива.
Является разделителем в представлении табличных данных в текстовом формате CSV.
В Юникоде символ присутствует с самой первой версии в первом блоке Основная латиница (англ. Basic Latin) под кодом U 002C, совпадающим с кодом в ASCII.
На современных компьютерных клавиатурах запятую можно набрать двумя способами:
Запятая находится в нижнем регистре на клавише Del цифровой клавиатуры, если выбран русский региональный стандарт. Более правильно говорить, что в нижнем регистре на клавише Del цифровой клавиатуры находится десятичный разделитель для текущего регионального стандарта. Для США это будет точка. Запятая находится в верхнем регистре русской раскладки (набрать запятую можно лишь нажав клавишу ⇧ Shift. Существует мнение, что это неправильно, поскольку замедляет скорость набора текста (в русском языке запятая встречается чаще точки, для набора которой нажимать ⇧ Shift не требуется)[1].В культуре
- В детской считалочке:
Точка, точка, запятая —
Вышла рожица кривая,
Палка, палка, огуречик,
Получился человечек.
- В повести Лии Гераскиной «В стране невыученных уроков» Запятая является одной из подданных Глагола. Она описывается как горбатая старуха. Злится на Витю Перестукина за то, что тот постоянно ставит её не на место. В мультфильме «В стране невыученных уроков» Запятая также является подданной Глагола, но изображена иначе. Она выглядит не как старуха, а как девочка. Кроме того, она не такая злючка, хотя всё равно жалуется на то, что Витя ставит её не на место.
Варианты и производные
Средневековая, перевёрнутая и повышенная запятыеlink rel="mw-deduplicated-inline-style" href="mw-dаta:TemplateStyles:r117908877">Изображение
⹌⸴⸲Название
⹌: medieval comma
⸴: raised comma
⸲: turned comma
Юникод
⹌: U 2E4C
⸴: U 2E34
⸲: U 2E32
HTML-код
⹌: #11852; или #x2e4c;
⸴: #11828; или #x2e34;
⸲: #11826; или #x2e32;
UTF-16
⹌: 0x2E4C
⸴: 0x2E34
⸲: 0x2E32
URL-код
⹌: ⹌
⸴: ⸴
⸲: ⸲
В средневековых рукописях использовался ранний вариант запятой, выглядевший как точка с правым полукругом сверху. Для определённых сокращений использовался и знак повышенной запятой (⸴)[2].
В фонетической транскрипции Palaeotype для индикации назализации использовалась перевёрнутая запятая[3][4].
Все три символа закодированы в Юникоде в блоке Дополнительная пунктуация (англ. Supplemental Punctuation) под кодами U 2E4C, U 2E34 и U 2E32 соответственно.
См. также
.mw-parser-output .ts-Родственный_проект{background:#f8f9fa;border:1px solid #a2a9b1;clear:right;float:right;font-size:90%;margin:0 0 1em 1em;padding:.4em;max-width:19em;width:19em;line-height:1.5}.mw-parser-output .ts-Родственный_проект th,.mw-parser-output .ts-Родственный_проект td{padding:.2em 0;vertical-align:middle}.mw-parser-output .ts-Родственный_проект th td{padding-left:.4em}@media(max-width:719px){.mw-parser-output .ts-Родственный_проект{width:auto;margin-left:0;margin-right:0}}- Серийная запятая
- Точка
- Точка с запятой
- Число с плавающей запятой
Примечания
↑ Лебедев А. А. Ководство. § 105. Трагедия запятой. Студия Артемия Лебедева (14 июня 2004). Дата обращения: 17 мая 2019. Архивировано 12 декабря 2007 года. ↑ ichael Everson (editor), Peter Baker, Florian Grammel, Odd Einar Haugen. Proposal to add Medievalist punctuation characters to the UCS (англ.) (PDF) (25 января 2016). Дата обращения: 17 мая 2019. Архивировано 15 декабря 2017 года. ↑ Michael Everson. Proposal to encode six punctuation characters in the UCS (англ.) (PDF) (5 декабря 2009). Дата обращения: 17 мая 2019. Архивировано 7 апреля 2016 года. ↑ Simon Ager. Dialectal Paleotype (англ.) (htm). Omniglot. Дата обращения: 17 мая 2019.Ссылки
- , на сайте Scriptsource.org (англ.)
- ⹌ на сайте Scriptsource.org (англ.)
- ⸴ на сайте Scriptsource.org (англ.)
- ⸲ на сайте Scriptsource.org (англ.)
- Орфографические правила употребления запятой на gramota.ru
Словари и энциклопедии
- Большая норвежская
- Брокгауза и Ефрона
- Britannica (онлайн)
- Britannica (онлайн)
- BNF: 162295578
- SUDOC: 146880978
- Точка (.)
- Запятая (,)
- Точка с запятой (;)
- Двоеточие (:)
- Восклицательный знак (!)
- Вопросительный знакli>
- Многоточиеli>
- Дефис (‐)
- Дефис-минус (-)
- Неразрывный дефис (‑)
- Тиреli>
- Скобки ([ ], ( ), { }, ⟨ ⟩)
- Кавычки („ “, « », “ ”, ‘ ’, ‹ ›)
- Двойной вопросительный знакli>
- Двойной восклицательный знакli>
- Вопросительный и восклицательный знакli>
- Восклицательный и вопросительный знакli>
- Иронический знак (⸮)
- Интерробанг (‽)
- Предложенные Эрве Базеном (
, 
, 
, , 
, 
)
- Перевёрнутый восклицательный знак (¡)
- Перевёрнутый вопросительный знак (¿)
- Перевёрнутый интерробанг (⸘)
- Китайская и японская пунктуацияli>
- Паияннои (ฯ, ຯ, ។)
- Апатарц (՚)
- Шешт (՛)
- Бацаканчакан ншан (՜)
- Бут (՝)
- Харцакан ншан (՞)
- Патив (՟)
- Верджакет (։)
- Ентамна (֊)
- Колон (·)
- Гиподиастола (⸒)
- Коронис (⸎)
- Параграфос (⸏)
- Дипла (⸖)
- Гереш (׳)
- Гершаим (״)
- Нун хафуха (׆)
- Иоритэн (〽)
- Средневековая запятая (⹌)
- Повышенная запятая (⸴)
- Двойной дефис (⸗, ⹀)
- Двойное тире (⸺)
Источник — https://ru.wikipedia.org/w/index.php?title=Запятаяoldid=125723882
лотти
Новый open-source инструмент для простого добавления анимации.
Перевод статьи https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e , написанной Brandon Withrow, Gabriel Peal, Leland Richardson и Salih Abdul-Karim
Раньше, добавление сложной анимации для Android, iOS, React Native приложений было сложным и длительным процессом. Вы или добавляли много картинок для каждого кадра или писали тысячи строк трудно поддерживаемого кода, который приносил вам боль. Из-за этого много приложений не используют анимацию, несмотря на то что анимация существенно улучшает юзабилити приложения. Один год назад мы изменить это.
Сегодня, мы рады представит вам наше решение. Lottie это iOS, Android, и React Native библиотека для рендера After Effects анимации в реальном режиме времени, и которая позволяет приложениям использовать анимацию как обычные статические ассеты. Lottie использует данные анимации, которые были экспортированы в JSON формат из After Effects расширения - Bodymovin. Это расширение имеет jаvascript движок, который умеет рендерить анимацию в веб странице. Начиная с февраля 2015, создатель Bodymovin’s , Hernan Torrisi, добавляет новые функции и улучшает свой плагин ежемесячно. Наша команда (Brandon Withrow - iOS, Gabriel Peal -Android, Leland Richardson -React Native, и я — UX) начала работать , используя феноменальную работу Torrisi.
Лёгкое создание “крутой” анимации
Lottie позволяет создать богатую анимацию без лишней траты времени. Анимация Nick Butcher ”прыжок” , анимация Bartek Lipinski’s hamburger меню, и анимация Miroslaw Stanek’s Twitter heart демонструет как сложно и затратно по времени создание анимации с нуля. Используя Lottie, копание фреймворков, вычисление таймланов, создание вручную кривых, создание гифок — все это останется в прошлом. Сейчас программисты могут сделать именно то, что задумывали дизайнеры. Чтобы продемонстрировать это, мы создали анимации в After Effects, экспортировали их в JSON файлы, вы можете посмотреть их в нашем примере приложения.
Наша цель — поддержка максимального количества функций After Effects, чтобы сделать доступными больше чем простая анимация. Мы создали несколько примеров, чтобы показать гибкие возможности библиотеки, её большие возможности. В примерах, есть различные варианты анимации: line art, character-based , dynamic logo с множеством линий и сцен.
Мы уже начали прменять Lottie для анимации на нескольких экранах, включащих: уведомления, полноэкранные анимации. И мы планируем использование анимаций для движения вперёд.
Гибкое и эффективное решение
Airbnb — глобальная компания, которая поддерживает миллионы гостей и хозяев, и использование анимации в приложении Airbnb очень важно для нас. Есть несколько библиотек, похожих на Lottie, например Marcus Eckert’s Squall и Facebook’s Keyframes, но наша цель немного другая. Facebook взял небольшой набор функций After Effects, и они сфокусировались главным образом на взаимодействии с UI, но мы хотим подержить максимальное кол-во функций. Также для Squall, дизайнеры Airbnb используют библиотеку в комбинации с Lottie, потому что Squall имеет прекрасный After Effects превью приложения, который становится частью нашего workflow. Тем не менее он поддерживается только iOS, а наши программисты нуждаются в кросс платформенном решении.
Lottie также имеет несколько функций, встроенных в API, которые делаю использование более гибким и эффективным. Бтиблиотека поддерживает загрузку JSON файлов через сеть, что удобно для A/B тестировния. Также имеется и механизм кэширования, при частном использовании анимации. Lottie анимации могут управляться с помощью жестов, скорость анимации также легко изменяется. iOS поддерживает добавление нативного UI во время выполнения анимации в runtime, что может быть полезно для сложных анимаций.
У нам много идей на будущее, над которыми мы работаем. В будущем будет маппинг с Lottie анимацией, контроль view transitions с помощью Lottie, поддержка Battle Axe’s RubberHose, градиентов, типов, поддержка изображений. Самая сложная часть — определить функцию над которой нужно работать для следующей версии Lottie.
Создание сообщества
Создание чего-то open source — это больше чем выложить это в открытый доступ. Это мост, который соединяет людей и создает сообщество. Мы близки к релизу Lottie для дизайнеров и программистов в GitHub
Мы были вдохновлены созданием сообществ, таких как 9 Squares, Motion Corpse, и Animography . Все три соединили людей по всему миру, которые никогда не работали вместе над открытыми проектами анимации. Эти проекты тратили месяцы работы, организовывались, но они несомненно представляют большую ценность для сообщества анимации в целом.
Following their collaborative lead, we reached out to all three teams to contribute animations to our sample app. We’ve included an animation from Motion Corpse created by J.R. Canest, one of Al Boardman’s squares from the 9 Squares project, and an animated keyboard using Animography’s Mobilo animated typeface, which features work from more than two dozen artists. We’re hoping that the merging of these animation communities with the powerful engineering community will spark something special.
Мы бы хотели услышать от вас, как вы используете Lottie — не важно дизайнер вы или программист. Пишите нам напрямую на lottie@airbnb.com , ваши мысли, отзывы. Мы рады видеть, что сообщество делает, используя Lottie, так что мы не представляли себе ранее.
Скачать Bodymovin, Lottie iOS, Android и React Native.
Оригинальный пост на airbnb.design/lottie/
Всем привет, меня зовут Артем Сафаров, я — дизайнер из веб-студии Pyrobyte. Мы используем Lottie-анимации на проектах студии, эта технология нам очень нравится, поэтому сегодня и вас с ней познакомим :)Lottie — это библиотека для веб-разработки, iOS, Android и React Native, которая отображает анимацию After Effects в режиме реального времени, позволяя сайтам и приложениям использовать анимацию так же легко, как и статическое изображение. Создателями этой библиотеки являются инженеры из компании Airbnb.В прошлом создание сложных анимаций для приложений на Android, iOS и React Native было трудным и длительным процессом. Приходилось либо добавлять объемные файлы изображений для каждого размера экрана, либо писать тысячу строк хрупкого и сложного в поддержке кода. Из-за этого в большинстве сайтов и приложений не использовалась анимация, несмотря на то, что это — мощный инструмент для улучшения пользовательского опыта.Эта библиотека использует анимации, экспортированные в виде файлов JSON из After Effects путем кодирования в данный формат плагином Bodymovin. Расширение подключается на сайт с проигрывателем jаvascript, который позволяет отображать анимацию в вебе.GIF. Распространенный формат, но имеет довольно много ограничений, связанных с потерей качества и большим весом.AVI, mp4. Большой вес финальных файлов, нет возможности экспортировать видео с прозрачным фоном.Анимированные вручную разработчиком html-элементы. Трудоемкий процесс в разработке, который влечет за собой большое количество правок от дизайнера. К тому же разработчик ограничен в реализации анимации из-за трудностей с контролированием скорости движения анимированного элемента, они выглядят неестественно, так как перемещаются в пространстве с линейной скоростью.Из-за таких ограничений приходится жертвовать либо качеством анимации, либо временем для её оптимизации. В подобной ситуации на помощь и приходит Lottie.Благодаря возможностям, которые предоставляет Lottie-анимация, неудивительно, что данную технологию используют такие известные компании как: Google, Elevate, eero, The New York Times, Instacart, Uber, Walgreens, iHeartRadio, Сбербанк, Telegram.Область применения Lottie-анимации на сайтах и приложениях имеет большой охват — от анимированных иллюстраций, как у Google и Elevateдо анимированных UI-эффектов и статичных логотипов как у The New York Times.Последние в своем приложении используют Lottie для статичного логотипа темной и светлой темы, раньше им приходилось создавать 2 отдельных логотипа — белый и черный. Благодаря Lottie приложение автоматически меняет цвет логотипа в зависимости от выбранной темы на противоположный.Используя Lottie, дизайнер может не только спроектировать и отрисовать навигацию для мобильного приложения, но и реализовать приятную визуальную обратную связь при переходе в другой раздел меню.Анимированная кнопка «гамбургер» усиливает ощущение прямой манипуляции и делает переход к новому состоянию более очевидным для пользователей.Очень важно держать пользователя в курсе состояния системы — чтобы было понятно, что происходит. Когда пользователь выполняет какое-либо действие и не получает никакой обратной связи, есть вероятность, что он будет раздражен таким безразличием к себе и покинет этот сайт или приложение. Продуманная анимация поможет удержать внимание пользователя в моменты загрузки открывающейся страницы.Хорошо продуманные анимированные UI-эффекты для кнопки «лайк». Подобные анимации служат для того, чтобы взаимодействие с продуктом стало более увлекательным и приятным. Telegram используют данную технологию для анимированных стикерпаков, так как Lottie позволяет получить высококачественную анимацию без потери качества весом в несколько килобайт. А еще мы создали свой стикерпак, который ждет, чтобы вы его добавили к себе в коллекцию :)Чтобы вам не запутаться при установке плагина Bodymovin, мы разбили процесс на несколько шагов: Прежде всего потребуется скачать плагин для Lottie, для этого есть несколько способов, которые перечислены на странице BodyMovin на Github. Вот самый простой из них:Скачайте Zip-файл по ссылке на Github.Извлеките архив и установите. zxp файл.Скачайте и установите ZXP Instraller c aescripts.com и запустите файл. Теперь, когда все установлено, самое время запустить After Effects.Откройте свой проект в After Effects и выберите расширение Bodymovin.Window > Extension > BodymovinОткроется панель Bodymovin. Выберите нужную композицию и укажите путь для рендера, нажмите на зеленую кнопку, и плагин bodymovin закодирует вашу анимацию в. json файл.3. Найдите экспортированный файл. json в указанной папке. Как только ваша анимация будет готова, вы можете сразу подключить её к своему приложению или на свой сайт. В зависимости от выбранной вами платформы подключите библиотеку Lottie для iOS, Android или React Native. Анимация в формате. json весит довольно мало, и это хорошо!Библиотека Lottie позволяет настроить режим воспроизведения анимации и установить триггер действия анимации (клик, наведение и т.д.).Большую часть растровых эффектов библиотека Lottie не поддерживает за исключением некоторых из них, их можно посмотреть здесь. Поэтому будет лучше, если вы на начальных этапах продумаете реализацию анимации.Как и эффекты, не все экспрешены поддерживается Lottie библиотекой. Экспрешн — это команда для определенного свойства, написанная на языке jаvascript, которая задает значение свойству, для которого она написана. Регулярно в Lottie добавляется поддержка некоторых экспрешенов — можно посмотреть по ссылке. Если вы решили использовать в своей анимации экспрешены, то советуем тестировать анимацию в нескольких браузерах.Несмотря на то, что данный тип альфа-канала невероятно удобен в использовании, все же лучше воздержаться от использования этих функций, так как зачастую они дают непредсказуемый результат, и найти проблему становится довольно сложно. Советуем использовать маски, чтобы избежать непредвиденных артефактов на анимации.Чем больше в вашем проекте будет кейфреймов, тем больше будет весить финальный файл. Кейфрейм (ключевой кадр) — это начальная и конечная позиция на шкале времени, между которыми происходит анимация. Поэтому, чтобы минимизировать вес вашей анимации и улучшить оптимизацию, стоит учитывать этот факт и по возможности использовать как можно меньше кейфреймов.Существует сервис Lottie Files, в него встроен web-плеер Lottie, и на нем можно протестировать вашу анимацию перед тем, как передавать ее в разработку.в футере можно найти ссылки на приложение Lottie для iOS и Android. Приложение позволяет дизайнеру тестировать анимацию с телефона и видеть все недочеты на этапе тестирования.Использование Lottie-анимации значительно экономит время по сравнению с реализацией сложной анимации кодом.Lottie также имеет дополнительный механизм кэширования, поэтому часто используемые анимации могут загружать кэшированную копию, что увеличит скорость загрузки страницы или экрана.Одно из главных преимуществ Lottie это — маленький вес и адаптивность. Благодаря тому, что библиотека работает с векторной графикой, анимация будет выглядеть хорошо на разных разрешениях экрана.Библиотека позволяет управлять процессом анимации. Это может пригодиться, если вы планируете использовать различные триггеры на своей анимации.Кроссплатформенное решение для iOS, Android, Web.Большое количество элементов из After Effects позволяют дизайнеру реализовать задуманную анимацию.Сегодня Lottie применяется повсеместно от статичных логотипов до анимированных иллюстраций. С технологией Lottie Web нет необходимости в анимации, сохраненной в формате .gif, потому как анимация сохраненная в .json формате не теряет первоначального качества и весит в разы меньше. Стоит отметить, что с 2015 года компания Airbnb регулярно совершенствует технологию, и если еще несколько лет назад Lottie не поддерживала эффекты из After Effects, то сегодня спокойно поддерживает многие из них.Для экономии времени при переносе проекта из Figma/Sketch советуем использовать плагин AEUX, Это плагин, который экспортирует все слои из Sketch или Figma в After Effects за несколько секунд. Установка займет не больше 10 минут, но в будущем это сэкономит вам уйму времени и нервов.Плюсы AEUX:Более высокая скорость сборки артбордов.Поддержка редактирования символов для текста и вложенных символов.Экспорт изображений был улучшен за счет рисования собственных АE градиентов и устранения лишних изображений.Использование библиотеки Lottie существенно упрощает внедрение анимации в приложение или сайт и открывает массу возможностей для реализации идей дизайнера.Пишите в комментариях, был ли у вас опыт работы с этой технологией, и что вы о ней думаете!
