Вёрстка сайтов | HTML, CSS, JS
4.79K subscribers
659 photos
1 video
4 files
1.1K links
👋 Привет, друг!

В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду.
Присоединяйся и начинай учиться!

Связь: @Tigran1963
Download Telegram
Анимация при скролле

Смотреть на codepen 👨‍💻

#какэтосделать
👍3
Макет для тренировки (Копилка)

Перейти к макету 🧑‍💻

#практика | #макет
3👍2
Задача на JavaScript:

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

Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.

Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.

Одно их решений в комментариях

#домашка
👍2
Задача: Две суммы

Напишите функцию, которая принимает массив чисел и целевое значение, и возвращает индексы двух чисел в массиве, сумма которых равна целевому значению.
// Пример использования:
console.log(twoSum([2, 7, 11, 15], 9)); // [0, 1]


#домашка
👍1🦄1
Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Favicon для сайта
2. Geolocation api
3. Как добавить transition к св-ву height

Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend-разработчик
3. Верстка email писем

Лучшие дизайн вакансии @job_webdesign:
1. UX/UI дизайнер
2. Senior product designer
3. Web-дизайнер

#лучшеезанеделю
👍2🔥1
@supports

Эта css директива определяет поддерживает ли браузер те или иные возможности, и, если поддерживает, применяет к элементам заданные стили. Как Modernizr, но заточенный на проверку CSS-свойств.

/* Проверка одного условия */
@supports (display: flex) {
.module { display: flex; }
}

/* Проверка нескольких условий */
@supports (display: flex) and (-webkit-appearance: checkbox) {
.module { display: flex; }
}

#css | #полезности
👍6