Responsive Design

2 min. read

Responsive Design is a design approach, where the UI changes depending on the users device and screen size

Terminology
Screen Size
Resolution
Viewports

Adobe Edge Reflow

Easel
Froont
ResponsiveiIs
Grid Systems
Dreamweaver

Dabblet
Mozilla Thimble
Codemirror
Code anywhere

Bootstrap
Foundation
Gumby
Html5 boiler plate
Skeleton
HTML kickstart

Wirefy
Bootstrap PSDs
Jetstrap
Responsive wire frames
Style Tiles

Matt kersleys responsive design testing tool
Studiopress
Protofluid
Responsinator

Chrome plugins
Responsive website tester
Dimensions
VNC Viewer
Responsive inspector
Tools
http://responsivedesignchecker.com/checker.php?url=xgamedev.com&width=1400&height=700

https://www.mydevice.io/

References
https://mediag.com/news/popular-screen-resolutions-designing-for-all/
https://www.w3schools.com/css/css_rwd_viewport.asp
http://bradfrost.com/blog/post/7-habits-of-highly-effective-media-queries/
https://www.sitepoint.com/common-techniques-in-responsive-web-design/
https://www.w3schools.com/browsers/browsers_display.asp
https://www.frispgames.com/best-practices-for-handling-different-aspect-ratios-and-screen-resolutions-in-unity-2D-for-mobile-games/
http://v-play.net/doc/vplay-different-screen-sizes/

http://www.third-helix.com/2012/02/05/making-2d-games-with-unity.html

http://www.reddit.com/r/Unity3D/comments/1sp864/handlingiosandroidanddesktopaspectratios/

http://gamedev.stackexchange.com/questions/79546/how-do-you-handle-aspect-ratio-differences-with-unity-2d

http://www.reddit.com/r/Unity2D/comments/2qii4h/bestpracticesforcreatingartassetson/

http://forum.unity3d.com/threads/working-multi-resolution-sprite-sheets.274683/

https://www.youtube.com/watch?v=rMCLWt1DuqI

https://unity3d.com/learn/tutorials/topics/scripting/assetbundles-and-assetbundle-manager

https://www.electricmayhemsolutions.net/screen-resolution-vs-viewport-responsive-web-design/

http://iosres.com/

https://www.quora.com/What-are-logical-pixels

https://stackoverflow.com/questions/31709417/css-resolution-calculations

https://ariya.io/2011/08/mobile-web-logical-pixel-vs-physical-pixel

https://hortfrancisblog.wordpress.com/tag/logical-resolution/

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

https://blogs.perficientdigital.com/2014/12/24/css-pixel-ratio-or-how-big-is-my-phone/