Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Сетка для верстки (https://javascript.ru/forum/project/67178-setka-dlya-verstki.html)

GayCoder 02.02.2017 01:24

Сетка для верстки
 
vanished

Rise 02.02.2017 06:57

GayCoder, какие преимущества перед Simple Grid, там:

1. Есть описание использования
2. Размер кода в 2 раза меньше
3. Не используется flexbox
4. На мобильных блоки тоже можно колонить плюс скрывать.

Попробуй исправить пункты 1, 2, 4, тогда уже станет интересно...

TestUser013 02.02.2017 12:24

Интересно... А есть какая-то схожая сетка но с возможностью colspan и rowspan одновременно? Может есть описание алгоритма, как сделать такое без использования таблиц и display: table?

GayCoder 02.02.2017 13:37

vanished

ksa 02.02.2017 14:11

Цитата:

Сообщение от TestUser013
А есть какая-то схожая сетка но с возможностью colspan и rowspan одновременно? Может есть описание алгоритма, как сделать такое без использования таблиц и display: table?

Странное желание делать таблицы но без собственно таблиц... :blink:

GayCoder 02.02.2017 17:08

vanished

Rise 02.02.2017 19:45

GayCoder, есть некая логика, а не просто все возможные комбинации цифра-цифра от 1 до 12.

Content Columns: 1-1, 1-2, 1-3, 1-4, 1-5, 1-6, 1-7, 1-8, 1-9, 1-10, 1-11, 1-12

1-1 - всего одна колонка, 1-2 - одна из двух всего две, 1-3 - одна из трех всего три, и тд (колонки одинаковой ширины)

Layout Columns: 1-12, 2-12, 3-12, 4-12, 5-12, 6-12, 7-12, 8-12, 9-12, 10-12, 11-12

1-12 - 1/12 родителя, 2-12 - 2/12 родителя, 3-12 - 3/12 родителя, и тд (колонки относительной ширины)

PS: получаем пятое преимущество - там реализованы два типа сетки)

GayCoder 03.02.2017 00:44

vanished

GayCoder 03.02.2017 00:49

vanished

GayCoder 03.02.2017 18:01

vanished


Часовой пояс GMT +3, время: 18:22.