Responsive Web Design

References

Home

Berry, S. (2021, February 29). What Is Responsive Web Design? (The Non-Developer’s Cheat Sheet). WebFX. https://www.webfx.com/blog/web-design/what-is-responsive-web-design/

Smith, A. (n.d.). How Scrolling Can Make (Or Break) Your User Experience. UseabilityGeek. Retrieved October 6, 2021, from https://usabilitygeek.com/how-scrolling-can-make-or-break-your-user-experience/

Ali Shakir, A. (2019, May 9). Best Practices for Horizontal Lists in Mobile. UX Collective. https://uxdesign.cc/best-practices-for-horizontal-lists-in-mobile-21480b9b73e5

Mary’s Market. (n.d.). Mary’s Market Café & Bakery. Retrieved October 14, 2021, from https://www.marysmarket.com/

Concepts

Stangarone, J. (2015, June 23). Mobile vs. Traditional Development: 7 Key Differences. Mrc’s Cup of Joe Blog. Retrieved October 15, 2021, from https://www.mrc-productivity.com/blog/2015/06/mobile-vs-traditional-development-7-key-differences/

Mobile viewports for responsive experiences. (2021, August 24). Adobe Experience League. Retrieved October 15, 2021, from https://experienceleague.adobe.com/docs/target/using/experiences/vec/mobile-viewports.html?lang=en

Smith, Matt(2016) Responsive table layout [Source Code]https://allthingssmitty.com/2016/10/03/responsive-table-layout/

Riva, E. (n.d.). Technology Equipment Responsive Web Internet [Illustration]. https://pixabay.com/illustrations/technology-equipment-responsive-web-2468063/

Mock-ups

Babich, N. (2018, February 12). A Comprehensive Guide To Mobile App Design. Smashing Magazine. Retrieved October 22, 2021, from https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

Soegaard, M. (2021). Adaptive vs. Responsive Design. Interaction Design Foundation. Retrieved October 22, 2021, from https://www.interaction-design.org/literature/article/adaptive-vs-responsive-design

Riva, E. (n.d.). Technology Equipment Responsive Web Internet [Illustration]. https://pixabay.com/illustrations/technology-equipment-responsive-web-2468063/

Hennessee, A. (2021) Images of Mock Websites. [Digital illustration].

Code Reference

Smith, Matt(2016) Responsive table layout [Source Code]https://allthingssmitty.com/2016/10/03/responsive-table-layout/

Terwan, Eric (2015, November 24) PureCSS Humburger fold-out menu [Source Code] https://codepen.io/erikterwan/pen/EVzeRP

Video/Multimedia Reference

Escribano, C. (2013, May 1). Responsive Design for Mobile Multimedia. C2Technologies. Retrieved November 6, 2021, from https://www.c2ti.com/responsive-design-for-mobile-multimedia/

10 Reasons Why You Should Never Host Your Own Videos. (2021, November 3). WP101. Retrieved November 6, 2021, from https://www.wp101.com/10-reasons-why-you-should-never-host-your-own-videos/

simpleshow foundation. (2017, April 12). The History of Moving Images [Video]. YouTube. https://www.youtube.com/watch?v=skbjhWdUPZs&list=PLtsHnn36lLLtNRDH_gXJoPZGolw3eVFjg

Leary, K. (2011, December 27). Responsive Web Design Example [Video]. YouTube. https://www.youtube.com/watch?v=9EqAVrpVxNw

Sprintkick Teach. (2015, September 17). Rapid Prototyping - What is a wireframe? What is a prototype? [Video]. YouTube. https://www.youtube.com/watch?v=SRo9rYMG_HA