Mobile development

2 posts, 0 answers
  1. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 13 Apr Link to this post

    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

  2. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 15 Apr Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top