1.
15 Trends
Web
for 2013
david lee king | davidleeking.com
topeka & shawnee county public library

2.
tempus, laoreet et massa. Morbi nec dignissim turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur interdum rhoncus diam, vitae aliquam
velit tincidunt ac. Aliquam vel nisi non felis pretium
fermentum quis quis augue. Pellentesque lobortis
gravida nisl, sed rhoncus ante volutpat at. Aenean id
1. content first.
purus arcu, et sagittis sapien.
Donec sed lorem in elit aliquam convallis quis et
eros. Sed auctor mollis lacus, non fermentum odio
vulputate sed. Curabitur pretium ligula purus.
Aliquam quis leo nisi, quis consequat lacus. Class
aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos himenaeos. In mattis, est sed
pulvinar facilisis, tortor magna gravida ipsum, at

3.
“good web design
starts with content”
jeffrey zeldman.
smart web dude.
flickr.com/photos/aquan/2795141674/

4.
2. design
simplicity.

5.
3. UX Centered
Design

6.
3. UX Centered
Design
flickr.com/photos/ficofranco/5932086668/

7.
don’t
make
3. UX Centered Design
me
think
flickr.com/photos/jenny-pics/5661879987/

8.
4. app style
interfaces.

9.
4. app style interfaces.

10.
5. responsive
design.
flickr.com/photos/zergev/8430388219/

11.
5. responsive design.
flickr.com/photos/69797234@N06/7203485148/

12.
5. responsive design.

13.
5. responsive design.

14.
6. no
skeuomorphism

15.
huh?

16.
... a physical ornament or
design on an object made
to resemble another
material or technique.
[ed., yay wikipedia]

17.
http://en.wikipedia.org/wiki/File:1986ChryslerLeBaronTownCountryStationWagon.jpg
simulated wood grain, baby!

18.
Text

19.
Text

20.
Text

21.
Text

22.
Text

23.
7. coding
languages

24.
HTML/CSS/Javascript

25.
HTML/CSS/Javascript
flickr.com/photos/josefdunne/5410923901/

26.
8. Fixed
Header Bars

27.
Text
Fixed Header

28.
Text
Fixed stuff

29.
9. large photo
backgrounds

30.
9. large photo backgrounds

31.
9. large photo backgrounds

32.
9. large photo backgrounds

33.
9. large photo backgrounds

34.
10. CSS
Transparency

35.
10. CSS Transparency

36.
11. Social
Media Badges

37.
11. Social Media Badges

38.
http://www.skyblue-pink.com/wp-content/themes/BlackPower/images/button_twitter.png
11. Social Media Badges

39.
12. Infinite
Scrolling

40.
12. Infinite Scrolling

41.
scroll ...
12. Infinite Scrolling
forever!

42.
13. homepage
feature tours

43.
13. homepage feature tours

44.
14. Sliding
panels

45.
14. Sliding webpage panels

46.
15. Parallax
Design

47.
who names this
stuff, anyway?

48.
15. Parallax Design

49.
To recap:

50.
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
5. responsive design - yay
To recap:
7. coding languages - yay (will change soon)
11. social media badges - yay

51.
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay
To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh
11. social media badges - yay
12. infinite scrolling - meh

52.
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay
6. no skeuomorphism - depends
To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh
9. large photo backgrounds - hmm…
11. social media badges - yay
12. infinite scrolling - meh
13. homepage feature tours - hmm…

53.
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay
6. no skeuomorphism - depends
To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh
9. large photo backgrounds - hmm…
10. CSS Transparency - geeks rejoice
11. social media badges - yay
12. infinite scrolling - meh
13. homepage feature tours - hmm…
14. sliding panels - geeks rejoice
15. Parallax design - geeks rejoice

54.
Thanks!
davidleeking.com