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

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

Связь: @Tigran1963
Download Telegram
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
Задача на js: Поиск первой уникальной буквы в строке

Напишите функцию, которая находит первую букву в строке, которая встречается только один раз.
Пример:
firstUniqChar("leetcode");
// Ожидаемый результат: 'l'
firstUniqChar("aabb");
// Ожидаемый результат: -1 (все буквы повторяются)


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

#домашка
👍2
Какой из методов массива JavaScript изменяет его, добавляя элементы в конец?
Anonymous Quiz
11%
unshift()
10%
shift()
61%
push()
17%
pop()
👍1🦄1
Руководство по цветовым функциям CSS

Читать статью 👨‍💻

#css | #полезности
👍2
Тег <dfn>

Тег <dfn> используется для выделения термина или определения в тексте. Он помогает семантически обозначить слово или фразу, которое затем будет объяснено.

Как работает <dfn>?
Обычно <dfn> применяется для выделения слова, которое будет определено рядом с ним. Браузеры не применяют к этому тегу специальных стилей, но его использование улучшает семантическую структуру документа:

<p>Понятие <dfn>API</dfn> означает интерфейс прикладного программирования.</p>

В этом примере слово API отмечено как термин, который определяется далее.

Зачем использовать <dfn>?
Семантика: Помогает поисковым системам и программам для чтения с экрана лучше понимать структуру страницы.
Ясность: Читатель сразу видит, что слово или фраза будет объяснено в тексте.
Тег <dfn> особенно полезен при создании учебных материалов, словарей, документации и статей, где есть много определений и новых терминов.

#html | #теория
👍10
Графика на Canvas для начинающих

Читать 👨‍💻

#теория
👍3