Рубрика «web-разработка»
Динозаврик по имени Джун
2025-04-17 в 9:00, admin, рубрики: AI, web-разработка, веб-разработа, джуны, ИИ, нейросетиНаши 象: что я узнал про китайцев и китайский веб-дизайн, пока создавал сайт для мясокомбината
2025-04-15 в 6:41, admin, рубрики: web-разработка, веб-дизайн, интернет-магазин, исследование пользователей, исследование рынка, китайские магазины, китайский интернет, культурные различия, разработка сайтов
Неизвестно полезный CSS. Часть 8
2025-04-08 в 9:01, admin, рубрики: css, ruvds_статьи, sm909_unknown_css, web-разработка, верстка, лайфхаки
Привет. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.
Сегодня мы рассмотрим:
- как можно избежать длинных значений для свойства
transform; - можно ли побороть неоднозначность медиа-запросов;
- малоизвестное и полезное свойство при работе с «гридами»;
- какой нюанс вы можете не знать про свойство
align-content; - древнейшее свойство, помогающее улучшить взаимодействие пользователя клавиатуры с интерфейсом.
Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.
Разработка топ мобильной игры в соло, с нуля, без бюджета, без движка, без знания языка программирования. Начало
2025-04-04 в 14:16, admin, рубрики: canvas, html5, javascript, web-разработка, движки, мобильная разработка, мобильные игры, Программирование, разработкаДавно хотел сделать мобильную игру, но руки никак не доходили. А неделю назад решил, что время пришло, поэтому решено — начинаем делать.
День 1
Хватит издеваться над чекбоксами
2025-03-22 в 19:17, admin, рубрики: UI, usability, UX, web-разработка, веб-дизайн, веб-сайтПривет! Я Влад — дизайнер в e-com, пилю сайты и шарю за молодежный сленг. В своей работе стремлюсь к максимальной ясности в интерфейсе и не люблю когда ссылки путают с кнопками.
CSS в 2025: какие фишки теперь доступны?
2025-02-11 в 14:01, admin, рубрики: css, ruvds_статьи, web-разработка, верстка, лайфхаки
Привет.
В начале января 2025 года мне захотелось посмотреть, какие новые фишки CSS стали поддерживаться современными браузерами за прошлый год. Провести некий срез, что уже можно использовать. И тут меня посетила мысль: «А почему бы не поделиться новинками на Хабре?». Вот я и пришёл.
Сразу скажу, что эта статья — краткий обзор появившимся возможностей. Моя цель — уведомить вас. Я не буду закапываться в принцип работы и другие нюансы. По этой причине, пожалуйста, воспринимайте эту статью как список, что можно изучить в 2025 году.
Для составления списка я использовал сайт «Can I Use». Брал те новшества, которые стали «зелёными» в 2024 году. Смотрел последние версии браузеров Chrome, FireFox, Opera, Edge, Safari, iOS Safari, Samsung Internet и Android Browser.
Не буду больше тянуть. Давайте посмотрим, что я вам подготовил.
Неизвестно полезный CSS. Часть 7
2025-01-21 в 9:01, admin, рубрики: css, ruvds_статьи, sm909_unknown_css, web-разработка, верстка, лайфхаки
Привет. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.
Сегодня мы рассмотрим:
- что вы можете не знать про псевдо-класс
:not(); - примеры работы псевдо-класса
:has(), работающие по логике операторов ИЛИ и И; - как неожиданно может повыситься специфичность правила при использовании псевдо-класса
:has(); - чем полезно свойство
user-select, кроме отмены выделения текста.
Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.
Перенос JWT-токенов в куки: Django REST + React
2025-01-15 в 15:15, admin, рубрики: django, jwt, jwt token, React, web-разработка, авторизация пользователя, безопасность веб-приложений, веб-приложения, джангоПривет! Статья в первую очередь была прежде всего написана для самого себя с целью запоминания интересного опыта по реализации кастомных костылей авторизации с помощью JWT-токенов, находящихся в куки.
В качестве бекенда был выбран горячо любимый Django Rest Framework, в качестве фронтовой части в моем случае использовался React. Начну с реализации серверной стороны. Я пропущу шаги по настройке Django REST Framework в связке с React. В Django в моем случае в качестве приложения для аутентификации пользователей было создано приложение user.
В качестве базы JWT-токенов взял библиотеку Simple JWTЧитать полностью »
Элегантная реализация Long Press обработчика с помощью CSS анимации
2024-11-23 в 5:15, admin, рубрики: css, front-end, frontend-разработка, html, javascript, web-разработкаВ веб-разработке часто возникает необходимость обрабатывать различные типы взаимодействий пользователя, включая короткие и длинные нажатия. В этой статье мы рассмотрим изящный способ реализации обработчиков для этих двух взаимодействий.
▎Зачем нужен Long Press?
Long Press — это взаимодействие, при котором пользователь удерживает палец на экране или кнопку в течение определенного времени. Это может быть полезно для вызова дополнительных действий, таких как контекстное меню, всплывающие подсказки или специальные функции, которые не должны выполняться при обычном клике.
▎Стандартное решение
Неизвестно полезный CSS. Часть 6
2024-11-19 в 9:01, admin, рубрики: css, ruvds_статьи, web-разработка, верстка, лайфхаки
Привет. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.