Таблица Менделеева для HTML
Бесплатная интерактивная шпаргалка: теги по категориям, поиск, описания и ссылки на MDN. Есть русская версия.
Забрать в закладки
Бесплатная интерактивная шпаргалка: теги по категориям, поиск, описания и ссылки на MDN. Есть русская версия.
Забрать в закладки
This media is not supported in your browser
VIEW IN TELEGRAM
Годный генератор CSS-паттернов для ваших проектов
Тут можно быстро собирать крутые CSS-паттерны для фона сайта, коллекция паттернов на чистом CSS, всё параметризовано — можно легко кастомизировать и забирать себе бесшовные фоны. Коллекция регулярно пополняется
Забираем здесь
Тут можно быстро собирать крутые CSS-паттерны для фона сайта, коллекция паттернов на чистом CSS, всё параметризовано — можно легко кастомизировать и забирать себе бесшовные фоны. Коллекция регулярно пополняется
Забираем здесь
Фронтендер психанул и написал крестики-нолики без 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}"
},
}