День 84/100 Цвет CSS

Разнообразие выбора цвета, не только указание цветов в целом, но и оценка всей концепции синтаксиса цвета и использования смесей в деталях.

Цвета в CSS можно описать тремя разными способами:

  • Именованные цвета — английские слова, описывающие цвета, также называемые цветами ключевого слова.
  • RGB — числовые значения, описывающие сочетание красного, зеленого и синего цветов.
  • HSL — числовые значения, описывающие сочетание оттенка, насыщенности и яркости.

Собачьи годы

Собаки взрослеют быстрее, чем люди. Мы часто говорим, что возраст собаки можно рассчитать в «собачьих годах», чтобы учесть ее рост по сравнению с человеком того же возраста. В каком-то смысле можно сказать, что время для собак течет быстро — 8 лет жизни человека равняются 45 годам жизни собаки. Сколько бы вам было лет, если бы вы были собакой?

Вот как вы конвертируете свой возраст из «человеческих лет» в «собачьи годы»:

  • Первые два года жизни собаки считаются как 10,5 собачьих лет каждый.
  • Каждый последующий год равен 4 собачьим годам.

Фрагменты кода

// current age
var myAge = 30;
// number of years
var earlyYears = 2;
earlyYears *= 10.5;
let laterYears = myAge - earlyYears;
laterYears *= 4;
let dogYear = laterYears * 4;
let myAgeInDogYears = earlyYears + laterYears;
let myName = 'Riolette'.toLowerCase();
console.log(earlyYears);
console.log(laterYears);
console.log(dogYear);
console.log(myAgeInDogYears);
console.log(myName);
console.log(`My name is ${myName}. I am ${myAge} years old in human years which is ${myAgeInDogYears} years old in dog years.`);

все мифы

*Мы можем быстро добавить специальные возможности перед выпуском *

Не работает. Возможно, в конце будут добавлены простые вещи, такие как альтернативный текст или маркировка форм, но некоторые сложные UX должны быть запланированы так, чтобы они были доступны. В некоторых случаях, чтобы сделать функции доступными в конце процесса разработки, может потребоваться полный рефакторинг.