32
#GX24 From the design to the implementation: Building a RWA Ing. Sabrina Juárez [email protected]

48 . Del diseño a la implementación: creando una aplicación RWD

  • Upload
    genexus

  • View
    422

  • Download
    0

Embed Size (px)

DESCRIPTION

Del diseño a la implementación: creando una aplicación RWD

Citation preview

  • 1. #GX24From the design to the implementation: Building a RWAIng. Sabrina [email protected]

2. #GX24DESTACADOSResponsive Web DesignFrom the design to the implementation: Building a RWAGeneXus Evolution 3 & RWD 3. #GX24RWD 4. #GX24RWD 5. #GX24RWD 6. #GX24 7. #GX24 8. #GX24RWD 9. #GX24RWD 10. #GX24RWD considerationsLayout for each screenInformation to be displayedAesthetic issuesRWD 11. #GX24RWD 12. #GX24Fluid gridsFlexible imagesMedia queriesRWDFrontend framework 13. #GX24RWD 14. #GX24How to develop a RWA : using the Abstract EditorHow to save time : using the default formsSUGERENCIASResponsive Web DesignGeneXus Evolution 3 & RWD 15. #GX24How to save time : using the default formsGX & RWD 16. #GX24How to save time : using the default formsGX & RWDPattern WW formsWeb Transaction formsPrompts 17. #GX24 18. #GX24GX & RWDHow to develop a RWA : using the abstract editor 19. #GX24Defining the layoutAbstract EditorTheme Editor (layout + aesthetics)GX & RWD 20. #GX24Defining the layout4 predefined screen sizes:Extra Small (< 767px)Small (>=768px)Medium (>=992px)Large (>=1200px)GX & RWD 21. #GX2433%33%33%Width >= 992px 22. #GX24100%100%Width < 768px 23. #GX2450%50%100%Width = 992px 25. #GX24100%100%Width < 768px 26. #GX2450%50%100%Width