{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,6,3]],"date-time":"2026-06-03T22:07:32Z","timestamp":1780524452717,"version":"3.54.1"},"publisher-location":"New York, NY, USA","reference-count":18,"publisher":"ACM","license":[{"start":{"date-parts":[[2019,12,9]],"date-time":"2019-12-09T00:00:00Z","timestamp":1575849600000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/www.acm.org\/publications\/policies\/copyright_policy#Background"}],"content-domain":{"domain":["dl.acm.org"],"crossmark-restriction":true},"short-container-title":[],"published-print":{"date-parts":[[2019,12,9]]},"DOI":"10.1145\/3374549.3374560","type":"proceedings-article","created":{"date-parts":[[2020,1,28]],"date-time":"2020-01-28T10:23:34Z","timestamp":1580207014000},"page":"51-59","update-policy":"https:\/\/doi.org\/10.1145\/crossmark-policy","source":"Crossref","is-referenced-by-count":4,"title":["Visual Design and Code Generation of User Interface Based on Responsive Web Design Approach"],"prefix":"10.1145","author":[{"given":"Suroyya","family":"Wongsalam","sequence":"first","affiliation":[{"name":"Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand"}],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Twittie","family":"Senivongse","sequence":"additional","affiliation":[{"name":"Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand"}],"role":[{"vocabulary":"crossref","role":"author"}]}],"member":"320","published-online":{"date-parts":[[2020,1,28]]},"reference":[{"key":"e_1_3_2_1_1_1","volume-title":"Responsive Web Design Is. [Online]. Available from: https:\/\/responsivedesign.is\/patterns\/. Last access","author":"Avery J.","year":"2019","unstructured":"Avery , J. and Simple Things . Responsive Web Design Is. [Online]. Available from: https:\/\/responsivedesign.is\/patterns\/. Last access : July 31, 2019 . Avery, J. and Simple Things. Responsive Web Design Is. [Online]. Available from: https:\/\/responsivedesign.is\/patterns\/. Last access: July 31, 2019."},{"key":"e_1_3_2_1_2_1","volume-title":"Available from: https:\/\/bradfrost.github.io\/this-is-responsive\/patterns.html. Last access","author":"Responsive Patterns","year":"2019","unstructured":"bradfrost.github.io. Responsive Patterns . [Online]. Available from: https:\/\/bradfrost.github.io\/this-is-responsive\/patterns.html. Last access : July 31, 2019 . bradfrost.github.io. Responsive Patterns. [Online]. Available from: https:\/\/bradfrost.github.io\/this-is-responsive\/patterns.html. Last access: July 31, 2019."},{"key":"e_1_3_2_1_3_1","volume-title":"Proceedings of 11th International Conference in Web Information Systems and Technologies (Lisbon, Portugal, May 20-22, 2015). WEBIST '15. SCITEPRESS","author":"Casal\u00e1nguida H.","unstructured":"Casal\u00e1nguida , H. and Dur\u00e1n , J.E . 2015. User interface design for responsive web applications . In Proceedings of 11th International Conference in Web Information Systems and Technologies (Lisbon, Portugal, May 20-22, 2015). WEBIST '15. SCITEPRESS , Set\u00fabal, Portugal. 104--111. DOI= 10.5220\/0005454101040111. Casal\u00e1nguida, H. and Dur\u00e1n, J.E. 2015. User interface design for responsive web applications. In Proceedings of 11th International Conference in Web Information Systems and Technologies (Lisbon, Portugal, May 20-22, 2015). WEBIST '15. SCITEPRESS, Set\u00fabal, Portugal. 104--111. DOI= 10.5220\/0005454101040111."},{"key":"e_1_3_2_1_4_1","volume-title":"Available from: http:\/\/getbootstrap.com\/. Last access","author":"Bootstrap","year":"2019","unstructured":"getbootstrap.com. Bootstrap . [Online]. Available from: http:\/\/getbootstrap.com\/. Last access : July 31, 2019 . getbootstrap.com. Bootstrap. [Online]. Available from: http:\/\/getbootstrap.com\/. Last access: July 31, 2019."},{"key":"e_1_3_2_1_5_1","volume-title":"Examples of Flexible Layouts with CSS3 Media Queries. [Online]. Available from: http:\/\/zomigi.com\/blog\/examples-of-flexible-layouts-with-css3-media-queries\/. Last access","author":"Gillenwater Z. M.","year":"2019","unstructured":"Gillenwater , Z. M. Examples of Flexible Layouts with CSS3 Media Queries. [Online]. Available from: http:\/\/zomigi.com\/blog\/examples-of-flexible-layouts-with-css3-media-queries\/. Last access : July 31, 2019 . Gillenwater, Z. M. Examples of Flexible Layouts with CSS3 Media Queries. [Online]. Available from: http:\/\/zomigi.com\/blog\/examples-of-flexible-layouts-with-css3-media-queries\/. Last access: July 31, 2019."},{"key":"e_1_3_2_1_6_1","volume-title":"Fluid Typography. [Online]. Available from: https:\/\/css-tricks.com\/snippets\/css\/fluid-typography\/?fbclid=IwAR2VMp5VAZMGEiHVe2RHaXKnZNa3N3cdh-K5rEcF2NH3wXxanC8_2V_V3-I. Last access","author":"Graham G.","year":"2017","unstructured":"Graham , G. ( 2017 ). Fluid Typography. [Online]. Available from: https:\/\/css-tricks.com\/snippets\/css\/fluid-typography\/?fbclid=IwAR2VMp5VAZMGEiHVe2RHaXKnZNa3N3cdh-K5rEcF2NH3wXxanC8_2V_V3-I. Last access : July 31, 2019. Graham, G. (2017). Fluid Typography. [Online]. Available from: https:\/\/css-tricks.com\/snippets\/css\/fluid-typography\/?fbclid=IwAR2VMp5VAZMGEiHVe2RHaXKnZNa3N3cdh-K5rEcF2NH3wXxanC8_2V_V3-I. Last access: July 31, 2019."},{"key":"e_1_3_2_1_7_1","doi-asserted-by":"publisher","DOI":"10.1109\/IPCC.2015.7235787"},{"key":"e_1_3_2_1_8_1","volume-title":"Responsive Web Design Patterns. [Online]. Available from: https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/patterns. Last access","author":"LePage P.","year":"2019","unstructured":"LePage , P. Responsive Web Design Patterns. [Online]. Available from: https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/patterns. Last access : July 31, 2019 . LePage, P. Responsive Web Design Patterns. [Online]. Available from: https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/patterns. Last access: July 31, 2019."},{"key":"e_1_3_2_1_9_1","volume-title":"Available from: https:\/\/alistapart.com\/article\/fluidgrids. Last access","author":"Marcotte E.","year":"2019","unstructured":"Marcotte , E. 2009. Fluid Grids . [Online]. Available from: https:\/\/alistapart.com\/article\/fluidgrids. Last access : July 31, 2019 . Marcotte, E. 2009. Fluid Grids. [Online]. Available from: https:\/\/alistapart.com\/article\/fluidgrids. Last access: July 31, 2019."},{"key":"e_1_3_2_1_10_1","volume-title":"Available from: http:\/\/www.alistapart.com\/articles\/fluid-images\/. Last access","author":"Marcotte E.","year":"2019","unstructured":"Marcotte , E. 2011. Fluid Images . [Online]. Available from: http:\/\/www.alistapart.com\/articles\/fluid-images\/. Last access : July 31, 2019 . Marcotte, E. 2011. Fluid Images. [Online]. Available from: http:\/\/www.alistapart.com\/articles\/fluid-images\/. Last access: July 31, 2019."},{"key":"e_1_3_2_1_11_1","volume-title":"Responsive Design Patterns & Principles. A Book Apart","author":"Marcotte E.","unstructured":"Marcotte , E. 2015. Responsive Design Patterns & Principles. A Book Apart , New York , New York . Marcotte, E. 2015. Responsive Design Patterns & Principles. A Book Apart, New York, New York."},{"key":"e_1_3_2_1_12_1","volume-title":"Using Media Queries. [Online]. Available from: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Media_Queries\/Using_media_queries. Last access","author":"Mozilla","year":"2019","unstructured":"Mozilla . Using Media Queries. [Online]. Available from: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Media_Queries\/Using_media_queries. Last access : July 31, 2019 . Mozilla. Using Media Queries. [Online]. Available from: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Media_Queries\/Using_media_queries. Last access: July 31, 2019."},{"key":"e_1_3_2_1_13_1","volume-title":"Proceedings of the15th International Conference on Enterprise Information Systems","author":"Plechawska-Wojcik M.","year":"2015","unstructured":"Plechawska-Wojcik , M. , Mora , S. L. , and Wojcik , L . 2013. Assessment of user experience with responsive web applications using expert method and cognitive walkthrough a case study . In Proceedings of the15th International Conference on Enterprise Information Systems ( Barcelona, Spain , April 27-30, 2015 ). ICEIS '15. SCITEPRESS, Set\u00fabal, Portugal. 111--118. DOI=10.5220\/0004443001110118. Plechawska-Wojcik, M., Mora, S. L., and Wojcik, L. 2013. Assessment of user experience with responsive web applications using expert method and cognitive walkthrough a case study. In Proceedings of the15th International Conference on Enterprise Information Systems (Barcelona, Spain, April 27-30, 2015). ICEIS '15. SCITEPRESS, Set\u00fabal, Portugal. 111--118. DOI=10.5220\/0004443001110118."},{"key":"e_1_3_2_1_14_1","volume-title":"Proceedings of the 19th Conference on Pattern Languages of Programs","author":"Ribeiro J.","year":"2012","unstructured":"Ribeiro , J. and Carvalhais , M . 2012. Web design patterns for mobile devices . In Proceedings of the 19th Conference on Pattern Languages of Programs ( Tucson, Arizona, October 19--21 , 2012 ). PLoP '12. The Hillside Group, USA, 48 pages. Ribeiro, J. and Carvalhais, M. 2012. Web design patterns for mobile devices. In Proceedings of the 19th Conference on Pattern Languages of Programs (Tucson, Arizona, October 19--21, 2012). PLoP '12. The Hillside Group, USA, 48 pages."},{"key":"e_1_3_2_1_15_1","unstructured":"Shukairy A. How A Cognitive Walkthrough Can Improve Website Usability and Conversions. [Online]. Available from: https:\/\/www.invespcro.com\/blog\/how-a-cognitive-walkthrough-can-improve-website-usability-and-conversions\/. Last access: July 31 2019.  Shukairy A. How A Cognitive Walkthrough Can Improve Website Usability and Conversions. [Online]. Available from: https:\/\/www.invespcro.com\/blog\/how-a-cognitive-walkthrough-can-improve-website-usability-and-conversions\/. Last access: July 31 2019."},{"key":"e_1_3_2_1_16_1","volume-title":"Proceedings of 2015 30th IEEE\/ACM International Conference on Automated Software Engineering (Lincoln, NE, USA, November 9--13, 2015). ASE '15. IEEE","author":"Walsh T.A.","year":"2015","unstructured":"Walsh , T.A. , McMinn , P. , and Kapfhammer , G.M . 2015. Automatic detection of potential layout faults following changes to responsive web pages . In Proceedings of 2015 30th IEEE\/ACM International Conference on Automated Software Engineering (Lincoln, NE, USA, November 9--13, 2015). ASE '15. IEEE , New York, NY, 709--714. DOI=10.1109\/ASE. 2015 .31. Walsh, T.A., McMinn, P., and Kapfhammer, G.M. 2015. Automatic detection of potential layout faults following changes to responsive web pages. In Proceedings of 2015 30th IEEE\/ACM International Conference on Automated Software Engineering (Lincoln, NE, USA, November 9--13, 2015). ASE '15. IEEE, New York, NY, 709--714. DOI=10.1109\/ASE.2015.31."},{"key":"e_1_3_2_1_17_1","volume-title":"Available from: https:\/\/www.wix.com\/. Last access","author":"Wix","year":"2019","unstructured":"Wix . Wix.com. [Online]. Available from: https:\/\/www.wix.com\/. Last access : July 31, 2019 . Wix. Wix.com. [Online]. Available from: https:\/\/www.wix.com\/. Last access: July 31, 2019."},{"key":"e_1_3_2_1_18_1","volume-title":"Avalilable from: https:\/\/foundation.zurb.com\/. Last access","author":"Zurb","year":"2019","unstructured":"Zurb . Foundation. [Online]. Avalilable from: https:\/\/foundation.zurb.com\/. Last access : July 31, 2019 . Zurb. Foundation. [Online]. Avalilable from: https:\/\/foundation.zurb.com\/. Last access: July 31, 2019."}],"event":{"name":"ICSEB 2019: 2019 The 3rd International Conference on Software and e-Business","location":"Tokyo Japan","acronym":"ICSEB 2019","sponsor":["Waseda University Waseda University"]},"container-title":["Proceedings of the 2019 3rd International Conference on Software and e-Business"],"original-title":[],"link":[{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3374549.3374560","content-type":"unspecified","content-version":"vor","intended-application":"text-mining"},{"URL":"https:\/\/dl.acm.org\/doi\/pdf\/10.1145\/3374549.3374560","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,6,17]],"date-time":"2025-06-17T23:44:44Z","timestamp":1750203884000},"score":1,"resource":{"primary":{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3374549.3374560"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2019,12,9]]},"references-count":18,"alternative-id":["10.1145\/3374549.3374560","10.1145\/3374549"],"URL":"https:\/\/doi.org\/10.1145\/3374549.3374560","relation":{},"subject":[],"published":{"date-parts":[[2019,12,9]]},"assertion":[{"value":"2020-01-28","order":2,"name":"published","label":"Published","group":{"name":"publication_history","label":"Publication History"}}]}}