weirdjokes<p>"Beautiful days do not come to you. You must walk towards them."</p><p>- Rumi</p><p><a href="https://mastodon.world/tags/OnlineDirectory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OnlineDirectory</span></a> <a href="https://mastodon.world/tags/WebsiteListing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebsiteListing</span></a> <a href="https://mastodon.world/tags/LinkBuilding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinkBuilding</span></a> <a href="https://mastodon.world/tags/Backlinks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Backlinks</span></a> <a href="https://mastodon.world/tags/WebPromotion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPromotion</span></a> <a href="https://mastodon.world/tags/DigitalMarketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalMarketing</span></a> <a href="https://mastodon.world/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.world/tags/Money" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Money</span></a> <a href="https://mastodon.world/tags/DirectorySubmission" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DirectorySubmission</span></a> <a href="https://mastodon.world/tags/WebResources" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebResources</span></a> <a href="https://mastodon.world/tags/WebsiteSubmission" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebsiteSubmission</span></a> <a href="https://mastodon.world/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.world/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a> <a href="https://mastodon.world/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.world/tags/Marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Marketing</span></a> <a href="https://mastodon.world/tags/Promotion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Promotion</span></a> <a href="https://mastodon.world/tags/sturtup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sturtup</span></a><br>👉<br>Promote your website today<br><a href="https://python-code.pro/webdirectorypro/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">python-code.pro/webdirectorypr</span><span class="invisible">o/</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
en.osm.town is one of the many independent Mastodon servers you can use to participate in the fediverse.
An independent, community of OpenStreetMap people on the Fediverse/Mastodon.
Funding graciously provided by the OpenStreetMap Foundation.
Administered by:
Server stats:
269active users
en.osm.town: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#webdevelopment
21 posts · 20 participants · 1 post today
weirdjokes<p><a href="https://mastodon.world/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.world/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.world/tags/IT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IT</span></a> <a href="https://mastodon.world/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tech</span></a> <a href="https://mastodon.world/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Software</span></a> <a href="https://mastodon.world/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a> <a href="https://mastodon.world/tags/SQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SQL</span></a> <a href="https://mastodon.world/tags/Computer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Computer</span></a> <a href="https://mastodon.world/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.world/tags/Statistics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Statistics</span></a> <a href="https://mastodon.world/tags/DataAnalysis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DataAnalysis</span></a> <a href="https://mastodon.world/tags/MachineLearning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MachineLearning</span></a> <a href="https://mastodon.world/tags/DataScience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DataScience</span></a> <a href="https://mastodon.world/tags/Jokes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Jokes</span></a> <a href="https://mastodon.world/tags/Memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Memes</span></a> <a href="https://mastodon.world/tags/Funny" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Funny</span></a> <a href="https://mastodon.world/tags/NeuralNetworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NeuralNetworks</span></a> <a href="https://mastodon.world/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.world/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.world/tags/DevOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevOps</span></a><br>💻<br>Python Knowledge Base<br><a href="https://python-code.pro/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">python-code.pro/</span><span class="invisible"></span></a></p>
Plone<p>Plone Conference 2025 Early Bird Registration is now open! <a href="https://2025.ploneconf.org/tickets" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">2025.ploneconf.org/tickets</span><span class="invisible"></span></a> <br>Get your tickets now with discounted price. Ticket includes full week of premium content and more! PS. This is not an April Fool's Day prank 😅 <br><a href="https://plone.social/tags/plone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plone</span></a> <a href="https://plone.social/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://plone.social/tags/ploneconf2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ploneconf2025</span></a> <a href="https://plone.social/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>websites</span></a> <a href="https://plone.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a> <a href="https://plone.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://plone.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://plone.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://plone.social/tags/finland" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>finland</span></a> <a href="https://plone.social/tags/jyv%C3%A4skyl%C3%A4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jyväskylä</span></a> <a href="https://plone.social/tags/universityofjyv%C3%A4skyl%C3%A4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>universityofjyväskylä</span></a></p>
rijo<p>Declarative Web Push simplifies notifications without JavaScript <a href="https://ppc.land/declarative-web-push-simplifies-notifications-without-javascript/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ppc.land/declarative-web-push-</span><span class="invisible">simplifies-notifications-without-javascript/</span></a> <a href="https://frankfurt.social/tags/WebPush" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPush</span></a> <a href="https://frankfurt.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://frankfurt.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://frankfurt.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Privacy</span></a> <a href="https://frankfurt.social/tags/EnergyEfficiency" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EnergyEfficiency</span></a></p>
Luke Harby<p>Who here knows about font files? Can anyone help me out with a glyph question? </p><p><a href="https://infosec.exchange/tags/FediverseHelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediverseHelp</span></a> <a href="https://infosec.exchange/tags/FediHelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediHelp</span></a> <a href="https://infosec.exchange/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fonts</span></a> <a href="https://infosec.exchange/tags/otf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>otf</span></a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a></p>
Ana Tudor 🐯<p>Want to give a responsive irregular shape depending on text content/ viewport rounded corners? Here's a super simple pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> + <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> demo on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> doing it <a href="https://codepen.io/thebabydino/pen/KwKGrjR" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/KwK</span><span class="invisible">GrjR</span></a></p><p>Heavily commented. See also <a href="https://mastodon.social/@anatudor/114185324674119212" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@anatudor/1141</span><span class="invisible">85324674119212</span></a> for details about some of the filter primitives.</p><p><a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/concave" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>concave</span></a></p>
Codrops<p>If you caught Stas Bondar's portfolio breakdown this week — you already know it's packed with insights.</p><p>But one detail is just too good to miss: The "About Me" text breaks apart with physics as you scroll 🔥</p><p>GSAP + Matter.js + ScrollTrigger = ✨voodoo magic✨</p><p>...and there's so much more: <a href="https://tympanus.net/codrops/2025/03/25/stas-bondar-25-the-code-techniques-behind-a-next-level-portfolio/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2025/03/2</span><span class="invisible">5/stas-bondar-25-the-code-techniques-behind-a-next-level-portfolio/</span></a></p><p><a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/casestudy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>casestudy</span></a> <a href="https://mastodon.social/tags/tutorial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tutorial</span></a> <a href="https://mastodon.social/tags/GSAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GSAP</span></a> <a href="https://mastodon.social/tags/portfolio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>portfolio</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Fossery Tech :debian: :gnome:<p>A new FosseryWeb update just dropped!<br>- "articles" I posted earlier on Odysee (and some of them also here on Mastodon) are now also available on FosseryWeb<br>- the downloadable Markdowns of some CSS cheatsheets are updated to bundle images with them (so that images can load without Internet connection)<br>- some additional info about contributions is added to About page<br>- footer text is updated</p><p>some under the hood update:<br>- year in copyright text is updated to include 2025<br>- copyright text is added to code files where it was previously missing from</p><p><a href="https://fosseryweb.codeberg.page/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fosseryweb.codeberg.page/</span><span class="invisible"></span></a></p><p><a href="https://social.linux.pizza/tags/FosseryWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FosseryWeb</span></a> <a href="https://social.linux.pizza/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://social.linux.pizza/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://social.linux.pizza/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://social.linux.pizza/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://social.linux.pizza/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://social.linux.pizza/tags/FosseryTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FosseryTech</span></a></p>
MapComponents<p>The code for this component can be found on GitHub at the following address: <a href="https://github.com/mapcomponents/react-map-components-apps/tree/main/multi_tab" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mapcomponents/react</span><span class="invisible">-map-components-apps/tree/main/multi_tab</span></a></p><p>and you can have a look at the demo from the screen recording here: <a href="https://catalogue.mapcomponents.org/en/component-detail/MultiTab" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">catalogue.mapcomponents.org/en</span><span class="invisible">/component-detail/MultiTab</span></a></p><p><a href="https://fosstodon.org/tags/serviceworker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>serviceworker</span></a> <a href="https://fosstodon.org/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://fosstodon.org/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</span></a> <a href="https://fosstodon.org/tags/GIS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GIS</span></a></p>
Ana Tudor 🐯<p><a href="https://mastodon.social/tags/cssWish" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssWish</span></a> That we could have a zero count for the number of columns in `repeat()`.</p><p>That repeat count is often computed. Let's say I want double the width for selected column k out of n columns:</p><p>```<br>repeat(var(--k), var(--w)) <br>calc(2*var(--w)<br>repeat(calc(var(--n) - var(--k) - 1), var(--w))<br>```</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssLayout</span></a></p>
Fossery Tech :debian: :gnome:<p>Some FosseryWeb updates:<br>- card images got border to separate them visually from page background<br>- card images are added back on Games page<br>- username generator, password generator, and CSS code minifier are now listed on a separate Utilities page</p><p><a href="https://fosseryweb.codeberg.page/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fosseryweb.codeberg.page/</span><span class="invisible"></span></a></p><p>Also worth looking to the beta branch 😉 </p><p><a href="https://fosseryweb.codeberg.page/@beta/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">fosseryweb.codeberg.page/@beta</span><span class="invisible">/</span></a></p><p>Btw, when optimizing the newly added images, I just realized how convenient is using Switcheroo. It can change file format, image size and quality at once. Previously I used Curtail, but if the image size was too big, I had to resize it separately, otherwise the compression was pointless. Switcheroo is op lol</p><p><a href="https://social.linux.pizza/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://social.linux.pizza/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://social.linux.pizza/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://social.linux.pizza/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://social.linux.pizza/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://social.linux.pizza/tags/FosseryTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FosseryTech</span></a> <a href="https://social.linux.pizza/tags/FosseryWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FosseryWeb</span></a></p>
Helmut Strasser<p>🚀 Exciting News, PHPUnit and TYPO3 enthusiasts! 🚀</p><p>Are you ready to take your TYPO3 development skills to the next level? Join me at TYPO3Camp 2025 in Vienna for an in-depth PHPUnit workshop! 🛠️</p><p>📅 Date: Friday, 9 May 2025<br>📍 Location: TYPO3Camp, Vienna<br>🔗 <a href="https://www.typo3camp.at/workshops/phpunit-in-typo3/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">typo3camp.at/workshops/phpunit</span><span class="invisible">-in-typo3/</span></a></p><p>See you there! Let's code smarter, not harder. 💻✨</p><p><a href="https://mstdn.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TYPO3</span></a> <a href="https://mstdn.social/tags/PHPUnit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHPUnit</span></a> <a href="https://mstdn.social/tags/t3cvie2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>t3cvie2025</span></a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mstdn.social/tags/CodingWorkshop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodingWorkshop</span></a></p>
PloneConf 2025<p>Welcome to the brightest open source event in the world, at the happiest country in the world, at the darkest time of the year! Plone Conference 2025 in Jyväskylä, Finland on October 13-19, 2025!</p><p>Check out the brand new conference website, built on Plone of course, and learn what the conference has to offer, where is Jyväskylä and what to expect in Finland <br><a href="https://buff.ly/bchYD81" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/bchYD81</span><span class="invisible"></span></a> </p><p><a href="https://plone.social/tags/plone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plone</span></a> <a href="https://plone.social/tags/plone6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plone6</span></a> <a href="https://plone.social/tags/ploneconf2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ploneconf2025</span></a> <a href="https://plone.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://plone.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>python</span></a> <a href="https://plone.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://plone.social/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://plone.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://plone.social/tags/community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>community</span></a></p>
Ana Tudor 🐯<p><a href="https://mastodon.social/tags/tinyCSStip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tinyCSStip</span></a></p><p>🚫 DON'T use layered text-shadows for text outlines just because text-stroke is broken (<a href="https://mastodon.social/@anatudor/112410224855133935" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@anatudor/1124</span><span class="invisible">10224855133935</span></a>), they are going to produce ugly corners, thickened roundings and angled lines.</p><p>✅ DO: use `paint-order: stroke fill` instead!</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typography</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Codrops<p>Today, we’re shining the spotlight on web developer Jean Mazouni! 🌟</p><p>Jean shares his journey, favorite projects, his passion for WebGL/Three.js, and how he approaches building innovative web experiences.</p><p>Read it here: <a href="https://tympanus.net/codrops/?p=89618" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tympanus.net/codrops/?p=89618</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/developerspotlight" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developerspotlight</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/threejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>threejs</span></a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a> <a href="https://mastodon.social/tags/gsap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gsap</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a></p>
DennisL<p>A must read for web developers: "Who's Afraid of a Hard Page Load?" <a href="https://unplannedobsolescence.com/blog/hard-page-load/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">unplannedobsolescence.com/blog</span><span class="invisible">/hard-page-load/</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/spa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spa</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browsers</span></a></p>
Ana Tudor 🐯<p>Minimal pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> textile patterns on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/full/OJmpzya" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/full/OJ</span><span class="invisible">mpzya</span></a></p><p>Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!</p><p><a href="https://mastodon.social/tags/pattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pattern</span></a> <a href="https://mastodon.social/tags/cssPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssPattern</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/patterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>patterns</span></a> <a href="https://mastodon.social/tags/cssPatterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssPatterns</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/textile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>textile</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a></p>
Elira<p>Hey , Finished another work of my client 💕<br>Also i'm looking for some commission i have some empty slots left so DM me if you're looking for any kind of work .<br><a href="https://mastodon.social/tags/twitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>twitch</span></a> <a href="https://mastodon.social/tags/twitchstreamer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>twitchstreamer</span></a> <a href="https://mastodon.social/tags/twitchaffilate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>twitchaffilate</span></a> <a href="https://mastodon.social/tags/twitchgamer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>twitchgamer</span></a> <a href="https://mastodon.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/artstreamer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artstreamer</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://mastodon.social/tags/streamer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>streamer</span></a> <a href="https://mastodon.social/tags/gamer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamer</span></a></p>
EliraHey , Finished another work of my client 💕<br>
Also i'm looking for some commission i have some empty slots left so DM me if you're looking for any kind of work .<br>
<a href="https://pixelfed.social/discover/tags/twitch?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#twitch</a> <a href="https://pixelfed.social/discover/tags/twitchstreamer?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#twitchstreamer</a> <a href="https://pixelfed.social/discover/tags/twitchaffilate?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#twitchaffilate</a> <a href="https://pixelfed.social/discover/tags/twitchgamer?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#twitchgamer</a> <a href="https://pixelfed.social/discover/tags/gamedev?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gamedev</a> <a href="https://pixelfed.social/discover/tags/webdevelopment?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://pixelfed.social/discover/tags/artstreamer?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#artstreamer</a> <a href="https://pixelfed.social/discover/tags/art?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://pixelfed.social/discover/tags/digitalart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://pixelfed.social/discover/tags/streamer?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#streamer</a> <a href="https://pixelfed.social/discover/tags/gamer?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gamer</a>
Ana Tudor 🐯<p>Hi, mastodon 🦣 I have a new article out!</p><p>A Deep Dive into the Inline Background Overlap Problem: <a href="https://frontendmasters.com/blog/overlapping-inline-backgrounds/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/overl</span><span class="invisible">apping-inline-backgrounds/</span></a></p><p>How do you get the below result (semi-transparent background on inline span) with large padding & no overlap?</p><p>Answer in article, but think a bit about it first. 😼</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload