Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Evolution of Live Preview Environment Design

1,557 views

Published on

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

  • Be the first to comment

  • Be the first to like this

The Evolution of Live Preview Environment Design

  1. 1. The Evolution of Live Preview Environment Design@digibomb
  2. 2. In the beginning ...@digibomb
  3. 3. In the beginning ... The first “real” front- end editor was the Word Processor@digibomb
  4. 4. Colours@digibomb
  5. 5. Colours Fonts@digibomb
  6. 6. Colours Fonts Images@digibomb
  7. 7. Colours Tables Fonts Images@digibomb
  8. 8. Colours Tables Fonts Arrangement Images@digibomb
  9. 9. Easy to Use! Colours Tables Fonts Arrangement Images@digibomb
  10. 10. Then came the visual editor ...@digibomb
  11. 11. Then came the visual editor ... Adobe PageMill@digibomb
  12. 12. Then came the visual editor ... Microsoft FrontPage@digibomb
  13. 13. Then came the visual editor ... Macromedia DreamWeaver@digibomb
  14. 14. I don’t get this HTMLs thing ... Problem:@digibomb
  15. 15. I don’t get this HTMLs thing ... Problem: Built for developers, NOT designers or the end-user@digibomb
  16. 16. Web 2.0 changed everything!@digibomb
  17. 17. Web 2.0 changed everything! Tumblr - basic editor, to basic!@digibomb
  18. 18. Web 2.0 changed everything! Squarespace - advanced editor, but clunky an non-intutive@digibomb
  19. 19. Web 2.0 changed everything! Pagelines WordPress Framework - solid features, but all in the back-end!@digibomb
  20. 20. We wanted to do something different@digibomb
  21. 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. 22. was born.@digibomb
  23. 23. Friendly & easy to use front-end editor Settings Panel@digibomb
  24. 24. Friendly & easy to use front-end editor Layouts Panel@digibomb
  25. 25. Friendly & easy to use front-end editor Colors Panel@digibomb
  26. 26. Friendly & easy to use front-end editor Fonts Panel@digibomb
  27. 27. Friendly & easy to use front-end editor Social Panel@digibomb
  28. 28. www.PressWork.me @PressWorkWPComing soon

×