Ти не знаєш JavaScript

⚡️Псевдоклас :: firstletter Цей псевдоклас дозволяє стилізувати першу букву текстового елемента. Він часто використовується для створення ініціалів чи інших типографічних ефектів. Прийняті властивості: • color — колір першої літери • background-color — колір тла • font-family — шрифт першої літери • font-size — розмір шрифту • font-weight – жирність шрифту • line-height — висота рядка • text-decoration — текстове оформлення (підкреслення, перекреслення) • text-transform — перетворення тексту (великі літери, великі літери) margin - зовнішні відступи • padding - внутрішні відступи • border — межа першої літери • float — Вирівнювання (наприклад, ліворуч, праворуч). • text-shadow — тінь тексту Ти не знаєш JavaScript

🔈Range Slider Повзунок діапазону. Реалізовано за допомогою CSS та JavaScript. ⤷ Забрати код Ти не знаєш JavaScript

function bar() {
  return foo;
  function foo() {
    return 10;
  }
  function foo() {
    return 20;
  }
}
console.log(bar()());

Ти не знаєш JavaScript

📎Gooey Navigation Липка навігація. Реалізовано за допомогою CSS. ⤷ Забрати код Ти не знаєш JavaScript

🖥Isometric Card Grid Ізометричної картки. Реалізовано за допомогою CSS та JS. ⤷ Забрати код Ти не знаєш JavaScript

🔍Атрибут autocapitalize Атрибут визначає, чи будуть автоматично змінюватися літери на великі при наборі або редагуванні тексту. Результат буде помітним при наборі тексту на віртуальній клавіатурі мобільних пристроїв або голосовому введенні. При цьому відбувається зміна регістру літер на самій клавіатурі, а не перетворення введеного тексту. Ти не знаєш JavaScript

ℹ️Шпаргалка по основним властивостям Grid у CSS: display: задає тип контейнера як сітку; значення можуть бути grid для створення блокової сітки та inline-grid для створення вбудованої сітки в тексті. grid-template-columns та grid-template-rows: визначають кількість та розміри осередків у рядках та стовпцях сітки; можна використовувати значення в пікселях , відсотках , fr (частка вільного простору) або auto . grid-template-areas: дозволяє призначити імена зонам у сітці та вказати, які елементи розміщувати у цих зонах. grid-template: скорочена властивість для всіх параметрів шаблону сітки. grid-column та grid-row: керують позиціонуванням елементів у сітці через вказівку початкового та кінцевого стовпця або рядка, до яких вони застосовуються. grid-area: комбінована властивість, що задає позицію елемента в сітці, використовуючи імена зон, ряди та стовпці або їхню комбінацію. justify-items і align-items: визначають вирівнювання елементів усередині їх осередків по горизонталі та вертикалі відповідно. justify-content і align-content: визначають розподіл вільного простору рядками чи стовпцями на основі сіткового контейнера. grid-auto-columns та grid-auto-rows: встановлюють розмір осередків стовпців та рядків, створених автоматично. grid-auto-flow: визначає спосіб заповнення осередків, якщо елементи розташовуються поза заданою сітки. grid-gap, row-gap та column-gap: встановлюють відступи між осередками або рядками та стовпцями у сітці. grid-column-start, grid-column-end, grid-row-start та grid-row-end: дозволяють явно вказати, з якою за якою лінією повинен займати комірки елемент у сітці. grid-column-gap та grid-row-gap: скорочені властивості для встановлення відступів між стовпцями та рядками у сітці. Ти не знаєш JavaScript

🥸Button Hover Effects Цікаві ефекти під час наведення кнопки. Реалізовано за допомогою CSS. ⤷ Забрати код Ти не знаєш JavaScript