<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Allisson Faiad</title>
    <description>The latest articles on DEV Community by Allisson Faiad (@allisson_faiad_e49f3d51b9).</description>
    <link>https://dev.to/allisson_faiad_e49f3d51b9</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3683462%2F334aca3d-2dbb-4a8a-813c-fddbc0de0efa.jpg</url>
      <title>DEV Community: Allisson Faiad</title>
      <link>https://dev.to/allisson_faiad_e49f3d51b9</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/allisson_faiad_e49f3d51b9"/>
    <language>en</language>
    <item>
      <title>Vibe Coding Is Real: Why Small Tools Beat Big Frameworks Sometimes</title>
      <dc:creator>Allisson Faiad</dc:creator>
      <pubDate>Wed, 07 Jan 2026 11:48:07 +0000</pubDate>
      <link>https://dev.to/allisson_faiad_e49f3d51b9/vibe-coding-is-real-why-small-tools-beat-big-frameworks-sometimes-1ek9</link>
      <guid>https://dev.to/allisson_faiad_e49f3d51b9/vibe-coding-is-real-why-small-tools-beat-big-frameworks-sometimes-1ek9</guid>
      <description>&lt;p&gt;Something interesting is happening in frontend and indie dev circles lately.&lt;/p&gt;

&lt;p&gt;People aren’t talking about &lt;em&gt;the best stack&lt;/em&gt; anymore.&lt;br&gt;
They’re talking about &lt;strong&gt;how it felt to build something&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;That’s where “vibe coding” comes in — and no, it’s not laziness or lack of skill. It’s a reaction.&lt;/p&gt;




&lt;h2&gt;
  
  
  So… what does “vibe coding” actually mean?
&lt;/h2&gt;

&lt;p&gt;Vibe coding isn’t about ignoring best practices.&lt;br&gt;
It’s about &lt;strong&gt;starting with momentum instead of architecture diagrams&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;You open your editor with a clear intention:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“I want to solve &lt;em&gt;this one problem&lt;/em&gt;.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;No roadmap. No premature abstractions.&lt;br&gt;
Just flow, feedback, and shipping.&lt;/p&gt;

&lt;p&gt;Most vibe-coded projects start with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A single itch&lt;/li&gt;
&lt;li&gt;A weekend&lt;/li&gt;
&lt;li&gt;A refusal to overthink&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And surprisingly often, they &lt;em&gt;work&lt;/em&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why tiny tools are having a moment
&lt;/h2&gt;

&lt;p&gt;Developers are tired. Not burned out — &lt;strong&gt;overloaded&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Overloaded with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Boilerplate&lt;/li&gt;
&lt;li&gt;Config files&lt;/li&gt;
&lt;li&gt;Infra decisions before the first feature&lt;/li&gt;
&lt;li&gt;Framework opinions you didn’t ask for&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Tiny tools feel refreshing because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;They load instantly (mentally and technically)&lt;/li&gt;
&lt;li&gt;You understand the whole system&lt;/li&gt;
&lt;li&gt;There’s no “framework tax”&lt;/li&gt;
&lt;li&gt;Every line of code has a purpose&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A tool that does &lt;em&gt;one thing well&lt;/em&gt; is easy to trust — and easy to maintain.&lt;/p&gt;




&lt;h2&gt;
  
  
  Shipping fast beats perfect architecture (most of the time)
&lt;/h2&gt;

&lt;p&gt;Perfect architecture is amazing… when you actually need it.&lt;/p&gt;

&lt;p&gt;But most ideas die long before scale becomes a real problem.&lt;/p&gt;

&lt;p&gt;Vibe coding flips the priority:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Does it work?&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Is it useful?&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Would someone else care?&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can refactor later.&lt;br&gt;
You can rewrite later.&lt;br&gt;
You can add infra later.&lt;/p&gt;

&lt;p&gt;What you can’t recover is &lt;strong&gt;lost momentum&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  When heavy stacks are just… heavy
&lt;/h2&gt;

&lt;p&gt;Frameworks like Next, SSR setups, complex backends — they’re powerful tools.&lt;/p&gt;

&lt;p&gt;They’re also &lt;strong&gt;expensive decisions&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Not in money, but in:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Cognitive load&lt;/li&gt;
&lt;li&gt;Setup time&lt;/li&gt;
&lt;li&gt;Maintenance&lt;/li&gt;
&lt;li&gt;Mental friction&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If your project:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Doesn’t need SEO&lt;/li&gt;
&lt;li&gt;Doesn’t need auth&lt;/li&gt;
&lt;li&gt;Doesn’t need persistence&lt;/li&gt;
&lt;li&gt;Doesn’t need scale (yet)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Then pulling in heavy infra isn’t engineering — it’s hesitation disguised as professionalism.&lt;/p&gt;

