Type Folly — изумительно простой онлайн редактор CSS3

По собственной инициативе выкладываю на суд сообщества проект моего друга, со сложно выговариваемым именем Mircea Piturca.

Встречайте: Type Folly — очень простой и удобный онлайн редактор CSS. Для новичков самое оно.

UPD: Автор внес изменения и поправил баги. Спасибо Хабрасообщству.


Не зря делаю упор на простоту. Я очень плохо разбираюсь в webdev, но все поняла слету.

При первом взгляде на главную страницу, создается впечатление, что это изображение. Тем более смущают меню «аля-фотошоп». Но нет — это объекты, которые можно перемещать и выделять. Выделяем и редактируем. Вот и все — просто и удобно.

За простотой скрывается недюжий функционал:

• сайт сделан на Wordpress (!);
• бесплатно;
• учетная запись — храните Ваши проекты;
• фотошоп панели работают (перемещаются в пространстве) также как и в оригинале благодаря JavaScript;
• слои, размеры, контейнеры и т.д. и т.п. и проч.;
• эффекты шрифтов (тени, размытие и т.п.);
• Шрифты. Любые (при желании). Благодаря Tipekit.

Сам процесс очень напоминает работу в Adobe Illustrator. Поигравшись (по другому сказать язык не поворачивается) автоматом-пулеметом получаем серьёзный результат — готовый CSS3 + HTML.

Экспериментируйте на здоровье.

Простите за много просто.

P.S. Выложила вечерком, чтобы не лег под Хабраэффектом. Хоть и (mt), но ведь WP.
P.P.S. Не уверена, чего здесь больше — CSS или типографики. Куда разместить?

UPD: Автор благодарит всех за багрепорты и передает привет Хабрасообществу.
UPD2: Постарается исправить сегодня все, кроме проблем с Оперой.
UPD3: Спасибо всем за багрепорты, уже исправлено (цитата автора):

Right now the following should be fixed:

Rotate function Works in Opera
#gridpannel have a background and rounded corners in Opera
Panels do not jump
The Grid and Container should be in place in Ubuntu (could not checked
because I do not have it installed in here)

I'll do more works and add more features later on today (in about 5
hours). I will also look for some webfonts that supports Russian
characters and add them to the library.
Ok, I've done some changes.

Right now the following should be fixed:

Rotate function Works in Opera
#gridpannel have a background and rounded corners in Opera
Panels do not jump
The Grid and Container should be in place in Ubuntu (could not checked
because I do not have it installed in here)

I'll do more works and add more features later on today (in about 5
hours). I will also look for some webfonts that supports Russian
characters and add them to the library.