SeeSS : Instant Change Impact Visualization for CSS~Developers
碩士 === 國立臺灣大學 === 資訊工程學研究所 === 103 === Cascading Style Sheet (CSS) is a fundamental web language for describing the presentation of web pages. CSS rules are often reused across multiple parts of a page and across multiple pages throughout a site to reduce repetition and to provide a consistent look...
Main Authors: | , |
---|---|
Other Authors: | |
Format: | Others |
Language: | en_US |
Published: |
2014
|
Online Access: | http://ndltd.ncl.edu.tw/handle/86923969207769048532 |
Summary: | 碩士 === 國立臺灣大學 === 資訊工程學研究所 === 103 === Cascading Style Sheet (CSS) is a fundamental web language for describing the presentation of web pages. CSS rules are often reused across multiple parts of a page and across multiple pages throughout a site to reduce repetition and to provide a consistent look and feel. When a CSS rule is modified, developers currently have to manually track and visually inspect all possible parts of the site that may be impacted by that change. We present SeeSS, a system that automatically tracks CSS change impact across a site and enables developers to easily visualize all of them. The differences before and after the change are highlighted using animations. We refine its implementation during a 2-iteration design process, and release SeeSS as an open source tool for all web developers.
|
---|