Как стать автором
Обновить
14
0

Пользователь

Отправить сообщение

Как делать чистые градиенты

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров9.9K

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

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

Читать далее
Всего голосов 41: ↑40 и ↓1+55
Комментарии14

Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано

Уровень сложностиПростой
Время на прочтение14 мин
Количество просмотров11K

Привет! Меня зовут Егор Стеблин, я фронтенд-разработчик отдела спецпроектов в KTS.

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

В конце — пример целого письма в HTML.

Читать далее
Всего голосов 42: ↑40 и ↓2+40
Комментарии17

Изобретение линзы Френеля: революция в маяках и спасение жизней до появления GPS

Время на прочтение10 мин
Количество просмотров16K

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

Но если вы потерялись на море, то всё сложнее — перед вами только «синяя вечность», как пел Муслим Магомаев. Поэтому для морской навигации GPS стал настоящим прорывом. Теперь на кораблях действует система ECDIS, утверждённая международным сообществом и заменившая бумажные карты. Но 200 лет назад всё было не так радужно.

Представьте: глухая ночь, море штормит, и корабль пытается найти путь в гавань. Ни радаров, ни трекинга нет, а единственный ориентир — это свет маяка. Чем он сильнее, тем больше шансов у моряков не погибнуть, налетев на рифы, и безопасно добраться до пункта назначения. Именно поэтому изобретение линзы Френеля спасло сотни, если не тысячи жизней моряков задолго до GPS. Да и сейчас они используются в маяках по всему миру: только в США их 75 штук! Давайте посмотрим на историю этого удивительного открытия.

Читать далее
Всего голосов 60: ↑59 и ↓1+75
Комментарии35

Создаем параллакс-эффект во Flutter с CustomPaint

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров1.8K

Краткое руководство по созданию эффекта параллакса в Flutter с использованием CustomPaint. Узнайте, как оживить интерфейс вашего приложения с помощью динамичных визуальных эффектов.

Читать далее
Всего голосов 1: ↑1 и ↓0+1
Комментарии0

Скрытые возможности элемента <input>

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров20K

Элемент <input> в HTML самый интересный.

Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике).

Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для сброса всех полей в форме. В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях. Приступим!
Читать дальше →
Всего голосов 83: ↑82 и ↓1+101
Комментарии22

Моя марбл машина, версия 3

Время на прочтение3 мин
Количество просмотров5.9K

Это моя новая электро-механическая марбл машина. Она спроектирована мной в САПР FreeCAD и напечатана на 3D принтере FLSUN-QQ. Когда-то я уже писал на хабре про свою самую первую марбл, потом и про вторую. Ну вот время идет, но опять и опять я возвращаюсь к этой теме. Марбл машины притягивают меня видимо потому, что на них можно смотреть бесконечно, как на горный ручей. Движение шариков никогда не повторяется и в этом вся прелесть. Ну и опять же, такие марбл машины символизируют жизнь с её подъемами и спусками, а иногда и падениями... очень актуально в нынешние непростые времена..

Возможно когда ни будь я смогу объединить все мои марбл проекты в единый большой организм. Ну а пока вот так.

Читать далее
Всего голосов 41: ↑41 и ↓0+41
Комментарии33

Классическая змейка на адресных светодиодах в формате игровой консоли

Время на прочтение4 мин
Количество просмотров5.4K

Привет, Хабр! Хочу рассказать об одном из своих любимых DIY проектов, который я реализовал еще пару лет назад. Данным проектом я хотел закрыть две цели: во-первых, подготовить подарок на день рождения своей племяннице (Ксюша, привет!), во-вторых, переползти с микроконтроллеров Atmel на ST. Также хотел получить опыт в использовании С++ в embedded устройствах.

Читать далее
Всего голосов 51: ↑51 и ↓0+51
Комментарии17

Интересные трюки HTML, CSS и JS

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров22K

Здесь вы найдёте небольшую подборку нестандартных вариантов использования HTML/CSS/JS. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.

Примечание. Некоторые трюки основаны на открытых уязвимостях браузеров и поисковой системы Google и др. Поэтому могут перестать работать в ближайшее время (или продолжат, если разработчики не признают баги и не захотят их исправлять). Другие функции работают только начиная с конкретных версий Chrome, Firefox и т. д.
Читать дальше →
Всего голосов 47: ↑44 и ↓3+55
Комментарии17

Интеграция с платежными системами, PCI DSS на примере Stripe и Flutter

