Archive

Archive for August, 2014

Desktop Wallpaper Calendars: September 2014

August 31st, 2014 No comments
Hungry

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one—desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for six years now1, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

This post features free desktop wallpapers created by artists across the globe for September 2014. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • You can feature your work in our magazine2 by taking part in our Desktop Wallpaper Calendars series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

Hungry

Designed by Elise Vanoorbeek3 from Belgium.

4

Understanding

“I thought about how sometimes we have a predisposition towards something instead of trying to understand it.” — Designed by Maria Keller46 from Mexico.

47

Shades Of Summer

“You can never have too many sunglasses” — Designed by Marina Eyl88 from Pennsylvania, USA.

Shades of Summer89

Summer Is Still Here!

“Even if most of people is coming back to school or work after summer holidays, it’s still summer, let’s enojy it!” — Designed by Valentina101 from Italy.

Summer is still here!102

Pawns And Kings

Designed by Clarise Frechette Design, LLC114 from Washington, DC, USA.

Pawns and Kings115

Dream It

“September for many is the month when school begins so it’s important to be positive and have an optimistic spirit about the goals one has for the upcoming year.” — Designed by Teodor Dovichinski157 from Macedonia.

Dream it158

Be The Wind Of Change

“Be the wind of change. Nature inspired us in creating this wallpaper as well as the Scorpion’s song “Wind of change” we dedicate to all creatives worldwide :)” — Designed by Design19200 from Romania.

Be the wind of change 201

Elephant In The Room

“I was inspired by Elephant Appreciation Day, which everyone knows is September 22nd.” — Designed by Rosemary Ivosevich255 from Philadelphia, PA.

Elephant in the Room256

California Sundown

“September means a lot of things. If you are into marketing, it is a big month. Not only for back-to-school sales but also for planning ahead for Christmas. Of course this brings both developers, designers and copywriters into the grind. With all this work piling up on top of us we try to keep our cool and relax whenever we can. After all, taking appropriate breaks is very important for productivity. This calming photo was snapped during my trip from San Francisco to Los Angeles back in 2013. It was a hellish week, full of meetings and travel, sometimes 28 hours at a time. But being able to stop, take a breath of fresh air and appreciate the beauty that is around us kept me and my co-founders healthy, happy and sane. I hope it will do the same for you.” — Designed by Dmitri Tcherbadji296 from Canada.

California Sundown297

Green Grass Of The Vosges

“The Vosges are mountains in the east of France. In september it’s still possible to enjoy the green grass of the grazing land, more often at the top of the moutains. Summer is not closed, yet!” — Designed by Philippe Brouard343 from France.

Green grass of the Vosges344

Autumn Ripples

“No matter where in the world you are, this calendar will bring some autumn cheer to your device backgrounds!” — Designed by Rachel Litzinger368 from Chiang Rai, Thailand.

Autumn Ripples369

Good Bye My Dear Hot Friend

“September is a month to start over again and say good bye to the summer and vacations. That’s why we want to say good bye to the sun who will travel from north to south this time of the year.” — Designed by Colorsfera391 from Spain.

Good bye my dear hot friend392

Sugar Cube

Designed by Luc Versleijen436 from the Netherlands.

Sugarcube437

Join In Next Month!

Please note that we respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

A big thank you to all designers for their participation. Join in next month461!

What’s Your Favorite?

What’s your favorite theme or wallpaper for this month? Please let us know in the comment section below.

(il)

