Mobile development

[Sagi]

Hi,

Is there some kind of a guide that explains how to work with fixed / relative sizes in mobile development ?

I Have seen this documentation http://docs.telerik.com/kendo-ui/controls/hybrid/how-to/relative-content-size-using-flexboxes

But i'm lucking some information about how to define a size of an element (is it by px , should I always use em units) , same about font size ect.

It would be great if you can direct me to some guide or give a short explaination about the BKM's on mobile development lyout & sizing.

 

Thx

Sagi

[Venelin]

Hello Sagi,

Since this is a general and extremely broad topic it's not included in kendo's official documentation. Moreover there is no universal guideline that can explain in which case a specific metric should be used.

The best thing I can advise is to approach the problem theoretically and explore the characteristics of each measurement unit straight from the W3C official web specification: 
https://www.w3.org/TR/css-values/#lengths .

Next you can search for some examples and different guidelines from trusted authors like

Google: 
https://developers.google.com/webmasters/mobile-sites/#why
https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/ ,

MDN: 
https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile
https://developer.mozilla.org/en-US/docs/Web/Guide/Responsive_design (plenty of examples)

MSDN: https://msdn.microsoft.com/en-us/magazine/hh653584.aspx

and of course many others.

Most of these vendors already have responsive and/or mobile sites that you can explore, see how they work and borrow ides from there.

Regards,
Venelin
Telerik