{"id":"https://openalex.org/W2898147309","doi":"https://doi.org/10.1109/vlhcc.2018.8506516","title":"Expresso: Building Responsive Interfaces with Keyframes","display_name":"Expresso: Building Responsive Interfaces with Keyframes","publication_year":2018,"publication_date":"2018-10-01","ids":{"openalex":"https://openalex.org/W2898147309","doi":"https://doi.org/10.1109/vlhcc.2018.8506516","mag":"2898147309"},"language":"en","primary_location":{"id":"doi:10.1109/vlhcc.2018.8506516","is_oa":false,"landing_page_url":"https://doi.org/10.1109/vlhcc.2018.8506516","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"2018 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC)","raw_type":"proceedings-article"},"type":"article","indexed_in":["crossref"],"open_access":{"is_oa":false,"oa_status":"closed","oa_url":null,"any_repository_has_fulltext":false},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5032132190","display_name":"Rebecca Krosnick","orcid":"https://orcid.org/0000-0002-8427-3895"},"institutions":[],"countries":[],"is_corresponding":true,"raw_author_name":"Rebecca Krosnick","raw_affiliation_strings":["Computer Science & Engineering"],"affiliations":[{"raw_affiliation_string":"Computer Science & Engineering","institution_ids":[]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5100444701","display_name":"Sang Won Lee","orcid":"https://orcid.org/0000-0002-1026-315X"},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Sang Won Lee","raw_affiliation_strings":["Computer Science & Engineering"],"affiliations":[{"raw_affiliation_string":"Computer Science & Engineering","institution_ids":[]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5024672470","display_name":"Walter S. Laseck","orcid":null},"institutions":[{"id":"https://openalex.org/I27837315","display_name":"University of Michigan\u2013Ann Arbor","ror":"https://ror.org/00jmfr291","country_code":"US","type":"education","lineage":["https://openalex.org/I27837315"]}],"countries":["US"],"is_corresponding":false,"raw_author_name":"Walter S. Laseck","raw_affiliation_strings":["School of Information university of of Michigan, Ann Arbor, MI, USA"],"affiliations":[{"raw_affiliation_string":"School of Information university of of Michigan, Ann Arbor, MI, USA","institution_ids":["https://openalex.org/I27837315"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5089456159","display_name":"Steve Onev","orcid":null},"institutions":[],"countries":[],"is_corresponding":false,"raw_author_name":"Steve Onev","raw_affiliation_strings":["Computer Science & Engineering"],"affiliations":[{"raw_affiliation_string":"Computer Science & Engineering","institution_ids":[]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":4,"corresponding_author_ids":["https://openalex.org/A5032132190"],"corresponding_institution_ids":[],"apc_list":null,"apc_paid":null,"fwci":1.1781,"has_fulltext":false,"cited_by_count":9,"citation_normalized_percentile":{"value":0.85645865,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":{"min":90,"max":96},"biblio":{"volume":null,"issue":null,"first_page":"39","last_page":"47"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T12016","display_name":"Web Data Mining and Analysis","score":0.9988999962806702,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},"topics":[{"id":"https://openalex.org/T12016","display_name":"Web Data Mining and Analysis","score":0.9988999962806702,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T12799","display_name":"Mobile and Web Applications","score":0.9980999827384949,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T12601","display_name":"Web Applications and Data Management","score":0.9973999857902527,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}}],"keywords":[{"id":"https://openalex.org/keywords/viewport","display_name":"Viewport","score":0.9632135629653931},{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.8493843078613281},{"id":"https://openalex.org/keywords/user-interface","display_name":"User interface","score":0.5080201625823975},{"id":"https://openalex.org/keywords/human\u2013computer-interaction","display_name":"Human\u2013computer interaction","score":0.4991118907928467},{"id":"https://openalex.org/keywords/interface","display_name":"Interface (matter)","score":0.4279693365097046},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.42409005761146545},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.23555031418800354},{"id":"https://openalex.org/keywords/computer-graphics","display_name":"Computer graphics (images)","score":0.20028337836265564},{"id":"https://openalex.org/keywords/operating-system","display_name":"Operating system","score":0.0945776104927063}],"concepts":[{"id":"https://openalex.org/C2778090530","wikidata":"https://www.wikidata.org/wiki/Q2523931","display_name":"Viewport","level":2,"score":0.9632135629653931},{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.8493843078613281},{"id":"https://openalex.org/C89505385","wikidata":"https://www.wikidata.org/wiki/Q47146","display_name":"User interface","level":2,"score":0.5080201625823975},{"id":"https://openalex.org/C107457646","wikidata":"https://www.wikidata.org/wiki/Q207434","display_name":"Human\u2013computer interaction","level":1,"score":0.4991118907928467},{"id":"https://openalex.org/C113843644","wikidata":"https://www.wikidata.org/wiki/Q901882","display_name":"Interface (matter)","level":4,"score":0.4279693365097046},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.42409005761146545},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.23555031418800354},{"id":"https://openalex.org/C121684516","wikidata":"https://www.wikidata.org/wiki/Q7600677","display_name":"Computer graphics (images)","level":1,"score":0.20028337836265564},{"id":"https://openalex.org/C111919701","wikidata":"https://www.wikidata.org/wiki/Q9135","display_name":"Operating system","level":1,"score":0.0945776104927063},{"id":"https://openalex.org/C129307140","wikidata":"https://www.wikidata.org/wiki/Q6795880","display_name":"Maximum bubble pressure method","level":3,"score":0.0},{"id":"https://openalex.org/C157915830","wikidata":"https://www.wikidata.org/wiki/Q2928001","display_name":"Bubble","level":2,"score":0.0}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.1109/vlhcc.2018.8506516","is_oa":false,"landing_page_url":"https://doi.org/10.1109/vlhcc.2018.8506516","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"2018 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC)","raw_type":"proceedings-article"}],"best_oa_location":null,"sustainable_development_goals":[{"score":0.8100000023841858,"display_name":"Quality Education","id":"https://metadata.un.org/sdg/4"}],"awards":[],"funders":[],"has_content":{"grobid_xml":false,"pdf":false},"content_urls":null,"referenced_works_count":37,"referenced_works":["https://openalex.org/W165355566","https://openalex.org/W1481844408","https://openalex.org/W1492324553","https://openalex.org/W1502767928","https://openalex.org/W1509640184","https://openalex.org/W1560763790","https://openalex.org/W1713170780","https://openalex.org/W1964988085","https://openalex.org/W1984315811","https://openalex.org/W1993593321","https://openalex.org/W2010611280","https://openalex.org/W2036892460","https://openalex.org/W2042616792","https://openalex.org/W2045593418","https://openalex.org/W2053063338","https://openalex.org/W2065474493","https://openalex.org/W2074549122","https://openalex.org/W2080503247","https://openalex.org/W2097360199","https://openalex.org/W2097720650","https://openalex.org/W2102661934","https://openalex.org/W2107387337","https://openalex.org/W2114909485","https://openalex.org/W2115210820","https://openalex.org/W2129597719","https://openalex.org/W2134816385","https://openalex.org/W2149305110","https://openalex.org/W2151785234","https://openalex.org/W2407505401","https://openalex.org/W2546822423","https://openalex.org/W2766551050","https://openalex.org/W2897581473","https://openalex.org/W3163229332","https://openalex.org/W4247831551","https://openalex.org/W6606689585","https://openalex.org/W6628752793","https://openalex.org/W6630399717"],"related_works":["https://openalex.org/W1608278265","https://openalex.org/W2048990642","https://openalex.org/W2097677915","https://openalex.org/W2278313610","https://openalex.org/W1649706580","https://openalex.org/W1186135329","https://openalex.org/W3195608031","https://openalex.org/W1979206663","https://openalex.org/W1498430983","https://openalex.org/W2047602962"],"abstract_inverted_index":{"Web":[0],"developers":[1,21],"use":[2,23,193],"responsive":[3,19,60,77,137,198],"web":[4,61],"design":[5],"to":[6,13,74,132,155,191,195],"create":[7,75,156],"user":[8,78,183],"interfaces":[9,79],"that":[10,71,187],"can":[11],"adapt":[12],"many":[14],"form":[15],"factors.":[16],"To":[17,152],"define":[18,104,170],"pages,":[20],"must":[22],"Cascading":[24],"Style":[25],"Sheets":[26],"(CSs)":[27],"or":[28,174],"libraries":[29],"and":[30,49,88,141,185],"tools":[31],"built":[32],"on":[33],"top":[34],"of":[35,56,90,108,139,160],"it.":[36],"CSS":[37],"provides":[38],"high":[39],"customizability,":[40],"but":[41],"requires":[42],"significant":[43],"experience.":[44],"As":[45],"a":[46,54,68,94,125,148,172,182],"result,":[47],"non-programmers":[48],"novice":[50],"programmers":[51],"generally":[52],"lack":[53],"means":[55],"easily":[57],"building":[58],"custom":[59,76],"pages.":[62],"In":[63],"this":[64],"paper,":[65],"we":[66,97],"present":[67],"new":[69,95],"approach":[70,92],"allows":[72],"users":[73,103,154,169],"without":[80],"writing":[81],"program":[82],"code.":[83],"We":[84,180],"demonstrate":[85],"the":[86,91,136,144,157],"feasibility":[87],"effectiveness":[89],"through":[93],"system":[96],"built,":[98],"named":[99],"Expresso.":[100],"With":[101],"Expresso,":[102],"\u201ckeyframes\u201d":[105],"-":[106,118],"examples":[107],"how":[109],"their":[110,161],"VI":[111],"should":[112],"look":[113],"for":[114,147],"particular":[115],"viewport":[116,150,165],"sizes":[117],"by":[119],"simply":[120],"directly":[121],"manipulating":[122],"elements":[123],"in":[124],"WYSIWYG":[126],"editor.":[127],"Expresso":[128,167,194],"uses":[129],"these":[130],"keyframes":[131],"infer":[133],"rules":[134],"about":[135],"behavior":[138],"elements,":[140],"automatically":[142],"renders":[143],"appropriate":[145],"css":[146],"given":[149],"size.":[151],"allow":[153],"desired":[158],"appearance":[159],"page":[162],"at":[163],"all":[164],"sizes,":[166],"lets":[168],"either":[171],"\u201csmooth\u201d":[173],"\u201cjump\u201d":[175],"transition":[176],"between":[177],"adjacent":[178],"keyframes.":[179],"conduct":[181],"study":[184],"show":[186],"participants":[188],"are":[189],"able":[190],"effectively":[192],"build":[196],"realistic":[197],"interfaces.":[199]},"counts_by_year":[{"year":2025,"cited_by_count":2},{"year":2024,"cited_by_count":2},{"year":2023,"cited_by_count":2},{"year":2021,"cited_by_count":2},{"year":2018,"cited_by_count":1}],"updated_date":"2025-11-06T03:46:38.306776","created_date":"2025-10-10T00:00:00"}