Способ 1. Атрибут contenteditable отправлять данные беря innerHTML
Способ 2. Подменять текст на input и отправлять данные по change или submit на нажание Enter'a
1) 2 Синих прямоугольника
2) Синий прямоугольник и :before синий прямоугольник
3) Таблица с всеми синими ячейками и 4 белыми
4) Нарисовать фигуру в фотошопе и поставить на background
и ещё 10-20 способов.
но зачем?? всё, что ты будешь делать через гуи, с вероятностью в 95% укладывается в три команды.
единственное, для чего неплохо бы гуй - это дифф и мёрж, но при должной сноровке, можно и так :)
