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?
Back to the Drawing Board
The lost art of drawing for engineers and architects.
- You can almost tell which software they were designed in
- Conversational drawing
- The effort heuristic
- Tablets have caught up
You can almost tell which software they were designed in
Tatiana von Preussen, cofounder of London practice vPPR Architects, says that certain software comes with constraints that encourage a particular style:
“Something I’ve noticed with new buildings is that you can almost tell which software they were designed in. For instance, if you take Revit, it’s very hard to freely create non-orthogonal, non-linear geometries, and it’s very easy to create repetitive elements, so it lends itself to a particular way of building.”
Conversational drawing
A skilled draughtsman guides design conversations by selecting and emphasizing details in a way that computer programmes cannot. Ron Slade, author of Sketching for Engineers and Architects and a structural director at WSP in London, calls it “conversational drawing”. He notes how botany field guides are always based on detailed drawings rather than photographs — as much for what they leave out as for what they show. “Extraneous material that might exist in a photograph is eliminated. It may be important to pick out and illustrate particular areas and leave other parts in sketchy or broad outline.”
The effort heuristic
Psychologists have noted that people tend to place greater artistic value on images when they can see the work that has gone into them — a tendency known as the “effort heuristic”. They are also more likely to connect emotionally with the work if they can detect the human hand, says Goldsmiths’ Chamberlain. “There’s an argument that if we see a brush stroke, we almost recreate it, and that’s part of the connection we feel with the artist — you can feel the intention.”
Perhaps to capitalize on this, some architects now show presentation drawings that look hand-drawn but are actually generated entirely by computer. “It’s totally fake,” says Brillhart. “They just take a computer image into Photoshop and put filters over it to make it look like it’s drawn by hand. It’s kind of amusing — instead of just sitting down and drawing for an hour, they spend eight hours making it look like a hand drawing.”
Tablets have caught up
But in the past couple of years, Brennan believes that tablets have caught up, with apps such as Apple’s ProCreate and Morpholio’s Trace becoming far more responsive to the user’s marks. “Tablets didn’t used to have that immediate response, from brain to eye to hand to pen to paper. A half-second delay has a huge impact on how you think — it causes you to stumble. But now that lag’s gone, it’s almost the same as drawing with pen on paper. You don’t need to engage with the airbrushes or other features — just use it in its purest form.” The stylus, too, far more convincingly apes a manual pen: “You’re able to tune it to almost replicate your favourite pen — and it doesn’t run out of ink.
Chetwood is an iPad devotee, using it to produce fantastical urban artworks as well as architecture. Far from hindering the drawing process, he believes tablets will give rise to a new era of creative drawing. “A lot of people say technology and computers are taking away the true art of drawing. That’s rubbish, it releases sketching. You can move so much quicker and change things much more quickly, and it keeps a record of what you’re doing. The control is just brilliant.” The polished glass surface is the only flaw, but textured acetates applied to the screen can make it feel more like paper.