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

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

Связь: @Tigran1963
Download Telegram
Полезные фичи CSS, которые появились в 2024 году

Читать 👨‍💻

#css | #полезности
👍3
Какая система лучше всего подходит для создания многоколоночной раскладки?
Anonymous Quiz
23%
Flexbox
70%
Grid
4%
float
3%
inline-block
👍3
Задача на js: Наибольшая сумма подмассива

Дан массив целых чисел, необходимо найти максимальную сумму подмассива, который может быть получен путем выборки подряд идущих элементов.
Пример:
maxSubArraySum([1, -2, 3, 4, -1, 2, 1, -5, 4]); 
// Ожидаемый результат: 8 (подмассив [3, 4, -1, 2])

Условия:
Время работы: O(n)

#домашка
Progressive Enhancement

Читать
👨‍💻

#полезности
👍31
Что нового в ES2023

Читать 👨‍💻

#js | #полезности
1👍1🦄1
Какое св-во в Grid управляет количеством строк или столбцов
Anonymous Quiz
9%
grid-auto-flow
6%
grid-gap
50%
grid-template
35%
grit-template-rows
Задача на js: Перестановки

Напишите функцию, которая принимает строку и возвращает все возможные перестановки символов этой строки.
Пример:
permute("abc");
// Ожидаемый результат: ["abc", "acb", "bac", "bca", "cab", "cba"]


Условия:
Время работы: O(n!)
Использовать рекурсию для решения задачи.

#домашка
👍2
Градиентый border на карточках

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

#какэтосделать
👍4
Анимированная буквицы (Drop cap)

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

#практика
👍4
Преимущества и недостатки CSS-in-JS

Читать 👨‍💻

#полености
👍2
Тег <samp>

Тег <samp> в HTML предназначен для отображения текста, представляющего вывод программы или системы. Это отличный способ выделить текст, демонстрирующий, что программа выдала в ответ на команду пользователя.

Как работает <samp>?
Этот тег обычно используется для оформления сообщений об ошибках, системных уведомлений и других текстов, которые нужны для показа результата программы. Например:


<p>Ошибка: <samp>Файл не найден</samp></p>

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

Когда использовать <samp>?
Отображение вывода кода или команд.
Системные сообщения и уведомления.
Демонстрация примеров ответов программ.

#html | #теория
👏1🦄1
Адаптивный дашборд на react и tailwind

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

#практика
👍2