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

Дизайн

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Как серверу на Django знать своих клиентов на React в лицо, практическое руководство

Веб-дизайн*Django*ReactJS*

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


Достаточно несложно в React нарисовать форму, где можно позволить пользователям вводить свои учетные данные, включающие в себя логин и пароль. Не стоит практически никаких усилий, чтобы на Django сверить пароль, соответствующий логину в базе данных. Но что дальше? Обзор получился достаточно объемный с примерами кода, которые помогут воссоздать реализацию всех схем аутентификации/авторизации.


main

Читать дальше →
Рейтинг0
Просмотры387
Комментарии 2

3D Graphics Rendering Cookbook

Программирование*C++*Работа с 3D-графикой*Разработка игр*

В августе этого года, после полутора лет напряженной работы, наконец-то вышла наша третья книга (про первую и вторую уже были посты на Хабре) ориентированная на разработку игр: 3D Graphics Rendering Cookbook: A comprehensive guide to exploring rendering algorithms in modern OpenGL and Vulkan.


Читать дальше →
Всего голосов 10: ↑10 и ↓0+10
Просмотры1.7K
Комментарии 6

Компактные Vue компоненты из самописных SVG иконок

Работа с иконками*JavaScript*Работа с векторной графикой*Системы сборки*VueJS*


История вопроса


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


Мне уже давно и прочно нравится мир Vue. Особенно завораживает скорость, с которой в нём рождаются новые возможности писать код более лёгким и понятным. Недавно появились Composition API, VueUse, Vite… По ходу освоения этих новых инструментов я нашёл шаблон Vitesse, буквально насыщенный удобными средствами — и для управления макетами (layout), и для маршрутизации, и для локализации и ещё для много чего… Возможно, есть смысл написать отдельный обзор этого арсенала по русски (чего в Интернете пока ещё нет). Но сейчас речь не об этом.

Читать дальше →
Всего голосов 4: ↑4 и ↓0+4
Просмотры1.8K
Комментарии 2

Правила умного дома

Настройка Linux*Веб-дизайн*Open source*ГаджетыУмный дом

Очень часто в статьях про домашнюю автоматизацию на Хабре выкладывают всю техническую подноготную: на каких технологиях сделано, какие программные продукты применены. Но очень мало статей, которые показывают конкретные примеры правил автоматизации. И сегодня я хочу это исправить. 

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

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

Автоматизация на Home Assistant
Всего голосов 21: ↑17 и ↓4+13
Просмотры14K
Комментарии 126

7 артефактов проектирования, которые улучшат дизайн

Блог компании Агентство AGIMAПроектирование и рефакторинг*Дизайн

Когда кто-то сегодня говорит о UX, довольно часто он имеет в виду не проектирование пользовательского опыта, а визуальный дизайн. И это объяснимо. Сам по себе интерфейс (UI) уже представляет собой некий конечный продукт, и он прост для понимания. 

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

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

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

Разбор тестовых заданий на стажировку в UX-редакцию Авито

Блог компании АвитоИнтерфейсы*Контент-маркетингКарьера в IT-индустрии

Привет! Я Юля Трусова, старший UX-редактор в Авито. В этом году мы снова набирали стажёров, которые будут писать интерфейсы, лендинги, рассылки и многое другое.

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

Осторожно — много картинок!

Читать далее
Всего голосов 8: ↑8 и ↓0+8
Просмотры1.5K
Комментарии 3

Актуальный App store review guidelines на русском языке

Разработка под iOS*Разработка мобильных приложений*Дизайн мобильных приложений*
Перевод

Изучая тему мобильной разработки, не стал ограничиваться только переводом Apple Human Interface Guidelines for iOS на русский язык.

Решил перевести и App store rewiev guidelines. Ранее на хабре уже публиковался перевод этого руководства, но по прошествии семи лет, думаю, обновление перевода будет не лишним.

Если увидите, что в каких-то местах текст переведен некорректно или плохо, и у вас есть идея о более правильном варианте, прошу написать на почту [email protected], указав в теме письма "App store RG - перевод".

Перевод размещен здесь: App Store Review Guidelines (Google Docs).

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

Быстрый, мощный интерфейс на Python

Блог компании SkillFactoryPython*Программирование*Интерфейсы*C*
Перевод
Tutorial

Dear PyGui принципиально отличается от других фреймворков GUI Python. Рендеринг на GPU, более 70 виджетов, встроенная поддержка асинхронности — это лишь некоторые возможности Dear PyGui. Руководством по работе с этим пакетом делимся к старту курса по разработке на Python.

Читать далее
Всего голосов 60: ↑57 и ↓3+54
Просмотры26K
Комментарии 39

Аим-ассист в мультиплеерном шутере — как сделать правильно

Блог компании LightmapРазработка игр*Unity*Дизайн игр*Игры и игровые приставки

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

Пару лет назад в нашем онлайн-шутере вообще не было аим-ассиста и автострельбы. Даже в сторе было написано, что Pixel Gun 3D — «hardcore shooter». Нас это устраивало, пока не стало сложнее привлекать новую аудиторию. Даже несмотря на обучение и матчмейкинг, новичкам было сложно освоиться.

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

Читать далее
Всего голосов 61: ↑61 и ↓0+61
Просмотры9K
Комментарии 30

Как мы устали пользоваться фриланс-биржами и сделали телеграм-бот для заказа рекламных креативов за 60 минут

Медийная рекламаКонтекстная рекламаУправление продуктом*Дизайн
Боты уже давно стали неотъемлемой частью работы, в разы упрощая жизнь и полноценно заменяя кучу различных платных сервисов. Телеграм-бот Creative Workshop для поиска и разработки креативов (дизайна для рекламы) — собственная разработка международной медиабаинговой компании AcidBro из Киева.



