html
Aias
Every element is an html.
Can I include?
A WebsiteThis site helps you understand which tag you can include in another using the WHATWG HTML specification.
So many little design helper sites!
An Article by Chris CoyierI’m sure y’all find these things just as useful as I do. They don’t make us lazy, they make us efficient. I know how to make a pattern. I know how to draw a curve with a Pen Tool. I know how to convert SVG into JSX. But using a dedicated tool makes me faster and better at it. And sometimes I don’t know how to do those things, but that doesn’t mean I can’t take advantage. Fake it ’til you make it, right?
Element diversity
An Article by Manuel MatuzovicDid you know that there are 112 elements in HTML?!
It would be a bit too easy to only blame JS frameworks [for the overuse of
div
s]; there are several reasons we use divs so much:- Poor knowledge of HTML elements
- Lack of understanding why
- Insufficient CSS skills
- Default styles
- JS frameworks
- We don't care enough about the page
- Some elements are hard to style
Guidelines for Brutalist Web Design
An Article by David Bryant Copeland- Content is readable on all reasonable screens and devices.
- Only hyperlinks and buttons respond to clicks.
- Hyperlinks are underlined and buttons look like buttons.
- The back button works as expected.
- View content by scrolling.
- Decoration when needed and no unrelated content.
- Performance is a feature.
This page is a truly naked, brutalist html quine
An Article by Leon BambrickI decided to make a truly naked, brutalist html page, that is itself a quine. And this page is it.
Viewing the source of this page should reveal a page identical to the page you are now seeing. Nothing is hidden. It's a true "What you see is what you get."
this vs. that
A Website by Phuoc NguyenThe Great Divide
An Article by Chris CoyierOn one side, an army of developers whose interests, responsibilities, and skill sets are heavily revolved around JavaScript.
On the other, an army of developers whose interests, responsibilities, and skill sets are focused on other areas of the front end, like HTML, CSS, design, interaction, patterns, accessibility, etc.
HTML Elements Memory Test
A WebsiteMy first attempt was 54. Not even half!
How many HTML elements can you remember?
The Spoken and the Unspoken
What is unspoken
Ethnographic studies are distinct from ethological research in other species because we can speak with our subjects and ask them questions. This has tremendous value, but much of what humans do is not spoken, and we also observe, count, and measure.
Research questions
From my records, research questions emerged that I never expected when I was making them.
Quantitative data collection
Quantitative data collection involves systematic and repetitive observations on the same set of variables.
Anthropological rapport
Accurately capturing how people spend their time is contingent not only on systematic data collection, but also on participants moving in a relaxed and normal manner through their daily activities. Just as primatologists habituate their subjects to their presence, anthropologists first must develop rapport and trust with the communities in which they live.
Scan samples, focal follows
Scan samples and focal follows are two commonly used behavioral observation methods.
During a scan sample, randomly selected individuals are located at specified time intervals, usually every ten to fifteen minutes, and the observer instantaneously records what the participant is doing.
Focal follows complement scan samples by documenting the continuous sequence of an individual's activities. During a focal follow, each subject is observed over a period of several hours with each change in activity recorded with a start and stop time.
Multitasking
In most traditional societies children help care for their younger siblings. However, it is often the case that a child minding his younger sibling does so out of the corner of his eye while playing with other children. Is this play or child care?
A nested classificatory hierarchy
I organized behavioral codes to contain several levels of information. As in this example, if a child is outside playing with friends while minding her two-year-old sister, the activity was coded as 675: the 600 signifies noneconomic activity, the 70 that it is playing, and the 5 that it is playing while in charge of a child. All activities were coded in this way. A nested classificatory hierarchy preserves both detail for future research and flexibility to lump or disaggregate activities for analyses. This method of nesting information carries over into many kinds of coding and classificatory schemes.
A child's question
Because they live so successfully in their world, we expect our subjects to readily explain the strategies that underlie the behaviors we observe. This can be trying, because from their point of view we are asking the obvious, a child’s question.
The research agenda
Important connections are often made by accident, outside the bounds of our research agenda.