&lt;p&gt;Sometimes the best stack is:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Browser + APIs + ship.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  The magic of tools that solve one problem well
&lt;/h2&gt;

&lt;p&gt;The most loved tools usually share one trait:&lt;br&gt;
&lt;strong&gt;clarity of purpose&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;No dashboards.&lt;br&gt;
No feature creep.&lt;br&gt;
No “platform”.&lt;/p&gt;

&lt;p&gt;Just:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Input&lt;/li&gt;
&lt;li&gt;Action&lt;/li&gt;
&lt;li&gt;Output&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;When a tool does one thing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Users understand it instantly&lt;/li&gt;
&lt;li&gt;Bugs are easier to reason about&lt;/li&gt;
&lt;li&gt;The UX almost designs itself&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is where vibe coding shines the most.&lt;/p&gt;




&lt;h2&gt;
  
  
  A small example from my own experiments
&lt;/h2&gt;

&lt;p&gt;One of my recent vibe-coded projects was a &lt;strong&gt;browser-only image tool&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;No backend.&lt;br&gt;
No uploads.&lt;br&gt;
No accounts.&lt;/p&gt;

&lt;p&gt;Just browser APIs doing their job.&lt;/p&gt;

&lt;p&gt;It started as a quick experiment — and turned out to be &lt;em&gt;surprisingly useful&lt;/em&gt;. Not because it’s complex, but because it gets out of the way and lets the browser do the work.&lt;/p&gt;

&lt;p&gt;That’s the quiet power of vibe coding:&lt;br&gt;
you build less, and users get more.&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>productivity</category>
      <category>vibecoding</category>
    </item>
    <item>
      <title>WebP in 2026: Why Frontend Devs Should Care Again</title>
      <dc:creator>Allisson Faiad</dc:creator>
      <pubDate>Mon, 05 Jan 2026 17:54:29 +0000</pubDate>
      <link>https://dev.to/allisson_faiad_e49f3d51b9/webp-in-2026-why-frontend-devs-should-care-again-1l44</link>
      <guid>https://dev.to/allisson_faiad_e49f3d51b9/webp-in-2026-why-frontend-devs-should-care-again-1l44</guid>
      <description>&lt;p&gt;Image formats rarely feel exciting — until performance, privacy, and user experience collide. In 2026, &lt;strong&gt;WebP is quietly becoming relevant again&lt;/strong&gt;, especially for frontend developers who care about speed, Core Web Vitals, and client-side architecture.&lt;/p&gt;

&lt;p&gt;This isn’t about chasing trends. It’s about &lt;strong&gt;making smarter trade-offs&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why Image Formats Still Matter in 2026
&lt;/h2&gt;

&lt;p&gt;Despite better networks and devices, images are still the &lt;strong&gt;largest contributors to page weight&lt;/strong&gt; on the web. According to most performance audits, images routinely account for &lt;strong&gt;40–60% of total payload size&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;What changed in 2026 isn’t the problem — it’s the expectations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Users expect &lt;strong&gt;instant loading&lt;/strong&gt;, even on mobile&lt;/li&gt;
&lt;li&gt;Google continues to prioritize &lt;strong&gt;LCP and INP&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Privacy-conscious users are more skeptical of unnecessary uploads&lt;/li&gt;
&lt;li&gt;Frontend stacks increasingly favor &lt;strong&gt;client-side processing&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In this context, image format decisions directly impact:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Load time&lt;/li&gt;
&lt;li&gt;Bandwidth usage&lt;/li&gt;
&lt;li&gt;Server costs&lt;/li&gt;
&lt;li&gt;Privacy guarantees&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That’s where WebP fits back into the conversation.&lt;/p&gt;




&lt;h2&gt;
  
  
  WebP vs JPG and PNG (With Real Numbers)
&lt;/h2&gt;

&lt;p&gt;WebP isn’t new — but its &lt;strong&gt;practical advantages are still underestimated&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Here’s what real-world comparisons usually show:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;WebP vs JPG&lt;/strong&gt;&lt;br&gt;
WebP images are typically &lt;strong&gt;25–35% smaller&lt;/strong&gt; at comparable visual quality.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;WebP vs PNG&lt;/strong&gt;&lt;br&gt;
For images with transparency, WebP can be &lt;strong&gt;60–80% smaller&lt;/strong&gt; than PNG.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example (common scenario):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;JPG hero image: ~420 KB&lt;/li&gt;
&lt;li&gt;Same image in WebP: ~280 KB&lt;/li&gt;
&lt;li&gt;Savings: &lt;strong&gt;~33%&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Multiply that by multiple images per page, and the impact on &lt;strong&gt;LCP and mobile data usage&lt;/strong&gt; becomes obvious.&lt;/p&gt;

