SeeSS : Instant Change Impact Visualization for CSS~Developers
Date Issued
2014
Date
2014
Author(s)
Liang, Hsiang-Sheng
Abstract
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.
Subjects
Development Tools
Toolkits
Web Development
Cascading Style Sheet
Change Visualization
Type
thesis
File(s)![Thumbnail Image]()
Loading...
Name
ntu-103-R01922036-1.pdf
Size
23.32 KB
Format
Adobe PDF
Checksum
(MD5):3ad1a1d660c17150b4a42837000210d1