Footnotes

  1. 1 http://www.smashingmagazine.com/tag/wallpapers/
  2. 2 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/
  3. 3 http://www.doud.be
  4. 4 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/sept-14-hungry-full.jpg
  5. 5 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/sept-14-hungry-preview.jpg
  6. 6 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-640×480.jpg
  7. 7 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-800×480.jpg
  8. 8 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-800×600.jpg
  9. 9 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1024×768.jpg
  10. 10 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1024×1024.jpg
  11. 11 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1152×864.jpg
  12. 12 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1280×720.jpg
  13. 13 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1280×800.jpg
  14. 14 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1280×960.jpg
  15. 15 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1280×1024.jpg
  16. 16 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1440×1050.jpg
  17. 17 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1440×900.jpg
  18. 18 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1600×1200.jpg
  19. 19 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1680×1050.jpg
  20. 20 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1680×1200.jpg
  21. 21 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1920×1080.jpg
  22. 22 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1920×1200.jpg
  23. 23 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1920×1440.jpg
  24. 24 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-2560×1440.jpg
  25. 25 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/cal/sept-14-hungry-cal-1366×768.jpg
  26. 26 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-640×480.jpg
  27. 27 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-800×480.jpg
  28. 28 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-800×600.jpg
  29. 29 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1024×768.jpg
  30. 30 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1024×1024.jpg
  31. 31 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1152×864.jpg
  32. 32 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1280×720.jpg
  33. 33 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1280×800.jpg
  34. 34 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1280×960.jpg
  35. 35 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1280×1024.jpg
  36. 36 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1440×1050.jpg
  37. 37 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1440×900.jpg
  38. 38 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1600×1200.jpg
  39. 39 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1680×1050.jpg
  40. 40 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1680×1200.jpg
  41. 41 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1920×1080.jpg
  42. 42 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1920×1200.jpg
  43. 43 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1920×1440.jpg
  44. 44 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-2560×1440.jpg
  45. 45 http://files.smashingmagazine.com/wallpapers/sept-14/hungry/nocal/sept-14-hungry-nocal-1366×768.jpg
  46. 46 http://www.mariakellerac.com
  47. 47 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/sept-14-understanding-full.jpg
  48. 48 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/sept-14-understanding-preview.jpg
  49. 49 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-320×480.jpg
  50. 50 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-640×480.jpg
  51. 51 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-800×480.jpg
  52. 52 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-800×600.jpg
  53. 53 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1024×768.jpg
  54. 54 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1024×1024.jpg
  55. 55 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1152×864.jpg
  56. 56 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1280×800.jpg
  57. 57 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1280×960.jpg
  58. 58 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1280×1024.jpg
  59. 59 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1400×1050.jpg
  60. 60 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1440×900.jpg
  61. 61 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1600×1200.jpg
  62. 62 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1680×1050.jpg
  63. 63 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1680×1200.jpg
  64. 64 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1920×1080.jpg
  65. 65 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1920×1200.jpg
  66. 66 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-1920×1440.jpg
  67. 67 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/cal/sept-14-understanding-cal-2560×1440.jpg
  68. 68 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-320×480.jpg
  69. 69 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-640×480.jpg
  70. 70 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-800×480.jpg
  71. 71 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-800×600.jpg
  72. 72 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1024×768.jpg
  73. 73 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1024×1024.jpg
  74. 74 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1152×864.jpg
  75. 75 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1280×720.jpg
  76. 76 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1280×800.jpg
  77. 77 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1280×960.jpg
  78. 78 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1280×1024.jpg
  79. 79 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1400×1050.jpg
  80. 80 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1440×900.jpg
  81. 81 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1600×1200.jpg
  82. 82 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1680×1050.jpg
  83. 83 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1680×1200.jpg
  84. 84 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1920×1080.jpg
  85. 85 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1920×1200.jpg
  86. 86 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-1920×1440.jpg
  87. 87 http://files.smashingmagazine.com/wallpapers/sept-14/understanding/nocal/sept-14-understanding-nocal-2560×1440.jpg
  88. 88 http://www.marinadesign.net
  89. 89 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/sept-14-shades-of-summer-full.png
  90. 90 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/sept-14-shades-of-summer-preview.jpg
  91. 91 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/cal/sept-14-shades-of-summer-cal-1024×768.jpg
  92. 92 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/cal/sept-14-shades-of-summer-cal-1280×1024.jpg
  93. 93 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/cal/sept-14-shades-of-summer-cal-1680×1050.jpg
  94. 94 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/cal/sept-14-shades-of-summer-cal-1680×1200.jpg
  95. 95 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/cal/sept-14-shades-of-summer-cal-1920×1080.jpg
  96. 96 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/nocal/sept-14-shades-of-summer-nocal-1024×768.jpg
  97. 97 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/nocal/sept-14-shades-of-summer-nocal-1280×1024.jpg
  98. 98 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/nocal/sept-14-shades-of-summer-nocal-1680×1050.jpg
  99. 99 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/nocal/sept-14-shades-of-summer-nocal-1680×1200.jpg
  100. 100 http://files.smashingmagazine.com/wallpapers/sept-14/shades-of-summer/nocal/sept-14-shades-of-summer-nocal-1920×1080.jpg
  101. 101 https://www.facebook.com/valentina.giuliani.52
  102. 102 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/sept-14-summer-is-still-here-full.png
  103. 103 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/sept-14-summer-is-still-here-preview.jpg
  104. 104 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/cal/sept-14-summer-is-still-here-cal-1280×720.jpg
  105. 105 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/cal/sept-14-summer-is-still-here-cal-1280×800.jpg
  106. 106 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/cal/sept-14-summer-is-still-here-cal-1280×1024.jpg
  107. 107 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/cal/sept-14-summer-is-still-here-cal-1920×1080.jpg
  108. 108 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/cal/sept-14-summer-is-still-here-cal-2560×1440.jpg
  109. 109 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/nocal/sept-14-summer-is-still-here-nocal-1280×720.jpg
  110. 110 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/nocal/sept-14-summer-is-still-here-nocal-1280×800.jpg
  111. 111 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/nocal/sept-14-summer-is-still-here-nocal-1280×1024.jpg
  112. 112 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/nocal/sept-14-summer-is-still-here-nocal-1920×1080.jpg
  113. 113 http://files.smashingmagazine.com/wallpapers/sept-14/summer-is-still-here/nocal/sept-14-summer-is-still-here-nocal-2560×1440.jpg
  114. 114 http://www.clarisefrechette.com
  115. 115 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/sept-14-pawns-n-kings-full.png
  116. 116 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/sept-14-pawns-n-kings-preview.png
  117. 117 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-320×480.png
  118. 118 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-640×480.png
  119. 119 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-800×480.png
  120. 120 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-800×600.png
  121. 121 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1024×768.png
  122. 122 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1024×1024.png
  123. 123 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1152×864.png
  124. 124 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1280×720.png
  125. 125 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1280×800.png
  126. 126 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1280×960.png
  127. 127 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1280×1024.png
  128. 128 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1400×1050.png
  129. 129 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1440×900.png
  130. 130 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1600×1200.png
  131. 131 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1680×1050.png
  132. 132 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1680×1200.png
  133. 133 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1920×1080.png
  134. 134 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1920×1200.png
  135. 135 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-1920×1440.png
  136. 136 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/cal/sept-14-pawns-n-kings-cal-2560×1440.png
  137. 137 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-320×480.png
  138. 138 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-640×480.png
  139. 139 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-800×480.png
  140. 140 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-800×600.png
  141. 141 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1024×768.png
  142. 142 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1024×1024.png
  143. 143 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1152×864.png
  144. 144 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1280×720.png
  145. 145 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1280×800.png
  146. 146 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1280×960.png
  147. 147 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1280×1024.png
  148. 148 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1400×1050.png
  149. 149 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1440×900.png
  150. 150 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1600×1200.png
  151. 151 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1680×1050.png
  152. 152 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1680×1200.png
  153. 153 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1920×1080.png
  154. 154 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1920×1200.png
  155. 155 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-1920×1440.png
  156. 156 http://files.smashingmagazine.com/wallpapers/sept-14/pawns-n-kings/nocal/sept-14-pawns-n-kings-nocal-2560×1440.png
  157. 157 https://www.facebook.com/teodor.dovichinski
  158. 158 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/sept-14-dream-it-full.png
  159. 159 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/sept-14-dream-it-preview.png
  160. 160 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-640×480.png
  161. 161 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-800×480.png
  162. 162 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-800×600.png
  163. 163 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1024×768.png
  164. 164 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1024×1024.png
  165. 165 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1152×864.png
  166. 166 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1280×720.png
  167. 167 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1280×800.png
  168. 168 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1280×960.png
  169. 169 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1280×1024.png
  170. 170 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1400×1050.png
  171. 171 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1440×900.png
  172. 172 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1600×1200.png
  173. 173 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1680×1050.png
  174. 174 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1680×1200.png
  175. 175 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1920×1080.png
  176. 176 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1920×1200.png
  177. 177 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1920×1440.png
  178. 178 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-2560×1440.png
  179. 179 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/cal/sept-14-dream-it-cal-1366×768.png
  180. 180 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-640×480.png
  181. 181 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-800×480.png
  182. 182 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-800×600.png
  183. 183 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1024×768.png
  184. 184 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1024×1024.png
  185. 185 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1152×864.png
  186. 186 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1280×720.png
  187. 187 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1280×800.png
  188. 188 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1280×960.png
  189. 189 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1280×1024.png
  190. 190 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1400×1050.png
  191. 191 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1440×900.png
  192. 192 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1600×1200.png
  193. 193 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1680×1050.png
  194. 194 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1680×1200.png
  195. 195 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1920×1080.png
  196. 196 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1920×1200.png
  197. 197 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1920×1440.png
  198. 198 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-2560×1440.png
  199. 199 http://files.smashingmagazine.com/wallpapers/sept-14/dream-it/nocal/sept-14-dream-it-nocal-1366×768.png
  200. 200 http://www.design19.ro/en
  201. 201 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/sept-14-be-the-wind-of-change-full.png
  202. 202 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/sept-14-be-the-wind-of-change-preview.png
  203. 203 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-320×480.png
  204. 204 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-640×480.png
  205. 205 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-800×480.png
  206. 206 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-800×600.png
  207. 207 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1024×768.png
  208. 208 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1024×1024.png
  209. 209 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1152×864.png
  210. 210 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1280×720.png
  211. 211 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1280×800.png
  212. 212 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1280×960.png
  213. 213 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1280×1024.png
  214. 214 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1400×1050.png
  215. 215 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1440×900.png
  216. 216 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1600×1200.png
  217. 217 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1680×1050.png
  218. 218 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1680×1200.png
  219. 219 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1920×1080.png
  220. 220 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1920×1200.png
  221. 221 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-1920×1440.png
  222. 222 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-2560×1440.png
  223. 223 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-3360×1050.png
  224. 224 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-3360×1200.png
  225. 225 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-3840×1080.png
  226. 226 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-3840×1200.png
  227. 227 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-3840×1440.png
  228. 228 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/cal/sept-14-be-the-wind-of-change-cal-5120×1440.png
  229. 229 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-320×480.png
  230. 230 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-640×480.png
  231. 231 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-800×480.png
  232. 232 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-800×600.png
  233. 233 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1024×768.png
  234. 234 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1024×1024.png
  235. 235 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1152×864.png
  236. 236 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1280×720.png
  237. 237 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1280×800.png
  238. 238 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1280×960.png
  239. 239 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1280×1024.png
  240. 240 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1400×1050.png
  241. 241 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1440×900.png
  242. 242 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1600×1200.png
  243. 243 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1680×1050.png
  244. 244 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1680×1200.png
  245. 245 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1920×1080.png
  246. 246 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1920×1200.png
  247. 247 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-1920×1440.png
  248. 248 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-2560×1440.png
  249. 249 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-3360×1050.png
  250. 250 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-3360×1200.png
  251. 251 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-3840×1080.png
  252. 252 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-3840×1200.png
  253. 253 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-3840×1440.png
  254. 254 http://files.smashingmagazine.com/wallpapers/sept-14/be-the-wind-of-change/nocal/sept-14-be-the-wind-of-change-nocal-5120×1440.png
  255. 255 http://www.irosebot.com
  256. 256 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/sept-14-elephant-in-the-room-full.jpg
  257. 257 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/sept-14-elephant-in-the-room-preview.jpg
  258. 258 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-640×480.jpg
  259. 259 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-800×480.jpg
  260. 260 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-800×600.jpg
  261. 261 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1024×768.jpg
  262. 262 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1024×1024.jpg
  263. 263 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1152×864.jpg
  264. 264 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1280×720.jpg
  265. 265 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1280×800.jpg
  266. 266 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1280×960.jpg
  267. 267 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1280×1024.jpg
  268. 268 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1400×1050.jpg
  269. 269 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1440×900.jpg
  270. 270 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1600×1200.jpg
  271. 271 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1680×1050.jpg
  272. 272 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1680×1200.jpg
  273. 273 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1920×1080.jpg
  274. 274 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1920×1200.jpg
  275. 275 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-1920×1440.jpg
  276. 276 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/cal/sept-14-elephant-in-the-room-cal-2560×1440.jpg
  277. 277 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-640×480.jpg
  278. 278 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-800×480.jpg
  279. 279 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-800×600.jpg
  280. 280 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1024×768.jpg
  281. 281 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1024×1024.jpg
  282. 282 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1152×864.jpg
  283. 283 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1280×720.jpg
  284. 284 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1280×800.jpg
  285. 285 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1280×960.jpg
  286. 286 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1280×1024.jpg
  287. 287 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1400×1050.jpg
  288. 288 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1440×900.jpg
  289. 289 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1600×1200.jpg
  290. 290 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1680×1050.jpg
  291. 291 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1680×1200.jpg
  292. 292 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1920×1080.jpg
  293. 293 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1920×1200.jpg
  294. 294 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-1920×1440.jpg
  295. 295 http://files.smashingmagazine.com/wallpapers/sept-14/elephant-in-the-room/nocal/sept-14-elephant-in-the-room-nocal-2560×1440.jpg
  296. 296 https://www.artsocket.com/artist/dmitri-tcherbadji/
  297. 297 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/sept-14-california-sundown-full.jpg
  298. 298 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/sept-14-california-sundown-preview.png
  299. 299 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-320×480.png
  300. 300 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-640×480.png
  301. 301 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-800×480.png
  302. 302 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-800×600.png
  303. 303 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1024×768.png
  304. 304 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1024×1024.png
  305. 305 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1152×864.png
  306. 306 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1280×700.png
  307. 307 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1280×800.png
  308. 308 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1280×960.png
  309. 309 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1280×1024.png
  310. 310 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1400×1050.png
  311. 311 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1440×900.png
  312. 312 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1600×1200.png
  313. 313 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1680×1050.png
  314. 314 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1680×1200.png
  315. 315 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1920×1080.png
  316. 316 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1920×1200.png
  317. 317 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1920×1440.png
  318. 318 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-2560×1440.png
  319. 319 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-2880×1800.png
  320. 320 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/cal/sept-14-california-sundown-cal-1366×768.png
  321. 321 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-320×480.png
  322. 322 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-640×480.png
  323. 323 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-800×480.png
  324. 324 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-800×600.png
  325. 325 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1024×768.png
  326. 326 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1024×1024.png
  327. 327 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1152×864.png
  328. 328 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1280×700.png
  329. 329 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1280×800.png
  330. 330 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1280×960.png
  331. 331 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1280×1024.png
  332. 332 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1400×1050.png
  333. 333 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1440×900.png
  334. 334 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1600×1200.png
  335. 335 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1680×1050.png
  336. 336 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1680×1200.png
  337. 337 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1920×1080.png
  338. 338 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1920×1200.png
  339. 339 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1920×1440.png
  340. 340 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-2560×1440.png
  341. 341 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-2880×1800.png
  342. 342 http://files.smashingmagazine.com/wallpapers/sept-14/california-sundown/nocal/sept-14-california-sundown-nocal-1366×768.png
  343. 343 http://www.phbroc.fr
  344. 344 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/sept-14-green-grass-of-the-vosges-full.jpg
  345. 345 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/sept-14-green-grass-of-the-vosges-preview.jpg
  346. 346 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-320×480.jpg
  347. 347 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-800×480.jpg
  348. 348 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1024×768.jpg
  349. 349 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1024×1024.jpg
  350. 350 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1280×720.jpg
  351. 351 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1280×1024.jpg
  352. 352 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1440×900.jpg
  353. 353 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1920×1080.jpg
  354. 354 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1920×1200.jpg
  355. 355 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-1920×1440.jpg
  356. 356 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/cal/sept-14-green-grass-of-the-vosges-cal-2560×1440.jpg
  357. 357 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-320×480.jpg
  358. 358 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-800×480.jpg
  359. 359 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1024×768.jpg
  360. 360 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1024×1024.jpg
  361. 361 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1280×720.jpg
  362. 362 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1280×1024.jpg
  363. 363 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1440×900.jpg
  364. 364 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1920×1080.jpg
  365. 365 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1920×1200.jpg
  366. 366 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-1920×1440.jpg
  367. 367 http://files.smashingmagazine.com/wallpapers/sept-14/green-grass-of-the-vosges/nocal/sept-14-green-grass-of-the-vosges-nocal-2560×1440.jpg
  368. 368 http://plaidgecko.com/
  369. 369 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/sept-14-autumn-ripples-full.jpg
  370. 370 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/sept-14-autumn-ripples-preview.jpg
  371. 371 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1280×800.jpg
  372. 372 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1280×960.jpg
  373. 373 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1440×900.jpg
  374. 374 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1680×1200.jpg
  375. 375 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1920×1200.jpg
  376. 376 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-2560×1440.jpg
  377. 377 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-640×960.jpg
  378. 378 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-640×1136.jpg
  379. 379 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-1600×900.jpg
  380. 380 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/cal/sept-14-autumn-ripples-cal-2048×2048.jpg
  381. 381 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1280×800.jpg
  382. 382 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1280×960.jpg
  383. 383 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1440×900.jpg
  384. 384 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1680×1200.jpg
  385. 385 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1920×1200.jpg
  386. 386 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-2560×1440.jpg
  387. 387 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-640×960.jpg
  388. 388 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-640×1136.jpg
  389. 389 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-1600×900.jpg
  390. 390 http://files.smashingmagazine.com/wallpapers/sept-14/autumn-ripples/nocal/sept-14-autumn-ripples-nocal-2048×2048.jpg
  391. 391 http://www.colorsfera.com
  392. 392 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/sept-14-good-bye-my-dear-hot-friend-full.png
  393. 393 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/sept-14-good-bye-my-dear-hot-friend-preview.png
  394. 394 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-320×480.png
  395. 395 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-640×480.png
  396. 396 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-800×480.png
  397. 397 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-800×600.png
  398. 398 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1024×768.png
  399. 399 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1024×1024.png
  400. 400 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1152×864.png
  401. 401 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1280×720.png
  402. 402 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1280×800.png
  403. 403 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1280×960.png
  404. 404 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1280×1024.png
  405. 405 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1400×1050.png
  406. 406 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1440×900.png
  407. 407 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1600×1200.png
  408. 408 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1680×1050.png
  409. 409 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1680×1200.png
  410. 410 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1920×1080.png
  411. 411 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1920×1200.png
  412. 412 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1920×1440.png
  413. 413 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-2560×1440.png
  414. 414 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/cal/sept-14-good-bye-my-dear-hot-friend-cal-1260×1440.png
  415. 415 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-320×480.png
  416. 416 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-640×480.png
  417. 417 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-800×480.png
  418. 418 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-800×600.png
  419. 419 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1024×768.png
  420. 420 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1024×1024.png
  421. 421 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1152×864.png
  422. 422 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1280×720.png
  423. 423 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1280×800.png
  424. 424 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1280×960.png
  425. 425 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1280×1024.png
  426. 426 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1400×1050.png
  427. 427 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1440×900.png
  428. 428 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1600×1200.png
  429. 429 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1680×1050.png
  430. 430 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1680×1200.png
  431. 431 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1920×1080.png
  432. 432 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1920×1200.png
  433. 433 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1920×1440.png
  434. 434 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-2560×1440.png
  435. 435 http://files.smashingmagazine.com/wallpapers/sept-14/good-bye-my-dear-hot-friend/nocal/sept-14-good-bye-my-dear-hot-friend-nocal-1260×1440.png
  436. 436 http://www.lucversleijen.nl
  437. 437 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/sept-14-sugarcube-full.jpg
  438. 438 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/sept-14-sugarcube-preview.png
  439. 439 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-800×600.png
  440. 440 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1024×768.png
  441. 441 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1152×864.png
  442. 442 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1280×720.png
  443. 443 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1280×800.png
  444. 444 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1280×960.png
  445. 445 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1280×1024.png
  446. 446 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1440×900.png
  447. 447 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1920×1080.png
  448. 448 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-1920×1200.png
  449. 449 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/cal/sept-14-sugarcube-cal-2560×1440.png
  450. 450 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-800×600.png
  451. 451 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1024×768.png
  452. 452 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1152×864.png
  453. 453 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1280×720.png
  454. 454 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1280×800.png
  455. 455 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1280×960.png
  456. 456 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1280×1024.png
  457. 457 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1440×900.png
  458. 458 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1920×1080.png
  459. 459 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-1920×1200.png
  460. 460 http://files.smashingmagazine.com/wallpapers/sept-14/sugarcube/nocal/sept-14-sugarcube-nocal-2560×1440.png
  461. 461 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/

