🚂 DevHints — Rails Cheat Sheet
Стисла і дуже зручна шпаргалка для швидкого нагадування:
• маршрути (routes)
• контролери
• валідації
• асоціації
• ActiveRecord

Все на одній сторінці, акуратно структуровано – ідеально тримати відкритим у другій вкладці під час роботи.

🧩 Cheatography: Ruby on Rails Cheat Sheet
Класична шпаргалка по ключових темах: генератори, консоль, моделі, фільтри, валідації, маршрути, міграції.

Зручно, якщо ти тільки починаєш працювати з Rails або повертаєшся після перерви.

🛡️ OWASP — Ruby on Rails Security Cheat Sheet
Окрема шпаргалка від OWASP – про безпеку у Rails-проєктах: робота з параметрами, сесії, XSS, CSRF, SQL-інʼєкції, cookies, валідації та шифрування.

Якщо хочеш, щоб твій застосунок був не тільки красивим, а й безпечним – обов’язково додай у закладки.

🧠 Learn X in Y Minutes — Ruby
Не зовсім Rails, але must-have для розуміння самої мови Ruby.

Коли хочеш освіжити синтаксис або згадати, як працюють блоки, класи, модулі та метапрограмування.

💡 Як використовувати:
• відкрий шпаргалку перед код-рев’ю – освіжиш контекст;
• збережи собі посилання в браузері або Notion;
• повертайся щоразу, коли здається, що ти “знаєш це, але не зовсім”.

TikTok | Instagram | Telegram

Друзі, вирішили поділитися з вами чимось особливим ❤️

👉 Наша команда зібрала добірку улюблених українських пісень і виконавців – тільки те, що щиро рекомендуємо і самі слухаємо щодня. Ні, це не про ДжинглБелз 😉

👉 Впевнені, багато з цього плейлисту стануть для вас приємними відкриттями.
Діліться у коментарях своїми улюбленими треками – разом зберемо ідеальний плейлист ❄️🎧

Наш список:
Інлео (Inleo) — Інша Любов
The Hardkiss — Два вікна
Kishe — Знову і знову
Transportna — Ніби у кіно
Парфенюк — Врубай
The Hardkiss — Все було так
AVIATOR — Повертайся
Артем Пивоваров x DOROFEEVA — Думи
OKS — Роман
Korolova, Julia Sanina — Higher Calling
Kozak System — Не покинь

TikTok | Instagram | Telegram

CSS розвивається – нові фішки, які роблять нас трохи менш залежними від препроцесорів і JS

👉 Нашу увагу привернув крутий огляд від Karina F., який може бути корисним усім фронтендерам і тим, хто хоче прокачати CSS.

Тож ловіть найцікавіше:

:𝐡𝐚𝐬()

- стилізує елемент, якщо він містить певний дочірній елемент

𝐧𝐞𝐬𝐭𝐢𝐧𝐠

- скорочені вкладення, як у SCSS (&)

@𝐜𝐨𝐧𝐭𝐚𝐢𝐧𝐞𝐫 𝐪𝐮𝐞𝐫𝐢𝐞𝐬

- дозволяє застосовувати стилі не на основі розміру вікна браузера, як в @𝐦𝐞𝐝𝐢𝐚 запитах, а відповідно до контейнера (батьківського елемента)

𝐚𝐜𝐜𝐞𝐧𝐭-𝐜𝐨𝐥𝐨𝐫

- стилізація кольору чекбоксів, радіо, прогрес та ренжу

𝐥𝐢𝐠𝐡𝐭-𝐝𝐚𝐫𝐤()

- для підтримки темної/світлої теми

𝐜𝐨𝐥𝐨𝐫-𝐦𝐢𝐱()

- динамічне змішання кольорів в css

𝐬𝐜𝐫𝐨𝐥𝐥-𝐝𝐫𝐢𝐯𝐞𝐧 𝐚𝐧𝐢𝐦𝐚𝐭𝐢𝐨𝐧𝐬

- анімації під час скролу сторінки, наприклад, прозорий хедлайн, поступово проявляється при скролі

𝐜𝐨𝐧𝐭𝐞𝐧𝐭-𝐯𝐢𝐬𝐢𝐛𝐢𝐥𝐢𝐭𝐲: 𝐚𝐮𝐭𝐨

- властивість дозволяє браузеру відкласти рендеринг контенту до моменту, коли він стане видимим

𝐜𝐨𝐧𝐭𝐚𝐢𝐧-𝐢𝐧𝐭𝐫𝐢𝐧𝐬𝐢𝐜-𝐬𝐢𝐳𝐞

- задає резервний розмір, щоб уникнути стрибків макету

𝐭𝐞𝐱𝐭-𝐰𝐫𝐚𝐩: 𝐛𝐚𝐥𝐚𝐧𝐜𝐞

- балансує розподіл рядків тексту, щоб вигляд був більш естетичним

𝐬𝐜𝐫𝐨𝐥𝐥𝐛𝐚𝐫-𝐠𝐮𝐭𝐭𝐞𝐫

- резервує місце для скролбару без зміщення макету

𝐬𝐜𝐫𝐨𝐥𝐥𝐛𝐚𝐫-𝐜𝐨𝐥𝐨𝐫

- стилізує полосу прокрутки

📌 𝐁𝐫𝐨𝐰𝐬𝐞𝐫 𝐬𝐮𝐩𝐩𝐨𝐫𝐭:

:has() - 92.62%
nesting - 90,96%
@container queries - 92.5%
light-dark() - 86.16%
color-mix() - 91.33%
accent-color - 93.75%
scroll-driven animations - 78.52%
content-visibility: auto - 91.64%
contain-intrinsic-size - 92.79%
text-wrap: balance - 87.92%
scrollbar-gutter - 91.54%
scrollbar-color - 77.69%

💡 CSS стає ще більш крутим і зручним – варто спробувати ці фішки!
Дякуємо Karina F. за такий корисний огляд! 🙏

TikTok | Instagram | Telegram