Post has attachment
An interesting rant on #CSS #breakpoints. What do you think? How do you currently set yours?
https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862

Post has attachment
Wonderful experience via #Expedia which uses your webcam to gauge your emotional reaction to their trailer to figure out a customized itinerary based on your reactions ;-) Good use of machine learning! https://discoveryouraloha.expedia.com/

Post has attachment
Great website that allows you to pick a city, then choose a region, and then search visually for other parts of the city that look visually similar. Very cool!
http://www.terrapattern.com/

Post has attachment
This is beautiful. #WebGl #Particles - make sure you have a decent graphics card if you select the "high" setting. Enjoy! http://edankwan.com/experiments/particle-love/

Post has attachment
Cool experiment using the output from #AfterEffects in Three.js to build a neat web experience using video. #WebGL  

Post has attachment
Just completed a first draft (yeah it's not final) remake of my personal #website . If you are on #Chrome you will be able to experience a cool effect with the music as you scroll down the page and go "deeper under the ground". Check it out for reals: http://www.jasonmayes.com

In short I am linking frequency cut off using a Biquad filter node, with page scroll to create a subtle but delightful effect. My aim here was to research how to add a desired "atmosphere" or "feeling" to a site to provide an extra level of emotional / sensory connection with the user. Hope you like it, any questions just ask!

A work in progress as it is a bit text heavy right now (will work on splitting that out shortly now that I have parity with my old site). Key features so far:

- Responsive design using Media Queries / Element Queries
- Microdata formats
- BEMish CSS
- Semantic Markup
- Web Audio / LowPassFilters / Canvas.
- Tab visibility change detection to auto stop playing music.

#ChromeExperiment  
Photo
Photo
2016-06-04
2 Photos - View album

Post has shared content
I think +Mark Bruce's description was bang on, so read that, and then read the article. Well worth your time.
How Technology Hacks People's Minds

This article is just too damn good not to share - easily the best I've read in recent memory. I forget who first shared it here but thank you.

https://medium.com/@tristanharris/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3#.x953hbytl

It discusses 10 psychological hacks used in designing (typically) digital products and services to better grab and hold your attention, to the point of inducing a form of addiction if possible. In summary these are:

1. Controlling the menu to control the choices.
2. Making the experience like a slot machine.
3. The fear of missing something important.
4. The need for social approval.
5. Social favours and reciprocity.
6. Infinite feeds and autoplay.
7. Instant, "urgent" interruption.
8. Making your reasons their reasons.
9. Offering choices that are inconvenient.
10. Forecasting errors via foot-in-the-door tactics.

The author Tristan Harris worked for Google as a Product Philosopher / Design Ethicist exploring and recommending ways to protect and defend people's minds from being hijacked and their time from being wasted.

We need our smartphones, notifications screens and web browsers to be exoskeletons for our minds and interpersonal relationships that put our values, not our impulses, first. People’s time is valuable. And we should protect it with the same rigor as privacy and other digital rights.

Other Resources

Tristan's TEDx talk: https://www.youtube.com/watch?v=jT5rRh9AZf4

Tristan's resource site for better design and time saving: http://timewellspent.io/

Post has attachment
A brilliant collection of popular #SciFi user #interfaces. Really  nice to wonder through for inspiration. #HCI  

Post has attachment
When #code meets #art, some great #inspiration to browse through of epic projects on the web... #GearAwards http://gearaward.com/inspiration.html

Post has attachment
Awesome Heat Distortion Effect by #Tympanus - this individual rocks for 3D stuff / shaders etc :-)
http://tympanus.net/Tutorials/HeatDistortionEffect/
Animated Photo
Wait while more posts are being loaded