Post has attachment
Check out this sweet little #CSS #animation library to make your websites look totally fluid. #MotionDesign
http://animista.net/
http://animista.net/
Post has attachment
#Instagram like filters using just #CSS. Very neat.
https://una.im/CSSgram/ Also check out http://www.cssfilters.co/ to make your own custom ones using a super easy to use interface. And finally for even more inspiration, check out https://speckyboy.com/css-image-filter-toolbox/ for a whole list more.
https://una.im/CSSgram/ Also check out http://www.cssfilters.co/ to make your own custom ones using a super easy to use interface. And finally for even more inspiration, check out https://speckyboy.com/css-image-filter-toolbox/ for a whole list more.
Post has attachment
Some really wonderful examples of #innovative navigation experiences for #web experiences. Worth a few minutes to scroll through. #UX #Design
https://www.awwwards.com/30-examples-of-innovative-navigation-experiences.html
https://www.awwwards.com/30-examples-of-innovative-navigation-experiences.html
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
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/
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
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
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/
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/
Wait while more posts are being loaded