&lt;p&gt;Additionally, WebP supports:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lossy and lossless compression&lt;/li&gt;
&lt;li&gt;Transparency&lt;/li&gt;
&lt;li&gt;Metadata stripping&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All in a single format that’s now &lt;strong&gt;universally supported by modern browsers&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Client-Side vs Server-Side Image Conversion
&lt;/h2&gt;

&lt;p&gt;Traditionally, image optimization happens on the server:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Upload image&lt;/li&gt;
&lt;li&gt;Process with libraries or cloud services&lt;/li&gt;
&lt;li&gt;Store multiple variants&lt;/li&gt;
&lt;li&gt;Serve via CDN&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This still works — but it comes with trade-offs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Increased server load&lt;/li&gt;
&lt;li&gt;Storage duplication&lt;/li&gt;
&lt;li&gt;Privacy concerns (user uploads)&lt;/li&gt;
&lt;li&gt;Infrastructure complexity&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  The Client-Side Shift
&lt;/h3&gt;

&lt;p&gt;In 2026, browsers are powerful enough to handle image conversion locally using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Canvas API&lt;/li&gt;
&lt;li&gt;Web Workers&lt;/li&gt;
&lt;li&gt;Modern image encoding APIs&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Client-side conversion means:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;No uploads&lt;/li&gt;
&lt;li&gt;No backend processing&lt;/li&gt;
&lt;li&gt;No image storage&lt;/li&gt;
&lt;li&gt;Instant feedback for users&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For tools, utilities, and developer-facing products, this approach is often:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Faster&lt;/li&gt;
&lt;li&gt;Cheaper&lt;/li&gt;
&lt;li&gt;More privacy-friendly&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It doesn’t replace server-side optimization for large platforms — but it’s an excellent fit for many frontend use cases.&lt;/p&gt;




&lt;h2&gt;
  
  
  Performance and Privacy: The Overlooked Combo
&lt;/h2&gt;

&lt;p&gt;Performance and privacy are often treated as separate concerns. With client-side WebP conversion, they align naturally.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Performance gains:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Smaller assets&lt;/li&gt;
&lt;li&gt;Faster page loads&lt;/li&gt;
&lt;li&gt;Better Core Web Vitals&lt;/li&gt;
&lt;li&gt;Less bandwidth usage&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Privacy benefits:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Images never leave the user’s device&lt;/li&gt;
&lt;li&gt;No third-party processing&lt;/li&gt;
&lt;li&gt;No data retention risk&lt;/li&gt;
&lt;li&gt;Easier compliance with privacy expectations&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For developers building tools, SaaS dashboards, or public utilities, this combination is becoming increasingly attractive.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;WebP isn’t about being trendy in 2026. It’s about being &lt;strong&gt;pragmatic&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;When you combine:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Broad browser support&lt;/li&gt;
&lt;li&gt;Significant file size reductions&lt;/li&gt;
&lt;li&gt;Client-side processing capabilities&lt;/li&gt;
&lt;li&gt;Privacy-first UX&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;WebP becomes less of a “format choice” and more of a &lt;strong&gt;frontend optimization baseline&lt;/strong&gt;.&lt;/p&gt;




&lt;p&gt;I ended up building a small &lt;strong&gt;client-side image-to-WebP converter&lt;/strong&gt; to experiment with this approach locally — no uploads, just browser APIs.&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;&lt;a href="https://imagetowebp.app/en/" rel="noopener noreferrer"&gt;https://imagetowebp.app/en/&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0yeghzfsmhfh099xo1nn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0yeghzfsmhfh099xo1nn.png" alt="Image to Webp Converter Site" width="800" height="515"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>performance</category>
      <category>ux</category>
      <category>webdev</category>
    </item>
    <item>
      <title>WebP in 2026: reduce image size by 60–80% (client-side)</title>
      <dc:creator>Allisson Faiad</dc:creator>
      <pubDate>Mon, 29 Dec 2025 04:32:18 +0000</pubDate>
      <link>https://dev.to/allisson_faiad_e49f3d51b9/webp-in-2025-reduce-image-size-by-60-80-client-side-23ek</link>
      <guid>https://dev.to/allisson_faiad_e49f3d51b9/webp-in-2025-reduce-image-size-by-60-80-client-side-23ek</guid>
      <description>&lt;p&gt;I built a client-side image to WebP converter (no uploads, runs locally) because I needed fast conversions + batch zip.&lt;br&gt;
It supports JPG/PNG → WebP, adjustable quality, and bulk conversion.&lt;br&gt;
If anyone wants to test it: &lt;a href="https://www.imagetowebp.app/en/image-to-webp" rel="noopener noreferrer"&gt;https://www.imagetowebp.app/en/image-to-webp&lt;/a&gt;&lt;br&gt;
Feedback welcome: what else would you add?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>design</category>
      <category>webdesign</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
