Александр Ламков — Friendly Frontend
Иконка канала Александр Ламков — Friendly Frontend

Александр Ламков — Friendly Frontend

1 739 подписчиков

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