The post Desktop Wallpaper Calendars: September 2014 appeared first on Smashing Magazine.

Categories: Others Tags:

Designing Badges (And More) For A Conference

August 29th, 2014 No comments
Notebook cover for the first edition of Kerning

To badge or not to badge? That is the question. Because badges — and a lot of stuff designed for conferences — often look the same. But if you have a little, different conference, you need different kinds of things. Badges included.

It all started in 2013 with the first Kerning conference1. I was asked to design the official notebook: we ended up with a really typographic design for the cover and a funny pattern on the back. And an Easter egg on the cover — more on that later. It was a really funny project, so when my dear friend Cristiano Rastelli2, a member of Kerning’s organizing committee, asked me to design the notebook and some printed materials for Kerning 2014 I immediately said “Yes, let’s start!”

Kerning’s Calling

I’m really passionate about letterpress, so there was no doubt about the notebook: letterpress printing again. But what about the cover? After the first really typographical design in 2013, I wanted to make some changes. I love to draw with pencil on paper and I love caricatures, too. I had drawn a lot of them over the past few years, so with all the photos of the speakers on Kerning’s website I decided to go that way: the cover would be full of caricatures.

3
Notebook cover for the first edition of Kerning. (View large version4)

I had to decide how to draw them. When you use letterpress printing, costs can rise very quickly if you use a lot of colors. Each color is printed separately, so you have to take into account the budget from the very first second. As we had in 2013, we decided to use only the two official colors of the conference: black and red (Pantone 7417, to be precise). This was an important element because I also had to design other printed stuff too: badges for speakers, organizers, attendees and workshops. Oh, and some postcards too. This stuff had to be printed in digital offset, so we could use a lot of colors if we wanted; but since we had already set the boundaries with letterpress, both for style and colors, we decided to go the same way.

The Idea Behind The Notebook And Badges

Caricatures and two colors: that was OK, but how to match the design of the notebook and the badges? They had to be part of the same project and convey the same mood. The idea came from the back cover of the notebook: I had decided to use the same pattern from 2013, to establish some continuity. Looking at the pattern, I realized that it reminded me of playing cards. Not the face side obviously, but the back.

So why not design the badges like playing cards? I had to design several different kinds of badges: those for workshops (leaders and attendees) plus those for the conference day: speakers, organizers, and attendees. And a badge for the conference host, too. With an idea for the design, I then needed to undertake some research about playing cards.

5
The pattern on the back cover reminds me of playing cards. (View large version6)

The Importance Of Research

I did some research online, reading and viewing some really interesting websites about playing cards. Some playing cards have great drawings and are really complex, too. There are a lot of different styles, but what I needed was a more simple approach, suitable for both digital offset and letterpress. I identified the cards I had to design: kings for male speakers, queens for female speakers, a joker for the host, the ace of spades for organizers, as well as five and six for attendees and workshop presenters (in fact, the conference took place on June 5–6, 2014).

aricatures at work on speakers' badges7
Caricatures at work on speakers’ badges. (View large version8)

The kings, queens and the joker would be simpler than the usual version we’re used to seeing on playing cards, but since I really love details — even the smallest ones — I found the right card for these small, crazy things: the ace of spades. Aces of spades are always full of details, beautifully designed and so it had to be the one for Kerning. But a typographical ace of spades, since the conference is about typography.

Organizers' badge: typographical Ace of Spades9
Organizers’ badge: typographical ace of spades. (View large version10)

Even though my research didn’t result in a striking new idea, it gave me a foundation. Often I find that research can either confirm the idea I already have or make me change it totally. Research helps me to find a good approach. Even if I design a completely new thing, my decision is based on what I’ve just seen. It’s not just a matter of style or taste or something like that: with research and analysis I have something strong to base my project on.

Research for illustrations of caricatures is very important, because the more pictures you collect the more details you can draw. There were some pictures of the speakers on Kerning’s website, but I looked online for more references. After having collected some more photos, I was ready to start.

The Process

I always start with pencil on paper. Logos, illustrations, graphic projects, it doesn’t matter — pencil and paper give me a lot of freedom. If you start drawing in Illustrator or other software, you are bound by the limits and style of that software. And when you start sketching the basic concepts, you have to be free to experiment.

There’s no way to be influenced by some marvellous feature or effect: black on white only. Freedom is fine, but I always take into account the boundaries of the project: in this case, just two colors and a really flat mood because of letterpress. Drawing some sketches and then developing a quite finished design only using pencil allowed me to concentrate on the most important things.

The caricature of Ellen Lupton: pencil on paper11
The caricature of Ellen Lupton: pencil on paper. (View large version12)

That said, I really love colors too, even if I’m not so good at painting with water colors or in oils. I really love flat design, so I like to draw with Illustrator. And Illustrator is the software I usually use for tracing drawings. So once my illustrations with pencil on paper are complete, I scan them to start the tracing job. I decided to draw only the caricatures by hand, making all the other graphic elements directly in Illustrator. There was an official font to use — Pluto Sans13 by HvD Fonts14 — and other things were really basic, so no need to draw them with pencil.

Sketching is a Game of Trial and Error

These first caricatures were really simple in style. I had tried to be as simple as possible to have something that was fine for letterpress. The eyes were just small dots and other elements were really simple. Unfortunately, I didn’t like the final result. I couldn’t — and didn’t want to — draw realistic caricatures, but what I had drawn was just too basic. I scanned the drawings and I tried to trace one or two of them, just to understand if I could make some changes directly in Illustrator: no way.

Since tracing your drawings in Illustrator is quite a time-consuming job, I decided to start again from scratch with pencil and paper. There was not much time left before having to print everything, but I decided to start again anyway, since this was the best option to achieve exactly the final result I had in mind.

Caricatures, first pencil version: they were too much basic…15
Caricatures, first pencil version: they were much too basic… (View large version16)
These caricatures lacked the right level of details, useful to play with when you are then drawing the digital version17
These caricatures lacked the right level of detail, useful to play with when you are then drawing the digital version. (View large version18)

The second attempt was better: more detailed caricatures — not naturalistic, but something that was good for both letterpress and digital offset printing. I scanned all the caricatures again, and started tracing them in Illustrator with the pen tool. As you know, I really like pencil, so I really like using a graphics tablet and pen too. In fact, I use them every time I can, because it speeds up the process. I’m so used to it that sometimes I catch myself using a tablet with a word processor. I know, I know…

