This is a migrated thread and some comments may be shown as answers.

Mobile development

1 Answer 6 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sagi
Top achievements
Rank 1
Sagi asked on 14 Apr 2016, 04:56 AM

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

1 Answer, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 15 Apr 2016, 06:54 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Sagi
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Share this question
or