ArbNet

Это лучше чем jquery+bootstrap :) опять же для не программистов.

Хороший программист может сделать чисто в нативном js и css. Конечно хочется использовать какой-то инструмент для ускорения создания своих проектов. И как программист самоучка посмотрев возможности Vue, Bulma могу сказать что мой инструмент их превосходит.

С релизом вот проблема, мой инструмент охватывает всё сразу, фронт(js,css) и бекэнд(php). Никто не может создавать под него компоненты, самому всё делать долго. А пока релиза нет, людей словами не заинтересовать чтобы под него и на нём что-то делали. К тому же разработчиков нет которые могли бы подключится, есть только тупо пользователи CMS и фреймворков.

Вот именно.

Просто есть люди считающие себя программистами, которые просто берут говнокод, прикручивают свой костыль и довольны, находят лохов и умудряются им это продать :) На говне и палках тоже можно сготовить еду, но я такую еду не куплю, а большинство уплетают за обе щёки. Мир жесток :)

---------- Добавлено 01.02.2020 в 11:05 ----------

Чего там знать-то? :) flex используется для компоновки и то не лучшим образом, grid по-моему вообще не используется, тупая разметка с тупыми стилями. Как меня с [class="c1"] поправили, там на каждом шагу такие косяки.. И решений вёрстки не так и много, нестандартные решения уже не сделаешь. Короче пользуйтесь на здоровье :)

Тут смысл в другом. Если вы не умеете себе плитку сделать лучше чем предлагается, то пользуетесь тем что есть. Я себе сделаю плитку лучше и удобнее и буду пользоваться ей :)

Бутстрап, джквери и прочее хороши для тех кто не умеют программировать, чистый код всегда будет лучше, компактнее и быстрее.

Я вот как кризис в 2008 был, забросил все свои онлайн разработки, а сейчас 2-3 месяца назад снова начал потихоньку вникать во всё. Посмотрел коды бутстрапа, джквери и др. таскать эти помойки не захотелось, но хороший удобный подобный инструмент нужен однозначно.

Расписать css для flex, grid, вёрстки и оформления сайта, не так уж и сложно(по крайней мере для меня), и это будет намного эффективнее говнобутстрапа. Также несколько самых полезных js функций и джеквери покуривает в сторонке. Сайт на таком инструменте будет легко настраиваемый, удобный, быстрый...

Чисто моё ИМХО.

suffix, В 100% случаев засирает дисковое пространство пользователей..

Sitealert, На жабаскрипте можно что угодно сотворить, вот только джквери для этого таскать не обязательно. Это я о том что бутстрап и джквери это куча ненужного говна, которое пользователи будут таскать из-за криворуких создателей этих библиотек и разработчиков движков, которые их прикручивают :)

<body>
<div class="c1">
<p>секция1</p>
</div>

<div class="c2">
<p>секция2</p>
</div>

<div class="c3">
<p>секция3</p>
</div>

<div class="test">
<p>секция Test</p>
</div>
<script>
     var d1=document.querySelector('.c1');
     var test=document.querySelector('.test');
     d1.parentNode.insertBefore(test,d1.nextElementSibling);
</script>
</body>

ЗЫ. для вёрстки всё же лучше использовать стилевое оформление

WebJunior, Можно и так.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Title</title>
</head>
<style>
body {
     display: grid;
     grid-template-areas:
     "c1"
     "test"
     "c2"
     "c3"
}
div.c1{grid-area: c1}
div.c2{grid-area: c2}
div.c3{grid-area: c3}
div.test{grid-area: test}
</style>
<body>
  
<div class="c1">
<p>секция1</p>
</div>

<div class="c2">
<p>секция2</p>
</div>

<div class="c3">
<p>секция3</p>
</div>

<div class="test">
<p>секция Test</p>
</div>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>Title</title>

</head>

<style>

body {

     display: flex;

     flex-direction: column;

}

div[class="c1"]{

     order: 1

}

div[class="c2"]{

     order: 3

}

div[class="c3"]{

     order: 4   

}

div[class="test"]{

     order: 2

}

</style>

<body>

  

<div class="c1">

<p>секция1</p>

</div>



<div class="c2">

<p>секция2</p>

</div>



<div class="c3">

<p>секция3</p>

</div>



<div class="test">

<p>секция Test</p>

</div>



</body>

</html>

🍿

Используйте flex или grid

<!DOCTYPE HTML>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> 
</head>
<style>
.case1 {
     width: 700px;
     height: 500px;
     margin: 0 auto;
     position: relative;
}
.tabl {
     width: 100%;
     height: 100%;
}
.case2{
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
}
.sova {
     flex: 0 0 auto;
}
</style>
<body>
<div class=case1>
     <table border="1" class=tabl>
          <tr>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
          </tr>
          <tr>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
          </tr>
          <tr>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
          </tr>
          <tr>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
          </tr>
          <tr>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
               <td>ячейка</td>
          </tr>
     </table>
     <div class=case2>
          <img class=sova src="https://fsd.multiurok.ru/html/2019/02/04/s_5c57eebe8d949/1075492_11.png">
     </div>
</div>
</body> 
</html>

🤣