How do you develop websites in the current realities?

Question

Web development

A little background.

Давным-давно, когда я делал свои первые шаги во фронтенде (вёрстка html-страниц и установка различных JQuery-плагинов), ко мне пришло понимание того, что многие задачи однотипны и необходимо создать свой набор инструментов и шаблонов с целью ускорить процесс веб-разработки. Как, наверное, многие начинающие, я пытался придумать свой "велосипед", но быстро понял, что это не тот путь (потому что кроме вёрстки, которой я овладел в достаточной степени, было ещё программирование на javascript, знания которого были нулевыми). Я начал искать готовые фреймворки и быстро натолкнулся на Bootstrap. Моему счастью не было предела. С тех пор и поныне я использую его в своей работе.

Now let's move on to the questions. Increasingly, I hear the opinions of developers that the use of css frameworks is bad manners, that it is time to abandon JQuery in favor of native js, which is facilitated by both the expansion of the capabilities of the language itself and the serious work of developers on browsers related to the introduction of support for newfangled features . As for javascript, here I completely agree. But why does everyone hate css frameworks so much?
I've collected arguments for and against. You can also comment on this.

Reasons on the example of Bootstrap

За:
1) позволяет быстро разрабатывать проекты, поскольку имеет набор готовых css-компонентов и JQuery-плагинов (экономия времени);
2) прост в освоении потому, что имеет прекрасную документацию (простота);
3) аккумулировал вокруг себя огромное сообщество, члены которого ежедневно публикуют сотни готовых решений, советов и ответов касательно данного фреймворка на тематических сайтах (популярность и огромная база знаний);
4) идеален как для прототипирования, так и для продуктов с длительным существованием и сопровождением (адаптивность, кроссбраузерность, модульность).
Против:
1) трудности при работе с методологией БЭМ (согласен, но мне больше импонирует подход Bootstrap к наименованию классов);
2) общие классы, засоряющие глобальное пространство имён (также согласен, хотя у меня ещё не было серьёзных проектов, где это было бы препятствием);
3) зависимость от JQuery (есть Bootstrap на нативном JS!);
4) не подходит для проектов с уникальным дизайном (легко кастомизируется с помощью переменных SASS);
5) лишние неиспользуемые стили (работая с исходными файлами (scss), можно подключить лишь то, что действительно необходимо);
6) проблемы с вынесением critical css;
7) используют фреймворки лишь те, кто не научился верстать сам (я много времени провёл над изучением теории css, много практиковался, поэтому не считаю это действительно сильным аргументом).

If you don't use frameworks, what tools do you use for layout? Own work? Do you use individual components of popular frameworks along with your own? Do you use preprocessor capabilities extensively (set of your own mixins)? Do you write your own js plugins (for example, for the same dropdown menu)?
UPDATE. Imagine a situation (or maybe you have already had such situations) when you were asked to create a website without using frameworks. Will you write everything from scratch yourself (the same SASS grid, the same navigation or modal window) or will you find separate ready-made solutions?

Answer 1

They are hated by those who do not know how to cook them.
It's very cool if you can throw out everything superfluous from the bootstrap and customize it.
And it's very sad when one and a half megabytes of unnecessary husks are connected for a site of three simple pages. Simply because the developer is lazy, and the customer "doesn't fumble".

Answer 2

Write in a framework. Nobody forbids.
Such homemade products in 99% of cases do not write documentation. Disassembling doodles is not cheap.

Answer 3

But why does everyone hate frameworks so much?

Who's everyone? Most people love and use them.
Do you think that every site has the same approach? Question from the category "what color pencil is your favorite?". You apparently communicate with people who always have the answer "wordPress" to any question "how to make such a site." But people who know something else - choose a convenient tool for a certain technical task. There are cases where your boostrap is not needed, but there is a direct fire. It all depends on the technical specification and considering its pros and cons in isolation from a specific project is utter nonsense.
PS. frameworks are very different, this is a general concept. As I understand it, you are interested in layout, then indicate it somewhere. What are we talking about css framework.
with what? And besides jquery, there is vue, angular, etc. It's also essentially a framework.

Answer 4

It depends on what and whom the site is for. In general, now the trend is towards the quality of the sites themselves and their content. In my opinion, a "normal" site is:
1. text for people
2. simple design without any complex animations that make you want to tear your eyes out
3. ad units should not block the visibility of content
4. site load should not exceed 5 seconds
A framework or not - believe me, the search engine does not care. If it does not load the site and makes it convenient, then why not?