The final, more detailed caricature of Francesco Franchi with some tests for alternative mouths19
The final, more detailed caricature of Francesco Franchi with some tests for alternative mouths. (View large version20)

Tracing Sketches with Adobe Illustrator

I usually use a very bright hue, like magenta or cyan, to be sure I can clearly see the lines against the black and white of the pencil drawings. I usually decide which weights I want to use for lines, especially if I draw illustrations with a few colors or only strokes with no fill. If I have a simple design style — a few colors, no complex shapes — I try to be as clean as I can. I think that “To complicate is easy. To simplify is difficult” by Bruno Munari is always good advice.

Tracing caricatures in Illustrator: same line weights for same elements (nose was 0,75 pt)21
Tracing caricatures in Illustrator: same line weights for same elements (nose was 0.75 pt). (View large version22)

For these caricatures I went with these weights: 1pt for contour and very important lines, 0.25pt for subtle details and 0.75pt for everything in between. If you decide on line weight before you start working it’s easier to maintain a consistent mood in all your drawings. Establishing line hierarchy also helps with establishing hierarchy between elements. If something is important, give it some weight. If it’s less important, make it thinner.

Different weights helps establishing a hierarchy between elements23
Different weights help establish a hierarchy between elements. (View large version24)

Tracing is a matter of time and patience. Graphics tablets can help you a lot, but I usually spend a lot of time tracing my drawings with as few control points as I can. Lines are smoother and if you are working on complex illustrations, the fewer control points you have, the better the result will be. And — last but not least — fewer control points are great if you have to change a shape: think about having to change ten control points instead of four if you want to change just one hair!

Drawing lines with a few point is always fine: smooth results and less work if you want to change something25
Drawing lines with a few points is always fine: smooth results and less work if you want to change something. (View large version26)

Let’s Finish the Design!

With all the caricatures traced, it was time to add the other elements: letters (K, Q and the star for the joker), the Kerning logo, and the person’s name and Twitter handle inside a ribbon. Not such a complex job, but there were badges for attendees, presenters, and organizers, too. I had just used hearts for speakers, so I decided to go with clubs and diamonds for workshops and conference. And for the organizers, the ace of spades.

Meaningful names for levels are always helpful, but they are fundamental for complex illustrations. Unless you want to go crazy trying to find something between tens of layers27
Meaningful names for levels are always helpful, but they are fundamental for complex illustrations. Unless you want to go crazy trying to find something between dozens of layers…(View large version28)

Workshop and conference day cards were not so difficult: five of clubs was the badge for workshops — both for presenters and attendees — while six of diamonds was for the conference day, since they took place respectively on June 5 and June 6. These cards were very simple, so I won’t cover them here. But aces of spades are usually really complex and full of details. Because Kerning is a conference about typography, letters were the right way to add some details to the card. Since these were the organizers’ badges, I used the same ribbon with names and Twitter handles that I had already used for speakers’ badges.

A typographical Ace of Spades for organizers' badge29
A typographical ace of spades for the organizers’ badge. (View large version30)

Once I had finished all the badges, I designed the postcards. These had the same layout as the badges but more space, so I decided to include a really short bio of the speakers. Last, but not least, Cristiano came up with a great idea: to design another type of postcard, displaying the official conference hashtag — #keming. We used two slab (red background), two serif (black background), and two sans serif fonts (white background); and two green cards with Comic Sans and Buttermilk (fonts respectively by Vincent Connare and Jessica Hische, both speakers at the conference), plus a calligraphic version by Luca Barcellona (workshop presenter).

The final digital version of Frank Chimero's postcard and some other badges31
The final digital version of Frank Chimero’s postcard and some other badges. (View large version32)

Let’s Go Print!

So, everything was fine, but I had to check some more things before printing the notebooks. If you use really soft paper with letterpress — and we used a 100% cotton paper for the cover — you have to carefully consider what happens to thin lines and smaller details when printed under high pressure.

Elliot Jay Stocks for letterpress (left, used for notebook) is a little bit different from Elliot Jay Stocks for digital offset (right, used for badges and postcards): different tricks for different technologies33
Elliot Jay Stocks for letterpress (left, used for notebook) is a little bit different from Elliot Jay Stocks for digital offset (right, used for badges and postcards): different tricks for different technologies. (View large version34)

The small dots inside the black area of the ace of spades, for instance, could disappear when printed, because of the pressure and the amount of ink all around them. So I made them a little bit bigger for the letterpress version. The same is true when thin lines are really close to one another: the risk is to lose details and have a kind of colored spot. So I simplified the hair a little bit for letterpress.

Kerning 2014 notebook: speakers and Ace of Spades on the cover35
Kerning 2014 notebook: speakers and ace of spades on the cover. (View large version36)

In general, when you use letterpress with cotton or soft paper and high pressure, take care of this aspect: small and fine details are OK, but lines might be slightly modified by pressure.

Final Thoughts (That Is, Always Have Fun!)

What more to say about this project? It started with a letterpress notebook in 2013, and developed into something more organic in 2014. It was a really great project I enjoyed a lot. And what about a complete deck of cards? I’ve been dreaming about designing a deck of cards since forever. Perhaps sooner or later I’ll design one. Who knows? With a lot of letters, obviously.

Talking about letters, the Easter egg in the first edition of the Kerning notebook was the small caps words that created a phrase. A sentence inside a sentence. And that’s all!

(ml, og, il, md)

Footnotes

  1. 1 http://2013.kerning.it/
  2. 2 http://www.didoo.net/
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/2014/08/01-kerning-notebook-opt.jpg
  4. 4 http://www.smashingmagazine.com/wp-content/uploads/2014/08/01-kerning-notebook-opt.jpg
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2014/08/02-kerning-notebook-backcover-opt.jpg
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2014/08/02-kerning-notebook-backcover-opt.jpg
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2014/08/03-kerning-badges-speaker-opt.jpg
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2014/08/03-kerning-badges-speaker-opt.jpg
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2014/08/04-kerning-organizers-opt.jpg
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2014/08/04-kerning-organizers-opt.jpg
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2014/08/05-kerning-ellen-lupton-opt.jpg
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2014/08/05-kerning-ellen-lupton-opt.jpg
  13. 13 http://www.hvdfonts.com/#172-PlutoSans
  14. 14 http://www.hvdfonts.com/
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2014/08/06-kerning-caricatures-first-drawings-opt.jpg
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2014/08/06-kerning-caricatures-first-drawings-opt.jpg
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2014/08/07-kerning-caricatures-first-drawings-opt.jpg
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2014/08/07-kerning-caricatures-first-drawings-opt.jpg
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2014/08/08-kerning-francesco-franchi-caricature-opt.jpg
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2014/08/08-kerning-francesco-franchi-caricature-opt.jpg
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2014/08/09-kerning-tracing-caricatures-opt.jpg
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2014/08/09-kerning-tracing-caricatures-opt.jpg
  23. 23 http://www.smashingmagazine.com/wp-content/uploads/2014/08/10-kerning-line-weight-opt.jpg
  24. 24 http://www.smashingmagazine.com/wp-content/uploads/2014/08/10-kerning-line-weight-opt.jpg
  25. 25 http://www.smashingmagazine.com/wp-content/uploads/2014/08/11-kerning-line-with-few-points-opt.jpg
  26. 26
  27. 27 http://www.smashingmagazine.com/wp-content/uploads/2014/08/12-kerning-naming-levels-opt.jpg
  28. 28 http://www.smashingmagazine.com/wp-content/uploads/2014/08/12-kerning-naming-levels-opt.jpg
  29. 29 http://www.smashingmagazine.com/wp-content/uploads/2014/08/13-kerning-ace-of-spades-opt.jpg
  30. 30 http://www.smashingmagazine.com/wp-content/uploads/2014/08/13-kerning-ace-of-spades-opt.jpg
  31. 31 http://www.smashingmagazine.com/wp-content/uploads/2014/08/14-kerning-final-results-opt.jpg
  32. 32 http://www.smashingmagazine.com/wp-content/uploads/2014/08/14-kerning-final-results-opt.jpg
  33. 33 http://www.smashingmagazine.com/wp-content/uploads/2014/08/15-kerning-letterpress-version-opt.jpg
  34. 34 http://www.smashingmagazine.com/wp-content/uploads/2014/08/15-kerning-letterpress-version-opt.jpg
  35. 35 http://www.smashingmagazine.com/wp-content/uploads/2014/08/16-kerning-letterpress-notebooks-opt.jpg
  36. 36 http://www.smashingmagazine.com/wp-content/uploads/2014/08/16-kerning-letterpress-notebooks-opt.jpg

The post Designing Badges (And More) For A Conference appeared first on Smashing Magazine.

Categories: Others Tags:

Beach to Business: 20 Free WordPress Themes – Edition Summer 2014

August 29th, 2014 No comments

Lament about it, but in the end you will find no other way than to face it. Summer is over. We all need to leave the beaches and get back to business. Fortunately some designers and developers have left the beach early to create some fresh and free WordPress themes to build upon. All we had to do was roam the web and find the new additions to the scene which we regularly do anyway. Thus we continue with our monthly series of the freshest WordPress themes for self-hosted sites. All the new additions are fully responsive, a trend that has been growing fast with no signs of slowing down. We hope you like what we found.

Categories: Others Tags:

Is Your Responsive Design Working? Google Analytics Will Tell You

August 28th, 2014 No comments
GAcustomdim-preview-opt

Responsive web design has become the dominant method of developing and designing websites. It makes it easier to think “mobile first” and to create a website that is viewable on mobile devices.

In the early days of responsive web design, creating breakpoints in CSS for particular screen sizes was common, like 320 pixels for iPhone and 768 pixels for iPad, and then we tested and monitored those devices. As responsive design has evolved, we now more often start with the content and then set breakpoints when the content “breaks.” This means that you might end up with quite a few content-centric breakpoints and no particular devices or form factors on which to test your website.

However, we are just guessing that our designs will perform well with different device classes and form factors and across different interaction models. We need to continually monitor a design’s performance with real traffic.

Content-centric breakpoints are definitely the way to go, but they also mean that monitoring your website to identify when it breaks is more important. This information, when easily accessible, provides hints on what types of devices and form factors to test further.

Google Analytics has some great multi-device features1 built in; however, with responsive design, we are really designing for form factors, not for devices. In this article, we’ll demonstrate how WURFL.js2 and Google Analytics can work together to show performance metrics across form factors. No more guessing.

Why Form Factor?

