Design & Interactive Experiences

A Twitter directory of accomplished Natives in tech.

The top 10 Google font combinations, beautifully designed and available for free with Figmas ready-made type pairing palettes

A collection of bad practices in HTML, copied from real websites.

To design accessible visuals, account for color contrast, don’t rely on color alone, make interactive elements easy to identify, provide useful alternative text for images, and test your visuals with real users.

Not everything that’s round and stands out is considered to be a button. In this article, Vadim explains how you can create a proper interactive button for your users — one that shouldn’t be confused for anything else.

A comprehensive list and guide for open source projects to empower designers, researchers, and product people to contribute to their projects.

Explore the research of the Computational Privacy Group on anonymity online. Take a short quiz to find out what makes you more vulnerable to re-identification, explore anonymity in 89 countries around the world, or train our method with your own datasets.

A chart to help guide moral considerations in the tech space.

Collection of common CSS mistakes, and how to fix them

Use code ANSWER to get 10% off your Hostinger plan today (on top of ongoing offers like their Black Friday/Cyber Monday $1.99 for Premium Shared web hosting with a 48-month plan): https://hostinger.com/answer In 2013, an article suggested that Japanese web design looks different from the rest of the world. In this video, Sabrina uses an AI to figure out if that is true and, if yes, why. SUPPORT US ON PATREON https://patreon.com/answerinprogress SUBSCRIBE TO OUR MONTHLY NEWSLETTER https://www.answerinprogress.com/newsletter BIBLIOGRAPHY Check out my website (and the bibliography for this video) here: https://sabrinas.space/ SOCIAL MEDIA Sabrina Twitter: https://twitter.com/nerdyandquirky Instagram: http://instagram.com/nerdyandquirky Melissa Twitter: https://twitter.com/mehlizfern Instagram: http://instagram.com/mehlizfern Taha Twitter: https://twitter.com/khanstopme Instagram: http://instagram.com/khanstopme CREDITS Video by Sabrina Cruz Video Editing by Joe Trickey Motion Design by Joe Trickey and Sabrina Cruz Sound Design by Joe Trickey Special Thanks to Jade Codinera, Melissa Fernandes, Manav Kaushal, Laksh Agarwal, Ysmael P, Bishesh Dhaubhadel, Elisa Fatini, Bhawna, NotDanielSmith, Tony Manish Howlett, Jane Manchun Wong, mellowdyyyy, Rahul Patel, Hubik, Anjali Sharma, Nabihah Ashari, Jeremy Ghinn, Shawlyyourekidding, Chloe, Katrina Mae Esposo, Akodaki MUSIC Epidemic Sound. Get started today using our affiliate link. http://share.epidemicsound.com/answerinprogress TIMESTAMPS 00:00 oopsie, i did a misinformation 00:34 what went wrong 01:45 i ruin my DMs for content 02:00 overcompensating for 60 seconds 03:07 is this a woman in STEM? 04:00 is Japanese web design different? 06:04 thank you Hostinger :) 08:07 figuring out why Japanese web design is so different 08:34 Japanese characters are built different 09:56 now THAT'S a woman in STEM 10:30 how technology shaped web design 13:39 why Japan didn't follow the rest of the world ------------------------------------------------------------------------------------ Welcome to the joke under the fold! i forgot to write a joke please just comment. i just got off 7 hours of meetings. please let me live :'-)

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 14+ years.

Minimal snippets for modern CSS layouts and components

A collection of code snippets to help you optimize your web projects.

Use semantic HTML, landmarks, and tables for accessible content.

Get random, accessible color combinations

Folks at Paddle have already reached out to me about feedback, so I think that this may (hopefully) get fixed soon.All that said, it's still hilarious hearing this, and I'm glad it made people smile/laugh today. 😊 (2/2)— Sara Soueidan (@SaraSoueidan) October 7, 2022

Explore Supabase fees and pricing information. Find our competitive pricing tiers, with no hidden pricing. We have generous free tiers for those getting started, and Pay As You Go for those scaling up.

Bring your design ideas into the world of augmented reality. Visualize prototypes in the AR and VR space. Easily create interactive experiences with Adobe Aero AR technology.

A look into what happens when we design beyond a screen

Magneto-Haptics: Embedding Magnetic Force Feedback for Physical Interactions Masa Ogata UIST '18: ACM User Interface Software and Technology Symposium Session: Novel Haptics Abstract We present magneto-haptics, a design approach of haptic sensations powered by the forces present among permanent magnets during active touch. Magnetic force has not been efficiently explored in haptic design because it is not intuitive and there is a lack of methods to associate or visualize magnetic force with haptic sensations, especially for complex magnetic patterns. To represent the haptic sensations of magnetic force intuitively, magneto-haptics formularizes haptic potential from the distribution of magnetic force along the path of motion. It provides a rapid way to compute the relationship between the magnetic phenomena and the haptic mechanism. Thus, we can convert a magnetic force distribution into a haptic sensation model, making the design of magnet-embedded haptic sensations more efficient. We demonstrate three applications of magneto-haptics through interactive interfaces and devices. We further verify our theory by evaluating some magneto-haptic designs through experiments. DOI:: https://doi.org/10.1145/3242587.3242615 WEB:: https://uist.acm.org/uist2018/ Recorded at the ACM User Interface Software and Technology Symposium in Berlin, Germany October 14-17, 2018

Haptics of Cooking are practical kitchen tools that also offer an insight into cooking with limited or no vision.

Download the free, easy to use app that helps you train custom machine learning models and ship them in your app.

Design mobile apps, web apps, websites, and desktop software in minutes. If you can use Google Slides, Keynote, or PowerPoint, you can use Uizard!

Find out what's happened in your lifetime.