Фронтендер психанул и написал крестики-нолики без HTML и JavaScript
Вся игра работает практически только на CSS. Причём это не анимация и не заранее записанный трюк, можно ставить крестики и нолики и реально играть.
Внутри используются container queries, allow-discrete, типизированные custom properties и другие современные возможности CSS.
https://lyra.horse/fun/tic-tac-nohtml/
Вся игра работает практически только на CSS. Причём это не анимация и не заранее записанный трюк, можно ставить крестики и нолики и реально играть.
Внутри используются container queries, allow-discrete, типизированные custom properties и другие современные возможности CSS.
https://lyra.horse/fun/tic-tac-nohtml/
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот HTML-косяк непростителен. Не использовать атрибут
Улучшай UX, показывая подходящую клавиатуру под тип ввода. Работает и на Android, и на iOS
inputmode в элементах input — серьёзная ошибкаinputmode подсказывает браузеру, какую экранную клавиатуру отобразить пользователю для конкретного поля ввода. Используется с элементами <input> и <textarea> Улучшай UX, показывая подходящую клавиатуру под тип ввода. Работает и на Android, и на iOS
This media is not supported in your browser
VIEW IN TELEGRAM
Полезное расширение для Chrome «Responsive Viewer»
Помогает веб-разработчикам и дизайнерам быстро тестировать адаптивность сайтов, показывая сразу несколько экранов разных размеров.
Помогает веб-разработчикам и дизайнерам быстро тестировать адаптивность сайтов, показывая сразу несколько экранов разных размеров.
Разработчики Next.js: добавьте эти 4 строки в ваш .vscode/settings.json, чтобы сразу прокачать удобство разработки
{
"workbench.editor.customLabels.patterns": {
"**/app/**/{page,layout,index}.{ts,tsx}": "(${dirname})/${filename}.${extname}",
"**/index.{ts,tsx}": "${dirname}/index.${extname}"
},
}Media is too big
VIEW IN TELEGRAM
Как работают очереди в контексте HTTP-запросов
Разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями. Всё это интерактивно: можно тыкать и смотреть, как это всё работает в реальном времени
Ловите ссылку: https://encore.dev/blog/queueing
Разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями. Всё это интерактивно: можно тыкать и смотреть, как это всё работает в реальном времени
Ловите ссылку: https://encore.dev/blog/queueing
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Обрати внимание, что в корректном примере чипы мгновенно перемещаются на новую позицию, когда один из чипов удаляется.
Это происходит из-за режима
Это происходит из-за режима
popLayout в AnimatePresence из motion/react, который обеспечивает более плавную и быструю анимацию при удалении элемента