<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="273635" data-post-id="273635">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="D4no0" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/D4no0/120/33624_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  D4no0
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I think companies like Google will do this at the first opportunity they get. Since their company operates on tracking and fingerprinting their users, the non-tracking enforcement that nowadays becomes more widespread in browsers will kill their ads business slowly, and they will try to push a different technology to the market.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273635" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-273635" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273635"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #31"></div>
  </section>
</div>
    <div class="postbit" id="273645" data-post-id="273645">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="derek-zhou" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/derek-zhou/120/19943_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  derek-zhou
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="coen.bakker" data-post="29" data-topic="52870">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/coen.bakker/48/39732_2.png" class="avatar"> coen.bakker:</div>
<blockquote>
<p>Desktop apps less than before.</p>
</blockquote>
</aside>
<p>It is a sad thing that web applications are killing off cross-platform GUI applications. Single platform native GUI applications will always have their place because of speed and user experience; however, things like Qt, wxWindows, or Java/Swing are having an existence crisis now.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273645" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-273645" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273645"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #32"></div>
  </section>
</div>
    <div class="postbit" id="273655" data-post-id="273655">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcrumm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcrumm/120/23032_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcrumm
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Phoenix Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="D4no0" data-post="32" data-topic="52870">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/d4no0/48/33624_2.png" class="avatar"> D4no0:</div>
<blockquote>
<p>browsers will kill their ads business slowly, and they will try to push a different technology</p>
</blockquote>
</aside>
<p>Said push is already under way <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://privacysandbox.google.com/private-advertising/attribution-reporting/chrome-shipping">
  <header class="source">
      <img src="https://www.gstatic.com/devrel-devsite/prod/v11431966d26d9f049ef61662c2b798f1cdee8af320f1ba0f77a43eee64301d60/privacysandbox/images/favicon.png" class="site-icon" alt="" width="32" height="32">

      <a href="https://privacysandbox.google.com/private-advertising/attribution-reporting/chrome-shipping" target="_blank" rel="noopener nofollow ugc">Privacy Sandbox</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/387;"><img src="https://privacysandbox.google.com/static/privacy-sandbox-for-developers.png" class="thumbnail" alt="" width="690" height="388"></div>

<h3><a href="https://privacysandbox.google.com/private-advertising/attribution-reporting/chrome-shipping" target="_blank" rel="noopener nofollow ugc">Why Chrome shipped the Attribution Reporting API &nbsp;|&nbsp; Privacy Sandbox</a></h3>

  <p>Understand why we shipped this API while it is in incubation in the Web Incubator Community Group.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273655" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-273655" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273655"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #33"></div>
  </section>
</div>
    <div class="postbit" id="273726" data-post-id="273726">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="hubertlepicki" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/hubertlepicki/120/6822_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  hubertlepicki
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Indeed. Even things that were traditionally reserved for OSes like Qnx, and only more recently Linux, where reliability is a key feature that you cannot do without. For example, SpaceX UIs in the Dragon capsule are Chromium and JavaScript based: <a href="https://www.infoq.com/news/2020/06/javascript-spacex-dragon/" class="inline-onebox" rel="noopener nofollow ugc">JavaScript Reaches the Final Frontier: Space - InfoQ</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273726" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-273726" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273726"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #34"></div>
  </section>
</div>
    <div class="postbit" id="273810" data-post-id="273810">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kanishka" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kanishka
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Headed - Don’t attempt to build generic cross platform tools for desktop, Android, ios, and browser, use native tools for each. For web front ends, I would stay with spa’s, but keep accelerating how fast it is to implement rest/graphql clients and accelerate adoption of static types with elm/rescript/etc. I would use more web sockets and pages with real time updates. For back ends, I would want to keep moving towards strong type systems like rust and haskell. I also like the descendants of heroku for simple deployments.</p>
<p>Why - I think attempts at building one tool to create all front ends are overly complex and result in bad experiences for each platform. I like spa’s because they provide a clean separation between rendering and navigation and data retrieval/updates. I don’t see much gain from server rendering, beyond people who want to avoid implementing an API. I like stronger typing to be able to refactor faster.</p>
<p>Shortcomings - js ecosystem creates busy work keeping up with constant churn and identifying and avoiding bugs in libraries. I think elm solves this. There is a lot of effort to implement front ends for each platform, but I think that is an inherent complexity. Graphql feels a little overly complex/bloated and it feels like too much effort to avoid n+1 queries - should be something that steers you away from those by default.</p>
<p>Most important recent developments - growth of rust for backends speeding up adoption of strong typing, native esm to help scale SPA’s more easily, constant innovation with elm ecosystem</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273810" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-273810" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273810"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #35"></div>
  </section>
</div>
    <div class="postbit" id="273946" data-post-id="273946">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mayel" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mayel/120/26431_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mayel
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="derek-zhou" data-post="33" data-topic="52870">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/derek-zhou/48/19943_2.png" class="avatar"> derek-zhou:</div>
<blockquote>
<p>It is a sad thing that web applications are killing off cross-platform GUI applications. Single platform native GUI applications will always have their place because of speed and user experience; however, things like Qt, wxWindows, or Java/Swing are having an existence crisis now.</p>
</blockquote>
</aside>
<p>Thankfully <a href="https://github.com/liveviewnative/" rel="noopener nofollow ugc">LiveView Native</a> is coming to freshen up this space!</p>
<aside class="quote no-group" data-username="kanishka" data-post="36" data-topic="52870">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/k/3e96dc/48.png" class="avatar"> kanishka:</div>
<blockquote>
<p>I think attempts at building one tool to create all front ends are overly complex and result in bad experiences for each platform.</p>
</blockquote>
</aside>
<p>I agree, but if you haven’t looked at LVN yet, it strikes the right balance IMO: you’ll write bespoke UI components for each platform using its native UI framework (Jetpack Compose, SwiftUI, etc).</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273946" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-273946" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273946"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #36"></div>
  </section>
</div>
    <div class="postbit" id="273998" data-post-id="273998">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="brownerd" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/brownerd/120/27931_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  brownerd
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<div class="youtube-onebox lazy-video-container" data-video-id="BKorP55Aqvg" data-video-title="The Expert (Short Comedy Sketch)" data-video-start-time="" data-provider-name="youtube">
  <a href="https://www.youtube.com/watch?v=BKorP55Aqvg" target="_blank" class="video-thumbnail" rel="noopener nofollow ugc">
    <img class="youtube-thumbnail" src="https://img.youtube.com/vi/BKorP55Aqvg/maxresdefault.jpg" title="The Expert (Short Comedy Sketch)" width="690" height="388">
  </a>
</div>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="273998" data-batch-url="/posts/batch_likers">
                        4
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-273998" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="273998"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #37"></div>
  </section>
</div>
    <div class="postbit" id="275293" data-post-id="275293">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="aschrijver" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/aschrijver/120/25895_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  aschrijver
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am very much inspired by the Fediverse. You may have heard of Mastodon, which is a Twitter-like microblogging app and decentralized instances form an ever growing social network. But Mastodon is based on the <a href="https://www.w3.org/TR/activitypub/" rel="noopener nofollow ugc">W3C ActivityPub</a> specification, a standards-based approach to create any type of social networking system and interoperate with other systems.</p>
<p>If you consider our Web 2.0 it is full of interactive multi-user platforms. They are packaged applications, and are like silo’s locking people in. If you consider people collaborating online, this happens on some socio-technical system. Thinking further and considering the Fediverse, we can go much further than what Social Media have to offer us, and we come into “social networking”. This is what humans do for 1,000’s of years and we now also do online. And ideally our online activity fits seamlessly with our day-to-day activity.</p>
<p>What is possible with the Fediverse, that currently exists of <a href="https://delightful.club/delightful-fediverse-apps/" rel="noopener nofollow ugc">many different apps</a>, is to move onto a new paradigm of <em>app-free computing</em> (a term coined by <a href="https://infocentral.org" rel="noopener nofollow ugc">Chris Gebhardt</a>) where <em>social experiences</em> are composed by the services anyone offers on the Fediverse. This is task-oriented, whereby people create tailored social graphs and engage in <em>personal social networking</em>. From social perspective I call this a Peopleverse.</p>
<p>Erlang/Elixir is a perfect fit in this technology vision. ActivityPub is an actor-based protocol with similarities to how email works with inboxes and outboxes where actors exchange messages. These messages are Linked Data (JSON-LD) and you can define your own vocabulary extensions to the protocol to model your particular domain, e.g. Podcasting or Blogging. All decentralized, open to anyone.</p>
<p>A particularly interesting field is in <em>forge federation</em>. MS Github is the forge platform for millions of developers. It is also increasingly a walled garden, locking people in by the portfolio of services they consume. There are alternative forges, such as Gitea and Sourcehut that can be self-hosted. But people can’t find them easily,  and there’s network effects and FOMO keeping people on Github. Now <a href="https://forgefed.org/" rel="noopener nofollow ugc">ForgeFed</a> is an ActivityPub vocabulary extension specification that can change all that, and <a href="https://forgejo.org" rel="noopener nofollow ugc">Forgejo</a> and <a href="https://codeberg.org" rel="noopener nofollow ugc">Codeberg</a> (running on Forgejo) will add federation support.</p>
<p>In the new paradigm of app-free computing it is not just different code forge server instances that will federate, i.e. on an application silo level, but the actual processes will federate. Federated Free Software development that covers the entire software lifecycle! Software development deeply tied to decentralized social networking.</p>
<p>This vision is possible. Many people got their eyes opened to how Social Media can be different, after moving away from Twitter, and delighted by the current Fediverse. They may realize the full potential of decentralized social networking. Yet it is a challenge that requires massive collaboration and co-creation in a grassroots movement. As a final inspiration to this vision I drop this thought-provoking article by <a href="https://mastodon.social/@robin" rel="noopener nofollow ugc">Robin Berjon</a>:</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://berjon.com/internet-transition/">
  <header class="source">
      <img src="https://berjon.com/F93822.png" class="site-icon" alt="" width="32" height="32">

      <a href="https://berjon.com/internet-transition/" target="_blank" rel="noopener nofollow ugc">Robin Berjon</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/242;"><img src="https://berjon.com/internet-transition/trilo-no-alpha.png" class="thumbnail" alt="" width="690" height="242"></div>

<h3><a href="https://berjon.com/internet-transition/" target="_blank" rel="noopener nofollow ugc">The Internet Transition</a></h3>

  <p>The Internet is allowing us to build a richer, more complex society but the way in which we Internet today is failing to support the governance systems that a more complex world requires. I take a look at why these issues are related, try to develop...</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p><strong>Update</strong>: Since this is on the Phoenix Forum category.. how does Phoenix fit into this? When conducting <em>social experience design</em> (SX) and composing federated services into task-oriented solutions, there’s a similar composition need for the UX/UI each of these building blocks provide.</p>
<p>How do we nowadays work on the web? Well, we have numerous different apps with radical different UI’s and they <strong>don’t integrate much</strong>. We context-switch and copy/paste significant amount of time. There are standards for composable UI’s, like Web Components and new ones like <a href="https://blockprotocol.org/" rel="noopener nofollow ugc">Block Protocol</a>. Phoenix Liveview does components really well, and better in each new release.</p>
<p>Where I’d love to see UX/UI going is into new directions, out of familiar ways and exploring creative possiblities. Here I am most inspired by people like <a href="http://worrydream.com/" rel="noopener nofollow ugc">Bret Victor</a> and radical UI design prototypes such as <a href="https://mercuryos.com/" rel="noopener nofollow ugc">MercuryOS</a>.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="275293" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/39">Post #38</a>
	                </div>
	            </div>
              <div id="likers-container-275293" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="275293"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #38"></div>
  </section>
</div>
    <div class="postbit" id="300285" data-post-id="300285">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="nathandiaz" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  nathandiaz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>As for the current shortcomings, one area that needs improvement is web security. With the increasing number of cyber threats, robust security measures are crucial. Additionally, some websites still struggle with accessibility issues, which need to be addressed for inclusivity.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="300285" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/40">Post #39</a>
	                </div>
	            </div>
              <div id="likers-container-300285" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="300285"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #39"></div>
  </section>
</div>
    <div class="postbit" id="363510" data-post-id="363510">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="D4no0" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/D4no0/120/33624_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  D4no0
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>While performance is also a important factor, I think accessibility is a huge concern these days that got to the point that it needs to be addressed.</p>
<p>There is a huge number of sites that are broken on mobile, and because they don’t rely on proper mechanism to decide which version(mobile or desktop) to deliver but on the screen size, it’s impossible to switch to desktop version to temporarily overcome those issues. It got to the point that my business internet banking site suffers from these issues and I had to find a notebook to be able to perform the operations I needed.</p>
<p>I think that there was some people on the forum that were trying to bring some component libraries to phoenix that respect accessibility standards, but I’m not sure they succeeded.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="363510" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/the-state-and-future-of-web-dev-your-vision-wishes-and-celebrations/52870/42">Post #41</a>
	                </div>
	            </div>
              <div id="likers-container-363510" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="363510"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #41"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/52870/load_more?page=5">Load more posts</a>
</div></template></turbo-stream>