Круті приклади CSS-анімації для створення дивовижних анімаційних веб-сайтів ❤️

👉 CSS-анімація робить сайт візуально привабливим і покращує користувацький досвід. Ми сподіваємося, що ці приклади CSS-анімації надихнуть вас на створення чудового анімаційного сайту:

▫️ Flying Birds
Птах, що летить у цьому прикладі CSS-анімації, виглядає дуже природно і яскраво, роблячи весь веб-сайт привабливим і живим.

👉 Переглянути код

▫️ Dragon Loading Animation
Анімація завантаження є важливим елементом для дизайнерів і розробників, щоб залучити користувачів і покращити користувацький досвід.

👉 Переглянути код

▫️ Store Loading Animation
Ця анімація завантаження дуже вражає завдяки унікальному ілюстрованому стилю дизайну.

👉 Переглянути код

▫️ Perspective Split Text Menu Animation
Цікава анімація шрифтів може допомогти ефективно покращити веб-дизайн.

👉 Переглянути код

▫️ Click Button Animation

👉 Переглянути код

👉 Підпишись на наш TikTok | Instagram | Telegram

Сьогодні ми поговоримо про найцікавіші нетехнічні вакансії в ІТ-галузі😎

👉 Якщо ви завжди мріяли ввійти в захопливий світ технологій, але не маєте технічної освіти або не вмієте програмувати, то це відео створено саме для вас!

🤩 Готові підкорити ІТ-галактику?
🖥 Розпочнемо цю подорож разом!

#codica_video

👉 Підпишись на наш TikTok | Instagram | Telegram

#codica_humor

Ніколи не кажіть ці фрази на співбесіді 😳

#НапуттяВід_HR Директорки Клименко Наталії

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

З мого досвіду, зібрала для вас фрази, які точно не потрібно говорити на інтерв'ю:

👉 "Я збираюся у вас стартувати, щоб знайти щось краще".

▫️ Згадка про те, що ви розглядаєте цю роботу тільки як проміжний крок, може створити враження, що ви не збираєтеся залишатися довго або вкладати достатнє зусилля в цю позицію.

👉 "Ой, а я це в моєму резюме вказав(ла)?"

▫️ Ця фраза може створити враження, що ви не підготувалися до співбесіди або не пам'ятаєте деталі свого досвіду роботи. Перед співбесідою переконайтеся, що добре знайомі з інформацією у своєму резюме.

👉 "Мій минулий роботодавець/колеги були жахливі"
або будь-які варіанти на цю тему. Зайва критика попереднього місця роботи або колег може створити враження, що ви негативно налаштовані на компанію або не вмієте працювати в команді.

👉 "Мені потрібна ця робота через високу зарплату" або будь-які варіанти на цю тему.

▫️ Хоча заробітна плата важлива, вираження цього як єдиної або головної мотивації може показати вас як недостатньо зацікавленого в роботі або неправильно сфокусованого кандидата.

👉 "Мені потрібна ця робота, щоб ... годувати кота/виплачувати іпотеку/готуватися до переїзду..." Те саме, що й вище.

▫️ Згадка того, що ви працюєте тільки заради грошей, може здатися неетичною або несерйозною щодо роботи. Покажіть, що у вас є й інші мотиви, наприклад, інтерес до предметної області або бажання зробити внесок у компанію.

👉 "Я не знаю" або "Мені байдуже"

▫️ Ці фрази можуть створити враження, що ви не цікавитеся обраною галуззю або не підготувалися до співбесіди. Краще продовжити фразу так: "я не знаю..., але обов'язково розберуся/навчуся/уточню... і тоді прийму рішення".

👉 "У мене немає запитань"

▫️ Ставити запитання є важливою частиною співбесіди. Їхня відсутність може показати брак інтересу або необізнаність про компанію та посаду. Підготуйте заздалегідь деякі запитання про компанію, посаду та ваші очікування. Проявіть свою зацікавленість!

🧐 Це лише кілька прикладів фраз, яких краще уникати на співбесіді. Будьте уважні до того, які фрази і яким чином ви використовуєте.

👉 Загалом, намагайтеся бути ввічливими, професійними та позитивними.

Напишіть у коментарях, а які фрази ви вважаєте токсичними?

#НапуттяВід_HR

👉 Підпишись на наш TikTok | Instagram | Telegram

Глобальні атрибути в HTML😎

#codica_tech

👉 Приклад глобального атрибута, з яким ви точно працюєте постійно - class. Його можна задати абсолютно будь-якому тегу. Що дуже круто, інакше нам було б набагато складніше стилізувати сторінку.

🫡 Ми зібрали для вас добірку глобальних атрибутів, завдяки яким ваша робота стане легшою:

▫️ contenteditable
👉 Робить будь-який елемент на сторінці редагованим. Як значення для атрибута contenteditable використовують true або false. А можна записати зовсім без значення, тоді наявність самого атрибута дорівнюватиме contenteditable="true".

▫️ data-*
👉 data-* - група атрибутів, що дає змогу перекидати дані між HTML і DOM. Часто використовується для взаємодії з HTML за допомогою JavaScript. Якщо не потрібно змінювати зовнішній вигляд елемента, то це зручніше, ніж перекручувати класи.

▫️ hidden
👉 Не потребує явної вказівки значення, наявність атрибута сама по собі означає стан true. Ховає зі сторінки будь-який HTML-елемент. Причому елемент невидимий не тільки для очей користувача, а й для скрінрідерів.

▫️ id
👉 Важливо, щоб значення ідентифікатора було унікальним у межах однієї сторінки. Дозволяє створювати якорі - посилання на частини сторінки, обирати унікальний елемент за допомогою CSS або JS.
Значення: одне слово або набір символів, не може містити пробіли. Дозволяє зробити один з елементів на сторінці унікальним.

▫️ lang
👉 Визначає, якою мовою написаний текст всередині елемента, для якого задано цей атрибут. Дуже зручно, якщо у вашому тексті є цитати або витяги з документа іншою мовою. Підлаштовує пунктуацію й оформлення під стандарти зазначеної мови.

▫️ spellcheck
👉 За допомогою цього атрибута ми вказуємо браузеру, що в елементі, якому він заданий, потрібно перевірити правопис. Значення: true або false.

▫️ style
👉 Дозволяє прописувати стилі прямо всередині HTML-розмітки. Увага: це вважається антипатерном і може бути використано тільки для перевірки гіпотез.

▫️ title
👉 Дозволяє додати будь-якому елементу підказку, додаткову інформацію. Не часто використовується в реальній практиці через неможливість стилізувати елемент, що спливає.

#codica_tech

👉 Підпишись на наш TikTok | Instagram | Telegram

Ruby digest #65: Rails World Conference, RubyMine 2023.2, DHH about Figma, туторіали та багато іншого

👉 Черговий випуск цікавих новин зі світу Ruby та Rails від нашого СЕО Дмитра Чекаліна. Як завжди, окрім корисних статей, туторіалів та подкастів є добірка мемів для настрою 🧐

Прочитати дайджест можна на DOU 🇺🇦

#codica_tech

👉 Підпишись на наш TikTok | Instagram | Telegram

👉 Підпишись на наш TikTok | Instagram | Telegram

#codica_humor

#codica_js

👉 Підпишись на наш TikTok | Instagram | Telegram