Thomas Weibel<p>Das Wandern ist des Schweizers Lust: "Mont" ist eine <a href="https://swiss.social/tags/AugmentedReality" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AugmentedReality</span></a>-<a href="https://swiss.social/tags/Webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webapp</span></a>, die Schweizer Berggipfel und Hügelkuppen benennt und auf dem Handybildschirm anzeigt (iOS only). </p><p><a href="https://www.thomasweibel.ch/mont2/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">thomasweibel.ch/mont2/</span><span class="invisible"></span></a> </p><p>Endlich ist nun auch mein Paper über die verwendete Technik erschienen: </p><p><a href="https://phaidra.fhstp.ac.at/detail/o:7234" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">phaidra.fhstp.ac.at/detail/o:7</span><span class="invisible">234</span></a> </p><p>Für alle, die hoch hinaus wollen - mit <a href="https://swiss.social/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VanillaJS</span></a> oder in Wanderschuhen. </p><p><a href="https://swiss.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://swiss.social/tags/ar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ar</span></a> <a href="https://swiss.social/tags/geoinformatics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geoinformatics</span></a> <a href="https://swiss.social/tags/geography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geography</span></a> <a href="https://swiss.social/tags/topography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>topography</span></a> <a href="https://swiss.social/tags/ios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ios</span></a> <a href="https://swiss.social/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opendata</span></a> <a href="https://swiss.social/tags/geodata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geodata</span></a> <a href="https://swiss.social/tags/swisstopo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>swisstopo</span></a> <a href="https://swiss.social/tags/switzerland" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>switzerland</span></a> <span class="h-card" translate="no"><a href="https://mastodon.social/@OpendataCH" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OpendataCH</span></a></span></p>
eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.
Administered by:
Server stats:
202active users
eupolicy.social: About · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.3
#vanillaJS
0 posts · 0 participants · 0 posts today
xoron :verified:<p>React-like functional webcomponents, but with vanilla HTML, JS and CSS</p><p>Introducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Framework</span></a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSX</span></a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VanillaJS</span></a>. Check it out here:<br>🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a><br>🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">dim.positive-intentions.com</span><span class="invisible"></span></a></p><p>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> started with Lit, and while I appreciated its native browser support (less <a href="https://infosec.exchange/tags/Tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tooling</span></a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a>, the class components felt like a step backward. The <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FunctionalProgramming</span></a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DeveloperExperience</span></a> and debugging flow.</p><p>So, I set out to build a thin, functional wrapper around <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lit</span></a>, and Dim is the result! It's a <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProofOfConcept</span></a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hooks</span></a> similar to React, plus some custom ones like useStore for <a href="https://infosec.exchange/tags/EncryptionAtRest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EncryptionAtRest</span></a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateManagement</span></a> for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore <a href="https://infosec.exchange/tags/Passwordless" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Passwordless</span></a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAuthn</span></a>/#Passkeys).</p><p>You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Documentation</span></a> and see how it works here:<br>📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/docs/c</span><span class="invisible">ategory/dim</span></a></p><p>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> project is still in its early stages and very <a href="https://infosec.exchange/tags/Unstable" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Unstable</span></a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BreakingChanges</span></a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Feedback</span></a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Security</span></a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!</p><p><a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSFramework</span></a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Innovation</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programmer</span></a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a></p>
Tane Piper ⁂<p>Teskoanno is now live! My <a href="https://tane.codes/tags/threejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>threejs</span></a> powered 3D N-Body simulator is now up - it's a dev build, and not optimised but it works! I tested it on mobile - UI needs to work, but runs well on my Pixel 8 Pro.</p><p>Would love to get <a href="https://tane.codes/tags/feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>feedback</span></a> </p><p><a href="https://tanepiper.github.io/teskooano/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tanepiper.github.io/teskooano/</span><span class="invisible"></span></a></p><p><a href="https://tane.codes/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://tane.codes/tags/astronomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astronomy</span></a> <a href="https://tane.codes/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://tane.codes/tags/webComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webComponents</span></a> <a href="https://tane.codes/tags/vanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vanillaJS</span></a> <a href="https://tane.codes/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> </p><p>(Bonus debug tools screenshot)</p>
bleep<p>There’s so much content about being <a href="https://ravenation.club/tags/VanillaJs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VanillaJs</span></a> currently. Like bandwidth is a problem (!), or hiring someone and onboarding them with your custom framework is cost free, or homebrewing your own method of doing something already done well by a framework which has been tested, by millions, is somehow sticking it to the man. if you’re in a position to do that then good for you. however check your privilege whilst you’re doing it and don’t criticise those who aren’t in a position to do the same.</p>
TrendingLive 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