Speeding up and optimizing the user experience for a particular device or family of devices is always easier. In reality, though, creating a device-specific experience3 for all types of devices is not feasible, given that the diversity of web-enabled devices will just continue to grow. However, every device has a particular form factor. Luke Wroblewski4, author of Mobile First5, outlines three categories to identify device experiences6:

  • usage or posture,
  • input method,
  • output or screen.

Because devices vary between these categories, we get different form factors. Hence, treating form factor as the primary dimension through which to monitor a responsive website makes sense. This will indicate which type of device to test for usability.

The examples in this article all use WURFL.js, including the form factors provided by it, which are:

  • desktop,
  • app,
  • tablet,
  • smartphone,
  • feature phone,
  • smart TV,
  • robot,
  • other non-mobile,
  • other mobile.

Feeding Data To Google Analytics

The first step is to put WURFL.js on the pages that you want to track. Simply paste this line of code into your markup:

<script type="text/javascript" src="//wurfl.io/wurfl.js"></script>

This will create a global WURFL object that you can access through JavaScript:

console.log(WURFL.form_factor);

Now that the script tag is in place, the only other thing to do is add the highlighted lines of code to Google Analytics’ tracking code:

/* Google Analytics' standard tracking code */
_gaq.push(['_setAccount', 'UA-99999999-1']);
_gaq.push(['_setDomainName', example.com']);
_gaq.push(['_trackPageview']);

/* Tell Google Analytics to log WURFL.js' data */
 _gaq.push(['_setCustomVar',	1,'complete_device_name',WURFL.complete_device_name,1]);
 _gaq.push(['_setCustomVar',	2,'form_factor',WURFL.form_factor,1]);
 _gaq.push(['_setCustomVar',	3,'is_mobile',WURFL.is_mobile,1]);

/* The rest of Analytics' standard tracking code */
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Or, if you have updated to Google Analytics’ new “Universal Analytics7, you would add this:

/* Google Analytics' new universal tracking code */
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-99999999-1, 'auto');

/* Define the custom dimensions */
ga('send', 'pageview', {
  'dimension1': WURFL.complete_device_name,
  'dimension2': WURFL.form_factor,
  'dimension3': WURFL.is_mobile
});

Further, if you are using GA Universal Analytics, you must remember to define the custom dimensions. You do that by clicking Admin ? Custom Definitions ? Custom Dimensions.

8
For Universal Analytics you need to define the custom dimensions in the Admin section. (Large preview9)

Analyzing The Data In Google Analytics

Now that the data is in Google Analytics, we need to make it available for inspection. We can use custom variables in Analytics in a number of ways, the most obvious being to look in the menu on the left and click Audience ? Custom ? Custom Variables:

10
“Custom Variables” report. (Large version11)

If you are are using Universal Analytics, you’ll have the custom dimensions available as any other dimension in all reports in GA:

GAUIcustomdim-preview-opt12
Accessing custom dimensions. (Large preview13)

Already, we’re getting a pretty good picture of how form factors behave differently. The best metrics to focus on will obviously depend on your website, but in general, pay attention to bounce rate and pages per visit.

Big Picture With Dashboard Widgets

With dashboards14 in Google Analytics, we get a high-level overview of the most important metrics. This is a good place to monitor how your website performs across form factors. Once again, bounce rate and page impressions per visit are good metrics to start with. The purpose of the dashboard widgets is to alert you and to visualize how your website’s performance changes for certain form factors.

Let’s create a few widgets to display the status of different form factors. First, create a pie-chart widget that shows how much your website is being used by different form factors.

Widget displaying form factors15
Widget displaying form factors. (Large version16)

In the Dashboard, click Add Widget, select Pie, then the Sessions metric, and group it by the form factor custom variable. Note that the label in the green drop-down list is Custom Variables, not the actual name. In our example, the form factor variable is in the second slot, but make sure to choose the right slot if you’ve implemented it in a different order. Again, if you have converted to Universal analytics, the procedure is similar, but in stead of selecting custom variables, you simply add the name of your custom dimension as you would with any other dimension.

Next, create a few widgets to display visits and bounce rates17 per form factor. The widgets will indicate whether changes to the website have had a positive or negative impact. Obviously, you want higher visits and a lower bounce rate.

Creating a “form factor” widget18
Creating a “form factor” widget. (Larger version19)

Create this widget by adding a filter to the standard metrics. Choose a timeline diagram and filter the data with your custom variable where you have stored the form factor. Create one widget for each of the form factors that you want to monitor:

“Form factor” widgets in the dashboard20
“Form factor” widgets in the dashboard. (Large version21)

You might find that some form factors disappear in the statistics for global bounce rates because the data set is now bigger (as in the example above). As indicated by the red arrows, something dramatic has happened with smartphones and feature phones. Specifically, some changes were made to the landing page to increase traffic from tablets, and the changes clearly had a negative impact on traffic from smartphones and feature phones. Identifying the reason for the drop in traffic requires more fine-grained Analytics reports, and the drop might not have been easy to spot without having monitored form factors.

Form Factor Segments

Any custom variable that you put into Google Analytics is, of course, available in most reports as filters or dimensions, so tweaking them to your needs is quite easy. Another way to keep form factors at the top of mind is to put them in segments22 by creating conditions. Here is one segment per form factor that you’ll want to track:

Configure a segment23
Configure a segment. If you’re using Universal Analytics, you must use your custom dimensions rather than the custom variables. (Large version24)

The same, but in Universal Analytics:

GAcustomin2-preview-opt25
(Large preview26)

Google Analytics will show these segments in most of its standard reports as separate dimensions in charts and tables:

Segments chart27
Segments chart. (Large version28)

You can make “form factor” a dimension in most reports. As mentioned, bounce rate and general engagement are key metrics to follow, but goals and conversion rate are obviously interesting, too. You might find the need to create new goals or at least review your funnel for certain form factors.

After monitoring form factors for a while, you might conclude that you need to offer different user experiences for one or more form factors. Furthermore, you might need to tweak goals, funnels and advertising campaigns to account for differences in usage per form factor or device type.

We have used Google Analytics here, but WURFL.js is, of course, compatible with other analytics tools, as long as custom variables like the ones above are allowed.

Conclusion

In this article, we have looked at how performance per form factor is a key metric for monitoring a website and how WURFL.js and Google Analytics help to visualize this data. Once you put WURFL.js’ data into Analytics, it will be available in most standard reports as filters or dimensions, so tweaking the reports to your needs is quite straightforward. And the dashboard widgets will give you a high-level overview of their status. Also, bounce rate and page impressions per visit are key metrics, at least to start; so, defining form factors as segments will give you nice visualizations in most standard reports.

As a next step, look into conversions and goals in Google Analytics to see how to integrate and monitor form factors, which will vary according to the website’s function and purpose. To give you a head start, we have made a template that you can install29 in your Google Analytics dashboard (This template uses custom variables, not custom dimensions). Just follow the instructions to assign an Analytics property, which will then appear under Dashboards ? Private.

(al, ml, il)

Footnotes

  1. 1 http://www.smashingmagazine.com/2014/03/03/how-to-use-analytics-to-build-a-smarter-mobile-website/
  2. 2 http://wurfl.io
  3. 3 https://developers.facebook.com/blog/post/2012/01/24/device-experiences—responsive-design/
  4. 4 http://www.lukew.com/
  5. 5 http://www.lukew.com/resources/mobile_first.asp
  6. 6 https://developers.facebook.com/blog/post/2012/01/24/device-experiences—responsive-design/
  7. 7 https://support.google.com/analytics/answer/2790010?hl=en
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAcustomdim-large-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAcustomdim-large-opt.png
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image01-large-opt.png
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image01-large-opt.png
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAUIcustomdim-large-opt.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAUIcustomdim-large-opt.png
  14. 14 https://support.google.com/analytics/answer/1068216?hl=en
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image05-large-opt.png
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image05-large-opt.png
  17. 17 https://support.google.com/analytics/answer/1009409?hl=en
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image00-large-opt.png
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image00-large-opt.png
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image04-large-opt.png
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image04-large-opt.png
  22. 22 https://support.google.com/analytics/topic/3123779?hl=en&ref_topic=1727148
  23. 23 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image03-large-opt.png
  24. 24 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image03-large-opt.png
  25. 25 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAcustomin2-large-opt.png
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/2014/07/GAcustomin2-large-opt.png
  27. 27 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image02-large-opt.png
  28. 28 http://www.smashingmagazine.com/wp-content/uploads/2014/05/image02-large-opt.png
  29. 29 https://www.google.com/analytics/web/template?uid=gUP6PNubRZ6qlqhq4M2g2Q

The post Is Your Responsive Design Working? Google Analytics Will Tell You appeared first on Smashing Magazine.

Categories: Others Tags:

20 Free HTML, PSD and GUI Templates: August 2014 Edition

August 28th, 2014 No comments

Summer moves on, but we are here to stay, as reliable as always, bringing you the next bunch of free HTML, PSD and GUI templates developers and designers brought forth in the month of August 2014. Despite the hot days creativity didn’t dry up. My favorite this month is the HTML5 template Sublime, but there should be enough to choose from for everybody. If you’re a first-time visitor to this series, scroll down to the bottom of the post where we have neatly listed all the already published parts of our monthly collection.

Categories: Others Tags:

Customizing WordPress Archives For Categories, Tags And Other Taxonomies

August 27th, 2014 No comments
wordpress-categories-taxonomies-opt

Most WordPress users are familiar with tags and categories and with how to use them to organize their blog posts. If you use custom post types in WordPress, you might need to organize them like categories and tags. Categories and tags are examples of taxonomies, and WordPress allows you to create as many custom taxonomies as you want. These custom taxonomies operate like categories or tags, but are separate.

In this tutorial, we’ll explain custom taxonomies and how to create them. We’ll also go over which template files in a WordPress theme control the archives of built-in and custom taxonomies, and some advanced techniques for customizing the behavior of taxonomy archives.

Terminology

Before continuing, let’s get our terminology straight. A taxonomy is a WordPress content type, used primarily to organize content of any other content type. The two taxonomies everyone is familiar with are built in: categories and tags. We tend to call an individual posting of a tag a “tag,” but to be precise, we should refer to it as a “term” in the “tag” taxonomy. We pretty much always refer to items in a custom taxonomy as “terms.”

Categories and tags represent the two types of taxonomies: hierarchical and non-hierarchical. Like categories, hierarchical taxonomies can have parent-child relationships between terms in the taxonomy. For example, you might have on your blog a “films” category that has several child categories, with names like “foreign” and “domestic.” Custom taxonomies may also be hierarchical, like categories, or non-hierarchical, like tags.

A small part of the “WordPress Template Hierarchy”. (Source1)

The archive of a taxonomy is the list of posts in a taxonomy that is automatically generated by WordPress. For example, this would be the page you see when you click on a category link and see all posts in that category. We’ll go over how to change the behavior of these pages and learn which template files generate them.

How Tag, Category and Custom Taxonomy Archives Work

For every category, tag and custom taxonomy, WordPress automatically generates an archive that lists each post associated with that taxonomy, in reverse chronological order. The system works really well if you organize your blog posts with categories and tags. If you have a complex system of organizing custom post types with custom taxonomies, then it might not be ideal. We’ll go over the many ways to modify these archives.

The first step to customizing is to know which files in your theme are used to display the archive. Different themes have different template files, but all themes have an index.php template. The index.php template is used to display all content, unless a template exists higher up in the hierarchy. WordPress’ template hierarchy is the system that dictates which template file is used to display which content. We’ll briefly go over the template hierarchy for categories, tags and custom taxonomies. If you’d like to learn more, these resources are highly recommended:

Most themes have an archive.php template, which is used for category and tag archives, as well as date and author archives. You can add a template file to handle category and tag archives separately. These templates would be named category.php or tag.php, respectively. You could also create templates for specific tags or categories, using the ID or slug of the category or tag. For example, a tag with the ID of 7 would use tag-7.php, if it exists, rather than tag.php or archive.php. A tag with the slug of “avocado” would be displayed using the tag-avocado.php template.

One tricky thing to keep in mind is that a template named after a slug will override a template named after an ID number. So, if a tag with the slug of “avocado” had an ID of 7, then tag-avocado.php would override tag-7.php, if it exists.

The template hierarchy for custom taxonomies is a little different, because there are templates for all taxonomies, for specific taxonomies and for specific terms in a specific taxonomy. So, imagine that you have two taxonomies, “fruits” and “vegetables,” and the “fruits” taxonomy has two terms, “apples” and “oranges,” while “vegetables” has two terms, “carrots” and “celery.” Let’s add three templates to our website’s theme: taxonomy.php, taxonomy-fruits.php and taxonomy-vegetables-carrots.php.

For the terms in the “fruits” taxonomy, all archives would be generated using taxonomy-fruits.php because no term-specific template exists. On the other hand, the term “carrots” in the “vegetables” taxonomy’s archives would be generated using taxonomy-vegetables-carrots.php. Because no taxonomy-vegetables.php template exists, all other terms in “vegetables” would be generated using taxonomy.php.

Using Conditional Tags

While you can add any of the custom templates listed above to create a totally unique view for any category, tag, custom taxonomy or custom taxonomy term, sometimes all you want to do is make one or two little changes. In fact, try to avoid creating a lot of templates because you will need to adjust each one when you make overall changes to the basic HTML markup that you use in each template in the theme. Unless I need a template that is radically different from the theme’s archive.php, I tend to stick to adding conditional changes to archive.php.

WordPress provides conditional functions to determine whether a category, tag or custom taxonomy is being displayed. To determine whether a category archive is being shown, you can use is_category() for categories, is_tag() for tags and is_tax() for custom taxonomies. The is_tag() and is_category() functions can also test for specific categories or tags by slug or ID. For example:

<?php
    if ( is_tag() ) {
        echo "True for any tag!";
    }
    if ( is_tag( 'jedis' ) ) {
        echo "True for the tag whose slug is jedi";
    }
    if ( is_tag( array( 'jedi', 'sith' ) ) ) {
        echo "True for tags whose slug is jedi or sith";
    }
    if ( is_tag( 7 ) ) {
        echo "You can also use tag IDs. This is true for tag ID 7";
    }
?>

For custom taxonomies, the is_tax() function can be used to check whether any taxonomy (not including categories and tags), a specific taxonomy or a specific term in a taxonomy is being shown. For example:

<?php
    if ( is_tax() ) {
        echo "True for any custom taxonomy.";
    }
    if ( is_tax( 'vegetable' ) ) {
        echo "True for any term in the vegetable taxonomy.";
    }
    if ( is_tax( 'vegetable', 'celery' ) ) {
        echo "True only for the term celery, in the vegetable taxonomy.";
    }
?>

Creating Custom Taxonomies

Adding a custom taxonomy can be done in one of three ways: coding it manually according to the instructions in the Codex, which I don’t recommend; generating the code using GenerateWP6; or using a plugin for custom content types, such as Pods7 or Types8. Plugins for custom content types enable you to create custom taxonomies and custom post types in WordPress’ back end without having to write any code. Using one is the easiest way to add a custom taxonomy and to get a framework for working with custom content types.

If you opt for one of the first two options, rather than a plugin, then you will need to add the code either to your theme’s functions.php file or to a custom plugin. I strongly recommend creating a custom plugin, rather than adding the code to functions.php. Even if you’ve never created a plugin before, I urge you to do it. While adding the code to your theme’s functions.php will work, when you switch themes (say, because you want to use a new theme or to troubleshoot a problem), the taxonomy will no longer work.

Whether you write your custom taxonomy code by following the directions in the Codex or by generating it with GenerateWP, just paste it in a text file and add one line of code before it and you’ll have a plugin. Upload it and install it as you would any other plugin.

The only line you need to create a custom plugin is /* Plugin name: Custom Taxonomy */.

Below is a plugin to register a custom taxonomy named “vegetables,” which I created using GenerateWP because it’s significantly easier and way less likely to contain errors than doing it manually:

<?php
    /* Plugin Name: Veggie Taxonomy */
    if ( ! function_exists( 'slug_veggies_tax' ) ) {

    // Register Custom Taxonomy
    function slug_veggies_tax() {

    $labels = array(
    'name'                      	=> _x( 'Vegetables', 'Taxonomy General Name', 'text_domain' ),
    'singular_name'              	=> _x( 'Vegetable', 'Taxonomy Singular Name', 'text_domain' ),
    'menu_name'                  	=> __( 'Taxonomy', 'text_domain' ),
    'all_Veggies'                   => __( 'All Veggies', 'text_domain' ),
    'parent_Veggie'                 => __( 'Parent Veggie', 'text_domain' ),
    'parent_Veggie_colon'           => __( 'Parent Veggie:', 'text_domain' ),
    'new_Veggie_name'               => __( 'New Veggie name', 'text_domain' ),
    'add_new_Veggie'                => __( 'Add new Veggie', 'text_domain' ),
    'edit_Veggie'                   => __( 'Edit Veggie', 'text_domain' ),
    'update_Veggie'                 => __( 'Update Veggie', 'text_domain' ),
    'separate_Veggies_with_commas'  => __( 'Separate Veggies with commas', 'text_domain' ),
    'search_Veggies'                => __( 'Search Veggies', 'text_domain' ),
    'add_or_remove_Veggies'         => __( 'Add or remove Veggies', 'text_domain' ),
    'choose_from_most_used'         => __( 'Choose from the most used Veggies', 'text_domain' ),
    'not_found'                     => __( 'Not Found', 'text_domain' ),
    );
    $args = array(
    'labels'                     => $labels,
    'hierarchical'               => false,
    'public'                     => true,
    'show_ui'                    => true,
    'show_admin_column'          => true,
    'show_in_nav_menus'          => true,
    'show_tagcloud'              => false,
    );
    register_taxonomy( 'vegetable', array( 'post' ), $args );

    }

    // Hook into the 'init' action
    add_action( 'init', 'slug_veggies_tax', 0 );

    }
?>

By the way, I created this code using GenerateWP in less than two minutes! The service is great, and manually writing code that this website can automatically generate for you makes no sense. To make the process even easier, you can use the plugin Pluginception9 to create a blank plugin for you and then paste the code from GenerateWP into it using WordPress’ plugin editor.

Using WP_Query With Custom Taxonomies

Once you have added a custom taxonomy, you might want to query for posts with terms in that taxonomy. To do this, we can use taxonomy queries with WP_QUERY.

Taxonomy queries can be very simple or complicated. The simplest query would be for all posts with a certain term. For example, if you had a post type named “jedi” and an associated custom taxonomy named “level,” then you could get all Jedi masters like this:

<?php
    $args = array(
        'post_type' => 'jedi',
        'level' => 'master'
    );
    $query = new WP_Query( $args );
?>

If you added a second custom taxonomy named “era,” then you could find all Jedi masters of the Old Republic like this:

<?php
    $args = array(
        'post_type' => 'jedi',
        'level' => 'master',
        'era' => 'old-republic',
    );
    $query = new WP_Query( $args );
?>

We can also do more complicated comparisons, using a full tax_query. The tax_query argument enables us to search by ID instead of slug (as we did before) and to search for more than one term. It also enables us to combine multiple taxonomy queries and to set the relationship between the two. In addition, we can even use SQL operators such as NOT IN to exclude terms.

The possibilities are endless. Explore the “Taxonomy Parameters10” section of the Codex page for “Class Reference/WP_Query” for complete information. The snippet below searches our “jedi” post type for Jedi knights and masters who are not from the Old Republic era:

<?php
    $args = array(
        'post_type' => 'jedi',
        'tax_query' => array(
        'relation' => 'AND',
            array(
                'taxonomy' => 'level',
                'field' => 'slug',
                'terms' => array( 'master', 'knight' )
            ),
            array(
                'taxonomy' => 'era',
                'field' => 'slug',
                'terms' => array( 'old-republic' ),
                'operator' => 'NOT IN'
                )
        )
    );
    $query = new WP_Query( $args );
?>

Customizing Taxonomy Archives

So far, we have covered how taxonomies, tags and categories work by default, as well as how to create custom taxonomies. If any of this default behavior doesn’t fit your needs, you can always modify it. We’ll go over some ways to modify WordPress’ built-in functionality for those of you who use WordPress less as a blogging platform and more as a content management system, which often requires custom taxonomies.

Hello pre_get_posts

Before any posts are outputted by the WordPress loop, WordPress automatically retrieves the posts for the user according to the page they are on, using the WP_QUERY class. For example, in the main blog index, it gets the most recent posts. In a taxonomy archive, it gets the most recent posts in that taxonomy.

To change that query, you can use the pre_get_posts filter before WordPress gets any posts. This filter exposes the query object after it is set but before it is used to actually get any posts. This means that you can modify the query using the class methods before the main WordPress loop is run. If that sounds confusing, don’t worry — the next few sections of this article give practical examples of how this works.

Adding Custom Post Types to Category or Tag Archives

A great use of modifying the WP_QUERY object using pre_get_posts is to add posts from a custom post type to the category archive. By default, custom post types are not included in this query. If we were constructing arguments to be passed to WP_Query and wanted to include both regular posts and posts in the custom post type “jedi,” then our argument would look like this:

<?php
    $args = array( 'post_type' =>
        array(
            'post',
            'jedi'
        )
    );
?>

In the callback for our pre_get_posts filter, we need to pass a similar argument. The problem is that the WP_QUERY object already exists, so we can’t pass an argument to it like we do when creating an instance of the class. Instead, we use the set() class method, which allows us to change any of the arguments after the class has been created.

In the snippet below, we use set() to change the post_type argument from the default value, which is post, to an array of post types, including posts and our custom post type “jedi.” Note that we are using the conditional tag is_category() so that the change happens only when category archives are being displayed.

<?php
    add_filter( 'pre_get_posts', 'slug_cpt_category_archives' );
    function slug_cpt_category_archives( $query ) {
    if ( $query->is_category() && $query->is_main_query()  )  {
        $query->set( 'post_type',
            array(
                'post',
                'jedi'
            )
        );
    }

    return $query;

    }
?>

This function’s $query parameter is the WP_QUERY object before it is used to populate the main loop. Because a page may include multiple loops, such as those used by widgets, we use the conditional function is_main_query() to ensure that this affects only the main loop and not any secondary loops on the page, such as those used by widgets.

Making Category or Hierarchical Taxonomy Archives Hierarchical

By default, the archives for categories and other hierarchical taxonomies act like any other taxonomy archive: they show all posts in that category or with that taxonomy term. To show only parent terms and exclude child terms, you would use the pre_get_posts filter again.

Just like when creating your own WP_QUERY for posts in a taxonomy, the main loop’s WP_QUERY uses the tax_query arguments to get posts by taxonomy. The tax_query has an include_children argument, which by default is set to 1 or true. By changing it to 0 or false, we can prevent posts with a child term from being included in the archive:

<?php
    add_action( 'pre_get_posts', 'slug_cpt_category_archives' );
    function slug_cpt_category_archives( $query ) {
        if ( is_tax( 'TAXONOMY NAME') )  {
            $tax_query = $query->tax_query->queries;
            $tax_query['include_children'] = 0;
            $query->set( 'tax_query', $tax_query );
        }

    }
?>

The result sounds desirable but has several major shortcomings. That’s OK, because if we address those flaws, we’ll have taken the first step to creating something very cool.

The first and biggest problem is that the result is not an archive page that shows the child terms; it’s still a post with the parent term. The other problem is that we don’t have a good way to navigate to the child term archives.

A good way to deal with this is to combine the pre_get_post filter above with a modification to the template that shows the category or taxonomy. We discussed earlier how to determine which template is used to output category or custom taxonomy archives. Also, keep in mind that you can always wrap your changes in conditional tags, such as is_category() or is_tax(), but that can become unwieldy quickly; so, making a copy of your archive.php and removing any unneeded code probably makes more sense.

The first step is to wrap the entire thing in a check to see whether the current taxonomy term has children. If it does not, then we do not want to output anything. To do this, we use get_term_children(), which will return an empty array if the current term has no children and which we can test for with !empty().

To make this work for any taxonomy that might be displayed, we need to get the current taxonomy and taxonomy term from the query_vars array of the global $wp_query object. The taxonomy’s slug is contained in the taxonomy key, and the term’s slug is in the tax key.

To use get_term_children(), we must have the term’s ID. The ID is not in query_vars, but we can pass the slug to get_term_by() to get it.

Here is how we get all of the information that we need into variables:

<?php
    global $wp_query;
    $taxonomy = $wp_query->query_vars['taxonomy'];
    $term = $wp_query->query_vars['tax'];
    $term_id = get_term_by( 'slug', $term, $taxonomy );
    $term_id = $term_id->term_id;
    $terms = get_term_children( $term_id, $taxonomy );
?>

Now we will continue only if $terms isn’t an empty array. To see whether it is empty in our check, first we will repopulate the terms using get_terms(). This is necessary because get_term_children returns only an array of IDs, and we need IDs and names, both of which are in the object returned by get_terms(). We can loop through this object, outputting the name as a link. The link can be generated by passing the term’s ID to get_term_link().

Here is the complete code:

<?php
    global $wp_query;
    $taxonomy = $wp_query->query_vars['taxonomy'];
    $term = $wp_query->query_vars['tax'];
    $term_id = get_term_by( 'slug', $term, $taxonomy );
    $term_id = $term_id->term_id;
    $terms = get_term_children( $term_id, $taxonomy );
    if ( !empty( $terms ) ) {
    $terms = get_terms( $taxonomy, array( 'child_of' => $term_id ) );
    echo '<ul class="child-term-list">';
    foreach ( $terms as $term ) {
    echo '<li><a href="'.$term->term_id.'">'.$term->name.'</a></li>';
    }

    echo '</ul>';

?>

Creating A Custom Landing Page For Taxonomy Archives

If your hierarchical taxonomy has no terms in the parent term, then the regular taxonomy archive system will be of no use to you. You really want to show taxonomy links instead.

In this case, a good option is to create a custom landing page for the term. We’ll use query_vars again to determine whether the user is on the first page of a taxonomy archive; if so, we will use the taxonomy_archive filter to include a separate template, like this:

<?php
    add_filter( 'taxonomy_archive ', 'slug_tax_page_one' );
    function slug_tax_page_one( $template ) {
        if ( is_tax( 'TAXONOMY_NAME' ) ) {
             global $wp_query;
             $page = $wp_query->query_vars['paged'];
            if ( $page = 0 ) {
                $template = get_stylesheet_directory(). '/taxonomy-page-one.php';
            }
        }

        return $template;

    }
?>

This callback first checks that the user is in the taxonomy that we want to target. We can target all taxonomies by changing this to just is_tax(). Then, it gets the current page using the query_var named paged, and if the user is on the first page, then it returns the address for the new template file. If not, it returns the default template file.

What you put in that template file is up to you. You can create a list of terms using the code shown above. You can use it to output any content, really — for example, more information about the taxonomy term or links to specific posts.

Taking Control

With a bit of work, WordPress’ basic architecture, which still reflects its origins as a blogging platform, can be customized to fit almost any website or Web app. Using custom taxonomies to organize your content and doing it in a way that suits your needs will be an important step in many of your WordPress projects. Hopefully, this post has brought you a step closer to getting the most out of this powerful aspect of WordPress.

(dp, al, il)

Footnotes

  1. 1 http://wphierarchy.com/
  2. 2 https://codex.wordpress.org/Template_Hierarchy
  3. 3 http://www.chipbennett.net/themes/template-hierarchy/
  4. 4 http://wphierarchy.com/
  5. 5 https://wordpress.org/plugins/reveal-template/
  6. 6 http://generatewp.com/
  7. 7 http://pods.io
  8. 8 http://wp-types.com/home/types-manage-post-types-taxonomy-and-custom-fields/
  9. 9 https://wordpress.org/plugins/pluginception/
  10. 10 http://codex.wordpress.org/Class_Reference/WP_Query#Taxonomy_Parameters

The post Customizing WordPress Archives For Categories, Tags And Other Taxonomies appeared first on Smashing Magazine.

Categories: Others Tags:

20 Awesome Android App Templates with Premium Designs

August 27th, 2014 No comments
Goceng  Deal Aggregator App

Mobile devices are very popular these days and many web developers have become interested in the app developing niche. Also, designers are starting to realize what a major trend this is and they also started designing cool app templates. If you’re looking for an app for you, for a client or you just have an idea and don’t want to start from scratch, then these awesome Android app templates will surely help you a lot.

All of these Android app templates have premium designs and they can be customized to fit your brand. Here they are.

The Restaurant App

The Restaurant App is a mobile reservation system that used for managing reservation and restaurant menu. Admin can manage reservation, restaurant menu and other configurations.

FlappyBot – An Obstacle Avoidance Game

This is a native Android Arcade Obstacle Avoidance Game, written in Java with Eclipse. This game can be edited to your liking.

Kids Memory Game with AdMob

Kids Memory Game is an Android game application. This application lets you to create different memory match games with unlimited number of game modes.

Recipes App

Recipes App

Recipes App is an application under Android platform which can be used to create application about food recipes. If you are a chef or have hobby in cooking then this app is perfect for you.

Recipes App

Jumper – An Arcade Bouncing Game

This is a native Android Arcade Jumping Game, written in Java with Eclipse. eel free to add more bars, more special items, more coins or give it reskin.

Jumper - An Arcade Bouncing Game

Goceng: Deal Aggregator App

Goceng is a deal aggregator application template that run under Android platform. This will help you build your own mobile deal application faster. Goceng  Deal Aggregator App

Classic Highway Car Avoidance Game

This is a native Android Highway Car Avoidance Game. Feel free to add any type of different vehicles, trees, stones or logos of your company on the road. Comes ready with AdMob!

Classic Highway Car Avoidance Game

Webview with Splash Screen and Scrollable Tabs

Turn your website into Android Application just in minutes with Webview with Splash Screen and Scrollable Tabs. You need only several minutes to customize it to your needs.

Webview with Splash Screen and Scrollable Tabs

Kids Jigsaw Puzzle Game with AdMob

Kids Jigsaw Puzzle Game is an Android game application. This code project lets you to create different puzzle games with any number of slides. he game is packed with different settings for customization.

Kids Jigsaw Puzzle Game with AdMob

Layar Tancep: Youtube Channel App

Layar Tancep: Youtube Channel App is an application template for Android that can be used to build your news video, sports or any video using youtube channel.

Layar Tancep  Youtube Channel App

EasyView – Android WebView App

EasyView is an Android application that helps to create personalized applications based on mobile websites easily.

EasyView - Android WebView App

Flying Panda : Game For Android With AdMob

The item is packed with AdMob template. You can exchange the AdMob Publish ID and make money only for you.

Flying Panda  Game For Android With AdMob

Android Live TV

Android Live Tv Application is app that show live tv on android device. Watch your favorite TV channels Live in your mobile phone with this Android application on your Android device.

Android Live TV

Universal – Full Multi-Purpose Android App

You can use as many Twitter Timelines, Youtube Channels, Rss Feeds, Websites& Radio stations as you want. Also you can get content using official API’s and display them in Cards style list view. This app template has many more other features.

Universal - Full Multi-Purpose Android App

2048 Puzzle – A Classic Android Game

This is a template for the classic 2048 number puzzle game, which can run on Android devices. The template is designed to be edited with eclipse, having Android SDK installed.

2048 Puzzle - A Classic Android Game

WordPress News App

Create user friendly and nice looking Android News Application directly from your WordPress website just in minutes.

Wordpress News App

HD Wallpaper

“HD Wallpaper” is a cool new app that brings all the best HD wallpapers and backgrounds to your Android device.

HD Wallpaper

Success Quotes – Android Template

SuccessQuotes is an android application motivating you to hard work and to be enthusiastic to achieve your goals and make your dreams come true.It has SQLiteDatabase with 1000 success quotes for more than 180 authors.

Success Quotes - Android Template

Your Android Map

Your Android Map is a location app template for Android that you can use to create any location(map) application such as tourism app of your city, store, restaurant, hotel, or any interesting place app.

Your Android Map

Ringtones App Template with AdMob

Ringtone App Template application lets you to create different ringtone apps of your choice. You can create ringtone apps like funny ringtones, scary ringtones, office ringtones, and more.

Ringtones App Template with AdMob

The post 20 Awesome Android App Templates with Premium Designs appeared first on Web Design Blog | Magazine for Designers.

Categories: Others, Programming Tags:

20 Awesome Android App Templates with Premium Designs

August 27th, 2014 No comments
Goceng  Deal Aggregator App

Mobile devices are very popular these days and many web developers have become interested in the app developing niche. Also, designers are starting to realize what a major trend this is and they also started designing cool app templates. If you’re looking for an app for you, for a client or you just have an idea and don’t want to start from scratch, then these awesome Android app templates will surely help you a lot.

All of these Android app templates have premium designs and they can be customized to fit your brand. Here they are.

The Restaurant App

The Restaurant App is a mobile reservation system that used for managing reservation and restaurant menu. Admin can manage reservation, restaurant menu and other configurations.

FlappyBot – An Obstacle Avoidance Game

This is a native Android Arcade Obstacle Avoidance Game, written in Java with Eclipse. This game can be edited to your liking.

Kids Memory Game with AdMob

Kids Memory Game is an Android game application. This application lets you to create different memory match games with unlimited number of game modes.

Recipes App

Recipes App

Recipes App is an application under Android platform which can be used to create application about food recipes. If you are a chef or have hobby in cooking then this app is perfect for you.

Recipes App

Jumper – An Arcade Bouncing Game

This is a native Android Arcade Jumping Game, written in Java with Eclipse. eel free to add more bars, more special items, more coins or give it reskin.

Jumper - An Arcade Bouncing Game

Goceng: Deal Aggregator App

Goceng is a deal aggregator application template that run under Android platform. This will help you build your own mobile deal application faster. Goceng  Deal Aggregator App

Classic Highway Car Avoidance Game

This is a native Android Highway Car Avoidance Game. Feel free to add any type of different vehicles, trees, stones or logos of your company on the road. Comes ready with AdMob!

Classic Highway Car Avoidance Game

Webview with Splash Screen and Scrollable Tabs

Turn your website into Android Application just in minutes with Webview with Splash Screen and Scrollable Tabs. You need only several minutes to customize it to your needs.

Webview with Splash Screen and Scrollable Tabs

Kids Jigsaw Puzzle Game with AdMob

Kids Jigsaw Puzzle Game is an Android game application. This code project lets you to create different puzzle games with any number of slides. he game is packed with different settings for customization.

Kids Jigsaw Puzzle Game with AdMob

Layar Tancep: Youtube Channel App

Layar Tancep: Youtube Channel App is an application template for Android that can be used to build your news video, sports or any video using youtube channel.

Layar Tancep  Youtube Channel App

EasyView – Android WebView App

EasyView is an Android application that helps to create personalized applications based on mobile websites easily.

EasyView - Android WebView App

Flying Panda : Game For Android With AdMob

The item is packed with AdMob template. You can exchange the AdMob Publish ID and make money only for you.

Flying Panda  Game For Android With AdMob

Android Live TV

Android Live Tv Application is app that show live tv on android device. Watch your favorite TV channels Live in your mobile phone with this Android application on your Android device.

Android Live TV

Universal – Full Multi-Purpose Android App

You can use as many Twitter Timelines, Youtube Channels, Rss Feeds, Websites& Radio stations as you want. Also you can get content using official API’s and display them in Cards style list view. This app template has many more other features.

Universal - Full Multi-Purpose Android App

2048 Puzzle – A Classic Android Game

This is a template for the classic 2048 number puzzle game, which can run on Android devices. The template is designed to be edited with eclipse, having Android SDK installed.

2048 Puzzle - A Classic Android Game

WordPress News App

Create user friendly and nice looking Android News Application directly from your WordPress website just in minutes.

Wordpress News App

HD Wallpaper

“HD Wallpaper” is a cool new app that brings all the best HD wallpapers and backgrounds to your Android device.

HD Wallpaper

Success Quotes – Android Template

SuccessQuotes is an android application motivating you to hard work and to be enthusiastic to achieve your goals and make your dreams come true.It has SQLiteDatabase with 1000 success quotes for more than 180 authors.

Success Quotes - Android Template

Your Android Map

Your Android Map is a location app template for Android that you can use to create any location(map) application such as tourism app of your city, store, restaurant, hotel, or any interesting place app.

Your Android Map

Ringtones App Template with AdMob

Ringtone App Template application lets you to create different ringtone apps of your choice. You can create ringtone apps like funny ringtones, scary ringtones, office ringtones, and more.

Ringtones App Template with AdMob

The post 20 Awesome Android App Templates with Premium Designs appeared first on Web Design Blog | Magazine for Designers.

Categories: Others, Programming Tags:

Pexels and Travel Coffee Book: Two New Sources for Completely Free Photos

August 27th, 2014 No comments

Oops, we did it again. Two more sources for completely free photos have been washed upon the shores of Noupe headquarters. I call them completely free, because both sources chose Creative Commons Zero as their license model. And as we all know, stuff licensed CC0 is free for any legal purpose, not even attribution is required. While Pexels is more of an aggregator of elsewhere already available material, Travel Coffee Book concentrates on collecting travel photography from all over the world. It resembles the popular Unsplash very closely. Both services deserve to be bookmarked. Here’s what you can expect…

Categories: Others Tags:

A Quick Tour Of WordPress 4.0

August 27th, 2014 No comments
language-selector-opt

Today, WordPress has released the first release candidate1 (RC) for the upcoming 4.0 version. According to the official version numbering2, WordPress 4.0 is no more or less significant than 3.9 was or 4.1 will be. That being said, a new major release is always a cause for excitement! Let’s take a look at the new features the team at WordPress has been working on for us.

Installation Language

Since I’ve always used WordPress in English, it took me a while to realize how important internationalization is. 29% of all WordPress.com installations3 use a non-English language which is huge and not that far from more than a quarter of all installations. Version 4.0 makes it much easier to get WordPress to speak your language. In fact, the first installation screen asks you to choose your native tongue. Nice!

This is a big step up from either having to download in your own language, or grabbing language files manually and modifying the config.

Embed Previews For URLs

Embedding content into posts has also become a much nicer process. One of my irks with the visual editor used to be that it wasn’t visual enough. Not that long ago, you just got a grey box in place of a gallery or other media/embed items. The “Smith” release took care of galleries and 4.0 is taking care of a host of other items. If you paste a YouTube URL in text mode, it will render as a video in visual mode. How handy is that?

embedding-urls-opt

I find this a lot more pleasing to work with — I see exactly what I’m going to get. The media modal’s insert from the URL feature is getting the same upgrade. As soon as you’ve entered a URL, the video will load — playable and all! The good news is that it works with all the services you’d expect, from Vimeo to Twitter, Hulu and Flickr. Scott Taylor (who is a core contributor working on this) has kindly gathered some test URLs. I recommend checking out Trac ticket4 to find out more in this regard.

Media Section Grid

The media section now has a grid view by default. This isn’t a groundbreaking coding feat by any measure, but it does introduce a sleeker UI which is perhaps a glimpse of what is coming up in the future.

media-grid-opt

While this is a minor change, it does give you a way better overview of your media files than the default view of 20 images in a list.

Plugin Discovery And Installation

In my opinion, the plugin “Add New” page got a much needed makeover. The top navigation looks a lot like the new navigation in the media section — another indication of a slightly more modern interface creeping into the system. Plugins in the list view are displayed in a much more visual fashion, and it looks like it’s time for developers to start making thumbnails! While the plugin details screen could use a makeover as well, I’m sure this is a work in progress and will be explored further.

Jetpack-Plugin-opt

Better Post Editing

One feature I’m particularly happy with is how the editor height has been changed to use screen real estate better. Mark Jaquith painted a great picture5 of the problem:

“The post editor feels like it has been relegated to a box of medium importance on the edit/compose screen.”

This one is a bit difficult to capture in a screenshot, so here’s a quick video of it in action:

UI Improvements For Widget Customization

It’s great that widgets have been included in the theme customizer. Usually, if you had more than five to six widgets, things became a bit too crowded. Fortunately, the new WP version has now put all widgets into a sub-section of the customization screen. This essentially minimizes them when not needed — a welcome UI improvement for sure!

Widgets-in-Customizer-opt

Join The Fun

As always, the latest development versions can be tried out pretty easily. By installing the WordPress Beta Tester6 plugin you can update to the latest beta builds or nightlies and play around with the brand new features.

If you happen to find any bugs, you can add them to the WordPress Trac7 and you can even fix them and contribute to the core! WordPress is a community project, and every little bit helps!

Conclusion

While I agree that WordPress 4.0 isn’t the same leap as 3.0 was, I disagree with this being a problem. Instead of adding more and more features, the team is consolidating existing features and working hard to bring us a better user experience.

The features above will actually affect how I use the day-to-day features of WordPress in a positive way. While I may not be able to post from my Google Glass (partly because I don’t have one), the ability to use WordPress better is far more important.

(il)

Footnotes

  1. 1 http://wordpress.org/news/2014/08/wordpress-4-0-release-candidate/
  2. 2 http://make.wordpress.org/core/handbook/how-the-release-cycle-works/version-numbering/
  3. 3 http://en.wordpress.com/stats/
  4. 4 https://core.trac.wordpress.org/ticket/28195#trac-change-15-1401220623215447
  5. 5 https://core.trac.wordpress.org/ticket/28328
  6. 6 https://wordpress.org/plugins/wordpress-beta-tester/
  7. 7 https://core.trac.wordpress.org/

The post A Quick Tour Of WordPress 4.0 appeared first on Smashing Magazine.

Categories: Others Tags: