Dolya251/team-40-10

team-40-10

mod 1-2

Полезности

• Шпаргалка по CSS-селеткорам

• CSS свойства

• HTML теги

• Именование классов БЭМ

• Для вдохновения

• Слова, часто используемые в CSS-классах

• Git Tips

• Еммет

• Секреты использования семантической верстки в HTML5

• Стилизация кнопок

• Улучшите свой CSS с помощью этих 5 принципов

Для практики

• Хороший вариант сайта для анализа через тулзы

• Доп макетик

Расширения для студии

• eCSStractor for VSCode
• Bracket Pair Colorizer
• CSS Peek
• HTMLHint
• Code Spell Checker
• Image preview

Настройки для Bracket Pair Colorizer

 "bracketPairColorizer.consecutivePairColors": [
        ["<", "</"],
        ["<", "/>"],
        ["(", ")"],
        ["[", "]"],
        ["{", "}"],
        ["Gold", "Orchid", "LightSkyBlue"],
        "Red"
    ]

Настройки для Code Spell Checker

 "cSpell.language": "en,ru-RU,uk-UK"

module-2-3

Полезности

• Шпаргалка по FlexBox

• Практическое применение FlexBox

• Пишем CSS, не забывая о доступности

• Где использовать флексы, а где гриды

• Как фокус помогает

• Так когда же всё таки можно использовать !important

• Flexbox несколько полезных примеров для работы

module-4-5

Полезности

• 5 онлайн-сервисов для качественной оптимизации изображений

• HTML5BOOK

• Градиенты

• clippy

• CSS3 3D-трансформации

• CSS3: анимация против переходов

module-6-7

• красивые формы