Но, увы, они не "растягиваются") В этом главное (единственное, на самом деле) отличие решения на flexbox и без него (inline-block).
Периодически пытаюсь сделать что-то в помощью ::before и ::after, но даже понимания не имею, как "заставить их" растягивать элементы..:)
Евгений Карпов, полностью согласен. По-моему, каждый верстальщик должен написать "свой bootstrap", решающий его задачи - правдивая шутка))
Кому-то все еще нужен IE8, а кому-то просто не нравится суета вокруг Flexbox, которые не были созданы для сетки.
Одно дело - верстать быстро, другое дело - сделать сугубо для себя то, что позволит именно тебе верстать быстро и легко, не убиваясь багами.
Каждый фреймворк решает задачи верстальщиков, но ни один фрейворк не решает полностью твои задачи... ИМХО:)
Евгений Карпов, я очень много чего нашел (и придумал) по части flexbox-like сетки (grid) без flexbox.
Многое из того, что находил, было "кривым", но в итоге получилось реализовать почти весь функционал Grid из Bootstrap4 (не сделать адекватный "space-around").
Ну и дальше встала проблема с Responsive-Buttons без flex-ов, у которой, на первый взгляд, не было решения.
iBird Rose, спасибо, это и хотел узнать. Здесь "спортивный интерес" больше, но на эту "задачу" ответа найти не смог - подумал, вдруг кто-нибудь другой знает решение.
@media - это не "плавно". "Контента" (в данном случае, это "тупо кнопки", контент - текст) может быть больше или меньше.
Здесь @media, на первый взгляд мой, не подходит... или я, опять же, чего-то не знаю:)
iBird Rose, чтобы, когда контент не вмещается при изменении ширины окна, последний "блок" переходил на новую строку.
И так до тех пор, пока несколько колонок не превратятся в одну.
xmoonlight, тогда давайте остановимся на "аннотациям" к фильмам (для простоты примера). Пользователь заходит на сайт и нажимает на кнопку. Ему выводится краткое описание фильма (допустим, случайного). Не понравилось - кликнул снова на кнопку. Под кнопкой несколько (штук 10) опций для фильтрования фильмов. Выбрал нужные опции (год и жанр, к примеру) - кликаешь по кнопке и получаешь фильм. Не понравился? Кликаешь снова. Но как "упростить" этот процесс? На то же модальное окно можно повесить кнопку "Перевыбор", но как-то это не особо хорошо/удобно/понятно. И особый дискомфорт при работе с телефона.
xmoonlight, по клику выводится статья либо трейлер фильма с возможностью просмотра "полной версии", подборка изображений... Но преимущественно это краткая информация о фильме с трейлером, кадрами. Все зависит от настроек под кнопкой. "Пропустить и перейти к следующей" не подходит. Прошу прощения за плохое изложение ситуации:)
xmoonlight, не двойной)) Нажал - прочитал. Кнопка работает как "похожая статья" (назовем это так). Нажмем - другая статья, естественно. Не понравилась первая - понравится вторая или третья. Но даже самому утомительно по 4 раза закрывать модальное окно в "ожидании чуда". Но решения другого не вижу. Интерфейс с одной кнопкой портить не хочется совсем - мне это по душе. Тем более, одна кнопка - кнопка действия, а страница и без того "заполнена" опциями для "кнопки". Место остается, да, но не для статьи:) В модальном окне скриншоты и прочее - это удобно. В соц. сетях модальные окна уместны, так или иначе... но здесь не особо, хотя альтернатив не вижу, увы(
xmoonlight, у меня периодически проскальзывает в голове навязчивая идея разделить сайт (не именно этот) на 2 половины вертикально. По клике на кнопку открывается "половина" с данными. При повторном клике данные изменяются. При нажатии на крестик эта самая "половина" закрывается, и сайт снова становится "нормальным". На мобильных устройствах вторая половина = модальное окно с крестиком.
Правда, это убивает все юзабилити, заставит пользователя метаться между "право" и "лево". Могу ошибаться, конечно, но эффект вряд ли будет иным.
А как далее "тыкать" на нее повторно? Крестик - это снова "открыл, закрыл, открыл"... плюсов не вижу, увы.
Да, ситуация утопичная, как и сама постановка мною задачи, но что поделать...
Константин Китманов, это была глупость и поспешные решения) Самое смешное - то, что в Dropbox я сохранил 2 своих веб-проекта, один из которых "немного жив", а второй еще не родился... Ну да ладно, заново напишем, если будет действительно нужно.
Константин Китманов, все верно:) Необходимо себя пинать. Правильно все говорите.
Я сохранил все в Dropbox перед переустановкой ОС, часть раскидал по флешкам... А далее вспоминается, что синхронизация с Dropbox была благополучно отключена около трех месяцев назад мною. Совпадение? Не думаю.
Константин Китманов, я очень много начинаю, но все, что реально было начато, делается "годами". Ввиду дотошности, выгорания во всем это меня. Сам ломаю себя же... недавно убил проект на локалке (сервис, сайт) переустановкой Windows. Дело несложное, но все практически было сделано. Как пример... Что еще сказать? Говорить-то особо нечего и не о чем. У меня практически нет реально завершенных (хороших) вещей, потому что слишком много времени было потрачено на реализацию откровенного хлама. Пустые оптимизации без реальной отдачи, но сроком в годы, постоянными выгораниями...
Константин Китманов, пожалуй, да... но когда ты "узнаешь его из тысячи" по тормозам ("Ведьмак 3" с REDengine 3, например, не отличающийся реальными "новшествами" в графике)... или поражаешься технологическому решению того же "Sublustrum"...
Не сказал бы, что моя "машинка" слабая. Но оптимизация - то, над чем никак не могу перестать работать.
Да, Вы абсолютно правы: я - вонючий теоретик. Это часто вводит в некий "ступор" на месяц, который я уделяю изучению деталей того или иного. Также страдаю маразмом перехода с Sublime Text на Notepad++ и обратно. Но это уже другая история... Как говорится, важно то, что в голове, а на какой бумаге (да пусть хоть на туалетной, пусть хоть на стене кирпичной) будет описана идея - неважно))
Главное - начать. Всегда были с этим сложности. Знания есть, стремления есть... но вот сделать что-то нормальное не выходит.
Константин Китманов, надо попробовать будет снова "поговорить":) Видео смотрел, но как-то "не зашло" в свое время.
Снова гляну также на GameMaker: Studio.
А огромный минус Construct 2 в том, что итоговый продукт - в любом случае HTML5 Application. Если Desktop, то просто с браузерным движком "под капотом". По крайней мере, такую информацию я нашел. Насчет 1 версии не уверен, насчет правдивости прочитанного, впрочем, тоже.
https://jsfiddle.net/ypkuL18L/
Спасибо!