From the Windows GUI to drag and drop live preview environment frameworks like PressWork.

1. The Evolution of Live Preview Environment Design
@digibomb

2. In the beginning ...
@digibomb

3. In the beginning ...
The first “real” front-
end editor was the
Word Processor
@digibomb

4. Colours
@digibomb

5. Colours
Fonts
@digibomb

6. Colours
Fonts
Images
@digibomb

7. Colours Tables
Fonts
Images
@digibomb

8. Colours Tables
Fonts
Arrangement
Images
@digibomb

9. Easy to Use!
Colours Tables
Fonts
Arrangement
Images
@digibomb

10. Then came the visual editor ...
@digibomb

11. Then came the visual editor ...
Adobe PageMill
@digibomb

12. Then came the visual editor ...
Microsoft FrontPage
@digibomb

13. Then came the visual editor ...
Macromedia DreamWeaver
@digibomb

14. I don’t get this
HTMLs thing ...
Problem:
@digibomb

15. I don’t get this
HTMLs thing ...
Problem: Built for developers,
NOT designers or the end-user
@digibomb

16. Web 2.0 changed everything!
@digibomb

17. Web 2.0 changed everything!
Tumblr -
basic editor,
to basic!
@digibomb

18. Web 2.0 changed everything!
Squarespace -
advanced editor, but
clunky an non-intutive
@digibomb

19. Web 2.0 changed everything!
Pagelines WordPress
Framework - solid
features, but all in the
back-end!
@digibomb

20. We wanted to do something different
@digibomb

21. We wanted to someth ing different
work on a p opular platfo rm with all
Build a frame y to use for
the bells and whistles . Make it eas
ers, and pub lishers.Take
deve lopers, design
dern web tec hnologies lik e HTML5.
adv antage of mo
@digibomb

22. was born.
@digibomb

23. Friendly & easy to use front-end editor
Settings Panel
@digibomb

24. Friendly & easy to use front-end editor
Layouts Panel
@digibomb

25. Friendly & easy to use front-end editor
Colors Panel
@digibomb

26. Friendly & easy to use front-end editor
Fonts Panel
@digibomb

27. Friendly & easy to use front-end editor
Social Panel
@digibomb

28. www.PressWork.me
@PressWorkWP
Coming soon