SlideShare a Scribd company logo
15 Trends
 Web
           for 2013
       david lee king | davidleeking.com
  topeka & shawnee county public library
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
“good web design
starts with content”




  jeffrey zeldman.
 smart web dude.

                       flickr.com/photos/aquan/2795141674/
15 Web Design Trends for 2013
15 Web Design Trends for 2013
2. design
simplicity.
15 Web Design Trends for 2013
15 Web Design Trends for 2013
15 Web Design Trends for 2013
3. UX Centered
    Design
3. UX Centered
    Design
            flickr.com/photos/ficofranco/5932086668/
don’t
make
   3. UX Centered Design

me
think
                           flickr.com/photos/jenny-pics/5661879987/
4. app style
interfaces.
4. app style interfaces.
5. responsive
   design.
           flickr.com/photos/zergev/8430388219/
5. responsive design.




                        flickr.com/photos/69797234@N06/7203485148/
5. responsive design.
15 Web Design Trends for 2013
5. responsive design.
6. no
skeuomorphism
huh?
... a physical ornament or
design on an object made
to resemble another
material or technique.
       [ed., yay wikipedia]
http://en.wikipedia.org/wiki/File:1986ChryslerLeBaronTownCountryStationWagon.jpg




simulated wood grain, baby!
Text
Text
Text
Text
Text
7. coding
languages
HTML/CSS/Javascript
HTML/CSS/Javascript




       flickr.com/photos/josefdunne/5410923901/
8. Fixed
Header Bars
Text

Fixed Header
Text



 Fixed stuff
9. large photo
 backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
10. CSS
Transparency
10. CSS Transparency
11. Social
Media Badges
11. Social Media Badges
http://www.skyblue-pink.com/wp-content/themes/BlackPower/images/button_twitter.png




11. Social Media Badges
12. Infinite
 Scrolling
12. Infinite Scrolling
scroll ...
12. Infinite Scrolling

        forever!
13. homepage
 feature tours
15 Web Design Trends for 2013
15 Web Design Trends for 2013
13. homepage feature tours
14. Sliding
  panels
14. Sliding webpage panels
15. Parallax
  Design
who names this
stuff, anyway?
15. Parallax Design
To recap:
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
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
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…
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
Thanks!


 davidleeking.com

More Related Content

15 Web Design Trends for 2013