Илья Кочергин | WEB разработчик
2 subscribers
27 photos
2 links
Я создаю сайты, web-приложения, а также мобильные приложения. От вёрстки до деплоя.
Download Telegram
В среду утром проснулся, а интернета нет. Перезагрузил роутер - не помогло. Позвонил в Ростелеком. Тамошний робот безмятежным женским голосом сообщил, что о проблеме уже знают и делают всё возможное. К следующему утру обещают починить.

Я-то в курсе, что время они себе дают с запасом. И, скорее всего, починят раньше. Но всё равно без инета плохо. Я схватился за планшет. А там инет ещё с ночи отсутствует. Потому что угроза атаки БПЛА.

Что же, ладно. Пошел завтракать без инета. А потом ещё и поработал без инета. Без него я просто в Git ничего не могу выложить. А работать на домашнем полигоне мне никто не запрещает.

И мне неожиданно понравилось. Тишина, никто не отвлекает. Телега не тренькает, почта не проверяется, новости не открываются. Красота. Даже продуктивность повысилась. Я успел гораздо больше, чем за обычное утро.

Вспомнилось детство. Придёшь из школы, пообедаешь и рыбок покормишь. А потом разложишь учебники, тетради и делаешь уроки. Отвлекающие моменты отсутствуют как класс. Ни телефона, ни, прости Господи, инета. Только тишина и сосредоточенность. Через это задачи делаются быстрее и осознаннее.

А задачи этим утром были простенькие. Например, сделал на таксишном сайте всплывающее предупреждение об использовании Cookie. Так требует закон о защите персональных данных. Пресловутый ФЗ 152. С тридцатого мая повышаются штрафы за его нарушение. Поэтому тема актуальная.

Вообще, я считаю, что такие всплывающие окна мешают просмотру контента. А потому являются злом. Я должен был бороться с этим злом. А пришлось примкнуть к нему. Потому что бизнес не хочет платить штрафы. И я его понимаю.

Так вот, сделал я всплывающее окно и проверил работу в разных браузерах. Везде работает. Кроме браузера Brave. В нём моё окно отсутствует. Как корова языком слизала.

Стал разбираться и вот, что выяснил. Контейнер со своим окном я обозвал cookieWarn. А Brave отказывается показывать блоки с подобными именами: cookieWarn, cookieAlert и т.д. Просто скрывает через CSS display: none.

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

Немедленно вспомнилась байка-поговорка, над которой смеялись ещё в универе. Что если бы строители строили дома также, как программисты пишут программы, то первый залетевший дятел разрушил бы цивилизацию.

Ближе к обеду пришла СМС об отбое угрозы воздушной атаки. А инет на планшете так и не появился. Я решил прогуляться до салона связи в ближайшем ТЦ. Там меня проконсультировала симпатичная девочка с пирсингом на нижней губе. Два металлических колечка были очень похожи на клыки. Я представил себе, какую боль ей пришлось терпеть. И даже поёжился. Может, там анестезию какую-то делают?

Так вот, оказалось, что нужно всего лишь... перезагрузить планшет. Мы перезагрузили, инет тут же появился. Вспомнилась ещё одна байка из универа. Что если у вас заглохла машина, то нужно выйти из неё и зайти снова. Как же я сам не сообразил? Ладно, в следующий раз соображу. Зато погулял и с девочкой пообщался )
Вчера написал один заказчиков, для которого я когда-то давно делал сайт. Переслал мне скрин письма от Яндекс Вебмастера. В нём говорится, что за неделю страницы сайта «выросли на 383%». И что добавлен блог.

Очень интересно. Что значит страницы выросли? Если не количество, то что? Просмотры? И откуда блог? Заказчик говорит, что добавлял. Вот и беспокоится. Может, хакнули сайт?

Я тоже забеспокоился. Зашел на вебмастер. Не увидел никаких новых страниц и, тем более, блога. О чём же тогда письмо?

Ещё раз посмотрел скрин. Ну, конечно! Написано же: пересказ от нейрофильтра YaGPT. Значит, у меня на руках не само письмо. Ох уж эти нейросети. Вечно что-то напутают.

Написал заказчику. Попросил проверить письмо. Есть ли там про блог? Заказчик тоже вздохнул с облегчением. Обещал проверить и ответить. На вторые сутки ещё не ответил. Делаю вывод, что всё в порядке.

А ещё вывод, что не стоит полагаться на нейросети. Иначе можно стать седым раньше времени.
Взялся за редизайн сайта мастерской по изготовлению манекенов для обучения кунг-фу. На китайском такой манекен называют чонгом. Отсюда выбор домена.

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

Это, к стати, не единственная модель. Есть ещё тренажёры на платформе в стальном стакане, подвесные на стену, "пауки" и т.д. Всё это может изготовить хозяин мастерской Дмитрий Васильевич Затуло.

С ним я знаком лично и, в своё время, много у него тренировался. Качество чонгов - отличное. Все конструкции надёжные, из натурального дерева и стали.

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

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

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

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

На картинке часть макета главной страницы. Получается неплохо. Фотка чонга здесь скучновата. Зато её солнечная гамма очень красива и подходит по цвету.

Напомню, что я не настоящий дизайнер. По специальности я разработчик. А художником я становлюсь на досуге для души. Осваиваю Фигму, Криту, Инкскейп. Думаю, что прогресс в этом деле у меня есть.
Расширил авторизацию на сайте Такси 42 при помощи JWT-токена. Раньше для заказа приходилось каждый раз подтверждать номер телефона СМС-кодом. Теперь сайт научился запоминать пользователя.

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

А ещё переверстал форму заказа. Раньше чекбоксы с опциями были выведены прямо в форме. А опций у нас много: детское кресло, перевозка животных и т.д. На смартфоне приходилось скроллить чтобы добраться до кнопки заказа.

Я заменил чекбоксы кнопкой "Пожелания к заказу". Она открывает диалог выбора опций. Форма стала лаконичнее. Можно набирать адреса и сразу видеть изменение стоимости.

Кстати, ввод маршрута - это следующая тема для доработки. Планируется добавить карту для выбора адреса прямо на ней. Для многих это удобнее. Особенно для молодёжи. Она часто не ориентируется в адресах, зато умеет находить нужный дом на карте.
Добавил карту на сайт Такси 42. Речь пока только про десктоп. Раньше ввести адреса для заказа такси можно было только текстом. А теперь добавилась опция ткнуть их на карте. При этом, сайт тут же проложит маршрут.

Пока непонятно насколько удобно сделано переключение между адресами. Первый клик по карте назначает адрес "Откуда". Фокус переходит в поле "Куда", и все последующие клики по карте выбирают уже его. Чтобы вернуться к адресу "Откуда" нужно вручную перевести в него фокус.

Будем смотреть, удобен ли такой способ пользователям. У Яндекса, например, сделано по-другому. Там кликнуть на карте можно только адрес "Откуда". А адрес назначения вводится текстом.

Для работы с картой используется библиотека Leaflet и подложка 2ГИС. На очереди версия для мобильных устройств.
Мне понадобился узор для заголовков на сайте мастерской чонгов. Т.к. тема китайская, дизайн нужен с китайскими мотивами. Я собрал пачку референсов.

Оказалось, что в узоры в китайской культуре глубоко символичны. Круг изображает бесконечность и совершенство. Квадрат - землю и стабильность. Узел созвучен достижению желаемого самым счастливым образом.

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

Получился вот такой рисунок. Я старался сделать его похожим на чонг. Вид сверху. По центру бревно, а по бокам рама и рессоры. Красиво и весьма символично ) Надеюсь, хозяину сайта тоже понравится.