The future is now:

• A-Frame: aframe.io
• AI Experiments: experiments.withgoogle.com/ai
• AR Studio: developers.facebook.com/products/ar-studio/overview
• AR.js: github.com/jeromeetienne/AR.js
• ARCore: developers.google.com/ar
• ARKit: developer.apple.com/arkit
• ARuler: aruler.download
• Amazon Recognition: aws.amazon.com/rekognition
• Augmented Reality in 10 lines of HTML: bit.ly/AR-in-10-lines-of-html
• AutoDraw: autodraw.com
• Awwwards: awwwards.com
• Camera Effects: facebook.com/fbcameraeffects
• Clarifai: clarifai.com
• Cloud Prediction API: cloud.google.com/prediction
• Cloud Vision API: cloud.google.com/vision
• Dance Tonite: tonite.dance
• DialogFlow: dialogflow.com
• Google Cloud Speech: cloud.google.com/speech
• Google Data Arts Team: workshop.chromeexperiments.com
• Khroma: khroma.co
• Land Lines: g.co/LandLines
• Luke Wroblewsky AR Samples: bit.ly/lukew-augment-reality
• MixLab: g.co/mixlab
• NONI - NONI: noni.cmiscm.com
• Norman: normanvr.com
• P5.JS: p5js.org
• Quick, Draw!: g.co/quickdraw
• Scott Jenson’s value>pain theorema: jenson.org/mobile-apps-must-die
• Sentiment analysis: en.wikipedia.org/wiki/Sentiment_analysis
• Sketch-RNN: experiments.withgoogle.com/ai/sketch-rnn-demo
• TensorFlow: tensorflow.org
• WebAR: webxr.io/webar-playground
• WebVR: webvr.info
• WebXR Viewer: itunes.apple.com/us/app/webxr-viewer
• Zach Lieberman: instagram.com/zach.lieberman

UX design, new scenarios:

• 404 Noes bueno: ueno.co/noesbueno
• Adam Underwear: adamunderwear.com/contact
• Chatbot Fail: chatbot.fail
• Design System Infographics: bit.ly/2m71F8c
• Instructables: instructables.com/id/How-to-hack-EEG-toys-with-arduino
• Mailchimp sign up: login.mailchimp.com/signup
• Throw monies at me: ncase.me
• Web Content Accessibility Guidelines: w3.org/TR/WCAG21

UI patterns, interaction and animation:

• Awwwards Collections: awwwards.com/collections
• Normal map displacement effect: eidos.digital
• Shader effect in fullscreen transition: taotajima.jp
• Speed Matters: awwwards.com/brain-food-perceived-performance
• Storytelling in a WebGL experience: cheshirecat.inthehiddencity.com
• Subtle non intrusive animations: open-wear.com

Visual:

• Andy H. Wei: andyweiart.com
• Badass Film: badassfilms.tv
• Ben Mingo: benmingo.com
• Climatune: weather.withspotify.com
• Design Better: designbetter.co
• Dropbox: dropbox.design
• Edgar Kozlowsky portfolio: edkf.com.br
• HAWRAF: hawraf.com
• Inside The Head: insidethehead.co
• iPhone X: apple.com/lae/iphone-x
• Laurel Halo: laurelhalo.com
• Message from Earth: amessagefrom.earth
• Monopo: monopo.co.jp
• Sharp Grotesk: sharptype.co/case-studies/dropbox
• Stephanie Marx: stephaniemarx.com/talks/0095-geocities_talk.html
• The Outline: theoutline.com
• The website endless horse: https://endless.horse
• high5assholes: highfivebro.com

Web technologies:

• CSS GRIDS Example: codepen.io/primalivet/pen/ryjKmV
• GSAP: greensock.com
• PWA Comparision, Addy Osmany: https://bit.ly/2pTSw7R
• PixiJS: pixijs.com
• Variable Fonts: typographica.org/on-typography/variable-fonts
• Web Audio API: dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html
• Web Developer Roadmap 2018: github.com/kamranahmedse/developer-roadmap