Generally this means that content and images and stuff should resize so that its always at a readable size, and elements on the page should be on a fluid grid that can reflow instead of being located at fixed locations. Responsive web design principles call for a site’s layout to adjust itself according to the device and window size such that the site renders in a way that is maximally readable in a variety of different viewing contexts. So, last week, I spent two evenings extending the current layout to incorporate responsive web design principles. On an iPhone, the layout was just the full desktop browser layout shrunk down to an unreadable size!
Well, I finally visited my site on my iPhone, and immediately noticed how terrible the layout looked. I know everything that’s on them already! I then proceeded to not notice at all how bad the layout on mobile and in small windows was because… well, I don’t really visit my own website and blog very much, because why would I? When I originally created the current layout for this blog and for my personal website back in 2013, I didn’t really design the layout with mobile in mind whatsoever.īack in 2013, responsive web design had only just started to take off, and being focused entirely on renderer development and computer graphics, I wasn’t paying much attention to the web design world that much! I recently noticed that my blog and personal website’s layout looked really bad on mobile devices and in smaller browser windows. New Responsive Layout and Blog Plans May 18, 2021
0 kommentar(er)
