Новости‎ > ‎

Обновил стиль Qweeto

Отправлено 4 янв. 2017 г., 5:12 пользователем Denis Baskovsky
Отдельного слова заслуживает сервис uigradients.com, с помощью которого я создал этот замечательный градиент. В названии Qweeto хотел передать отражение сущности сервиса: буква "Q" символизирует оптическую лупу, которая находится над планетой, давая пользователю лучше разглядеть окружающее его пространство. Далее "weet" (читается как веийт, хотел сделать созвучному английскому wait, но, видимо не получилось)) - на голандском и африкаанас значится как "знать", а не то, о чём вы подумали x). Завершает буква "o", - самая ненавидимая буква после "c". Читается всё вместе так: "квеiто". 
Как дойдут руки, хочу сделать морфинг-анимацию: ∞ -> qo -> QO -> QwtO -> Qweeto, что примерно соответствует тому как гугловцы проделали с Android на заставке. 
Насчет цветов все не так однозначно, но переливание цветов от фиолетового до ярко оранжевого мне нравится, создает воображаемую временную линейку и получается романтическая отсылка к "от тернии к звездам". 
С технологической стороны всё очень круто. Благодаря использованию SVG получается создать перелывчатый градиент наложенный на текст. Сделал бы это через CSS, вот только свойство background-clip: text работает пока только на вебките. Насчёт производительности всё очень плохо. Мой ноут еле тащит: загрузка CPU достигает 50% на один кор. Связано с тем, что я не знаю как на SVG сделать чтобы перерисовка происходила не на всей страницы целиком, а только на одной ее части.


Всегда так, кажется что тут не на что смотреть, а на самом деле технологии положенные в одну страничку потрясают: OpenStreetMap, Polymer2, SVG, HTML5 и все лишь для того, чтобы в конечном счете превратить эту страничку в индикатор готовности для мобильной аппы.
Comments