@Caution
This makes me so happy đ Thank you for letting me know.
@JMMaok
@Caution @JMMaok
I couldn't resist making a real demo in jsbin:
https://output.jsbin.com/gapapox/
Tagged: reply
@JMMaok
While I donât get a chance to code myself as much anymore, the recommendation would be to not style headings but instead apply class names for the visual appearance. Hence one would separate semantic hierarchy (h1âŠh6) from look-and-feel.
For instance:
<style>
.TitleXL {font-size: 2em}
.TitleL {font-size: 1.8em}
.TitleM {font-size: 1.4em}
.TitleS {font-size: 1.2em}
</style>
In my example then it would be.
<h1 class=âTitleXLâ>Site Name</h1>
<h2 class=âTitleLâ>Article 1</h2>
<h2 class=âTitleMâ>Article 2</h2>
<h2 class=âTitleMâ>Article 3</h2>
<h2 class=âTitleSâ>Social media</h2>
<h2 class=âTitleSâ>Resources</h2>
<h2 class=âTitleSâ>Abous us</h2>
<h2 class=âTitleSâ>Contact info</h2>
To complicate things, if I was building this page I would likely add a separate heading for the whole footer area. That heading would then be h2 and the four columns would each have an h3. But it was a quick example đ
@JMMaok
If that is your only visual clue I would agree, but I would presume that there are other design features that indicate how a heading or title is related to the content it refers to.
I made a quick sketch to explain.
In the attached sketch there are three articles but one is displayed as a featured article and the title of that article is visually displayed in a larger font.
If in this case the site title is chosen to be h1 then each of those three article titles would be h2, regardless of their visual size on screen. From the design, it is clear which content element each article refers to.
Moving on to the footer of the site, I have drawn 4 sections, or columns, with 3 links each. The heading of each of those sections is visually smaller than any of the article titles. But in this specific example they would be h2 headings as well, or the hierarchical structure would be off. If in the code they were h3 or h4, they would be interpreted as belonging to article 3, as they would then be subheadings under that article.
But I doubt that anyone looking at this page would interpret the footer headings to be subheadings of article 3, even if they are smaller than that heading. Similarly, the two articles in the center of the page are not easily interpreted as being part of article 1, even if the title fonts of article 2 and article 3 are smaller. The overall visual cues tell the whole story. The code should tell the same story.
@SuperTaliaDX
Itâs a fair question. It functionally makes a difference primarily within 1) accessibility and 2) machine interpretation.
In the case of accessibility, the correct heading hierarchy makes it easier to navigate content and understand how different parts of a page relate to each other. With missing or misplaced headings the content becomes more confusing to read with a screen reader*. Jumping between, and listing, the headings of a page are common ways of navigating.
Similary, if machine interpretation is used to determine for example main, supporting and related content it can help pull relevant content to respond to questions and infer importance of one piece of content over another.
One very simple and common example would be an automated table of contents to jump to different sections of a page.
*(The use of a screen reader is of course also an example of machine interpretation)
@evilcookies98
h1 is generally the title of the page OR the title of the main article.
h2 will be subheadings
h3 will be subheadings to h2 sections
So you may not be doing it wrong?
What people tend to get wrong is the idea that they can not add h2 below h4. That just means that you are starting a new topic, which is fine. I also see people using h4 in for headings in sidebars (that are about something else than the main article) because they want a smaller font. But since they are new topics, they should often be h2, for example.
So, generally, like this is how one should think (example from the W3C page:
<h1>Plant foods</h1>
<h2>Fruit</h2>
<h3>Apple</h3>
<h3>Banana</h3>
<h2>Vegetables</h2>
<h3>Broccoli</h3>
<h3>Green breans</h3>
<h2>Related articles</h2>
Since this is the internet, someone will soon inform me that bananas are botanically berries. đ
W3C on headings: https://www.w3.org/TR/WCAG20-TECHS/H42
There has long been a debate about whether you can have multiple h1's on a page, and generally, yes, I would argue that you can. Which Matt Cutts from Google also confirmed 15 years ago:
https://www.youtube.com/watch?v=GIn5qJKU8VM
@samuel
En Ghost-installation per domÀn. Men du kan ha flera författare per installation. DÄ fÄr varje författare en sÄdan hÀr sida med alla sina inlÀgg:
https://axbom.se/author/axbom/
Eftersom jag anvÀnder Cloudron kan jag starta en ny Ghost-installation med ett klick.
SÄ t ex https://digitill.se och https://dataskuggan.se Àr tvÄ av mina sajter ocksÄ. För elever har jag en med inloggning: https://etik.axbom.se/ och ibland planerar jag bokskrivande pÄ det sÀttet ocksÄ: https://debook.axbom.com/
@fiaewald @konstellationen
@samuel @fiaewald
Ghost Ă€r bĂ€st. đ Jag skrev ju den hĂ€r lĂ„nga nĂ€r jag bytte: https://axbom.com/from-wp-to-ghost/ och sedan om Indieweb generellt.
Allt stĂ€mmer inte i inlĂ€gget lĂ€ngre men jag svarar ocksĂ„ gĂ€rna pĂ„ frĂ„gor. Har nog 5-6 Ghost-sajter nu. đ
De har ocksÄ en Substack-importer nu, vilket kan vara högst relevant.
@samuel @fiaewald
Obs att den artikeln handlar om en flytt till betalversionen av Ghost, medan jag numera kör Ghost pÄ min egen VPS, sÄ hÀr
https://axbom.com/indieweb/
@grimalkina Yay! Congrats, Cat!
@redegelde All but one are available on my website. It will be part of an upcoming post.
Direct links:
https://axbom.com/aipower/
https://axbom.com/aielements/
https://axbom.com/bias-in-machine-learning/
https://axbom.com/hammer-ai/
https://axbom.com/aicom/
Theyâre also reachable in the featured section of the homepage:
https://axbom.com
@rkaj Right, how do I know I haven't caused the internal server error?
@Mabande đ Tack för dagens bĂ€sta gapskratt.
@dangillmor
I'm feeling this too. Two years ago Substack defended prominent conspiracy theorists and anti-vaxxers profiting on the platform by saying that "the presence of writers with whom we strongly disagreeâ was a ânecessary precondition for creating more trust in the information ecosystem as a whole.â
https://www.washingtonpost.com/technology/2022/01/27/substack-misinformation-anti-vaccine/
Nine months ago Nilay Patel got this response from CEO Chris Best on Decoder when asking if they would allow overt racism in Substack Notes: https://vimeo.com/817611949/a001a450c1
Substack haven't been hiding this stance. They've been enforcing it clearly, consistently and in the open for years.
@caseynewton Did they ever change their stance on the conspiracy / anti-vaxxer people they were revealed to be profiting from two years ago? I feel like Substack have been saying exactly what they stand for, for quite some time now. Not sure how many strikes one considers them to be entitled to before theyâre outâŠ
« This type of content is âso bad no one else will host it,â said Imran Ahmed, CEO of the Center for Countering Digital Hate, a nonprofit that focuses on combating misinformation and has researched Substack. By splitting subscription profits with creators, the group estimates, Substack generates at least $2.5 million a year in revenue from just five anti-vaccine leaders who have amassed tens of thousands of subscribers, each paying $50 a year.
Substack declined to comment, but shortly after The Washington Post made inquiries, CEO Chris Best and his two co-founders published a blog post saying that putting up with âthe presence of writers with whom we strongly disagreeâ was a ânecessary precondition for creating more trust in the information ecosystem as a whole.â »
https://www.washingtonpost.com/technology/2022/01/27/substack-misinformation-anti-vaccine/
@iamdavidobrien That I will do!! Lovely tips.
Here's I am holding a book at Waterstones on Princes Street :) It's funny, because it was actuallly our most recent trip to Edinburgh I was thinking of when I was considering where we probably bought the most books.
Happy new year David!
@ajswritesthings I've actually just discovered this. Love a gadget I can actually tinker with!!
@iamdavidobrien You should see me travelling. If I travel with my wife it's rare we've returned home with less than 20 books.
But some books are just a real hassle when it comes to getting hold of a physical copy.
And our stacks of books are somewhat of a challenge after we moved to a smaller place... đ
@ruprecht I know I know...
@grimalkina This! đ
@thatandromeda With you all the way. It was me toying with the idea that many consultants are very focused on saving minutes here and there as a way of selling their products and services.
"You can save millions in time with this new CMS that allows you to publish 30 seconds faster!"
If those simplistic arguments/calculations held up both ways then much of what the same consultants are advocating for when it comes to adopting AI would be "lost time", and hence lost money.