Дизайн

Demo | GitHub

Статья про редактор текста как на рисунке. Исходный код прилагается.

На прошлой неделе компания Monotype — владелец прав на популярные шрифты Times New Roman, Verdana, Arial, Helvetica и Tahoma — объявила об ограничении доступа из России к своей библиотеке и сообщила о приостановке взаимодействия с российскими организациями. Новость стала еще одним поводом обратить внимание на специфику использования проприетарных шрифтов в бизнес-среде – проблему, которая выходит далеко за рамки ситуации с Monotype. Речь о возможных сложностях при отображении существующих документов и шаблонов, особенно при работе с различными таблицами, формами и автоматически формируемыми файлами из информационных систем.

Для минимизации подобных проблем мы в МойОфис еще шесть лет назад представили свои шрифты XO_Fonts. Они свободно распространяются и доступны бесплатно. Сегодня этот набор состоит из 11 шрифтов и 24 начертаний. Их особенностью является метрическая совместимость с распространенными проприетарными шрифтами, которая позволяет сохранить оригинальное форматирование и верстку документов, ранее созданных с использованием популярных иностранных шрифтов.

Некоторое время назад на D-Russia была опубликована история создания XO_Fonts. Теперь мы предлагаем ознакомиться с ней и читателям Хабра.

Привет! Перевод пятой лекции о создании Super Mario Bros.

К старту курса по Fullstack-разработке на Python рассказываем о том, как один из самых популярных репозиториев GitHub лишился десятков тысяч своих звёзд, а также о том, как помочь пользователям ваших решений избегать подобных ситуаций.

Здравствуйте. Меня зовут Паша Любецкий. По диплому я математик и мечтал о научной карьере в области theoretical computer science или даже pure math, но во время учёбы в университете у меня развилось одно из психических расстройств, которое принесло с собой очень сильно выраженную астению (повышенную утомляемость).

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

Тем не менее, за несколько лет я нашёл некоторые оригинальные способы сгладить для себя проявления этой проблемы.

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

Ваше ортодонтическое лечение врач начинает еще до того, как у вас на зубах появились брекеты. Неочевидный, но, пожалуй, самый важный этап ортодонтического лечения — это диагностика и составление плана лечения.

Прежде чем приклеить брекеты, нужно понять, как их приклеить, и какие дуги использовать, чтобы движение зубов было правильным, безопасным и привело к нужному стабильному результату. 

Для этого ортодонту нужны диагностические данные: снимок КЛКТ, фотопротокол, слепки или цифровые сканы, на основе которых он проводит расчеты и составляет план лечения. 

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

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

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

Ортодонт использует КЛКТ для проведения 3D-цефалометрического анализа —  исследования показателей анатомических структур для постановки диагноза и принятия решения об оптимальной тактике лечения пациента.

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

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

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

Однако, я решил попробовать читать новостные сайты, habr или lib.ru с "книжным форматированием".

Вчера понадобилось мне записать голос для голосового (IVR) меню. Решил воспользоваться голосами от яндекс.облака, тем более что они теперь все высококачественные, и от человеческого неотличимы. Но как бы это сделать поудобнее, чтобы не надо было потом редактировать и конвертировать? Казалось бы, можно воспользоваться демкой на странице описания, но во первых там есть ограничение длины текста, во вторых она дает сохранить только запись в формате ogg, и в третьих иногда добавляет в запись рекламу. Оно и понятно в общем то, эта демка предназначена для показа технологии а не для коммерческого использования.

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

Беглый гуглёж ничего не принес, только несколько малопонятных проектов на гитхабе.

Уже думал быстренько наваять какой нибудь свой веб-интерфейс но тут вспомнил что есть Postman. Для тех кто не в теме - это замечательная программа для тестирования любых api интерфейсов.

Под катом - как настроить Postman для преобразования текста в речь.

Каким должно быть портфолио художника, который хочет работать в игровой студии? Что больше всего ценят рекрутеры и арт-лиды, сколько работ нужно показать и почему компания может отказать? Об этом на конференции TBD Pro: Art рассказали старший менеджер по подбору персонала в MY.GAMES Ольга Дёмина и креативный директор BIT.GAMES Антон Лунков.

Николай Рерих был не только великим художником, но и юристом - выпускником юридического факультета Санкт-Петербургского императорского университета. Пак Рериха оформлен с соблюдением подходов Legal Design.

Делай как Рерих, оформляй документы по проекту красиво и удобно!

Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию, например, Awwwards.

Чаще всего дизайнер отрисовывает анимацию в специальной программе, например, After Effects, и присылает верстальщику видео, по которому нужно повторить анимацию. А вот как реализовать эту идею — решать разработчику. Он может использовать три вида анимаций: CSS-анимации, SVG-анимации или JavaScript-анимации.

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

Анимация на КПДВ: Дилан Баунманн, codepen.

«В хосписе» — приложение, которое создали для сотрудников хосписов студенты Нетологии совместно с «Инновационным центром Ай-Теко». Ещё до релиза проект получил премию «Время инноваций 2021» как социальная инновация года на выставке всемирных технологических достижений «Экспо-2020» в Дубае. Эта статья о нашем опыте разработки с нуля для социального проекта — расскажем, почему взялись помочь и какие трудности нас ждали на пути к релизу.

— Слушай, она меня на кухне не слышит.
— Ну да, далековато. Давай дополнительный микрофон протянем.
<покупается 5 метров кабеля>
— О, классно!
— ...
— Теперь в комнате не работает.

Это продолжение статьи Ирина — опенсорс русский голосовой помощник. Offline-ready - про голосового помощника, не зависящего от крупных корпораций. Расскажу, что улучшилось за два месяца с момента прошлой статьи.

TL;DR> Отлажен клиент-сервер с несколькими микрофонами/машинами; можно командовать по всему дому. Сделан Телеграм-клиент. Несколько новых голосов (TTS). Обработка голоса в контексте (можно делать голосовые игры). Интеграция с Home Assistant. И ЕЩЁ больше плагинов и документации.