xoron :verified:<p>File encryption with a browser.</p><p>I've been exploring the <a href="https://infosec.exchange/tags/WebCryptoAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebCryptoAPI</span></a> and I'm impressed!</p><p>When combined with the <a href="https://infosec.exchange/tags/FileSystemAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FileSystemAPI</span></a>, it offers a seemingly secure way to <a href="https://infosec.exchange/tags/encrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>encrypt</span></a> and <a href="https://infosec.exchange/tags/store" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>store</span></a> files directly on your device. Think <a href="https://infosec.exchange/tags/localstorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>localstorage</span></a>, but with <a href="https://infosec.exchange/tags/encryption" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>encryption</span></a>!</p><p>I know <a href="https://infosec.exchange/tags/webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapps</span></a> can have <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>security</span></a> vulnerabilities since the code is served over the web, so I've <a href="https://infosec.exchange/tags/OpenSourced" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSourced</span></a> my demo! You can check it out, and it should even work if <a href="https://infosec.exchange/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>selfhosted</span></a> on <a href="https://infosec.exchange/tags/GitHubPages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHubPages</span></a>.</p><p>Live Demo: <a href="https://dim.positive-intentions.com/?path=/story/usefs--encrypted-demo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dim.positive-intentions.com/?p</span><span class="invisible">ath=/story/usefs--encrypted-demo</span></a></p><p>Demo Code: <a href="https://github.com/positive-intentions/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js</span></a></p><p>Hook Code: <a href="https://github.com/positive-intentions/dim/blob/staging/src/hooks/useFS.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim/blob/staging/src/hooks/useFS.js</span></a></p><p>IMPORTANT NOTES (PLEASE READ!):<br> * This is NOT a product. It's for <a href="https://infosec.exchange/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>testing</span></a> and <a href="https://infosec.exchange/tags/demonstration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>demonstration</span></a> purposes only.<br> * It has NOT been reviewed or audited. Do NOT use for sensitive data.<br> * The "password encryption" currently uses a hardcoded password. This is for demonstration, not security.<br> * This is NOT meant to replace robust solutions like <a href="https://infosec.exchange/tags/VeraCrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VeraCrypt</span></a>. It's just a <a href="https://infosec.exchange/tags/proofofconcept" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>proofofconcept</span></a> to show what's possible with <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a> <a href="https://infosec.exchange/tags/APIs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>APIs</span></a>.</p><p><a href="https://infosec.exchange/tags/Encryption" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Encryption</span></a> <a href="https://infosec.exchange/tags/Cryptography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cryptography</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://infosec.exchange/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Security</span></a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Developer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tech</span></a> <a href="https://infosec.exchange/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</span></a> <a href="https://infosec.exchange/tags/MastodonDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MastodonDev</span></a> <a href="https://infosec.exchange/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://infosec.exchange/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebStandards</span></a> <a href="https://infosec.exchange/tags/FileSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FileSystem</span></a> <a href="https://infosec.exchange/tags/WebAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebAPI</span></a> <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProofOfConcept</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.
Administered by:
Server stats:
252active users
shakedown.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#webapps
1 post · 1 participant · 0 posts today
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@patrickcmiller" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>patrickcmiller</span></a></span> which is <em>yet another reason</em> why I explicitly recommend to not trust <a href="https://infosec.space/tags/Browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browsers</span></a> & <a href="https://infosec.space/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> but use either proper clients (i.e. <span class="h-card" translate="no"><a href="https://monocles.social/@monocles" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>monocles</span></a></span> / <a href="https://infosec.space/tags/monoclesMail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>monoclesMail</span></a> & <span class="h-card" translate="no"><a href="https://mastodon.online/@thunderbird" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>thunderbird</span></a></span> ) or do the <a href="https://infosec.space/tags/airgapped" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>airgapped</span></a> <a href="https://infosec.space/tags/OfflinePGP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OfflinePGP</span></a> method!</p><p><a href="https://www.youtube.com/watch?v=vdab4T_CoN8" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=vdab4T_CoN8</span><span class="invisible"></span></a></p>
Ian Brown 👨🏻💻<p>I'm really impressed by the <a class="hashtag" href="https://bsky.app/search?q=%23Brave" rel="nofollow noopener noreferrer" target="_blank">#Brave</a> implementation of <a class="hashtag" href="https://bsky.app/search?q=%23WebApps" rel="nofollow noopener noreferrer" target="_blank">#WebApps</a>. It just works, seamlessly, on macOS! (And kudos to <a class="hashtag" href="https://bsky.app/search?q=%23WhatsApp" rel="nofollow noopener noreferrer" target="_blank">#WhatsApp</a> for their great implementation too!)
I've been forced by Apple to use Brave on my really old MacBook Air (Safari no longer works on the last supported macOS.) It's tremendous!</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> <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> obviously, that would've been a good standard for everyone, given that almost all non-<a href="https://infosec.space/tags/Gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gaming</span></a> <a href="https://infosec.space/tags/Apps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Apps</span></a> these days are <a href="https://infosec.space/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> and at that point we'd not have 100+ MB <a href="https://infosec.space/tags/bloatware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bloatware</span></a> that essentially just loads a <a href="https://infosec.space/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> and can't even cache shit!</p><ul><li><em>/me stares angrily at <a href="https://infosec.space/tags/Cordova" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cordova</span></a></em></li></ul><p>Personally I believe the <span class="h-card" translate="no"><a href="https://respublicae.eu/@europarl_en" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>europarl_en</span></a></span> & <span class="h-card" translate="no"><a href="https://ec.social-network.europa.eu/@EUCommission" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>EUCommission</span></a></span> could do that and establish as well as enforce an <a href="https://infosec.space/tags/EC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EC</span></a> <a href="https://infosec.space/tags/norm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>norm</span></a>, just as they did with <a href="https://infosec.space/tags/USBc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>USBc</span></a>, <a href="https://infosec.space/tags/CCS2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CCS2</span></a> and <a href="https://infosec.space/tags/GDPR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GDPR</span></a>!</p><ul><li>It's just lack of political <a href="https://infosec.space/tags/pressure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pressure</span></a> and <a href="https://infosec.space/tags/will" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>will</span></a> to actually deal with the <a href="https://infosec.space/tags/AntiCompetitive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AntiCompetitive</span></a>-ness of <a href="https://infosec.space/tags/GAFAMs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GAFAMs</span></a> and given <a href="https://infosec.space/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Microsoft</span></a> got forced into the <a href="https://infosec.space/tags/BrowserChoice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BrowserChoice</span></a> setup in <a href="https://infosec.space/tags/WindowsXP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WindowsXP</span></a> & <a href="https://infosec.space/tags/Windows7" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Windows7</span></a>, I <em>demand</em> the same for <a href="https://infosec.space/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOS</span></a>, <a href="https://infosec.space/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOS</span></a> and <a href="https://infosec.space/tags/Windows11" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Windows11</span></a> to include not only <a href="https://infosec.space/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> & <a href="https://infosec.space/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chrome</span></a> but also <a href="https://infosec.space/tags/TorBrowser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TorBrowser</span></a>!</li></ul><p><a href="https://infosec.space/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Android</span></a> needs to be <em>better</em> as in being more than just the <em>"lesser evil"</em> compared to iOS!</p>
Kevin Karhan :verified:<p>Modern <a href="https://infosec.space/tags/TechStack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechStack</span></a>|s are convenient but they also make <a href="https://infosec.space/tags/developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developers</span></a> lazy and result in the <a href="https://infosec.space/tags/enfattening" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enfattening</span></a> of <a href="https://infosec.space/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Software</span></a> and <a href="https://infosec.space/tags/Games" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Games</span></a>. </p><ul><li>Like we had <a href="https://infosec.space/@kkarhan/114221332397399583" rel="nofollow noopener noreferrer" target="_blank">entire Music Videos on the spare space</a> of a <a href="https://infosec.space/tags/NeoGeoCD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NeoGeoCD</span></a> which meant this needed to be streamed, and mind you this is redbook CD Audio, not fancy ATRAC3 or Opus...</li></ul><p>Nowadays we have shitty <a href="https://infosec.space/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> that eat up 100+MB just for a <a href="https://infosec.space/tags/WebView" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebView</span></a> and which are instantly useless once they don't have a high-speed, low latency internet connection!</p><ul><li>People like <a href="https://infosec.space/tags/GraceHopper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GraceHopper</span></a> and <a href="https://infosec.space/tags/MargaretHamilton" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MargaretHamilton</span></a> propably wouldn't even be mad, but just disappointed, knowing how a modern <a href="https://infosec.space/tags/IDE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IDE</span></a> eats more computing power than the entire human race had at their career peaks...</li></ul><p>And don't even get me started on all the <a href="https://infosec.space/tags/WastefulComputing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WastefulComputing</span></a> aka. <em>"<a href="https://infosec.space/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a>"</em> <a href="https://infosec.space/tags/bs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bs</span></a> and <a href="https://infosec.space/tags/Shitcoin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shitcoin</span></a> - <a href="https://infosec.space/tags/Scams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Scams</span></a>!</p>
Frontend Dogma<p>How to Protect Your Web Applications From XSS, by <span class="h-card" translate="no"><a href="https://mastodon.social/@torgo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>torgo</span></a></span> (<span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>w3c</span></a></span>):</p><p><a href="https://www.w3.org/blog/2025/how-to-protect-your-web-applications-from-xss/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">w3.org/blog/2025/how-to-protec</span><span class="invisible">t-your-web-applications-from-xss/</span></a></p><p><a href="https://mas.to/tags/howtos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>howtos</span></a> <a href="https://mas.to/tags/webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapps</span></a> <a href="https://mas.to/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>security</span></a> <a href="https://mas.to/tags/xss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xss</span></a></p>
Brad Linder<p>Mozilla is paving the way for bringing support for Progressive Web Apps back to Firefox. They'll still look and function like browser tabs rather than standalone apps, but they'll show up more like apps in the OS as "taskbar tabs." <a href="https://fosstodon.org/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> <a href="https://fosstodon.org/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> <a href="https://fosstodon.org/tags/TaskbarTabs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TaskbarTabs</span></a> <a href="https://fosstodon.org/tags/ProgressiveWebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressiveWebApps</span></a> <a href="https://fosstodon.org/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> <a href="https://fosstodon.org/tags/WebBrowsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebBrowsers</span></a> <a href="https://www.omgubuntu.co.uk/2025/03/firefox-nightly-supports-web-apps-taskbar-tabs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">omgubuntu.co.uk/2025/03/firefo</span><span class="invisible">x-nightly-supports-web-apps-taskbar-tabs</span></a></p>
Hiro<p>This week's top clicked link in the Hiro Report is Life in Weeks! 🏆 </p><p>This clever web app visualizes one's entire life as divided into weeks. There are customizations you can do to depict where you were during periods of your life, mark important dates, and so on. Really fun concept.</p><p><a href="https://lifeweeks.app" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lifeweeks.app</span><span class="invisible"></span></a></p><p><a href="https://social.lol/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://social.lol/tags/webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapps</span></a> <a href="https://social.lol/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a></p>
Vivaldi<p>December’s For A Better Web podcast episode is out now! :tony_happy: </p><p><span class="h-card" translate="no"><a href="https://social.vivaldi.net/@brucelawson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>brucelawson</span></a></span>'s guest this time is Léonie Watson (<span class="h-card" translate="no"><a href="https://w3c.social/@tink" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tink</span></a></span>) and they have a chat about web accessibility, the WebApps Working Group, W3C, and lots more.</p><p>Give it a listen on <a href="https://vivaldi.com/blog/better-web/4-leonie-watson-for-a-better-web/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">vivaldi.com/blog/better-web/4-</span><span class="invisible">leonie-watson-for-a-better-web/</span></a>, where you’ll also find the transcript, show notes and other podcast sources. </p><p><a href="https://social.vivaldi.net/tags/Vivaldi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vivaldi</span></a> <a href="https://social.vivaldi.net/tags/VivaldiBrowser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VivaldiBrowser</span></a> <a href="https://social.vivaldi.net/tags/ForABetterWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ForABetterWeb</span></a> <a href="https://social.vivaldi.net/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://social.vivaldi.net/tags/W3C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>W3C</span></a> <a href="https://social.vivaldi.net/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> <a href="https://social.vivaldi.net/tags/Podcast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Podcast</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://possum.city/@mook" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mook</span></a></span> OFC I do differenciate between <em>"<a href="https://infosec.space/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a>"</em> and <a href="https://infosec.space/tags/Websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Websites</span></a> to the point that <a href="https://infosec.space/tags/AnimateJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimateJS</span></a> et. al. are the <em>de-facto</em> successor to <a href="https://infosec.space/tags/Flash" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flash</span></a> as <a href="https://infosec.space/tags/Adobe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Adobe</span></a> literally supported it for that reason.</p><ul><li>Then again, I think these techniques should be delegated to their specific use-cases (noone expects browser game slites like <a href="https://infosec.space/tags/Miniclip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Miniclip</span></a> to be <a href="https://infosec.space/tags/accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessible</span></a>!) instead.</li></ul><p>For a lot of of cases, <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> is mostly unnecessary fluff.</p><ul><li>Espechally when said <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> is not doing stuff that adds value but instead just adds <a href="https://infosec.space/tags/bloat" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bloat</span></a>. </li></ul><p>I find it espechally insulting when stuff like <a href="https://infosec.space/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> prevents people from even looking up a profile or post <em>at all</em> cuz that's <em>static content</em> at the time of loading it and there's no legitimate reason to just offer a <em>"lite"</em> UI that just displays an otherwise hidden by <a href="https://infosec.space/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> & <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> banner that says sth. like: <em>"this is just a lite preview. Certain functionality will not work, like commenting, boosting or liking. Please use a 3rd party client or activate JavaScript and reload the page if you want to use that."</em></p><ul><li>But I guess that's something Developers at Mastodon are unwilling to accept cuz they have a nonchalant attitude of thinking they are perfect <a href="https://infosec.space/tags/TechBros" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechBros</span></a>! </li></ul><p><a href="https://infosec.space/tags/NoJSgang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoJSgang</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>If you use Native Apps because <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> don't have a "nice user experience" you're a precious little baby.</p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/pwa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pwa</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>> For 7 years, <a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Google</span></a> has failed to keep its commitment to share the ability to install <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> with third-party <a href="https://mastodon.social/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browsers</span></a> on <a href="https://mastodon.social/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Android</span></a>, despite public requests from <a href="https://mastodon.social/tags/Samsung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Samsung</span></a>, <a href="https://mastodon.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Microsoft</span></a>, <a href="https://mastodon.social/tags/Brave" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Brave</span></a> & <a href="https://mastodon.social/tags/Kiwi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kiwi</span></a> <a href="https://mastodon.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a>. </p><p><a href="https://open-web-advocacy.org/blog/google-must-share-the-ability-to-install-web-apps-in-android/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">open-web-advocacy.org/blog/goo</span><span class="invisible">gle-must-share-the-ability-to-install-web-apps-in-android/</span></a></p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webAPKs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webAPKs</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/apps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apps</span></a> <a href="https://mastodon.social/tags/paw" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>paw</span></a> <a href="https://mastodon.social/tags/pwas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pwas</span></a> <a href="https://mastodon.social/tags/progressiveWebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>progressiveWebApps</span></a> <a href="https://mastodon.social/tags/openWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>openWeb</span></a> <a href="https://mastodon.social/tags/chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chrome</span></a> <a href="https://mastodon.social/tags/googleChrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>googleChrome</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a></p>
Wayne Dixon<p>Apple's Sweet Solution for Revenue: Web Apps</p><p>Apple has released two web apps within the last month, Maps and Podcasts. I have been thinking about how these of two web apps can fit into Apple's overall revenue strategy.</p><p><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://mastodon.social/tags/services" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>services</span></a> <a href="https://mastodon.social/tags/financials" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>financials</span></a> <a href="https://mastodon.social/tags/webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapps</span></a> </p><p><a href="https://www.waynedixon.com/2024/08/25/apples-sweet-solution-for-revenue-web-apps" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">waynedixon.com/2024/08/25/appl</span><span class="invisible">es-sweet-solution-for-revenue-web-apps</span></a></p>
OSTechNix<p>Build Fast, Scalable Web Apps With Python Using FastHTML <a href="https://floss.social/tags/Fasthtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fasthtml</span></a> <a href="https://floss.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a> <a href="https://floss.social/tags/Webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webapps</span></a> <a href="https://floss.social/tags/Opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Opensource</span></a> <a href="https://floss.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> <a href="https://floss.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <br><a href="https://ostechnix.com/build-web-apps-with-python-using-fasthtml/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ostechnix.com/build-web-apps-w</span><span class="invisible">ith-python-using-fasthtml/</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/Compiler" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Compiler</span></a> is the result of a problem: the introduction of <a href="https://mastodon.social/tags/hooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hooks</span></a> has led to far too much logic in <a href="https://mastodon.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a>.</p><p>It's clear to me that <a href="https://mastodon.social/tags/Knockout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Knockout</span></a> had it right back in 2012; <a href="https://mastodon.social/tags/MVVM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MVVM</span></a> is the correct pattern for <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a></p><p><a href="https://www.mikejohnson.dev/posts/2024/06/mobx-react-compiler" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mikejohnson.dev/posts/2024/06/</span><span class="invisible">mobx-react-compiler</span></a></p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/reactJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>reactJs</span></a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javaScript</span></a> <a href="https://mastodon.social/tags/mobx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mobx</span></a> <a href="https://mastodon.social/tags/observables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>observables</span></a> <a href="https://mastodon.social/tags/viewModel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>viewModel</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a></p>
W3C Developers<p>Large Language Models (LLMs) are being distributed across many devices and platforms. Having these models available on-device can help reduce the need for sending private data to cloud-hosted systems.</p><p>At the <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>w3c</span></a></span> member meeting last month in <a href="https://w3c.social/tags/Hiroshima" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hiroshima</span></a> 🇯🇵, Chunhui Mo (Huawei) explored what it would take to expose these LLMs to <a href="https://w3c.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> through a Web <a href="https://w3c.social/tags/API" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>API</span></a> and the advantages it could bring in terms of <a href="https://w3c.social/tags/privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>privacy</span></a>, <a href="https://w3c.social/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>security</span></a> and <a href="https://w3c.social/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>performance</span></a>. </p><p>🎬 Watch the video: <a href="https://youtu.be/7S60LNBAFj0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/7S60LNBAFj0</span><span class="invisible"></span></a></p>
Chee Aun 🤔<p>Does anyone use the "g" + letter combination keyboard shortcuts? I'm wondering where its origin are from. Also made a quick comparison table of them for Pinafore, Mastodon, X and Elk (Phanpy doesn't support them).</p><p><a href="https://mastodon.social/tags/KeyboardShortcuts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KeyboardShortcuts</span></a> <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
IT News<p>Apple changes course, will keep iPhone EU web apps how they are in iOS 17.4 - Enlarge / EU legislation has pushed a number of changes previously thou... - <a href="https://arstechnica.com/?p=2007292" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">arstechnica.com/?p=2007292</span><span class="invisible"></span></a> <a href="https://schleuss.online/tags/appleprogressivewebapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>appleprogressivewebapps</span></a> <a href="https://schleuss.online/tags/applehomescreenwebapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>applehomescreenwebapps</span></a> <a href="https://schleuss.online/tags/webapps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapps</span></a> <a href="https://schleuss.online/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://schleuss.online/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://schleuss.online/tags/ios" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ios</span></a> <a href="https://schleuss.online/tags/eu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eu</span></a></p>
Stephen Shankland<p>EU might be looking into Apple's hobbling of web apps in Europe (websites pinned to the home screen) because the company doesn't like the idea of third-party browsers (Chrome or Firefox, for example) running them. <a href="https://www.macrumors.com/2024/02/26/disabled-web-apps-attract-eu-scrutiny/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">macrumors.com/2024/02/26/disab</span><span class="invisible">led-web-apps-attract-eu-scrutiny/</span></a><br><a href="https://mstdn.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mstdn.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> <a href="https://mstdn.social/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Apple</span></a> <a href="https://mstdn.social/tags/EU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EU</span></a></p>
Stephen Shankland<p>I'd missed this: Apple, faced with the prospect of web apps using non-Safari browser engines, is killing web apps altogether in the EU. This is politico-techno-legal hardball. <a href="https://open-web-advocacy.org/blog/its-official-apple-kills-web-apps-in-the-eu/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">open-web-advocacy.org/blog/its</span><span class="invisible">-official-apple-kills-web-apps-in-the-eu/</span></a> <a href="https://mstdn.social/tags/Browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browsers</span></a> <a href="https://mstdn.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApps</span></a> <a href="https://mstdn.social/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Apple</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload