#IxDT - New trends of user interface design

To see full content and links of the presentation check this
http://arcadiaproject.github.io/tracks/events/trenduserinterface.html

Arcadia
http://arcadiaproject.github.com

A network of nerds, geeks beasts and cool people to know
is a project by TheDoers

http://thedoersproject.com

Transcript

3. Layout
4. PARALLAX WWW.THECLOCKSMITHS.IT ≈
5. PARALLAX WWW.INTACTO10YEARS.COM/INDEX_START.PHP ≈
6. PARALLAX WWW.NETLASH-BSEEN.BE/ ≈
7. PARALLAX WWW.LOSTWORLDSFAIRS.COM/ATLANTIS ≈
8. PARALLAX TOOLS ≈ * WWW.JALXOB.COM/COOL-KITTEN * WWW.MARKDALGLEISH.COM * WWW.JOHNPOLACEK.GITHUB.IO
9. RESPONSIVE DESIGN WWW.QZ.COM ≈
10. RESPONSIVE DESIGN WWW.SMASHINGMAGAZINE.COM ≈
11. RESPONSIVE DESIGN TOOLS ≈ * WWW.MOBIFY.COM/MOBIFYJS * WWW.FREQUENCY-DECODER.COM/DEMO/SLABTEXT * WWW.OSVALDAS.INFO/DROP-DOWN-NAVIGATION
12. FLEXBOX TOOLS ≈ * WWW.FLEXIEJS.COM * WWW.COMPASS-STYLE.ORG/EXAMPLES/COMPASS/CSS3/BOX * WWW.UMAAR.GITHUB.IO/CSS-FLEXBOX-DEMO/
13. SCROLL WWW.VISUELLE.CO.UK ≈
14. SCROLL WWW.UNFOLD.NO/ ≈
15. SCROLL WWW.BUTDOESITFLOAT.COM ≈
16. Graphic
17. FLATDESIGN WWW.NEUEYORKE.COM ≈
18. FLATDESIGN WWW.THISISREALART.COM ≈
19. FLATDESIGN WWW.WISTIA.COM ≈
20. FLATDESIGN TOOLS ≈ * WWW.DESIGNMODO.GITHUB.IO/FLAT-UI
21. SKEUMORPHISM/PHOTORELISTIC WWW.BEHANCE.NET/GALLERY/LAUNDRY-MASTER ≈
22. SKEUMORPHISM/PHOTORELISTIC WWW.WUNDERLIST.COM/#/LOGIN ≈
23. SKEUMORPHISM/PHOTORELISTIC WWW.BAGIGIA.COM ≈
24. HUGETYPE AND WEBFONTS WWW.DMVA-ARCHITECTEN.BE/V2/INDEX.PHP ≈
25. HUGETYPE AND WEBFONTS WWW.BEHANCE.NET/GALLERY/OXJAM/5037749 ≈
26. HUGETYPE AND WEBFONTS WWW.BEHANCE.NET/GALLERY/AUTHENTIC-WEATHER ≈
27. RETINA DISPLAY TOOLS ≈ * WWW.CULTUREDCODE.COM * WWW.DROPBOX.COM/MOBILE
28. FULLSCREEN WWW.FLICKR.COM ≈
29. FULLSCREEN WWW.TUMBLR.COM ≈
30. FULLSCREEN WWW.AIRBNB.IT ≈
31. FULLSCREEN WWW.TRYGHOST.ORG ≈
32. Interaction design
33. SCROLLING TRIGGERED ANIMATIONS WWW.ARTSY.NET ≈
34. SCROLLING TRIGGERED ANIMATIONS WWW.TOKYU-AGC.CO.JP/RECRUIT/2013/SPECIAL ≈
35. SCROLLING TRIGGERED ANIMATIONS TOOLS ≈ * WWW.IMAKEWEBTHINGS.COM/JQUERY-WAYPOINTS * WWW.FLESLER.COM/JQUERY/SCROLLTO
36. JAVASCRIPT TOOLS ≈ * WWW.PACKERY.METAFIZZY.CO * WWW.TOMMOOR.GITHUB.IO/TINYCON * FLIPCLOCKJS.COM
37. Technology
38. PACKAGE MANAGERS TOOLS ≈ * WWW.VOLOJS.ORG * WWW.BOWER.IO/
39. PRE-PROCESSORS TOOLS ≈ * WWW.LESSCSS.ORG * WWW.SASS-LANG.COM * WWW.COMPASS-STYLE.ORG
40. PRE-PROCESSORS TOOLS ≈ * WWW.BOURBON.IO * WWW.LESSHAT.COM * WWW.SASS.FFFUNCTION.CO/
41. User interface
42. MOBILE-FIRST/CONTENT-FIRST TOOLS ≈ * WWW.YO.PIXXEL.CO * WWW.ADAMWHITCROFT.COM/WIREKIT
43. SVG-FIRST TOOLS ≈ * WWW.3QUARKS.COM/EN/SVGCLOCK/INDEX.HTML * WWW.HTML5READINESS.COM/
44. Devices
45. INTERACTIVE TELEVISION IN-KITCHEN DEVICES IN-CAR AUDIO INTERFACES BROWSER APPS
48. CONTACTS › http://www.thedoersproject.com we@thedoersproject.com ≈ http://arcadiaproject.github.com arcadia@thedoersproject.com ≈