đź‘‹ Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
Categories
0
Comment
In finding the best term for separating a collection of items, which to use—list or group?
Brain dump:
List implies linearity, structure.
Group implies randomness.
—
In generalizing the semantics of all items in a collection—in an HTML document—go for group.
<ul class="list group">…</ul> <div class="group">…</div> <dl class="list group">…</dl>
—
It is important to note that the all HTML elements in the examples could express hierarchy by nesting other elements—but it is in the collection of items that list or group provides semantics.
To recap:
Use list for collection of items that implies order (yes, even for <ul>).
Use group for collection of items that does not imply order.
Categories
Commenting is disabled.
It is, after all, a hypertext document.
Categories
Information Architecture & Interaction Design
- Human–Computer Interaction
- Cognitive Psychology
- Ubiquitous Computing
- Urban Informatics
- Urban Computing
- Human Factors and Ergonomics
- Social Computing
- User Experience and Experience Design
- Visual Representation
- Industrial Design
- Bifocal Display
- Contextual Design
- Mobile Computing
- End–User Development
- Philosophy of Interaction
- Affective Computing
- Requirements Engineering
- Context–Aware Computing
- Usability Evaluation
- Activity Theory
- Disruptive Innovation
- Open User Innovation
- Visual Aesthetics
- Tactile Interaction
- Somaesthetics
- Card Sorting
- Wearable Computing
- Social–Technical System Design
- Semiotics
- Aesthetic Computing
- Computer Supported Cooperative Work
- Phenomenology
- Formal Methods
- Personas
- Ethnography
- 3D User Interfaces
- Action Research
- Experimental Methods in Human–Computer Interaction
- Data Visualization for Human Perception
- Human–Robot Interaction
- User Interface Design Adaptation
- Emotion and Website Design
- Human–Data Interaction
- Design for All
- Research through Design
- Affordances
- Semi–Structured Qualitative Studies
References
Categories
https://www.section508.gov/blog/infographic-the-case-for-universal-design
Categories
Commenting is disabled.
const and let—learning web development.
Categories
Commenting is disabled.
IBM Plex fonts in the open!