The document discusses modernism in web design and its key principles. It references influential modernist architects and designers like Ludwig Mies van der Rohe and Dieter Rams. Some principles of modernist web design mentioned are form follows function, less is more, and good design is as little design as possible. The document also provides examples of early modernist web designs from the 1990s and references the focus on simplicity and minimalism in more recent sites like Google and Facebook.

1. Modernism in Web Design
Walter Ebert
@walterebert
WordCamp Berlin
13 May 2017

2. MODERN?

3. http://en.wikipedia.org/wiki/The_Crystal_Palace https://en.wikipedia.org/wiki/Eiffel_Tower

4. http://en.wikipedia.org/wiki/Louis_Sullivan

5. http://en.wikipedia.org/wiki/Louis_Sullivan
Louis Sullivan
FORM
FOLLOWS
FUNCTION

6. http://www.flickr.com/photos/87106931@N00/1432715400/

7. Ludwig Mies van der Rohe
LESS
IS
MORE
http://en.wikipedia.org/wiki/Ludwig_Mies_Van_Der_Rohe

8. Ludwig Mies van der Rohe, Barcelona Pavilion Le Corbusier, Villa Savoye
Gerrit Rietveld, Rietveld Schröder House Eileen Gray, e.1027

9. Dieter Rams
GOOD DESIGN IS
AS LITTLE DESIGN
AS POSSIBLE
https://en.wikipedia.org/wiki/Dieter_Rams

10. http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html

11. http://web.archive.org/web/20010124000500/http://www.yahoo.com/

12. http://spacejam.com/

13. http://web.archive.org/web/20000511234139/http://www.aol.com/

15. http://www.freenicetemplates.com/templates-preview/intro-306/index.htm

16. http://www.useit.com/alertbox/20001029.html
Jakob Nielsen
Flash: 99% Bad

17. Jeffrey Zeldman
Designing with Web Standards

18. http://lawsofsimplicity.com/

19. http://gettingreal.37signals.com/
Build Less
Less features
Less options/preferences
Less people and corporate structure
Less meetings and abstractions
Less promises

20. https://web-beta.archive.org/web/20070515123342/http://www.37signals.com/

21. http://37signals.com/

22. https://www.google.com/

23. https://www.facebook.com/

28. https://www.lukew.com/ff/entry.asp?933

29. Microsoft Metro Design
https://www.microsoft.com/en-us/design

30. FEATURES

32. http://cssstats.com/

33. https://wordpress.org/themes/tags/accessibility-ready+translation-ready/

34. https://gitlab.com/walterebert/search-meetup-frankfurt

35. https://make.wordpress.org/core/2016/11/26/video-headers-in-4-7/

36. http://www.tielsa.de/en/home.html

37. https://www.gov.uk/

38. https://twitter.com/leisa/status/831366023316008960

39. https://wordpress.org/about/philosophy/
Decisions, not Options
Clean, Lean, and Mean
Striving for Simplicity

40. Walter Ebert
@walterebert
walterebert.com
slideshare.net/walterebert