In an effort to define a new design concept that is different then Mobile Responsive Design or Fluid Design, I have created the definition of Device Responsive Design.
But, why the need to?

A quick Google of  “What Is The Best Screen Size To Design For in 2018?” will show you that Google has answered this question for us.

The answer is that your web site HAS to be usable on any device not just full size desktops. Google calls it the Mobile First Indexing, but most people think they are saying your site has to work on mobile phones; which is not the case. What they are saying is if your device does not require a 300 pound desk to hold it up to view the web site then that is a “mobile device”. Now that said, your website better be

  1. Usable, which means it has to adapt to the devices view port or screen size and be usable by anyone. This is called UX or user experience. The reason this design concept had to be created was due to hardware manufactures pushing out 1000’s of different size screens on an ever increasing slew of devices. As of this writing, Cisco states that there is over 8 Billion devices that access the internet; and 41% of them are not smart phones. The need for a Device Responsive Design Concept is very clear.
  2. Able to load quickly. The current “Quickly” is 3seconds to full dom load on a 3G connection. This is a very hard number to hit for a lot of web platforms. Most WP sites average 6 to 12.

I have not designed a logo yet for this concept and I am taking suggestions. Please feel free to comment about ideas.

Device Responsive Design is where a website will adapt itself to the optimal viewing on any size web enabled device with a screen greater then 320×676 CSS3 pixels at the normal 96 DPI. This includes proper viewing on MD, HD, Retina, OLED, 4k, 6k, and 8k screens that are fast becoming available to the public.

– Jeremiah Stillings 2018