Knowledge Maps: Building Conceptual CSS Knowledge Through Comparison
Pages 1 - 6
Abstract
Many CSS tutorials exist online, yet novice web developers struggle to learn and apply professional CSS techniques. In this paper, we introduce Knowledge Maps (KM), a platform that guides novice developers to understand and compare professional web examples in order to learn and apply each example's professional techniques. By comparing professional techniques, learners are able to identify the tradeoffs and use cases associated with each technique. Knowledge Maps (KM) introduces three process management mechanisms to help learners understand examples: highlighted CSS properties, interactive CSS properties, and guided reflection prompts. In a user study where 9 users interacted with the Knowledge Maps (KM) platform on two examples using CSS grid layout, learners were able to understand the pros and cons between the CSS grid layout technique used in each example. Learners also demonstrated that they could apply their understanding to new use cases.
References
[1]
Andrew Head, Codanda Appachu, Marti A. Hearst, and Björn Hartmann. 2015. Tutorons: Generating context-relevant, on-demand explanations and demonstrations of online code. In 2015 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC). IEEE, 3--12.
[2]
Joshua Hibschman and Haoqi Zhang. 2016. Telescope: Fine-tuned discovery of interactive web UI feature implementation. In Proceedings of the 29th Annual Symposium on User Interface Software and Technology. ACM, 233--245.
[3]
Sarah Lim. 2017. Ply: Visual Regression Pruning for Web Design Source Inspection. In Proceedings of the 2017 CHI Conference Extended Abstracts on Human Factors in Computing Systems. ACM, 130--135.
[4]
Chris Quintana, Brian J. Reiser, Elizabeth A. Davis, Joseph Krajcik, Eric Fretz, Ravit Golan Duncan, Eleni Kyza, Daniel Edelson, and Elliot Soloway. 2004. A scaffolding design framework for software to support science inquiry. The journal of the learning sciences 13, 3 (2004), 337--386.
[5]
Daniel L. Schwartz and John D. Bransford. 1998. A time for telling. Cognition and instruction 16, 4 (1998), 475--5223.
[6]
Barbara Y. White and John R. Frederiksen. 1998. Inquiry, modeling, and metacognition: Making science accessible to all students. Cognition and instruction 16, 1 (1998), 3--118.
Index Terms
- Knowledge Maps: Building Conceptual CSS Knowledge Through Comparison
Recommendations
Knowledge Maps for Building Conceptual and Transferable CSS Knowledge
CHI EA '22: Extended Abstracts of the 2022 CHI Conference on Human Factors in Computing SystemsDespite the abundance of online resources for learning CSS, novice web developers struggle to develop the expert intuition of choosing the best CSS technique to build a given layout. We present Knowledge Maps (KM), a tool that allows users to build ...
Understanding Learning Curves and Trajectories in CSS Layout
SIGCSE '19: Proceedings of the 50th ACM Technical Symposium on Computer Science EducationWeb development is a learning context with the potential to support rich computational thinking. Large-scale analysis of compilation and runtime errors have been used in introductory programming courses and similar approaches can be used to understand ...
Comments
Information & Contributors
Information
Published In
April 2020
4474 pages
ISBN:9781450368193
DOI:10.1145/3334480
Copyright © 2020 Owner/Author.
Permission to make digital or hard copies of part or all of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for third-party components of this work must be honored. For all other uses, contact the Owner/Author.
Sponsors
Publisher
Association for Computing Machinery
New York, NY, United States
Publication History
Published: 25 April 2020
Check for updates
Author Tags
Qualifiers
- Abstract
Conference
CHI '20
Sponsor:
Acceptance Rates
Overall Acceptance Rate 6,164 of 23,696 submissions, 26%
Upcoming Conference
CHI 2025
- Sponsor:
- sigchi
Contributors
Other Metrics
Bibliometrics & Citations
Bibliometrics
Article Metrics
- 0Total Citations
- 233Total Downloads
- Downloads (Last 12 months)17
- Downloads (Last 6 weeks)0
Reflects downloads up to 25 Dec 2024
Other Metrics
Citations
View Options
Login options
Check if you have access through your login credentials or your institution to get full access on this article.
Sign inFull Access
View options
View or Download as a PDF file.
PDFeReader
View online with eReader.
eReaderHTML Format
View this article in HTML Format.
HTML Format