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

:𝐡𝐚𝐬()

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

𝐧𝐞𝐬𝐭𝐢𝐧𝐠

- скорочені вкладення, як у 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

Хвилинка ранкової мотивації: друзі, давайте швиденько закриємо таски і будемо відпочивати! 😎

Бажаємо всім вдалого, спокійного та тихого тижня (і поменше мітів 😉).

#codica_humor

TikTok | Instagram | Telegram

🎯 Як відповідати на технічні питання на співбесіді?

#codica_interviews

❌ Давати відповідь поспіхом – погана ідея.
✅ Знати ключові теми і розуміти, як їх пояснити – правильний підхід.ід.

📌 Питання, яке часто ставлять на Rails-співбесідах:
Explain the difference between Page, Action, Fragment, Low-Level, SQL, HTTP caching types in Ruby on Rails
📍 Очікувана відповідь:
Кешування в Ruby on Rails використовується для:
• зменшення навантаження на систему,
• пришвидшення відповіді,
• оптимізації роботи з базою даних.
Кожен тип кешу працює на своєму рівні та вирішує різні задачі.

🔹 Page caching
Кешує повністю згенеровану HTML-сторінку і віддає її напряму веб-сервером, без запуску Rails.
• максимальна швидкість;
• не підходить для динамічного контенту;
• був частиною Rails до версії 4;
• наразі deprecated, використовується лише в legacy або gem-based рішеннях.

🔹 Action caching
Кешує результат виконання controller action, але запит все ще проходить через Rails stack.
• дозволяє виконувати

before_action

• підходив для частково динамічних сторінок;
• також deprecated і винесений з core Rails (legacy-рішення).

🔹 Fragment caching
Кешує окремі частини сторінки (partials, view-блоки).
• найпопулярніший і найгнучкіший тип кешування;
• ідеальний для списків, віджетів, повторюваних UI-блоків;
• легко інвалідовується через key-based cache;
• активно використовується в сучасних Rails-додатках.

🔹 Low-Level caching
Кешування будь-яких даних на рівні коду, не привʼязане до view.
• використовується в сервісах, моделях, бізнес-логіці;
• зазвичай реалізується через

Rails.cache.fetch

• повний контроль над cache keys і TTL;
• підходить для складних або дорогих обчислень.

🔹 SQL caching
Кешує результати SQL-запитів у межах одного HTTP-request.
• автоматичний механізм Rails;
• працює лише під час одного запиту;
• зменшує кількість однакових звернень до БД;
• не зберігає кеш між запитами.

🔹 HTTP caching
Використовує стандартні механізми HTTP:

ETag, Last-Modified, Cache-Control

• працює на рівні браузера, CDN або reverse proxy;
• дозволяє повертати 304 Not Modified без генерації відповіді;
• ідеальний для API та публічних ресурсів;
• активно використовується в сучасних Rails API.

📌 Коли що використовувати
Fragment cache – UI, сторінки, частини view;
Low-level cache – бізнес-логіка та обчислення;
SQL cache – автоматичний бонус Rails;
HTTP cache – API, публічні ресурси, CDN;
Page / Action cache – лише для legacy-проєктів.

Порада для співбесіди:
Від вас очікують не перелік назв, а розуміння рівнів кешування і сценаріїв застосування.

Легких відповідей і впевнених співбесід!
Гарного вечора ✨

#codica_interviews

TikTok | Instagram | Telegram