Глобальні атрибути в 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

Ілон знову щось мутить😂

Сьогодні хочемо почути вашу думку про нове лого Twitter! 🤔

Як вам новий дизайн? Можливо, вам більше сподобалося попереднє лого, або, навпаки, цей дизайн кращий?

Діліться своїми думками та враженнями у коментарях нижче! 👇

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

Увага, увага загубився SMM Specialist/Brand manager 📣

Ми шукаємо енергійного та талановитого SMM-спеціаліста/Brand manager'a для приєднання до нашої команди! 🚀

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

Деталі вакансії можна подивитись тут ✅

📩 Пиши нам, надсилай резюме та приклади найкращих ваших робіт.
Наша пошта: job@codica.com та телеграм: @Tatiana_Codica - для швидкого зв'язку.

#codica_job

Чому власні бажання змушують нас страждати?

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

👉 "Причина страждань - у наших бажаннях", сказав Будда, а потім повторили філософи. Ми потребуємо їжі, одягу, спілкування. Але є й багато інших бажань, часом досить безглуздих.

🌩 Нас розчаровує погода, стосунки і навіть ми самі. Вимоги до себе часто недосяжні: "Не можна помилятися, боятися, втомлюватися". А коли люди й обставини не виправдовують очікувань - ми дратуємося і накопичуємо невдоволення.

🧐 Що робити з невгамовним прагненням до ідеалу і бажанням підпорядкувати світ своїм уявленням і забаганкам?

🦾 Запиши чотири дієві методи роботи з "недосконалістю" навколишнього світу:

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

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

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

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

Бажаю вам розуміння своїх справжніх цілей!

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

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

Функції Javascript, які необхідно знати веб-розробникам 💻

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

У цій добірці ми поговоримо про функції Javascript, які допоможуть вам створити чудовий користувацький досвід і спростити процес розробки:

👉 Функція - document.getElementById()
▫️ Ця функція дозволяє знайти певний HTML-елемент на вашій сторінці за його ідентифікатором, наприклад щоб ви могли змінити його текст або стиль. Це як рентгенівський зір для вашого сайту!

👉 Функція - querySelector()
▫️ Вона дозволяє вибрати елемент HTML на основі селектора CSS, щоб ви могли знайти саме те, що шукаєте.

👉 Функція - addEventListener()
▫️ Він дозволяє додати елемент події до HTML-елемента, щоб зробити ваш веб-сайт більш інтерактивним і цікавим.

👉 Функція - setInterval()
▫️ Функція, яка дозволяє багаторазово виконувати функцію з заданим інтервалом. Ця функція ідеально підходить для створення плавної анімації або автоматичного оновлення контенту на вашій сторінці.

👉 Функція - setTimeout()
▫️ Ця функція дозволяє затримати дію на вашій сторінці або створити події з таймером.

#codica_tech

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