mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,4 Tsd.
aktive Profile

#html5

2 Beiträge2 Beteiligte0 Beiträge heute
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://mamot.fr/@KekunPlazas" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>KekunPlazas</span></a></span> +9001%</p><p>I find <a href="https://infosec.space/tags/Gemini" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gemini</span></a> to be <em>worse</em> than <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> + <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> or just bland <a href="https://infosec.space/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Markdown</span></a>...</p>
François<p>I'm looking at the &lt;time&gt; HTML element and I'm confused about the datetime attribute.</p><p>I have a definite start, and a duration. What should I put in the datetime attribute? According to the MDN page, I can put a timestamp OR a duration, but not both...</p><p>Here's an example:</p><p>&lt;span&gt;Concert ran from &lt;time datetime="2024-06-15T20:00-0500" title="2024-06-16T01:00+00"&gt;8 to 11 pm, Jun 15th 2024&lt;/time&gt;&lt;/span&gt;</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/time" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Reference/Elements/time</span></a></p><p>Thoughts? <a href="https://ruby.social/tags/lazyweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lazyweb</span></a> <a href="https://ruby.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://ruby.social/tags/semantichtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semantichtml</span></a></p>
Enclave Games<p><a href="https://mastodon.gamedev.place/tags/EnclaveGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EnclaveGames</span></a> <a href="https://mastodon.gamedev.place/tags/MonthlyReport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MonthlyReport</span></a> for June? We’ve published the <span class="h-card" translate="no"><a href="https://mastodon.gamedev.place/@js13kGames" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>js13kGames</span></a></span> 2024 t-shirts gallery last month, and started the countdown to <a href="https://mastodon.gamedev.place/tags/js13k" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js13k</span></a> 2025.</p><p><a href="https://enclavegames.com/blog/monthly-report-june-2025" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">enclavegames.com/blog/monthly-</span><span class="invisible">report-june-2025</span></a></p><p><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/gamedevjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedevjs</span></a> <a href="https://mastodon.gamedev.place/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.gamedev.place/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a></p>
Mathias Hasselmann<p>Number of error messages from <a href="https://mastodon.green/tags/AOT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AOT</span></a> compiler: 6'623.</p><p>Give up and start over with <a href="https://mastodon.green/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a>?</p><p><a href="https://mastodon.green/tags/Qt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Qt</span></a> <a href="https://mastodon.green/tags/Qt6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Qt6</span></a> <a href="https://mastodon.green/tags/QML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>QML</span></a> <a href="https://mastodon.green/tags/Migration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Migration</span></a></p>
Claudio Pires<p>Construction WordPress theme <a href="https://visualmodo.com/theme/construction-wordpress-theme/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/construct</span><span class="invisible">ion-wordpress-theme/</span></a> a business theme designed specifically for construction, building companies and those that offer building services. The theme comes pre-packed with a drag and drop page builder (Visual Composer) to ensure you can easily design your website just how you like it. 👷‍♂️🚧🏗️👷‍<br><a href="https://mastodon.social/tags/building" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>building</span></a> <a href="https://mastodon.social/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developer</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/templates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>templates</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>theme</span></a> <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/construction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>construction</span></a> <a href="https://mastodon.social/tags/ecommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ecommerce</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/retina" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retina</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>website</span></a> <a href="https://mastodon.social/tags/siteBuilder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>siteBuilder</span></a> <a href="https://mastodon.social/tags/services" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>services</span></a></p>
🇩🇪 𝕳𝖆𝖑𝖑𝖊𝕬𝖓𝖉𝖊𝖗𝖙<p>Me, when I'm working on a colleague's <a href="https://social.vivaldi.net/tags/project" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>project</span></a> and see the <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://social.vivaldi.net/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a>.</p><p><a href="https://social.vivaldi.net/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://social.vivaldi.net/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://social.vivaldi.net/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://social.vivaldi.net/tags/wordpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wordpress</span></a> <a href="https://social.vivaldi.net/tags/w3c" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>w3c</span></a> <a href="https://social.vivaldi.net/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://social.vivaldi.net/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://social.vivaldi.net/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://social.vivaldi.net/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://social.vivaldi.net/tags/Technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Technology</span></a> </p><p><a href="https://youtu.be/wLg04uu2j2o?feature=shared" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/wLg04uu2j2o?feature=s</span><span class="invisible">hared</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" 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" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/themes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>themes</span></a> <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/ecommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ecommerce</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/retina" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retina</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>marketing</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>website</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://mastodon.social/tags/bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bootstrap</span></a> <a href="https://mastodon.social/tags/slider" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>slider</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://mastodon.social/@mrmasterkeyboard" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mrmasterkeyboard</span></a></span> I know.</p><p>And I'm shure <span class="h-card" translate="no"><a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>fuchsiii</span></a></span> could easily make something like the <em>"Windows XP Tour"</em> just with <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> + <a href="https://infosec.space/tags/JS6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS6</span></a> + <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> and then ship it in like a self-contained <a href="https://infosec.space/tags/AppImage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppImage</span></a>-style executeable!</p>
Timo Tijhof<p>You'd think Google, having launched schema.org, knows how to produce valid schema.org metadata and HTML5.</p><p>YouTube: How about a `&lt;span&gt;` inside the head, and `&lt;link rel=alternative&gt;` inside the body?</p><p>HTML5 parsers:<br>Thanks, I'll take that span as your implied end of `&lt;head&gt;`, and raise you an implied start of `&lt;body&gt;`. Everything that follows is now part of the body.</p><p>Context:<br><a href="https://github.com/Ranchero-Software/NetNewsWire/issues/902#issuecomment-2990075755" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/Ranchero-Software/N</span><span class="invisible">etNewsWire/issues/902#issuecomment-2990075755</span></a></p><p><a href="https://fosstodon.org/tags/NetNewsWire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NetNewsWire</span></a> <a href="https://fosstodon.org/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://fosstodon.org/tags/whatwg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>whatwg</span></a> <a href="https://fosstodon.org/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://fosstodon.org/tags/schemaorg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>schemaorg</span></a> <a href="https://fosstodon.org/tags/google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>google</span></a></p>
Frank Abelbeck<p>My version of a Pilot Logbook application reached alpha status. 🙂💪</p><p>It stores the minimum data required by the German NfL 2212-21, plus some data recorded in my paper log. And some data I deem interesting, like engine time and fuel consumption.</p><p>I even managed to hack together a CSV parser (no native support in Javascript 🙄), so that the program can import data from Vereinsflieger (fleet management web app of my club).</p><p><a href="https://troet.cafe/tags/aviationnerd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aviationnerd</span></a> <a href="https://troet.cafe/tags/ppl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ppl</span></a> <a href="https://troet.cafe/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://troet.cafe/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a></p>
nedovolny<p>Если вы думаете, что ваша работа бессмысленна, то помните, что на свете есть люди, которые разрабатывают веб-стандарты.</p><p><a href="https://mastodon.social/@webstandards_ru/114692522277040452" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@webstandards_</span><span class="invisible">ru/114692522277040452</span></a></p><p><a href="https://lor.sh/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://lor.sh/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://lor.sh/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://lor.sh/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://lor.sh/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://lor.sh/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://lor.sh/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a></p>
js13kGames<p>Friday 13th? Perfect time to start the countdown to <a href="https://mastodon.gamedev.place/tags/js13k" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js13k</span></a> 2025! The fourteenth edition of the yearly web game development competition will begin two months from now, on August 13th! 🔥</p><p><a href="https://js13kgames.com/2025/blog/countdown" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">js13kgames.com/2025/blog/count</span><span class="invisible">down</span></a></p><p><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/gamedevjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedevjs</span></a> <a href="https://mastodon.gamedev.place/tags/competition" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>competition</span></a> <a href="https://mastodon.gamedev.place/tags/compo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>compo</span></a> <a href="https://mastodon.gamedev.place/tags/gamejam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamejam</span></a> <a href="https://mastodon.gamedev.place/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.gamedev.place/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://piaille.fr/@ciourte" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ciourte</span></a></span> <span class="h-card" translate="no"><a href="https://social.coop/@netopwibby" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>netopwibby</span></a></span> Needless to say I've only heard of some Spanish low-cost <a href="https://infosec.space/tags/MVNO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MVNO</span></a> offering one device only in a <a href="https://infosec.space/tags/prepaid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>prepaid</span></a> <a href="https://infosec.space/tags/bundle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bundle</span></a> when <a href="https://infosec.space/tags/FirefoxOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FirefoxOS</span></a> was unveiled at the <a href="https://infosec.space/tags/MWC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MWC</span></a> in <a href="https://infosec.space/tags/Barcelona" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Barcelona</span></a> based off coverage in <span class="h-card" translate="no"><a href="https://social.heise.de/@ct_Magazin" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ct_Magazin</span></a></span> at the time.</p><ul><li>Cuz I remember <a href="https://infosec.space/tags/WebDevs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevs</span></a> like <span class="h-card" translate="no"><a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>fuchsiii</span></a></span> really loving it because it was the then hot &amp; fresh <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> + <a href="https://infosec.space/tags/JS6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS6</span></a> + <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> combo to make it super-easy to do <a href="https://infosec.space/tags/Apps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Apps</span></a>. All one needs to build an app was <a href="https://infosec.space/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Firefox</span></a> as Browser and the ability to basically zip' it.</li></ul><p>Alas <span class="h-card" translate="no"><a href="https://mastodon.cc/@Mozilla" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Mozilla</span></a></span> <em>deciding on purpose</em> to literally <em>splinter the market</em> by letting <a href="https://infosec.space/tags/MNO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MNO</span></a>|s and MVNOs run their <a href="https://infosec.space/tags/AppStore" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppStore</span></a>|s instead of a <a href="https://infosec.space/tags/centralized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>centralized</span></a> model, making the situation <em>worse</em> than in the <em>"P.R."</em> <a href="https://infosec.space/tags/China" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>China</span></a> where there are several vendor-independent <a href="https://infosec.space/tags/AppStores" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppStores</span></a> for <a href="https://infosec.space/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a>. </p><ul><li><em>"Conspiracy Theorists"</em> even suggested that this was deliberate self-sabotage to benefit <a href="https://infosec.space/tags/Google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Google</span></a> and <a href="https://infosec.space/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a>, tho needless to say Firefox OS aimed at devices &amp; specs that were too low for Android.</li></ul><p>Still, I'm <a href="https://infosec.space/tags/StillMad" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StillMad</span></a> at <a href="https://infosec.space/tags/Mozilla" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mozilla</span></a> for faceplanting Firefox OS cuz it had the easiest way to get started and a good architecture being every <a href="https://infosec.space/tags/App" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>App</span></a> is just a <a href="https://infosec.space/tags/WebApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebApp</span></a> and all the system calls were standard <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> permissions and nothing fancy.</p><ul><li>Basically <a href="https://infosec.space/tags/PSvita" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PSvita</span></a> - <a href="https://www.youtube.com/watch?v=REaUzHef9h4" rel="nofollow noopener" target="_blank">Syndrome,</a> but <em>worse</em> as in <a href="https://infosec.space/tags/OpenMoko" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenMoko</span></a> <a href="https://infosec.space/tags/Freenunner" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Freenunner</span></a>: </li></ul><p><a href="https://www.youtube.com/watch?v=p76exsJn7SU" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=p76exsJn7SU</span><span class="invisible"></span></a></p>
Frank Abelbeck<p>Update on my Aviation Checklist program suite: The Aquila AT01 checklist now features a virtual dipstick.</p><p>Thanks to my robust framework it took only a few lines (and a rainy afternoon) to implement (<a href="https://troet.cafe/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> video element + <a href="https://troet.cafe/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Javascript</span></a> for connecting it to the user's camera).</p><p>In the works:</p><p>1) Alpha: VFR preparation; need to translate aggregated data (waypoints, frequencies, MH) into checklist screens.</p><p>2) New: Pilot's Log; import from Vereinsflieger works.</p><p><a href="https://troet.cafe/tags/aviation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aviation</span></a> <a href="https://troet.cafe/tags/aviationnerd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aviationnerd</span></a> <a href="https://troet.cafe/tags/aquilaA211G" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aquilaA211G</span></a></p>
DrixPell<p>EL INICIO DE MI CARRERA EN DESARROLLO Y DISEÑO WEB</p><p><a href="https://drixpell.com/2025/06/08/el-inicio-de-mi-carrera-en-desarrollo-y-diseno-web/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">drixpell.com/2025/06/08/el-ini</span><span class="invisible">cio-de-mi-carrera-en-desarrollo-y-diseno-web/</span></a></p><p><a href="https://mastodon.social/tags/drixpell" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drixpell</span></a> <a href="https://mastodon.social/tags/drix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drix</span></a> <a href="https://mastodon.social/tags/desarrollo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>desarrollo</span></a> <a href="https://mastodon.social/tags/dise%C3%B1o" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diseño</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://mastodon.social/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwind</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/vite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vite</span></a> <a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wordpress</span></a> <a href="https://mastodon.social/tags/git" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>git</span></a> <a href="https://mastodon.social/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://mastodon.social/tags/jquery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jquery</span></a> <a href="https://mastodon.social/tags/sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sass</span></a> <a href="https://mastodon.social/tags/bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bootstrap</span></a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> <a href="https://mastodon.social/tags/mysql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mysql</span></a> <a href="https://mastodon.social/tags/laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>laravel</span></a> <a href="https://mastodon.social/tags/codeigniter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codeigniter</span></a> <a href="https://mastodon.social/tags/vscode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vscode</span></a> <a href="https://mastodon.social/tags/figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>figma</span></a> <a href="https://mastodon.social/tags/cursos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cursos</span></a> <a href="https://mastodon.social/tags/planes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>planes</span></a></p>
Nube Colectiva<p>What are the data-toggle, data-set, etc. attributes? in HTML5.</p><p>Que son los atributos data-toggle, data-set, etc. ? en HTML5. </p><p>👉 <a href="https://nubecolectiva.com/blog/que-son-los-atributos-data-toggle-data-set-etc-en-html5/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/que-son</span><span class="invisible">-los-atributos-data-toggle-data-set-etc-en-html5/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a></p>
lukaszkups<p>Creating spotlight effect with <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> (and a bit of <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a>): <a href="https://frontendmasters.com/blog/css-spotlight-effect/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/css-s</span><span class="invisible">potlight-effect/</span></a></p><p><a href="https://mastodon.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://mastodon.social/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
lukaszkups<p>Move Modal in on a… shape() : <a href="https://frontendmasters.com/blog/move-modal-in-on-a-shape/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/move-</span><span class="invisible">modal-in-on-a-shape/</span></a></p><p><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://mastodon.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webdeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdeveloper</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</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" 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" target="_blank">#<span>WordPress</span></a> <a href="https://mastodon.social/tags/Theme" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Theme</span></a> <a href="https://mastodon.social/tags/PageBuilder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PageBuilder</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/Retina" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Retina</span></a> <a href="https://mastodon.social/tags/WebSite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSite</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plugins</span></a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>template</span></a> <a href="https://mastodon.social/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://mastodon.social/tags/portfolio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>portfolio</span></a> <a href="https://mastodon.social/tags/agency" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>agency</span></a> <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Marketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Marketing</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://mastodon.social/tags/CSS3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3</span></a> <a href="https://mastodon.social/tags/SiteBuilder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SiteBuilder</span></a></p>
:rss: Qiita - 人気の記事<p>個人的な資格の受かり方~HTML5プロフェッショナル認定試験 レベル2~<br><a href="https://qiita.com/t_tsuru/items/5b116020a49575ef2ac2?utm_campaign=popular_items&amp;utm_medium=feed&amp;utm_source=popular_items" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">qiita.com/t_tsuru/items/5b1160</span><span class="invisible">20a49575ef2ac2?utm_campaign=popular_items&amp;utm_medium=feed&amp;utm_source=popular_items</span></a></p><p><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>qiita</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/ECMAScript6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ECMAScript6</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/HTML5%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E8%AA%8D%E5%AE%9A%E8%A9%A6%E9%A8%93%E5%AF%BE%E7%AD%96" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5プロフェッショナル認定試験対策</span></a></p>