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?
Kigumi House
A sense reflected in the plans
When a space resonates with our humanity, when it feels really pleasant or splendid and beautiful—when you place yourself in such an environment, I've always believed that people will be drawn in. So I guess you could say it's this sense that I try to reflect in the plans; I believe that this will lead in the right direction, to an honest lifestyle.
I'm reminded of their faces
Mrs. Shimada is very cheerful, and Mr. Shimada is very intelligent; he is able to perceive things objectively, and discern what is precious. I get the sense they live critically, evaluating what is important. Keeping these characteristics in mind, I think about what kind of plan should be provided, in what proportions, and in what kind of house—to best suit these people. I'm constantly reminded of their faces as I prepare the plans. I'm always thinking about human happiness. If it doesn't make you happy, I don't think it's worth building.
Maybe I should sharpen soon
I've been doing this for decades, so I've found tools that can't get any better. Tools by a good blacksmith cut well for the entire day, as well as the next; occasionally, even on the third day. I'll think, maybe I should sharpen soon, even though it's still cutting okay.
So that's what it's like — it's all about how good your tools are.
What's suitable for each unique condition
What of machines and prefabrication? How do they compare?
Well, the machine has its limits. We, using handcrafted methods, do things that machines cannot do. Of course, it's not fast like a machine. And in complicated areas like here, things wouldn't go the same using a machine as it would by hand.
We use numerous variations of all these connecting and splicing joints. Using a machine, [the wood joints] can all be made uniform, but really, we need to consider whether that's a good thing. It's better to make each mechanism and joint by considering what's suitable for each unique condition.
The structure becomes more solid
I suspect that these tools and these shapes each have their own era. And, well—recently, mass production has made fabrication more practical by using machines, and producing joints that are even easier and faster. Currently, [composite joints] are the most practical—economically as well. That's probably how it became so simple.
The precision [of a prefabricated joint] is by no means bad; a prefabricated joint is more precise than one made by hand with poor skills. Of course, with craftsmen, some are good; others, not so good. It's fine if only people with excellent skills make these joints and build houses; but occasionally, you'll get someone who doesn't. In this case, there's a possibility that prefabrication will provide a more uniform, better outcome.
With prefabrication, they don't really have as much variety in types of joints. Most splicing joints are kama-tsugi, and most connecting joints are ari of a dovetail type; it's even all the same dovetail. In comparison, we use roughly ten times that in variety—perhaps more than ten times.
You have something that is fast, easy, and cheap...
Tōru Abo: Yes, the question is which is better in comparison. I mean, there's no point having a joint made without precision. If you can't chisel with a certain degree of accuracy, there's no point cutting by hand. We often say, "Work accurately and precisely." It's labor-intensive and costs some money, but it's overwhelmingly stronger. The structure becomes more solid.
Kanawa-tsugi
The kanawa-tsugi allows for easy replacements, without having to raise the building a great deal. However, these days buildings are demolished in less than 30 or so years, so we live in an era where such measures aren't necessary. Because we're living in an era where you demolish the house before things are replaced, we don't have to do this. But in doing so, the two wood members fit together smoothly; the fit becomes incredibly good. This splicing joint, it's surprisingly rigid once assembled; so, even in an era where we have foundations like these, we still use the kanawa-tsugi.
Completing work properly in unseen areas
If you consider the inheritance of skills, we can keep this heritage by having young people do the work properly, as they did in the past. If you don't do this, or you become too practical, you'd only make simple things. It's very low tech, this inheritance of skills—using carpentry tools to do manual work. We deliberately put effort into these things, completing work properly in unseen areas.
Architecture equals structure
Architecture equals structure. Design is also important, but structure is the basis of architecture.
By taking the good aspects of both traditional and conventional construction methods, we assemble it securely...So the reason we lay out the marking lines, and carve by hand, is to utilize the good aspects of wood framing from the past when building contemporary wood-framed structures.