Вы можете спросить, зачем же мы решили настолько заморочиться, чтобы создать аж целого бота для такой, казалось бы, мелочи? Все просто — мы запарились! Мы просто устали постоянно искать нормальные крео и толковых дизайнеров! Одновременно с этим, постоянно вносить тысячу и одну правку, и все это за достаточно высокую цену. С другой стороны, для арбитражников боты являются маст-хэв инструментом. Именно поэтому мы решили сделать — и сделали — своё собственное решение.
Читать дальше →
Всего голосов 21: ↑19 и ↓2+17
Просмотры3.3K
Комментарии 10

SubHub подкаст #6: Инвестиции или на свои? Виталий и Ольга Урбан о своём опыте запуска приложений

Блог компании AdaptyДизайн мобильных приложений*Венчурные инвестицииМонетизация мобильных приложений*Управление продуктом*

В шестом выпуске SubHub подкаста мы обсудили с Ольгой и Виталием как на собственные деньги раскачать мобильное приложение с 0 до $250k в месяц выручки без инвестиций в супер конкурентной нише.

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

Микроконтроллер + компьютер + своё программное обеспечение

C++*Интерфейсы*Программирование микроконтроллеров*ГаджетыDIY или Сделай сам
Из песочницы
Tutorial

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

Читать далее
Всего голосов 19: ↑13 и ↓6+7
Просмотры7.7K
Комментарии 30

Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз

Веб-дизайн*Разработка веб-сайтов*Визуализация данныхПоисковая оптимизацияДизайн
Перевод

Давно существует куча инструментов от Ahrefs, Mooz, Semrush и т.д., которые показывают главные мета теги для каждой страницы отдельно, в лучшем случае списком.

Но кто-нибудь видел инструмент, который выводит сразу все title и description за раз и показывает это в виде удобной иерархической визуальной структуры для всего веб-сайта?

Давайте по порядку ...

Читать далее
Всего голосов 4: ↑0 и ↓4-4
Просмотры1.9K
Комментарии 7

Превращаем RTSP в WebRTC: сколько камер потянет сервер?

Блог компании FlashphonerСистемное администрирование*Работа с видео*IT-инфраструктура*DevOps*

Эта статья продолжает цикл статей по нагрузочным тестам. Сегодня мы разберем методику тестирования и ответим на вопрос "Сколько IP камер можно подключить к WebRTC серверу?"

Читать далее
Всего голосов 4: ↑4 и ↓0+4
Просмотры3.3K
Комментарии 6

Мой опыт заказа СВЧ плат в России

Прототипирование*Производство и разработка электроники*Электроника для начинающих

В этой статье описан мой опыт заказа плат. За время своей работы сделала около 50 СВЧ заготовок размера А4, на каждой 50-100 отдельных плат.

Я пишу про СВЧ разработку. У меня вышло несколько статей за последний месяц - приглашаю ознакомиться. Эта статья не похожа на другие, но надеюсь подписчики меня простят; я пишу о том, что меня волнует и касается моей профессиональной деятельности. Статьи про разработку, конечно, ещё будут.

далее
Всего голосов 31: ↑31 и ↓0+31
Просмотры7.2K
Комментарии 54

Как я делал рукоять затвора в стиле «биоморфизм»

Прототипирование*3D-принтерыDIY или Сделай сам

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

Читать далее
Всего голосов 47: ↑44 и ↓3+41
Просмотры12K
Комментарии 53

Лайфхаки от Boomburum-а

Работа с видео*Социальные сети и сообществаПрезентацииЛайфхаки для гиков

Привет, Хабр! В моей голове долгое время скребётся тараканом идея рассказать вам про пару лайфхаков, которые я использовал когда-то или продолжаю использовать до сих пор. Нашёл свободную минутку и предлагаю вашему вниманию 20 килознаков — надеюсь, что-нибудь пригодится и вам. 

Читать далее
Всего голосов 141: ↑131 и ↓10+121
Просмотры29K
Комментарии 87

Дизайн без дизайнера

Дизайн

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

Чтобы всё не запороть с самого начала, можно попробовать воспользоваться рекомендациями, которые изложены в этой статье. Они относятся к трём основным аспектам хорошего дизайна: работа с формами, типографика, композиция. Воспользовавшись этими рекомендациями вы не станете отличным дизайнером, но сможете избежать неприятных ошибок, способных свести продукт в могилу. А заодно узнаете немного нового про дизайн и просто начнёте немного лучше разбираться в UI/UX.

Немедленно прочесть
Всего голосов 7: ↑7 и ↓0+7
Просмотры3.5K
Комментарии 12

Голосовые ИИ-технологии: 3 перспективных направления, которые постепенно меняют мир

Блог компании Neuro.netНаучно-популярноеИскусственный интеллектБудущее здесьГолосовые интерфейсы
Перевод
image

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

Каждый, кто пробовал взаимодействовать с цифровыми ассистентами вроде Alexa и Siri, видел и ощущал разницу между «общением» с ними и полноценным разговором с человеком. Но прогресс не стоит на месте. В ближайшем или не очень будущем продвинутые ИИ-собеседники обязательно появятся, ведь к этому все и идет. В целом, эта технология способна изменить мир. Под катом — обсуждение трех инновационных технологий, которые стимулируют развитие всей отрасли.
Читать дальше →
Всего голосов 7: ↑7 и ↓0+7
Просмотры1.9K
Комментарии 0

Детальный разбор двух сложных тестовых заданий на роль UX-исследователя

Блог компании АвитоUsability*Карьера в IT-индустрии

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

Читать далее
Всего голосов 12: ↑11 и ↓1+10
Просмотры3.4K
Комментарии 0