Download - Bad CSS advice
Подходит для ВСЕХ проектов
• Гибкий (117кб кода)
• Легкий (117кб сжатого CSS)
• Легко стилизовать под себя (117кб непонятно чего)
• Миллионы почти успешных стартапов работают на нем
CSS методологии
• Долго переучиваться
• Навязанные другими парнями правила
• Не факт что они умнее и опытнее вас
БЭМ
• Обязательно используйте префикс .b- перед всеми селекторами: .b-block, .b-bbubbleb
• Если селектор вложен префикс нужно тоже вкладывать .b-b-b-block
• Старайтесь комбинировать подходы чтобы не быть слишком предсказуемым
Преимущества
• Код выглядит непонятным для клиента ($)
• За поддержкой смогут обратиться только к вам ($)
• Коллеги не смогут разобраться в коде и украсть ваши “фишечки”
Используйте !important
• НАДЕЖНЫЙ способ писать стили
• Никакой селектор не перебьет эти стили
• Старайтесь использовать его почаще, это упрощает поддержку вашим коллегам
Адаптивный дизайн забудьте про media query
• transform: scale(ширинаустройства/ширинасайта)
• <meta name=“viewport” content=“width:1200”>
github зло
• Сможете работать где угодно
• Коллеги будут видеть как вы верстаете, и украдут фишечки
• Копия ваших файлов онлайн
Самое главное
• Верстка фигня, достаточно потратить пару дней и сверстать один макет чтобы понять о ней все
Простые правила
• Всегда на слуху среди клиентов
• Известны среди коллег
• Быстро, качественно, недорого
Не за что!
• Юрий Артюх
• facebook.com/akella
• twitter.com/akella
• http://cssing.org.ua