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...

Full description

Bibliographic Details
Main Authors: Hsiang-Sheng Liang, 梁翔勝
Other Authors: Mike Y. Chen
Format: Others
Language:en_US
Published: 2014
Online Access:http://ndltd.ncl.edu.tw/handle/86923969207769048532
Description
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.