Время на прочтение12 мин
Количество просмотров4K

Привет! Меня зовут Никита Улько, я fullstack-разработчик в Friflex . Мы разрабатываем мобильные приложения и нагруженные проекты для крупного бизнеса, и почти никогда в проектах не обходится без внедрения платежных систем. В этой статье разберем интеграцию платежной системы Stripe в Flutter приложении, а потом немного прогуляемся дальше в дикую природу, за пределы мобильных приложений. Я расскажу, как работают системы электронных платежей на примере GooglePay и ApplePay и как они связаны с платежными шлюзами. Разберем аспекты безопасности, которые важно держать в голове, и познакомимся со стандартом PCI DSS.

Читать далее
Всего голосов 5: ↑5 и ↓0+5
Комментарии0

Расплывающаяся менюшка

Время на прочтение6 мин
Количество просмотров3K

Понадобилось мне в приложении меню которое появляется по нажатию на floating button. Начал смотреть, что там такого есть в этих ваших интернетах. Мне хотелось как в самсунге меню для стилуса. Поскольку я не придумал, как это гуглить правильно, я не нашел такого меню готового. Поэтому решил сделать его сам.

Читать далее
Всего голосов 7: ↑7 и ↓0+7
Комментарии1

Стелем мягкую соломку на жёсткий Flutter: как подготовиться к первому проекту, чтобы не провалить его

Время на прочтение17 мин
Количество просмотров9.5K

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

Читать далее
Всего голосов 19: ↑18 и ↓1+19
Комментарии5

Flutter: Создание расширения для Chrome

Время на прочтение6 мин
Количество просмотров5.3K

Как создать расширение для браузера? Создание расширения для Google Chrome.

Сложность: Опытный

Всем привет. Месяц назад, пока бороздил просторы интернета, понял, что у меня есть проблема, я хотел проверить текущую цену Биткойна, но каждый раз заходить на сайт валюты мне было тяжело. Итак, я решил сделать расширение для Google Chrome с помощью Flutter. И хочу рассказать как я это сделал.

Расширение будет достаточно простым, будет лишь функционал проверки состояния Биткойна. Вам не понадобится дополнительная установка каких-либо плагинов. Мы напишем его с помощью встроенных средств web.

Читать далее
Всего голосов 7: ↑6 и ↓1+6
Комментарии6

Атрибуты HTML, которыми вы никогда не пользовались

Время на прочтение10 мин
Количество просмотров30K

В январе этого года Мэдисон Канна спросила у своих подписчиков в Twitter:

Какие языки/технологии вам бы хотелось изучить или узнать глубже в этом году?

Мой выбор: typescript, next.js, react, graphql, solidity, node — Мэдисон Канна (@Madisonkanna) January 3, 2022

Мой ответ был очень простым: HTML. И я ни в коей мере не был саркастичным или насмешливым. Разумеется, я неплохо знаю, какие теги использовать в каких случаях и как обеспечивать семантику и доступность моего HTML.

Однако существует целая куча малоиспользуемых атрибутов, о которых я забыл, и, вероятно, целая куча атрибутов, о существовании которых я и не знал. Этот пост стал результатом моих исследований, и я надеюсь, что он окажется для вас полезным при создании страниц на HTML.
Читать дальше →
Всего голосов 75: ↑75 и ↓0+75
Комментарии9

Flutter for Desktop — новый подход к разработке приложений

Время на прочтение11 мин
Количество просмотров26K

Язык программирования Dart был изначально разработан как перспективная замена JavaScript в веб-приложениях (с поддержкой асинхронности, потоков, классической поддержки ООП и возможностью использования строгой типизации), но, к сожалению, в этом качестве он так и не достиг значительных успехов. Однако в дальнейшем компилятор Dart был доработан для других целевых платформ и наибольшего успеха достиг в сочетании с фреймворком Flutter как инструмент разработки высокопроизводительных мобильных приложений, создаваемых на основе реактивной модели. Но нужно отметить, что наряду с возможностями компиляции в целевые платформы Android и iOS (а также, разумеется, Web), Dart также может использоваться для создания приложений для операционных систем Windows, Linux и MacOS, что в сочетании с возможностями фреймворка Flutter и оптимизированных платформенных реализаций Flutter Engine и Embedder, представило новый путь к созданию нативных приложений с графическим интерфейсом. В этой статье мы рассмотрим возможности и особенности реализации desktop-приложений на Flutter и разберемся с механизмами интеграции внешних библиотек.

