CSS by T. Afif :verified:<p>📝 New CSS Article!</p><p>Do you want to have an overview of what modern CSS can do? Check my latest article</p><p><a href="https://frontendmasters.com/blog/infinite-marquee-animation-using-modern-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/infin</span><span class="invisible">ite-marquee-animation-using-modern-css/</span></a></p><p>Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!</p><p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
#html
57 posts47 participants0 posts today
<search>
Represents a part that contains a set of form controls or other content related to performing a search or filtering operation.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search
MDN Web Docs<search>: The generic search element - HTML | MDNThe <search> HTML element is a container representing the parts of the document or application with form controls or other content related to performing a search or filtering operation. The <search> element semantically identifies the purpose of the element's contents as having search or filtering capabilities. The search or filtering functionality can be for the website or application, the current web page or document, or the entire Internet or subsection thereof.
Hush Sweet IFrame (2020)
"Back in 2010 I wrote some advice on how to hide iframe elements from screen reader users: Making sure hidden frames are hidden
15 years on the advice is largely redundant."
https://html5accessibility.com/stuff/2020/08/20/hush-sweet-iframe/
html5accessibility.comHush Sweet IFrame – HTML Accessibility
I've made some small changes to my #PersonalWebsite, added my avatar to the landing page, joined a new #webring and restructured a couple other things.
This is my 3rd post for #Blaugust2025!
joelchrono.xyzSmall website updates
More from 
Joel 
I'm enjoying getting back to the roots of making websites with HTML, instead of having layers and layers of WordPress between me and what I want to display.
I'm having fun with this one right now:
krissykat.neocities.orgKrissyKat
Why and How to Write Minimal and Valid HTML, a Link Guide, by @j9t [@frontenddogma]:
meiert.comWhy and How to Write Minimal and Valid HTML, a Link Guide · Jens Oliver Meiert
More from 
Jens Oliver Meiert
<i>
Represents a range of text that is set off from the normal text for some reason.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/i
MDN Web Docs<i>: The Idiomatic Text element - HTML | MDNThe <i> HTML element represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others. Historically, these have been presented using italicized type, which is the original source of the <i> naming of this element.
#HTML question
If I have a website, should the title of the page be in the h1 or the name of the website?
I think the former... in which case should the name of the website be in a div or span? It feels like we are missing elements that can be used to mark up the site name and category (I was going to say section but I know there is markup for that which is within the context of a single page) name of a site?
#Development #Collections
HotFX · A collection of well-crafted web components https://ilo.im/165u3y
_____
#WebComponents #Website #DesignPattern #Design #WebDesign #WebDev #Frontend #HTML #JavaScript
ilo.imHotFXHotFX is a collection of HTML custom elements for common UI patterns and special effects
<video>
Embeds a media player which supports video playback into the document.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video
MDN Web Docs<video>: The Video Embed element - HTML | MDNThe <video> HTML element embeds a media player which supports video playback into the document. You can use <video> for audio content as well, but the <audio> element may provide a more appropriate user experience.
HTML.energy day wooo!
I went to the Portland event hosted by https://the-sudo.net.
The site I slapped together is a random collective noun generator - lots of people contributed nouns at the event - I think we as a group were called an "unordered list".
It might be a little bird heavy because I obsess over birds. If there are collective nouns I missed throw them in the comments of this thread - I'll add them if they fit.
It was also nice to meet some recurse center folks in person and see some XOXO people again.
the-sudo.netthe sudo
Continued thread
1 x 1 is my resolution @ragman and I hosted #HTMLDay in Philadelphia's Washington Square park today. A couple photos we took have been uploaded to the are.na. We were pleasantly surprised that many people found out about us through neocities! Some also from bluesky or mastodon, and some that showed up because of a friend or sheer happenstance. Folx made pro-comic sans and the color pink stickers, pipe cleaner art, interactive nfc tags for trees and weevils, chatted about journaling, game accessibility, and community gardens. Of course, we also made some html pages: a crowd sourcing of favorite tags from followers, a gallery of visitor selected colors, a collection of fun dithered instruments, and more! Thanks to everyone who came to hang out, it was a very respectful and lovely time with wonderful people.
Are.na for photos if you participated, no matter from where: https://www.are.na/html-energy/html-day-2025-photo-album
Are.na for sites: https://www.are.na/html-energy/websites-made-on-html-day-2025
If you made a site and want a free year of the button down newsletter service: https://bsky.app/profile/jmduke.com/post/3lv5hwyipu22j
If you're interested in learning HTML or making your own site, I have resources at the bottom of this blog! https://www.pixouls.xyz/blog/2022-04-20_handcrafted-site.html
Happy HTML Day!
In honor of #HTMLDay I've got a new URL and printable cheat sheet for Make Your Own Website.
<textarea>
Represents a multi-line plain-text editing control.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/textarea
MDN Web Docs<textarea>: The Textarea element - HTML | MDNThe <textarea> HTML element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
#CSS¹ v0.2 published!
https://www.thomasweibel.ch/solar-system4/
¹Cascading Solar System
#astronomy #astrophysics #space #nasa #html #webdev #webapp #solarsystem #opendata @OpendataCH @w3c
It's #HTML day, so why not bookmark these screen reader HTML support tables for future reference:
https://github.com/TetraLogical/screen-reader-HTML-support
GitHubGitHub - TetraLogical/screen-reader-HTML-support: how screen readers support HTMLhow screen readers support HTML. Contribute to TetraLogical/screen-reader-HTML-support development by creating an account on GitHub.
Morning sunny #Bristol 
Join us in Castle Park today to celebrate and write #HTML 
for #HTMLDay
A few of us will be there from 12-2pm having a chill picnic and creating websites 
https://queertechbristol.com/html-day.html
(that's me in the pic and we'll have the banner and pride flags to identify us!)