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.

Modernism in Web Design

620 views

Published on

Talk for WordCamp Berlin on 13 May 2017

Published in: Design
  • Be the first to comment

  • Be the first to like this

Modernism in Web Design

  1. 1. Modernism in Web Design Walter Ebert @walterebert WordCamp Berlin 13 May 2017
  2. 2. MODERN?
  3. 3. http://en.wikipedia.org/wiki/The_Crystal_Palace https://en.wikipedia.org/wiki/Eiffel_Tower
  4. 4. http://en.wikipedia.org/wiki/Louis_Sullivan
  5. 5. http://en.wikipedia.org/wiki/Louis_Sullivan Louis Sullivan FORM FOLLOWS FUNCTION
  6. 6. http://www.flickr.com/photos/87106931@N00/1432715400/
  7. 7. Ludwig Mies van der Rohe LESS IS MORE http://en.wikipedia.org/wiki/Ludwig_Mies_Van_Der_Rohe
  8. 8. Ludwig Mies van der Rohe, Barcelona Pavilion Le Corbusier, Villa Savoye Gerrit Rietveld, Rietveld Schröder House Eileen Gray, e.1027
  9. 9. Dieter Rams GOOD DESIGN IS AS LITTLE DESIGN AS POSSIBLE https://en.wikipedia.org/wiki/Dieter_Rams
  10. 10. http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html
  11. 11. http://web.archive.org/web/20010124000500/http://www.yahoo.com/
  12. 12. http://spacejam.com/
  13. 13. http://web.archive.org/web/20000511234139/http://www.aol.com/
  14. 14. http://www.freenicetemplates.com/templates-preview/intro-306/index.htm
  15. 15. http://www.useit.com/alertbox/20001029.html Jakob Nielsen Flash: 99% Bad
  16. 16. Jeffrey Zeldman Designing with Web Standards
  17. 17. http://lawsofsimplicity.com/
  18. 18. http://gettingreal.37signals.com/ Build Less Less features Less options/preferences Less people and corporate structure Less meetings and abstractions Less promises
  19. 19. https://web-beta.archive.org/web/20070515123342/http://www.37signals.com/
  20. 20. http://37signals.com/
  21. 21. https://www.google.com/
  22. 22. https://www.facebook.com/
  23. 23. https://www.lukew.com/ff/entry.asp?933
  24. 24. Microsoft Metro Design https://www.microsoft.com/en-us/design
  25. 25. FEATURES
  26. 26. http://cssstats.com/
  27. 27. https://wordpress.org/themes/tags/accessibility-ready+translation-ready/
  28. 28. https://gitlab.com/walterebert/search-meetup-frankfurt
  29. 29. https://make.wordpress.org/core/2016/11/26/video-headers-in-4-7/
  30. 30. http://www.tielsa.de/en/home.html
  31. 31. https://www.gov.uk/
  32. 32. https://twitter.com/leisa/status/831366023316008960
  33. 33. https://wordpress.org/about/philosophy/ Decisions, not Options Clean, Lean, and Mean Striving for Simplicity
  34. 34. Walter Ebert @walterebert walterebert.com slideshare.net/walterebert

×