This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.
Сайтодел | #сниппет #css
💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.
Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.
Сайтодел | #сниппет #css
💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.
Сайтодел | #сниппет #css
✈️ [PYTHON:TODAY]
💀 Сегодня фанаты отмечают день восстания Скайнет
29 августа во вселенной «Терминатора» ИИ осознал себя и вышел из-под контроля уничтожив большую часть человечества.
🫡
💀 Сегодня фанаты отмечают день восстания Скайнет
29 августа во вселенной «Терминатора» ИИ осознал себя и вышел из-под контроля уничтожив большую часть человечества.
🫡
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ [PYTHON:TODAY]
📈 В сети вирусится видео, где мужик показал свой сетап где-то на Ближнем Востоке.
Чувак устроил рабочее место буквально посреди разрушений: вокруг хаос, разбитые здания и последствия боевых действий, а перед ним — несколько смартфонов и экранов с графиками.
😱 Высший уровень удаленки...
📈 В сети вирусится видео, где мужик показал свой сетап где-то на Ближнем Востоке.
Чувак устроил рабочее место буквально посреди разрушений: вокруг хаос, разбитые здания и последствия боевых действий, а перед ним — несколько смартфонов и экранов с графиками.
😱 Высший уровень удаленки...
✈️ Code Ready | Frontend
Правильный порядок фокуса в сложном Grid без перестановки DOM!
CSS Grid позволяет визуально переставлять элементы, но раньше это создавало неприятную проблему: пользователь видит один порядок, а при нажатии Tab фокус может идти по исходному DOM.
Теперь для этого появился
Для Grid можно заставить последовательную навигацию следовать визуальным строкам:
.cards {
reading-flow: grid-rows;
}
Для Flex есть отдельный режим:
.toolbar {
reading-flow: flex-visual;
}
А если нужен контролируемый порядок, контейнер переводится в
.list {
reading-flow: source-order;
}
.featured {
reading-order: -1;
}
Это полезно в адаптивных интерфейсах, где Grid/Flex визуально меняет расположение карточек или контролов, но переписывать DOM только ради порядка клавиатурной навигации неудобно.
🔥
📣 Code Ready | #совет
Правильный порядок фокуса в сложном Grid без перестановки DOM!
CSS Grid позволяет визуально переставлять элементы, но раньше это создавало неприятную проблему: пользователь видит один порядок, а при нажатии Tab фокус может идти по исходному DOM.
Теперь для этого появился
reading-flow.Для Grid можно заставить последовательную навигацию следовать визуальным строкам:
.cards {
reading-flow: grid-rows;
}
Для Flex есть отдельный режим:
.toolbar {
reading-flow: flex-visual;
}
А если нужен контролируемый порядок, контейнер переводится в
source-order, после чего отдельным детям можно задавать reading-order..list {
reading-flow: source-order;
}
.featured {
reading-order: -1;
}
Это полезно в адаптивных интерфейсах, где Grid/Flex визуально меняет расположение карточек или контролов, но переписывать DOM только ради порядка клавиатурной навигации неудобно.
🔥
reading-flow решает проблему расхождения визуального порядка и последовательной навигации на уровне CSS.📣 Code Ready | #совет
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.
Сайтодел | #сниппет #css
💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.
Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.
Сайтодел | #сниппет #css
💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.
Сайтодел | #сниппет #css
✈️ [PYTHON:TODAY]
🚀 Самая жирная шпаргалка по Backend на русском!
Внутри:
🌍 Сети и интернет (без этого твой API — просто грустная пицца без начинки).
💻 Как устроен ПК (чтобы не плакать над железом).
🐧 Linux (священная ОС всех кодеров).
🗄 Базы данных (чтобы SELECT не превращался в рулетку).
🔗 API (общайся с фронтом как с друзьями, а не врагами).
🛡 Безопасность (да, SQL-инъекции всё ещё живы).
🧑💻 Тестирование (потому что баги — это тоже фича, но не всегда).
...и много чего интересного!
Три формата знаний:
💬 Визуал — картинки, таблицы и шпаргалки, нарисованные специально для этого проекта.
💬 Краткая выжимка — только самое важное, плюс ссылки на термины в вики.
💬 Источники — топовые и понятные ресурсы для глубокого изучения.
😰 Если ты новичок — это твой трамплин!
⚡️ Если ты профи — это твой ускоритель!
👨💻 Всё, что нужно бэкендеру, в одном месте.
Сохраняй, пригодится! 👍
#cheatsheet #github #python #git #linux #db #doc
🚀 Самая жирная шпаргалка по Backend на русском!
Внутри:
🌍 Сети и интернет (без этого твой API — просто грустная пицца без начинки).
💻 Как устроен ПК (чтобы не плакать над железом).
🐧 Linux (священная ОС всех кодеров).
🗄 Базы данных (чтобы SELECT не превращался в рулетку).
🔗 API (общайся с фронтом как с друзьями, а не врагами).
🛡 Безопасность (да, SQL-инъекции всё ещё живы).
🧑💻 Тестирование (потому что баги — это тоже фича, но не всегда).
...и много чего интересного!
Три формата знаний:
💬 Визуал — картинки, таблицы и шпаргалки, нарисованные специально для этого проекта.
💬 Краткая выжимка — только самое важное, плюс ссылки на термины в вики.
💬 Источники — топовые и понятные ресурсы для глубокого изучения.
😰 Если ты новичок — это твой трамплин!
⚡️ Если ты профи — это твой ускоритель!
👨💻 Всё, что нужно бэкендеру, в одном месте.
Сохраняй, пригодится! 👍
#cheatsheet #github #python #git #linux #db #doc
✈️ [PYTHON:TODAY]
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ [PYTHON:TODAY]
🥹 Только посмотрите как счастлив чувак
Чел встретил Еву Эльфи и попросил маму сделать фотку.
— «Скажи маме, что за прекрасная леди?»
☺️ Да она просто блогер.
С добрым утром, хорошего дня! 😎
🥹 Только посмотрите как счастлив чувак
Чел встретил Еву Эльфи и попросил маму сделать фотку.
— «Скажи маме, что за прекрасная леди?»
☺️ Да она просто блогер.
С добрым утром, хорошего дня! 😎
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Code Ready | Frontend
✍️ Краткое руководство по HTML — основные теги и структура веб-страницы!
Здесь собраны основы HTML с понятными примерами: структура HTML-документа, работа с <head> и метатегами, HTML5-разметка, заголовки и текст, ссылки, изображения, таблицы и основные атрибуты элементов. В конце есть удобная таблица с популярными тегами и их назначением.
Оставляю ссылочку: GitHub 📱
📣 Code Ready | #репозиторий
✍️ Краткое руководство по HTML — основные теги и структура веб-страницы!
Здесь собраны основы HTML с понятными примерами: структура HTML-документа, работа с <head> и метатегами, HTML5-разметка, заголовки и текст, ссылки, изображения, таблицы и основные атрибуты элементов. В конце есть удобная таблица с популярными тегами и их назначением.
Оставляю ссылочку: GitHub 📱
📣 Code Ready | #репозиторий