Comics.Town

3 posts3 participants0 posts today

Lea Rosema<a href="https://lea.lgbt/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> and <a href="https://lea.lgbt/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> is so simple that some developers even say it's "not a programming language". That's not a flaw but quite the opposite :)

jfmblinux :jeditux:🇫🇷 Simple Icons 3276 icônes SVG pour les marques populaires. Il y a même les codes couleurs 😉🇬🇧 Simple Icons 3276 SVG icons for popular brands. There are even color codes 😉<a href="https://simpleicons.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://simpleicons.org/</a><a href="https://mastodon.jfmblinux.fr/tags/Html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Html</a> <a href="https://mastodon.jfmblinux.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.jfmblinux.fr/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.jfmblinux.fr/tags/PNG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PNG</a> <a href="https://mastodon.jfmblinux.fr/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://mastodon.jfmblinux.fr/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://mastodon.jfmblinux.fr/tags/Pixelfed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixelfed</a> <a href="https://mastodon.jfmblinux.fr/tags/Nextcloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nextcloud</a>

Mark Wyner Won’t Comply :vm:This is wild. I began designing and building websites in 1995. From today, in 2025, I’ve been designing and writing code for most of the internet’s existence. 👀<a href="https://mas.to/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://mas.to/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Internet</a> <a href="https://mas.to/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mas.to/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Code</a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mas.to/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://w3c.social/@w3c/114150554471950167" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://w3c.social/@w3c/114150554471950167</a>

Damon ThomasA lot of life opportunities work just this way. <a href="https://c.im/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

alexandrathis is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#enshittification</a>. submissions are open until MARCH 15.check the submission guidelines or sign up for email alerts to be notified when we publish in may!<a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://goodinternetmagazine.com</a>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internet</a> and want to write about it! :) bloggers, it's your time to shine!~ i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.thank you! 🤟 original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tilde.zone/@xandra/113913277766098384</a><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writing</a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalweb</a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalwebsites</a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#magazine</a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#publishing</a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codingisart</a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indie</a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writers</a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#artist</a>

CSS by T. Afif :verified:📝 The second part is live!This time, I am using scroll-driven animation to create the star rating component! It's a good exercise to discover some modern features.<a href="https://css-tricks.com/a-css-only-star-rating-component-and-more-part-2/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/a-css-only-star-rating-component-and-more-part-2/</a> via <a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a> Single element and 100% CSS magic!<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Tyler StickaI’ve been recommending `<video>` elements for short-form, looping, inline clips (GIFs, etc.) for a while. The biggest pain point I hear from folks is the lack of an `alt` attribute.Last week I made an issue for that: <a href="https://github.com/whatwg/html/issues/11080" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/whatwg/html/issues/11080</a>Could probably use more reactions/discussion?<a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Elly LoelWhy I Like Designing in the Browser🔖 <a href="https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/</a> 🔗 <a href="https://ellyloel.com/bookmarks/why-i-like-designing-in-the-browser/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ellyloel.com/bookmarks/why-i-like-designing-in-the-browser/</a><a href="https://front-end.social/tags/Browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browsers</a> <a href="https://front-end.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://front-end.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> Design

CSS by T. Afif :verified:Made a little tool to better visualize the effect of the new text-box property and also generate the code for you!<a href="https://css-tip.com/text-box/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/text-box/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Steve Faulkner🤯Doing my heading in "In 2024 I was approached by Mat Marquis to answer some questions on HTML headings."<a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/Semantics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Semantics</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a><a href="https://html5accessibility.com/stuff/2024/06/05/doing-my-heading-in/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html5accessibility.com/stuff/2024/06/05/doing-my-heading-in/</a>

Tyler StickaI’ve been designing web experiences for 20+ years. While I use and enjoy dedicated design software, I’m pretty sure I design “in the browser” more than most.Here are just a few reasons why… <a href="https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/</a><a href="https://social.lol/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://social.lol/tags/DesignProcess" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignProcess</a> <a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://social.lol/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

CSS by T. Afif :verified:Another interesting one in case you have a lowercase text (without ascender or descender).<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

