Автоматическая группировка HTML элементов в div блоки

У сервиса автоматической верстки сайтов — очередное нововведение. Теперь, используя различные эвристики, мы группируем HTML/CSS элементы в логические блоки. Пусть, к примеру, у вас есть группа buttonsBar, содержащая 6 слоев для 3х кнопок (3 текста, 3 фоновых изображения). Если Вы не создали в Photoshop отдельную группу для каждой из кнопок (состоящую из фона кнопки и ее текста), то мы сделаем это за Вас! В созданной нами верстке сайта Вы получите div блок buttonsBar, в котором будет 3 div блока с 3 кнопками. Располагаться друг относительно друга кнопки будут через float:left и margin. Учтите, что группируются только те слои, которые в PS находятся внутри одной группы.

Однако, это не значит, что Вы должны пренебрегать группировкой слоев в Photoshop. Чем лучше Вы сгруппируете слои, тем лучше будет автоматически созданная HTML верстка сайта. Мы не всегда можем точно угадать по Вашему дизайну, какие логически блоки должны быть созданны в верстке. По крайней мере, необходимо выделять логические блоки (такие как шапка, контент, футер, колонки, ряды) в группы.

Кроме этого, было сделано много мелких улучшений и исправлено много мелких ошибок. Качество верстки в очередной раз возросло. Вы можете оценить наши новые возможности, просто загрузив PSD файл.

У нас в планах реализовать еще множество серьезных улучшений сервиса. У нас есть множество своих идей. Но если у Вас есть какие-либо свои предложения по улучшениям — мы с радостью их выслушаем и постараемся воплотить в жизнь! Вы можете написать нам о них через форму  обратной связи.

Share

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *