POKÉMANIAC SIPH wants to fight! @Siphonay

15 posts14 participants1 post today

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/MastodonTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastodonTools</a> <a href="https://cr8r.gg/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Markdown</a>...И тут до него дошло, что использование нулевого пробела в середине слова — всё же не есть хорошо с т.з. копипаста. Что у нас еще есть? Есть <a href="https://cr8r.gg/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>-тег и спецсимвол &shy;. Пробуем:<a href="https://cr8r.gg/tags/tag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tag</a>s — <a href="https://cr8r.gg/tags/tag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tag</a>s — &shy; <a href="https://cr8r.gg/tags/tag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tag</a>s — &ZeroWidthSpace;В итоге корректно копируется в буфер только первый. Поэтому отлеплять окончание от тега следует при помощи .

CSS by T. Afif :verified:💡 CSS Tip!A simple CSS code to smoothly stop the rotation of your element on hover. The rotation will resume smoothly on mouse-out as well.<a href="https://css-tip.com/stop-rotation/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/stop-rotation/</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>

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://cr8r.gg/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://cr8r.gg/tags/%D0%92%D0%B5%D0%B1%D0%94%D0%B8%D0%B7%D0%B8%D0%B3%D0%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ВебДизигн</a> <a href="https://cr8r.gg/tags/%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Вопрос</a>: а как <a href="https://moskvichmag.ru/gorod/v-pravitelstvo-vnesli-zakon-o-vyplatah-zhenshhinam-za-vedenie-domashnego-hozyajstva/" rel="nofollow noopener noreferrer" target="_blank">на этом сайте</a> реализовали буквицу? По ходу это приделано к itemprop, но как? 🤔 <a href="https://mastodon.ml/@rf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rf</a> <a href="https://lor.sh/@ru" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ru</a> <a href="https://3zi.ru/@Russia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Russia</a> <a href="https://mastodon.social/@russian_mastodon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@russian_mastodon</a>

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/%D0%92%D0%B5%D0%B1%D0%94%D0%B8%D0%B7%D0%B8%D0%B3%D0%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ВебДизигн</a> <a href="https://cr8r.gg/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://cr8r.gg/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://cr8r.gg/tags/%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Вопрос</a>: а почему <code>hyphens: auto;</code> не используется всеми, всгда и повсеместно? 🤔

Maxi, wortschöpfungsverdrossen 🌺 :comfyblobcat:Hey <a href="https://corteximplant.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> bubble - can any of y'all recommend resources to learn about accessibility?I'm aware of the WCAG guidelines as the "golden standard", but I'm looking for something more bite sized / approachable than 75 pages of raw paragraphs and rulesBoosts welcome! :boost_request:<a href="https://corteximplant.com/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://corteximplant.com/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://corteximplant.com/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

CSS by T. Afif :verified:An infinite logos animation? Here is the real infinite logos animations! ♾️<a href="https://css-tip.com/infinite-logos-animation/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/infinite-logos-animation/</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>

ResearchBuzz: FirehoseAna Rodrigues: In defense of unpolished personal websites. “My imperfect and unpolished code on my personal website isn’t the full reflection on my technical abilities or knowledge of web development standards. It’s a constant draft where my handwriting is legible and where I want optimization takes a backseat. It’s where I use the little free time I have to actually write on it and […]<a href="https://rbfirehose.com/2025/03/13/ana-rodrigues-in-defense-of-unpolished-personal-websites/" class="" rel="nofollow noopener noreferrer" target="_blank">https://rbfirehose.com/2025/03/13/ana-rodrigues-in-defense-of-unpolished-personal-websites/</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>

c't Magazinheise+ | Webservices programmieren in Go: Frontends entwickelnEin Webservice wird mit einem guten Frontend schick und praktisch. Wir zeigen, wie Sie eines programmieren und mit CSS stylen, das Fehleingaben vorbeugt.<a href="https://www.heise.de/hintergrund/Webservices-programmieren-in-Go-Frontends-entwickeln-10311617.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.heise.de/hintergrund/Webservices-programmieren-in-Go-Frontends-entwickeln-10311617.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon</a><a href="https://social.heise.de/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://social.heise.de/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://social.heise.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://social.heise.de/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://social.heise.de/tags/Softwareentwicklung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Softwareentwicklung</a> <a href="https://social.heise.de/tags/Webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webdesign</a> <a href="https://social.heise.de/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a>

CSS by T. Afif :verified:Demo: <a href="https://codepen.io/t_afif/full/YPzreVv" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/t_afif/full/YPzreVv</a> via <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</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>

Mark Wyner Won’t Comply :vm:Nintendo out here with “coded messages.”<a href="https://mas.to/tags/PunIntended" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PunIntended</a> <a href="https://mas.to/tags/Nintendo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nintendo</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/Gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gaming</a> <a href="https://mas.to/tags/Email" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Email</a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

CSS by T. Afif :verified:💫 New CSS Loaders!The "glowing" collection: <a href="https://css-loaders.com/glowing/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-loaders.com/glowing/</a>Single-element and 100% CSS magic! 🪄 Pick your favorite one 👇<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>

Joe CrawfordWould a Zoom call where you join a handful of folks to solve <a href="https://xoxo.zone/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> and <a href="https://xoxo.zone/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> conundrums interest you? I learn something new <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> every time. Front End Study Hall on the <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> -- See you tomorrow! <a href="https://events.indieweb.org/2025/03/front-end-study-hall-023-WmHNZ7nKEp1Z" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://events.indieweb.org/2025/03/front-end-study-hall-023-WmHNZ7nKEp1Z</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>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collections</a> Ribbon Shapes · An impressive collection of CSS-only ribbon styles. <a href="https://ilo.im/162ovs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162ovs</a> _____ <a href="https://mastodon.social/tags/Ribbons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ribbons</a> <a href="https://mastodon.social/tags/Banners" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Banners</a> <a href="https://mastodon.social/tags/Badges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Badges</a> <a href="https://mastodon.social/tags/Indicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Indicators</a> <a href="https://mastodon.social/tags/Highlights" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Highlights</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/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</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/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomProperties</a>

tapirI overhauled my little link/microblog "Found; Not Lost" over at <a href="https://kaikuehne.net/found" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kaikuehne.net/found</a>. I generally prefer light themes; especially this one I've made here. For the dark version, I tried inverting the light variant, but that didn't look good. Feedback welcome.<a href="https://mastodon.gamedev.place/tags/screenshotsaturday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#screenshotsaturday</a> <a href="https://mastodon.gamedev.place/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.gamedev.place/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.gamedev.place/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

LeanpubGame Studio Starter Kit (6 Game Collection) <a href="http://leanpub.com/set/leanpub/ugsskitc" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://leanpub.com/set/leanpub/ugsskitc</a> by Stephen Gose is the featured Track on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com</a> <a href="https://mastodon.social/tags/ProjectManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProjectManagement</a> <a href="https://mastodon.social/tags/GameDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GameDevelopment</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/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Education" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Education</a> <a href="https://mastodon.social/tags/Diy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Diy</a> <a href="https://mastodon.social/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gaming</a> <a href="https://mastodon.social/tags/contentcreator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contentcreator</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>

Hacker News 50Introducing command And commandfor In HTMLLink: <a href="https://developer.chrome.com/blog/command-and-commandfor" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/command-and-commandfor</a> Discussion: <a href="https://news.ycombinator.com/item?id=43292056" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://news.ycombinator.com/item?id=43292056</a><a href="https://social.lansky.name/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

CSS by T. Afif :verified:Do you want a ribbon shape for your next project? I have created more than 100 different designs! 🎀<a href="https://css-generators.com/ribbon-shapes/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-generators.com/ribbon-shapes/</a>✅ One element per shape ✅ Optimized with CSS variables ✅ One-click to copy the code<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>

Recent searches

Search options

Administered by:

Server stats:

#html