CSS by T. Afif :verified:💡 CSS Tip!Save this one line of code for the future!<a href="https://css-tip.com/center-uppercase/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/center-uppercase/</a>No more hacky code trying to remove those spaces above and below an uppercase text. You can easily have a perfect centering for the text!<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Digital Freedom FoundationWhat are some of your favorite <a href="https://fosstodon.org/tags/Open" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Open</a> <a href="https://fosstodon.org/tags/Document" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Document</a> formats? Do you use <a href="https://fosstodon.org/tags/csv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#csv</a>, <a href="https://fosstodon.org/tags/ical" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ical</a>, <a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> and <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>, odt, xml, json, <a href="https://fosstodon.org/tags/wav" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wav</a>, <a href="https://fosstodon.org/tags/flac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#flac</a> regularly? What <a href="https://fosstodon.org/tags/Free" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Free</a> formats do you rely on? You can also use plain text files for a variety of functions from telling stories and taking notes to creating <a href="https://fosstodon.org/tags/todo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#todo</a>.txt or similar files or <a href="https://fosstodon.org/tags/emacs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#emacs</a> org mode files. Have a favorite use for plain text files? Share it with us. Join us in celebrating <a href="https://fosstodon.org/tags/DocumentFreedomDay" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DocumentFreedomDay</a> on March 26, 2025. <a href="https://fosstodon.org/tags/DFF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DFF</a> <a href="https://fosstodon.org/tags/FLOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FLOSS</a>

CSS by T. Afif :verified:💡 CSS Tip!Do you ever want to have one column control the size of another one? It's easier than what you might think!<a href="https://css-tip.com/equal-height-column/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/equal-height-column/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Georgiana BrummellI am unable to view or even edit my sent posts in TweeseCake with Blob.cat! I have no idea why. Maybe, it's different enough from Mastodon (the actual network that TweeseCake is meant to work with) that it won't allow me to do it. Sometimes, I honestly have half a mind to just give up all social networking accept Dreamwidth, because it's the only place that is completely accessible. I don't have to beg developers to make things screenreader-friendly, or hope it will work with this client or that website because I can't do x on the main one, or that y feature that worked on one site will be accessible on the next one. It just works. Say what you like about Facebook, but the Basic Mobile site (not app) worked. I hardly had any problem with it. Then, they closed it, and I left because their main site is a nightmare to work with. Now, I'm in the Fediverse, feeling as if I'm using the main Facebook site all over again!I don't blame the administrators of friendica.world or blob.cat. It's not their fault. They're just working with what they have. Both are wonderful human beings who have been very kind to me. It's not even the fault of the developers of both sites. It makes sense, when you're a small business or a single developer, not to know about things such as accessibility. I just wish more people would learn and/or write things in semantic html or offer some kind of text-only or basic version of their site. I know that Deque University and Geeks4Geeks teach accessibility and teach html with accessibility included, respectively, but I guess other sites and books don't. As for TweeseCake, this is an excellent client for the blind that works well with Friendica and probably even better with Mastodon. But again, it's by a single developer. While changes are coming, people do have lives and other committments, and one person can't be expected to work as quickly as a huge company.By the way, my Dreamwidth account is here. I must update it slightly, as I have some new entries to post for the month.dandylover1.dreamwidth.org <a href="https://friendica.world/search?tag=accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://friendica.world/search?tag=Akkoma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Akkoma</a> <a href="https://friendica.world/search?tag=blind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blind</a> <a href="https://friendica.world/search?tag=Dreamwidth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dreamwidth</a> <a href="https://friendica.world/search?tag=Facebook" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Facebook</a> <a href="https://friendica.world/search?tag=Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://friendica.world/search?tag=fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://friendica.world/search?tag=Friendica" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Friendica</a> <a href="https://friendica.world/search?tag=html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://friendica.world/search?tag=Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://friendica.world/search?tag=NVDA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NVDA</a> <a href="https://friendica.world/search?tag=ScreenReaders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScreenReaders</a> <a href="https://friendica.world/search?tag=SemanticHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SemanticHTML</a> <a href="https://friendica.world/search?tag=TweeseCake" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TweeseCake</a> <a href="https://friendica.world/search?tag=WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://friendica.world/search?tag=Windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Windows</a>

Robert KingettFound my new HTML toy! Will be adding this to blog posts in the future instead of footnotes. <a href="https://www.w3schools.com/tags/att_popover.asp" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.w3schools.com/tags/att_popover.asp</a> <a href="https://caneandable.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://caneandable.social/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blogging</a>

Robert KingettSome things to keep in mind <a href="https://www.htmhell.dev/adventcalendar/2023/13/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.htmhell.dev/adventcalendar/2023/13/</a> <a href="https://mastodon.world/@jgkawell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jgkawell</a> <a href="https://caneandable.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://caneandable.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

CSS by T. Afif :verified:Turn your image into a fancy heart animation ♥️<a href="https://css-tip.com/heart-shape-hover-2/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/heart-shape-hover-2/</a> A CSS only single-element implementation<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

donthatedontkill<a href="https://mastodon.social/@rootcompute" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rootcompute</a> I just saw you put me in your directory! I feel positively honored! 🥰🥰 Thank you. <a href="https://rootcompute.neocities.org/directory" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rootcompute.neocities.org/directory</a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#website</a> <a href="https://mastodon.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://mastodon.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blog</a>

Recent searches

Search options

Administered by:

Server stats:

#html