Bootstrap — это библиотека, весьма статичная. В реальном проекте, который постоянно меняется, причем часто кардинально, не получится сделать так красиво.
БЭМ хоть и смотрится неуклюже, со временем не превращается в говнокод.
Так из-за вот этих &__element и получается столько строк!
Без них это были бы отдельные стили. Вот что я имел в виду: .article-rewind {
... 500 строк
&__menu {
... 100 строк
}
&__link {
... 100 строк
}
&__text {
... 100 строк
&--red {}
... 100 строк
}
&__etc {
... 100 строк
}
}
Поддерживаю вас в том, что ни автор статьи ни те кто плюсуют не знают БЭМ и скорее всего далеки от фронтенда.
Но ваш пример плохой, поскольку сильно затрудняет поиск класса по проекту. Это из личного опыта. Просто подумайте как вы будете искать класс .article-rewind__text в исходном коде?
За AWS могу сказать, что зависит от размера инстанса, например t2.micro — 1 Гб, 1 vCPU — 10%. + у них есть CPU Credit — время (небольшое) которое вы можете использовать проц на полную.
Да, это констыль, но может он кому-то пригодится :) Например тому, у кого нет лишних $30 в месяц, но есть желание создать сайт/приложение и есть время изучить AWS.
Я проводил такой такой эксперемент: скачивал в цикле видео файл с CloudFront с двух серверов в 5 или 10 потоков (не помню). За несколько минут я скачать около 100 ГБ. Это ~ $9. Это конечно же не DDoS, но можно сделать вывод что если будет DDoS, то ты сначала разоришься, а потом сработает защита от DDoS.
custom__button— custom — это блок? Илиmob-full__width— width — это элемент?Пример который я привел, был взят из проекта на AngularJS. Там была своя файловая структура, базирующаяся на компонентах AngularJS.
БЭМ хоть и смотрится неуклюже, со временем не превращается в говнокод.
.article-rewind {
&__menu {
... 100 строк
}
&__link {
... 100 строк
}
&__text {
... 100 строк
&--red {}
... 100 строк
}
&__etc {
... 100 строк
}
}
Какой тут способ декомпозиции кроме как не использовать
&__element?&__elementи получается столько строк!Без них это были бы отдельные стили. Вот что я имел в виду:
.article-rewind {
... 500 строк
&__menu {
... 100 строк
}
&__link {
... 100 строк
}
&__text {
... 100 строк
&--red {}
... 100 строк
}
&__etc {
... 100 строк
}
}
.article-rewind {
... 500 строк
&__text {
... 100 строк
&--red {}
... 100 строк
}
... 500 строк
}
Но ваш пример плохой, поскольку сильно затрудняет поиск класса по проекту. Это из личного опыта. Просто подумайте как вы будете искать класс
.article-rewind__textв исходном коде?material-components.github.io/material-components-web-catalog/#/component/tabs
— AWS Network Load Balancer = Azure Load Balancer
— AWS Application Load Balancer = Azure Application Gateway
— AWS Route 53 = Azure DNS + Traffic Manager
— Auto Scaling Group = Azure VMSS
— AWS Lambda + API Gateway = Azure Function Apps
и т.д.
Azure практически не отличается от AWS по возможностям (приходится работать и с тем и с другим).
Ух ты, точно. В мае появилась возможность: blog.github.com/2018-05-01-github-pages-custom-domains-https