Читать далее
Всего голосов 19: ↑19 и ↓0+19
Комментарии18

Разрешение на полет дрона в 2022-м

Время на прочтение5 мин
Количество просмотров117K

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

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

Читать далее
Всего голосов 45: ↑45 и ↓0+45
Комментарии51

Что означают приставки в британских фамилиях и не только

Время на прочтение5 мин
Количество просмотров45K

Привет, Хабр! По исследованиям социологов, в Британии сегодня можно насчитать около 45 000 фамилий. И среди них вы наверняка замечали фамилии со странными префиксами вроде O’Hara или McGregor. О них сегодня и поговорим.

Точнее, не конкретно о них, а в целом о фамильных приставках в Британии. Расскажем, как они появились, что значат и как по ним можно определить родину человека. Готовы? Поехали!

Читать далее
Всего голосов 58: ↑52 и ↓6+63
Комментарии16

Android App Bundles. Как уменьшить размер вашего приложения?

Время на прочтение7 мин
Количество просмотров9.6K

Привет, Хабр! Сегодня расскажу, что такое Android App Bundles, как их использовать в реальном проекте и на сколько нам удалось уменьшить размер приложения, не прикладывая очень больших усилий.

Читать далее
Всего голосов 4: ↑4 и ↓0+4
Комментарии5

Про подводный авианосец

Время на прочтение6 мин
Количество просмотров36K

Все мы знаем, что во время Второй мировой войны тихоокеанский театр военных действий служил главным местом сражения Японии и США, где, начиная с 1941 года, происходило нереальное воздушное и, что самое главное, водное месиво. И в этом водном месиве каждый вид, каждый тип кораблей имел свою роль и был важен в сражении. Но был один корабль, который был важнее других... Подводная лодка. Возможность подойти к противнику с любой стороны, оставаясь незамеченным, хорошее вооружение, относительно низкая стоимость (они конечно были дорогие, особенно если речь идет о крупных ПЛ, однако все равно были дешевле тех же крейсеров) и стремительный прогресс делали подлодки с каждым днем все важнее и важнее. И вот, на пике своего идейного развития, японские адмиралы решили пойти на самую гениальную (и безумную) идею, что могла только прийти им в голову — они решили сделать подводный авианосец.

Читать далее
Всего голосов 54: ↑51 и ↓3+68
Комментарии67

Делаем собственные курсоры для сайтов

Время на прочтение7 мин
Количество просмотров19K
Существует множество способов обогащения визуальных впечатлений, которые вызывает у пользователей креативный веб-сайт, множество способов перевода существующего статического дизайна на новый уровень. В частности, речь идёт об оснащении сайтов интерактивным функционалом. А здесь мы исследуем один из способов реализации такого функционала через разработку собственного курсора (указателя мыши) для сайта, представляющего собой независимый элемент пользовательского интерфейса. Это — элемент интерфейса, который будет не только интерактивным и визуально привлекательным, но и полезным с практической точки зрения. Мы уделим особое внимание примерам кода, которые дадут всем желающим возможность расширить те базовые вещи, которые мы рассмотрим, и сделать собственный качественный курсор для сайта.


Пользователь взаимодействует со страницей сайта 14islands.com с использованием собственного курсора этого сайта
Читать дальше →
Всего голосов 27: ↑22 и ↓5+29
Комментарии20

Flutter. Как прокачать ваш BLoC

Время на прочтение2 мин
Количество просмотров6.7K
Реализующих BLoC паттерн библиотек много. Но та, о которой я расскажу, необычная, и называется isolate_bloc.

Как можно понять из названия — это какой-то необычный блок, а особенность его в том, что он работает в отдельном Isolate (далее изолят) и не тормозит ваш UI.

В чем проблема обычного bloc-а?


Помимо бойлерплейта есть и еще одна проблема — он работает в главном потоке, поэтому тяжелые задачи, типо парсинга json могут привести к фризам в UI.

С первой проблемой могут помочь библиотеки по типу simple_bloc или cubit. Со второй — изолят, или обертка над ним — Compute. В принципе это действительно хорошая связка, которую используют многие, но даже она решает не все проблемы. Например, в изоляте нельзя работать с MethodChannel, и в принципе его использование сопряжено с неудобствами и бойлерплейтом.
Читать дальше →
Всего голосов 7: ↑6 и ↓1+10
Комментарии10
1
23 ...

Информация

В рейтинге
Не участвует
Откуда
Таллин, Эстония, Эстония
Дата рождения
Зарегистрирован
Активность