Добавить
Уведомления
Александр Ламков — Friendly Frontend
В каком порядке верстать и адаптировать? Совет опытного фронтенд-разработчика
45
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Умное выравнивание текста — text-wrap balance
56
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Разница теней — box-shadow VS drop-shadow
39
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Хакаем скролл — overscroll-behavior
40
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Умный перенос слов — hyphens
34
просмотра
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Фронтенд-лайфхак — ссылка на весь элемент
49
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Зачем block-size и inline-size?
41
просмотр
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Позиционирование из будущего — anchor-name
56
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Слайдер на чистом CSS? Хватит и двух строчек! Свойства scroll-snap
65
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Анимируем плейсхолдер — placeholder-shown
49
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Позиционирование одной строкой — inset
132
просмотра
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Прокачиваем фокус — focus-within
42
просмотра
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Фокус без побочных эффектов — focus-visible
32
просмотра
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Умная группировка CSS-селекторов — псевдокласс :is()
55
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Меняем цвет каретки через CSS — caret-color
39
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Соотношение сторон — aspect-ratio
54
просмотра
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS Меняем встроенный цвет полей ввода — accent-color
19
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Верстка в консоли браузера? Легко!
18
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS DevTools • Оптимизируй селекторы • Performance CSS Selectors
19
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
CSS • Отключаем выделение текста — user-select
17
просмотров
🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале: 🟠 Курс по HTML 🔵 Курс по CSS 🟡 Курс по JS 🟢 Курс Accessibility ⚪️ Мастер-класс по верстке для новичков 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS) 💬 Чат в телеграмме (помощь новичкам): @friendlyFrontendChat #shorts #frontend #фронтенд #css
Загрузка