mastouille.fr est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Mastouille est une instance Mastodon durable, ouverte, et hébergée en France.

Administré par :

Statistiques du serveur :

695
comptes actifs

#html5

2 messages2 participants0 message aujourd’hui
C.<p>Posting in case this helps someone else.</p><p>For the last month or two, I've had problems visiting some sites with <a href="https://mindly.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a>. The sites use <a href="https://mindly.social/tags/Cloudflare" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cloudflare</span></a>, and it would give the "prove you're a human by checking this box" prompt. I'd never had problems with this before.</p><p>Suddenly that started failing consistently. Clicking the box would do something, but then just reload the challenge. There was no way to pass it. I tried reconfiguring and even disabling the "uBlock Origin" extension, cookie policies, other things - no luck.</p><p>Based on a comment on this discussion:<br><a href="https://ask.metafilter.com/385480/fixing-Verify-You-Are-A-Human-Firefox-cookies-UBlock-Origin" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ask.metafilter.com/385480/fixi</span><span class="invisible">ng-Verify-You-Are-A-Human-Firefox-cookies-UBlock-Origin</span></a></p><p>... I tried disabling the "Disable HTML5 Autoplay" extension, and ... fixed! That was *not* an obvious candidate for causing the problem, unlike adblockers etc.</p><p>So it appears Cloudflare changed their in-browser testing JS such that it requires HTML5 autoplay to pass the check. Which is ... special. I can think of lots of people with very good reasons to have that disabled.</p><p>Anyways, I hope this helps someone.</p><p><a href="https://mindly.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a> <a href="https://mindly.social/tags/check" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>check</span></a> <a href="https://mindly.social/tags/BrowserCheck" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BrowserCheck</span></a> <a href="https://mindly.social/tags/human" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>human</span></a> <a href="https://mindly.social/tags/robot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>robot</span></a> <a href="https://mindly.social/tags/ProveYoureHuman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProveYoureHuman</span></a> <a href="https://mindly.social/tags/AreYouHuman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AreYouHuman</span></a> <a href="https://mindly.social/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fail</span></a> <a href="https://mindly.social/tags/blocked" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blocked</span></a> <a href="https://mindly.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a> <a href="https://mindly.social/tags/protection" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>protection</span></a> <a href="https://mindly.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mindly.social/tags/autoplay" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>autoplay</span></a> <a href="https://mindly.social/tags/extension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>extension</span></a> <a href="https://mindly.social/tags/BrowserExtension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BrowserExtension</span></a></p>
Claudio Pires<p>Rare WordPress theme is all about building unique, creative and professional websites through industry-leading options network without having to touch a line of code <a href="https://visualmodo.com/theme/rare-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/rare-word</span><span class="invisible">press-theme/</span></a> Our amazingly flexible network of options is paired with an easy to use interface that allows anyone from beginner to advanced build beautiful, responsive websites 📱💻🖥️<br><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/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/themes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>themes</span></a> <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ecommerce</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/retina" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>retina</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://mastodon.social/tags/bootstrap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bootstrap</span></a> <a href="https://mastodon.social/tags/slider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>slider</span></a></p>
Terence Eden’s Blog<p><strong>Stop using preg_* on HTML and start using \Dom\HTMLDocument instead</strong></p><p><a href="https://shkspr.mobi/blog/2025/05/stop-using-preg_-on-html-and-use-domhtmldocument/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/05/stop-</span><span class="invisible">using-preg_-on-html-and-use-domhtmldocument/</span></a></p><p></p><p>It is a truth universally acknowledged that a programmer in possession of some HTML will eventually try to parse it with a regular expression.</p><p><a href="https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454" rel="nofollow noopener noreferrer" target="_blank">This makes many people very angry and is widely regarded as a bad move</a>.</p><p>In the bad old days, it was somewhat understandable for a PHP coder to run a quick-and-dirty <code>preg_replace()</code> on a scrap of code. They probably could control the input and there wasn't a great way to manipulate an HTML5 DOM.</p><p>Rejoice sinners! PHP 8.4 is here to save your wicked souls. There's a new <a href="https://wiki.php.net/rfc/domdocument_html5_parser" rel="nofollow noopener noreferrer" target="_blank">HTML5 Parser</a> which makes <em>everything</em> better and stops you having to write brittle regexen.</p><p>Here are a few tips - mostly notes to myself - but I hope you'll find useful.</p><p><strong>Sanitise HTML</strong></p><p>This is the most basic example. This loads HTML into a DOM, tries to fix all the mistakes it finds, and then spits out the result.</p><pre><span class=""><span> PHP</span></span><code><span>$html</span> = <span>'&lt;p id="yes" id="no"&gt;&lt;em&gt;Hi&lt;/div&gt;&lt;h2&gt;Test&lt;/h3&gt;&lt;img /&gt;'</span>;<span>$dom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$html</span>, <span>LIBXML_NOERROR</span> | <span>LIBXML_HTML_NOIMPLIED</span> , <span>"UTF-8"</span> );<span>echo</span> <span>$dom</span>-&gt;<span>saveHTML</span>();</code></pre><p>It uses <code>LIBXML_HTML_NOIMPLIED</code> because we don't want a full HTML document with a doctype, head, body, etc.</p><p>If you want <a href="https://shkspr.mobi/blog/2025/04/introducing-pretty-print-html-for-php-8-4/" rel="nofollow noopener noreferrer" target="_blank">Pretty Printing, you can use my library</a>.</p><p><strong>Get the plain text</strong></p><p>OK, so you've got the DOM, how do you get the text of the body without any of the surrounding HTML</p><pre><span class=""><span> PHP</span></span><code><span>$html</span> = <span>'&lt;p&gt;&lt;em&gt;Hello&lt;/em&gt; World!&lt;/p&gt;'</span>;<span>$dom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$html</span>, <span>LIBXML_NOERROR</span> , <span>"UTF-8"</span> );<span>echo</span> <span>$dom</span>-&gt;<span>body</span>-&gt;<span>textContent</span>;</code></pre><p>Note, this doesn't replace images with their alt text.</p><p><strong>Get a single element</strong></p><p>You can use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector" rel="nofollow noopener noreferrer" target="_blank">the same <code>querySelector()</code> function as you do in JavaScript</a>!</p><pre><span class=""><span> PHP</span></span><code><span>$element</span> = <span>$dom</span>-&gt;<span>querySelector</span>( <span>"h2"</span> );</code></pre><p>That returns a <em>pointer</em> to the element. Which means you can run:</p><pre><span class=""><span> PHP</span></span><code><span>$element</span>-&gt;<span>setAttribute</span>( <span>"id"</span>, <span>"interesting"</span> );<span>echo</span> <span>$dom</span>-&gt;<span>querySelector</span>( <span>"h2"</span> )-&gt;<span>attributes</span>[<span>"id"</span>]-&gt;<span>value</span>;</code></pre><p>And you will see that the DOM has been manipulated!</p><p><strong>Search for multiple elements</strong></p><p>Suppose you have a bunch of headings and you want to get all of them. You can use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll" rel="nofollow noopener noreferrer" target="_blank">the same <code>querySelectorAll()</code> function as you do in JavaScript</a>!</p><p>To get all headings, in the order they appear:</p><pre><span class=""><span> PHP</span></span><code><span>$headings</span> = <span>$dom</span>-&gt;<span>querySelectorAll</span>( <span>"h1, h2, h3, h4, h5, h6"</span> );<span>foreach</span> ( <span>$headings</span> <span>as</span> <span>$heading</span> ) { <span>// Do something</span>}</code></pre><p><strong>Advanced Search</strong></p><p>Suppose you have a bunch of links and you want to find only those which point to "example.com/test/". Again, you can use <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors" rel="nofollow noopener noreferrer" target="_blank">the same attribute selectors</a> as you would elsewhere</p><pre><span class=""><span> PHP</span></span><code><span>$dom</span>-&gt;<span>querySelectorAll</span>( <span>"a[href^=https\:\/\/example\.com\/test\/]"</span> );</code></pre><p><strong>Replacing content</strong></p><p>Sadly, it isn't quite as simple as setting the <code>innerHTML</code>. Each search returns a node. That node may have <em>children</em>. Those children will also be node which, themselves, may have children, and so on.</p><p>Let's take a simple example:</p><pre><span class=""><span> PHP</span></span><code><span>$html</span> = <span>'&lt;h2&gt;Hello&lt;/h2&gt;'</span>;<span>$dom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$html</span>, <span>LIBXML_NOERROR</span> | <span>LIBXML_HTML_NOIMPLIED</span>, <span>"UTF-8"</span> );<span>$element</span> = <span>$dom</span>-&gt;<span>querySelector</span>( <span>"h2"</span> );<span>$element</span>-&gt;<span>childNodes</span>[0]-&gt;<span>textContent</span> = <span>"Goodbye"</span>;<span>echo</span> <span>$dom</span>-&gt;<span>saveHTML</span>();</code></pre><p>That changes "Hello" to "Goodbye".</p><p>But what if the element has child nodes?</p><pre><span class=""><span> PHP</span></span><code><span>$html</span> = <span>'&lt;h2&gt;Hello &lt;em&gt;friend&lt;/em&gt;&lt;/h2&gt;'</span>;<span>$dom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$html</span>, <span>LIBXML_NOERROR</span> | <span>LIBXML_HTML_NOIMPLIED</span>, <span>"UTF-8"</span> );<span>$element</span> = <span>$dom</span>-&gt;<span>querySelector</span>( <span>"h2"</span> );<span>$element</span>-&gt;<span>childNodes</span>[0]-&gt;<span>textContent</span> = <span>"Goodbye"</span>;<span>echo</span> <span>$dom</span>-&gt;<span>saveHTML</span>();</code></pre><p>That outputs <code>&lt;h2&gt;Goodbye&lt;em&gt;friend&lt;/em&gt;&lt;/h2&gt;</code> - so think carefully about the structure of the DOM and what you want to replace.</p><p><strong>Adding a new node</strong></p><p>This one is tricky! Let's suppose you have this:</p><pre><span class=""><span> HTML</span></span><code>&lt;<span>div</span> <span>id</span>="page"&gt; &lt;<span>main</span>&gt; &lt;<span>h2</span>&gt;Hello&lt;/<span>h2</span>&gt;</code></pre><p>You want to add an <code>&lt;h1&gt;</code> <em>before</em> the <code>&lt;h2&gt;</code>. Here's how to do this.</p><p>First, you need to construct the DOM:</p><pre><span class=""><span> PHP</span></span><code><span>$html</span> = <span>'&lt;div id="page"&gt;&lt;main&gt;&lt;h2&gt;Hello&lt;/h2&gt;'</span>;<span>$dom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$html</span>, <span>LIBXML_NOERROR</span> | <span>LIBXML_HTML_NOIMPLIED</span>, <span>"UTF-8"</span> );</code></pre><p>Next, you need to construct <em>an entirely new</em> DOM for your new node.</p><pre><span class=""><span> PHP</span></span><code><span>$newHTML</span> = <span>"&lt;h1&gt;Title&lt;/h1&gt;"</span>;<span>$newDom</span> = <span>\Dom\HTMLDocument</span>::<span>createFromString</span>( <span>$newHTML</span>, <span>LIBXML_NOERROR</span> | <span>LIBXML_HTML_NOIMPLIED</span>, <span>"UTF-8"</span> );</code></pre><p>Next, extract the new element from the new DOM, and import it into the original DOM:</p><pre><span class=""><span> PHP</span></span><code><span>$element</span> = <span>$dom</span>-&gt;<span>importNode</span>( <span>$newDom</span>-&gt;<span>firstChild</span>, <span>true</span> ); </code></pre><p>The element now needs to be inserted <em>somewhere</em> in the original DOM. In this case, get the <code>h2</code>, tell its parent node to insert the new node <em>before</em> the <code>h2</code>:</p><pre><span class=""><span> PHP</span></span><code><span>$h2</span> = <span>$dom</span>-&gt;<span>querySelector</span>( <span>"h2"</span> );<span>$h2</span>-&gt;<span>parentNode</span>-&gt;<span>insertBefore</span>( <span>$element</span>, <span>$h2</span> );<span>echo</span> <span>$dom</span>-&gt;<span>saveHTML</span>();</code></pre><p>Out pops:</p><pre><span class=""><span> HTML</span></span><code>&lt;<span>div</span> <span>id</span>="page"&gt; &lt;<span>main</span>&gt; &lt;<span>h1</span>&gt;Title&lt;/<span>h1</span>&gt; &lt;<span>h2</span>&gt;Hello&lt;/<span>h2</span>&gt; &lt;/<span>main</span>&gt;&lt;/<span>div</span>&gt;</code></pre><p>An alternative is to use <a href="https://www.php.net/manual/en/domnode.appendchild.php" rel="nofollow noopener noreferrer" target="_blank">the <code>appendChild()</code> method</a>. Note that it appends it to the <em>end</em> of the children. For example:</p><pre><span class=""><span> PHP</span></span><code><span>$div</span> = <span>$dom</span>-&gt;<span>querySelector</span>( <span>"#page"</span> );<span>$div</span>-&gt;<span>appendChild</span>( <span>$element</span> );<span>echo</span> <span>$dom</span>-&gt;<span>saveHTML</span>();</code></pre><p>Produces:</p><pre><span class=""><span> HTML</span></span><code>&lt;<span>div</span> <span>id</span>="page"&gt; &lt;<span>main</span>&gt; &lt;<span>h2</span>&gt;Hello&lt;/<span>h2</span>&gt; &lt;/<span>main</span>&gt; &lt;<span>h1</span>&gt;Title&lt;/<span>h1</span>&gt;&lt;/<span>div</span>&gt;</code></pre><p><strong>And more?</strong></p><p>I've only scratched the surface of what the new 8.4 HTML Parser can do. I've already rewritten lots of my yucky old <code>preg_</code> code to something which (hopefully) is less likely to break in catastrophic ways.</p><p>If you have any other tips, please leave a comment.</p><p></p><p><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/html/" target="_blank">#HTML</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/html5/" target="_blank">#HTML5</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/php/" target="_blank">#php</a></p>
Clayton Errington 🖥️<p>Found this relic today while cleaning. Anyone need some reading on HTML5 and CSS?</p><p><a href="https://mstdn.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mstdn.social/tags/html5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html5</span></a> <a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mstdn.social/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css3</span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: <a href="https://lebottinlinux.vps.a-lec.org/LO.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lebottinlinux.vps.a-lec.org/LO</span><span class="invisible">.html</span></a></p><p>🥁️ Update: 4.0.0 RC 2<br>⚗️ New features 💎<br>📌️ Changes: <a href="https://github.com/phaserjs/phaser/releases" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/phaserjs/phaser/rel</span><span class="invisible">eases</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Claudio Pires<p>Build your own blog today with our amazing Ink Blog WordPress theme - Clean, modern, stylish and minimalist responsive blog template for WordPress <a href="https://visualmodo.com/theme/ink-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/ink-wordp</span><span class="invisible">ress-theme/</span></a> <br>Build your own blog, write your legacy! 📝✏️🖨️🖊️<br><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/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>theme</span></a> <a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://mastodon.social/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magazine</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.social/tags/media" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>media</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/post" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>post</span></a> <a href="https://mastodon.social/tags/writer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writer</span></a> <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a></p>
Claudio Pires<p>Wedding WordPress theme - Smart responsive events and celebration WordPress theme. Build any wedding website design without coding with our clean, modern, stylish, landing-page and photography template <a href="https://visualmodo.com/theme/wedding-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/wedding-w</span><span class="invisible">ordpress-theme/</span></a><br>Build your own wedding website with Visualmodo WordPress themes! 👨‍❤️‍💋‍👨💌📷🎥❤️💍😍<br><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/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/themes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>themes</span></a> <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/onepage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>onepage</span></a> <a href="https://mastodon.social/tags/ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ecommerce</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/retina" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>retina</span></a> <a href="https://mastodon.social/tags/photography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>photography</span></a> <a href="https://mastodon.social/tags/wedding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wedding</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a> <a href="https://mastodon.social/tags/events" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>events</span></a> <a href="https://mastodon.social/tags/married" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>married</span></a> <a href="https://mastodon.social/tags/celebration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>celebration</span></a></p>
Claudio Pires<p>Create your own website with our amazing and smart Zenith WordPress theme for every design project style <a href="https://visualmodo.com/theme/zenith-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/zenith-wo</span><span class="invisible">rdpress-theme/</span></a> Build your responsive site design without coding, choose a tool that works and adds power to your WordPress!<br>Portfolio website builder theme and templates with premium plugins for free 🚀📱💻⌨️<br><a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/Theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Theme</span></a> <a href="https://mastodon.social/tags/PageBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PageBuilder</span></a> <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/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/Retina" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Retina</span></a> <a href="https://mastodon.social/tags/WebSite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebSite</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</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/agency" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>agency</span></a> <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Marketing</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/SiteBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SiteBuilder</span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: <a href="https://lebottinlinux.vps.a-lec.org/LO.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lebottinlinux.vps.a-lec.org/LO</span><span class="invisible">.html</span></a></p><p>🥁️ Update: 4.0.0 RC 1<br>⚗️ Signific. vers. 🦍️<br>📌️ Changes: <a href="https://github.com/phaserjs/phaser/releases" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/phaserjs/phaser/rel</span><span class="invisible">eases</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://social.vivaldi.net/@ajsadauskas" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>ajsadauskas</span></a></span> <span class="h-card" translate="no"><a href="https://infosec.exchange/@JessTheUnstill" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>JessTheUnstill</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.world/@tomiahonen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tomiahonen</span></a></span> yes, and to <em>add insult to injury</em> <a href="https://infosec.space/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> didn't even wanted to sell people like <span class="h-card" translate="no"><a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fuchsiii</span></a></span> or me a <a href="https://infosec.space/tags/FirefoxOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FirefoxOS</span></a> device, with the only one being <em>"launched"</em> in the <a href="https://infosec.space/tags/EU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EU</span></a> being a <a href="https://infosec.space/tags/SimLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SimLock</span></a>'d &amp; <a href="https://infosec.space/tags/NetLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NetLock</span></a>'d <a href="https://infosec.space/tags/prepaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>prepaid</span></a> phone in <a href="https://infosec.space/tags/Spain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Spain</span></a> one could only attain in-store with all the <em>"<a href="https://infosec.space/tags/KYC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KYC</span></a>"</em> nonsense they had, demanding a legal address in Spain back then.</p><ul><li>So whilst Firefox OS had the <em>most "<a href="https://infosec.space/tags/accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessible</span></a>"</em> <a href="https://infosec.space/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://infosec.space/tags/tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tools</span></a> (literally using <a href="https://infosec.space/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> for it and having <em>every <a href="https://infosec.space/tags/App" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>App</span></a></em> as <a href="https://infosec.space/tags/WebView" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebView</span></a>|s / <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a>+<a href="https://infosec.space/tags/JS5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS5</span></a>+<a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> files in a container), they didn't even sold <em>us</em> said devices, making it a worse flop than <a href="https://infosec.space/tags/UbuntuTouch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UbuntuTouch</span></a> which at least still gets some devices made that support it...</li></ul><p>And <a href="https://infosec.space/tags/nerds" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nerds</span></a> like myself are far from the <em>"<a href="https://infosec.space/tags/consoomer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>consoomer</span></a> <a href="https://infosec.space/tags/Normies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Normies</span></a>"</em> for whom stuff that isn't on shelves at Staturn/MediaMarkt, BestBuy, Walmart, ... doesn't exist. I'm used to importing <a href="https://infosec.space/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> that I want!</p><ul><li>Feels even more <a href="https://www.youtube.com/watch?v=0DSGq9FQKU4" rel="nofollow noopener noreferrer" target="_blank">half-assed</a> than <a href="https://infosec.space/tags/MobileCoin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileCoin</span></a> in hindsight…</li></ul>
Terence Eden<p>🆕 blog! “An opinionated HTML Serializer for PHP 8.4”</p><p>A few days ago, I wrote a shitty pretty-printer for PHP 8.4's new Dom\HTMLDocument class.</p><p>I've since re-written it to be faster and more stylistically correct.</p><p>It turns this:</p><p>&lt;html lang="en-GB"&gt;&lt;head&gt;&lt;title id="something"&gt;Test&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;h1 class="top upper"&gt;Testing&lt;/h1&gt;&lt;main&gt;&lt;p&gt;Some &lt;em&gt;HTML&lt;/em&gt; and an…</p><p>👀 Read more: <a href="https://shkspr.mobi/blog/2025/04/an-opinionated-html-serializer-for-php-8-4/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/04/an-op</span><span class="invisible">inionated-html-serializer-for-php-8-4/</span></a><br>⸻<br><a href="https://mastodon.social/tags/HowTo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HowTo</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a></p>
takeonrules<p>Did a double take on a link provided by <span class="h-card" translate="no"><a href="https://social.sachachua.com/@sacha" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sacha</span></a></span> </p><p>Did not realize that adding the suffix `#:~:text=&lt;starting phrase&gt;,&lt;ending phrase&gt;` would scroll a modern browser to that text, and highlight it.</p><p><a href="https://dice.camp/tags/html5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html5</span></a> <a href="https://dice.camp/tags/TodayILearned" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TodayILearned</span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: <a href="https://lebottinlinux.vps.a-lec.org/LO.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lebottinlinux.vps.a-lec.org/LO</span><span class="invisible">.html</span></a></p><p>🥁️ Update: 4.0.0 Beta 8<br>⚗️ Code improvement 🚀️<br>📌️ Changes: <a href="https://phaser.io/news/2025/01/phaser-v4-beta-5-released" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">phaser.io/news/2025/01/phaser-</span><span class="invisible">v4-beta-5-released</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: <a href="https://lebottinlinux.vps.a-lec.org/LO.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lebottinlinux.vps.a-lec.org/LO</span><span class="invisible">.html</span></a></p><p>🥁️ Update: 4.0.0 Beta 7<br>⚗️ Major release (Unstable) 🍏️<br>📌️ Changes: <a href="https://phaser.io/news/2025/01/phaser-v4-beta-5-released" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">phaser.io/news/2025/01/phaser-</span><span class="invisible">v4-beta-5-released</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Claudio Pires<p>Build your own blog today with our amazing Ink Blog WordPress theme - Clean, modern, stylish and minimalist responsive blog template for WordPress <a href="https://visualmodo.com/theme/ink-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/ink-wordp</span><span class="invisible">ress-theme/</span></a> <br>Build your own blog, write your legacy! 📝✏️🖨️🖊️<br><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/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>theme</span></a> <a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://mastodon.social/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magazine</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.social/tags/media" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>media</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/post" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>post</span></a> <a href="https://mastodon.social/tags/writer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writer</span></a> <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a></p>
Claudio Pires<p>Create your own website with our amazing and smart Zenith WordPress theme for every design project style <a href="https://visualmodo.com/theme/zenith-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/zenith-wo</span><span class="invisible">rdpress-theme/</span></a> Build your responsive site design without coding, choose a tool that works and adds power to your WordPress!<br>Portfolio website builder theme and templates with premium plugins for free 🚀📱💻⌨️<br><a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/Theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Theme</span></a> <a href="https://mastodon.social/tags/PageBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PageBuilder</span></a> <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/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/Retina" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Retina</span></a> <a href="https://mastodon.social/tags/WebSite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebSite</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</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/agency" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>agency</span></a> <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Marketing</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/SiteBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SiteBuilder</span></a></p>
meisterluk<p>"Have you ever wondered which HTML element you are?"<br><a href="https://jamesg.blog/2025/02/13/html-quiz" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jamesg.blog/2025/02/13/html-qu</span><span class="invisible">iz</span></a></p><p>TIL "You are the &lt;a&gt; element!</p><p>Anchors like to connect ideas and people, just as the link helps connect HTML documents.</p><p>Your nested element is &lt;blockquote&gt;.</p><p>You like to think about ideas from multiple places and connect them."</p><p>via <a href="https://mastodon.social/@mdn/114018878810418443" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@mdn/114018878</span><span class="invisible">810418443</span></a><br><a href="https://mathstodon.xyz/tags/html5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html5</span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: 🛒️Homeless</p><p>🥁️ Update: 4.0.0 Beta 5/6<br>⚗️ Major release (Unstable) 🍏️<br>📌️ Changes: <a href="https://phaser.io/news/2025/01/phaser-v4-beta-5-released" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">phaser.io/news/2025/01/phaser-</span><span class="invisible">v4-beta-5-released</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: 🛒️Homeless</p><p>🥁️ Update: 3.88.0<br>⚗️ Major release (Stable) 🍎️<br>📌️ Changes: <a href="https://github.com/phaserjs/phaser/releases" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/phaserjs/phaser/rel</span><span class="invisible">eases</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>
Le Bottin des Jeux Linux<p>🛠️ Title: Phaser<br>🦊️ What's: A libre Javascript framework for developing HTML5 games for PCs, mobiles &amp; browsers<br>🏡️ <a href="https://phaser.io/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">phaser.io/</span><span class="invisible"></span></a><br>🐣️ <a href="https://github.com/photonstorm/phaser" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/photonstorm/phaser</span><span class="invisible"></span></a><br>🔖 <a href="https://floss.social/tags/LinuxGameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LinuxGameDev</span></a> <a href="https://floss.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://floss.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a><br>📦️ <a href="https://floss.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Libre</span></a> <a href="https://floss.social/tags/SRC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SRC</span></a> <a href="https://floss.social/tags/Bin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bin</span></a> <br>📖 Our entry: 🛒️Homeless</p><p>🥁️ Update: 4.0.0 Beta 5<br>⚗️ Major release (Unstable) 🍏️<br>📌️ Changes: <a href="https://phaser.io/news/2025/01/phaser-v4-beta-5-released" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">phaser.io/news/2025/01/phaser-</span><span class="invisible">v4-beta-5-released</span></a><br>🦣️ From: 🛜️ <a href="https://github.com/photonstorm/phaser/releases.atom" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/photonstorm/phaser/</span><span class="invisible">releases.atom</span></a></p><p>🦉️ <a href="https://www.youtube.com/embed/jHTRu4iNTcA" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/jHTRu4iNTcA</span><span class="invisible"></span></a><br>🕯️<a href="https://www.youtube.com/embed/0qtg-9M3peI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/0qtg-9M3peI</span><span class="invisible"></span></a><br>🕯️[fr] <a href="https://www.youtube.com/embed/sUkcd0Rrpis" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/sUkcd0Rrpis</span><span class="invisible"></span></a><br>🎮️ <a href="https://www.youtube.com/embed/gnfgwkVg7vc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/embed/gnfgwkVg7vc</span><span class="invisible"></span></a></p>