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?
On Motivation
I’ve had this (semi-vague) idea that I want to write about what keeps us excited to work on Are.na, on the occasion of its 10th (yes 10th) birthday. While writing generally is a tricky process for me, this subject motivation is even trickier.
In turning this subject around in my mind, and thinking about all the people and things that have been influential, I have some idea about what keeps us going.
Nodal points
I started thinking about all the other important “nodal points” (I don’t know what else to call this) of people, places, books, albums, websites, etc. that all played a part in shaping who I am as a person and what I think is important. These points are a combination of seeking things out myself and getting a recommendation that felt like it was actually for me. A mixture of both passive and active knowledge acquisition.
ultimately, it's the totality of those “nodal points” that indicate one’s own unique perspective. It doesn’t matter if you specifically sought out the nodal point or not, it’s the recognition that counts. When you encounter a piece of life-changing information (no matter how large the change part is), you are simultaneously discovering and creating “yourself,” becoming incrementally more complete. Your perspective (where your gaze is directed) is made up of a meandering line through these points. Learning (or maybe some precursor to learning) is a lot about developing the intuition to recognize when something you find in the world is going to be a nodal point for you.
Infinite varieties of contexts
Over the course of 10 years of using Are.na, I have fully adopted the view that any piece of information can be important to a person given the right context. And on Are.na, pieces of information can be arranged in infinite varieties of contexts – their respective meaning shifts as the proximate information shifts. In other words, the more connections a block has, the more opportunities it has to be a nodal point.
A lifelong project
One question that is still hard to answer after 10 years of working on Are.na is “what is the long term vision?” This is difficult for a few reasons.
One reason is that we have to calibrate our definition of long term with the person who is asking the question. Are.na is a lifelong project. Our ideal outcome as a company is not becoming the next Facebook (god forbid), it’s becoming the next Nishiyama Onsen Keiunkan, a hot spring hotel in Japan, and one of the world’s oldest businesses (founded in 705 AD).
Growing in the correct way
It often feels like Are.na itself has its own needs and desires—that Are.na has its own personal intuition. And that we (you and I) are figuring out what it wants to be together. We (the organization that works on Are.na) have a very defined sense of how things should be done and why building Are.na is important, but we try not to be overly dogmatic about what exactly it should evolve into.
…We’ve long had the sense that it’s possible to cultivate an experience on the Internet that is more calm, thoughtful, and introspective. And we’ve long had the view that this is possible not from a technology-oriented approach, but from an approach that is more soft, more personal, and more intuitive.
…If we are the blade, what is the shield? I think it’s speed: The dominant model for online platforms (especially social platforms) is speed and scale at all costs. But to us, growing Are.na in the correct way is more important than growing it quickly.