<?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: Cyril Reze</title>
    <description>The latest articles on DEV Community by Cyril Reze (@cyrez).</description>
    <link>https://dev.to/cyrez</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%2F630091%2F8a1c5d99-49f2-4c1a-858d-369cdc2beea0.jpg</url>
      <title>DEV Community: Cyril Reze</title>
      <link>https://dev.to/cyrez</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/cyrez"/>
    <language>en</language>
    <item>
      <title>The Tab Advantage</title>
      <dc:creator>Cyril Reze</dc:creator>
      <pubDate>Sat, 24 Feb 2024 15:28:30 +0000</pubDate>
      <link>https://dev.to/cyrez/the-tab-advantage-6ab</link>
      <guid>https://dev.to/cyrez/the-tab-advantage-6ab</guid>
      <description>&lt;h2&gt;
  
  
  Why Tabs Are Better for Indenting Code?
&lt;/h2&gt;

&lt;p&gt;Using tabs or spaces for code indentation can lead to passionate debates among developers. While both methods serve the fundamental purpose of structuring code, there are compelling arguments as to why tabs emerge as the better choice for developers. Let's take a look at why tabs offer distinct advantages over spaces when it comes to code indentation.&lt;/p&gt;




&lt;h3&gt;
  
  
  User Preferences:
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Customization
&lt;/h4&gt;

&lt;p&gt;One tab character corresponds to one level of indentation. You can change tab size in your own editor without breaking indentation.&lt;/p&gt;

&lt;h4&gt;
  
  
  Collaboration
&lt;/h4&gt;

&lt;p&gt;Each teammate, contributor, guest reader can view the code as they want.&lt;/p&gt;




&lt;h3&gt;
  
  
  Enhanced Accessibility:
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Different needs
&lt;/h4&gt;

&lt;p&gt;Keep in mind that visually impaired people have different needs and only the tabs allow them to set their preferences.&lt;/p&gt;

&lt;h4&gt;
  
  
  Refreshable braille displays
&lt;/h4&gt;

&lt;p&gt;Each space wastes one braille cell and takes away valuable braille realestate. This means that 4 spaces for 1 indentation is 4 times more painful than 1 tab for a blind programmer.&lt;br&gt;
&lt;em&gt;Further reading: &lt;a href="https://adamtuttle.codes/blog/2021/tabs-vs-spaces-its-an-accessibility-issue/#addendum"&gt;Addendum: tabs for refreshable braille displays&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Reduced File Size:
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Storage space savings
&lt;/h4&gt;

&lt;p&gt;Since tabs are represented by a single character, they take up less space than the multiple characters required for spaces. In large codebases, this reduction in file size can result in significant savings in storage space and faster file transfer times.&lt;/p&gt;

&lt;h4&gt;
  
  
  Better for the planet 🌱
&lt;/h4&gt;

&lt;p&gt;Additionally, smaller files help reduce CO2 emissions by decreasing power consumption during data transmission, storage and device operation. By adopting tabs, you can play a crucial role in minimizing the environmental impact of digital technologies.&lt;/p&gt;




&lt;h3&gt;
  
  
  Consistency:
&lt;/h3&gt;

&lt;p&gt;Tabs ensure consistent indentation levels across different text editors, Integrated Development Environments (IDEs), and programming languages. They maintain uniformity in code formatting regardless of the user's environment or editor settings.&lt;/p&gt;




&lt;h3&gt;
  
  
  Conlusion:
&lt;/h3&gt;

&lt;p&gt;Using tabs for indentation instead of spaces can enhance user-friendliness by providing customization options, ensuring consistency across environments, reducing cognitive load, and promoting accessibility in code development.&lt;/p&gt;

&lt;p&gt;I'm in Team Tabs for all these reasons.&lt;/p&gt;

</description>
      <category>programming</category>
      <category>webdev</category>
      <category>code</category>
      <category>a11y</category>
    </item>
    <item>
      <title>Twin Hero Banners</title>
      <dc:creator>Cyril Reze</dc:creator>
      <pubDate>Tue, 17 Oct 2023 13:29:39 +0000</pubDate>
      <link>https://dev.to/cyrez/twin-hero-banners-3me</link>
      <guid>https://dev.to/cyrez/twin-hero-banners-3me</guid>
      <description>&lt;p&gt;Demo of a landing page with two hero banners in a fixed position and a navigation bar in between.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cyrez/embed/MWZdMrd?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>webdev</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Nice Little Link Hover Effect</title>
      <dc:creator>Cyril Reze</dc:creator>
      <pubDate>Wed, 04 Oct 2023 17:58:15 +0000</pubDate>
      <link>https://dev.to/cyrez/nice-little-link-hover-effect-2n32</link>
      <guid>https://dev.to/cyrez/nice-little-link-hover-effect-2n32</guid>
      <description>&lt;p&gt;It's a little link hover effect with a chevron arrow and translate3d effect when hovering over the link.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cyrez/embed/LYMgQxQ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Note: do not abuse this type of animation. It is not intended for a link included in text content.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Usage: a link that must stand out from the main content. This is one way of avoiding using a button for the wrong purpose (too often misused). It remains a hyperlink.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>html</category>
      <category>breezycss</category>
    </item>
    <item>
      <title>From the FAANG to the MAANA</title>
      <dc:creator>Cyril Reze</dc:creator>
      <pubDate>Fri, 11 Mar 2022 17:29:23 +0000</pubDate>
      <link>https://dev.to/cyrez/from-the-faang-to-the-maana-115g</link>
      <guid>https://dev.to/cyrez/from-the-faang-to-the-maana-115g</guid>
      <description>&lt;p&gt;"&lt;strong&gt;FAANG&lt;/strong&gt;" is a popular acronym that refers to the &lt;em&gt;stocks of five prominent American technology companies&lt;/em&gt;: &lt;em&gt;Meta&lt;/em&gt; (formerly known as &lt;strong&gt;Facebook&lt;/strong&gt;), &lt;strong&gt;Amazon&lt;/strong&gt;, &lt;strong&gt;Apple&lt;/strong&gt;, &lt;strong&gt;Netflix&lt;/strong&gt; and &lt;em&gt;Alphabet&lt;/em&gt; (formerly known as &lt;strong&gt;Google&lt;/strong&gt;).&lt;/p&gt;

&lt;p&gt;The term FANG was coined by &lt;em&gt;Bob Lang&lt;/em&gt; (of Explosive Options) with commentator &lt;em&gt;Jim Cramer&lt;/em&gt; (host of Mad Money on CNBC), in 2013, who praised these companies for being &lt;em&gt;“totally dominant in their markets”&lt;/em&gt;.&lt;br&gt;
&lt;small&gt;&lt;em&gt;Read: &lt;a href="https://www.cnbc.com/id/100436754" rel="noopener noreferrer"&gt;https://www.cnbc.com/id/100436754&lt;/a&gt;&lt;/em&gt;&lt;/small&gt;&lt;br&gt;
&lt;small&gt;&lt;em&gt;Lang tells the story: &lt;a href="https://www.youtube.com/watch?v=WMEfOg0mowA" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=WMEfOg0mowA&lt;/a&gt;&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;

&lt;p&gt;Originally, the term "FANG" was used, with Apple (the second “A” in the acronym) added in 2017.&lt;/p&gt;




&lt;p&gt;With &lt;strong&gt;Meta&lt;/strong&gt; and &lt;strong&gt;Alphabet&lt;/strong&gt; coming along, time for a new acronym...&lt;/p&gt;

&lt;center&gt;
##Let's name it MAANA!##
&lt;/center&gt;

&lt;p&gt;&lt;a href="https://media.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%2Fi88mhrqgwq7j18ac33bz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fi88mhrqgwq7j18ac33bz.png" alt="From FAANG to MAANA"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Mana&lt;/strong&gt; in its traditional sense means &lt;em&gt;power&lt;/em&gt;, &lt;em&gt;authority&lt;/em&gt;, &lt;em&gt;ownership&lt;/em&gt;, &lt;em&gt;status&lt;/em&gt;, &lt;em&gt;influence&lt;/em&gt;... &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;In Melanesian and Polynesian culture, mana is the spiritual life force energy or healing power that permeates the universe. Anyone or anything can have mana. It is a cultivation or possession of energy and power, rather than being a source of power. It is an intentional force.&lt;/p&gt;

&lt;p&gt;&lt;small&gt;Source: &lt;a href="https://en.wikipedia.org/wiki/Mana" rel="noopener noreferrer"&gt;https://en.wikipedia.org/wiki/Mana&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And &lt;strong&gt;māna&lt;/strong&gt; has some obvious &lt;em&gt;pictorial meaning&lt;/em&gt; when speaking about &lt;em&gt;companies that are totally dominant&lt;/em&gt; in their markets.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;In Māori culture, there are two essential aspects of a person's mana: mana tangata, authority derived from whakapapa (genealogy) and mana huaanga, defined as "&lt;strong&gt;authority derived from having a wealth of resources to gift to others to bind them into reciprocal obligations&lt;/strong&gt;".&lt;/p&gt;

&lt;p&gt;&lt;small&gt;Source: &lt;a href="https://en.wikipedia.org/wiki/Mana" rel="noopener noreferrer"&gt;https://en.wikipedia.org/wiki/Mana&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;Some of you may work for one of those companies.&lt;/p&gt;

&lt;p&gt;So?&lt;br&gt;
&lt;strong&gt;Do you have &lt;em&gt;maana&lt;/em&gt;?&lt;/strong&gt;&lt;/p&gt;




&lt;p&gt;Let's connect on &lt;a href="https://twitter.com/cyrezdev" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;.&lt;br&gt;
&lt;small&gt;&lt;em&gt;Illustrations by Cyril Rezé&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>thoughts</category>
      <category>web2</category>
      <category>faang</category>
    </item>
    <item>
      <title>Don’t Stop Yourself From Starting</title>
      <dc:creator>Cyril Reze</dc:creator>
      <pubDate>Sun, 20 Feb 2022 01:18:52 +0000</pubDate>
      <link>https://dev.to/cyrez/dont-stop-yourself-from-starting-2316</link>
      <guid>https://dev.to/cyrez/dont-stop-yourself-from-starting-2316</guid>
      <description>&lt;p&gt;Have you ever had an &lt;em&gt;idea&lt;/em&gt;, a &lt;em&gt;project&lt;/em&gt;, a &lt;em&gt;concept&lt;/em&gt; &lt;strong&gt;you would like to work on?&lt;/strong&gt; And &lt;em&gt;you never started&lt;/em&gt; it because you thought too long about the how and why? Or &lt;em&gt;did you procrastinate&lt;/em&gt; until that idea was a clear vision in your mind, time passed, and &lt;em&gt;you forgot about it&lt;/em&gt; until, years later, someone else was working on a similar project?&lt;/p&gt;

&lt;p&gt;&lt;em&gt;This has happened to me many times...&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Don't beat yourself up, but learn from it: &lt;strong&gt;don't stop yourself from starting!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy0vphce7w6aen3syd9l1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy0vphce7w6aen3syd9l1.png" alt="Start Today Not Tomorrow" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You will &lt;strong&gt;build something by doing it&lt;/strong&gt;. You won't get a clear picture if you don't work on it to refine a more advanced approach. Time is your friend, and little by little, &lt;strong&gt;with&lt;/strong&gt; &lt;strong&gt;constant and regular work&lt;/strong&gt;, your first draft idea will turn into an evolved project.&lt;/p&gt;

&lt;p&gt;Creation takes time. It can take hours, days, weeks, months, years... don't worry, it's your project and &lt;strong&gt;you can&lt;/strong&gt; &lt;strong&gt;do it any way you want!&lt;/strong&gt; &lt;em&gt;You will have ups and downs, just like everyone else, and that is part of any process.&lt;/em&gt; Stay positive. Stay committed. &lt;strong&gt;Just believe in yourself!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Sometimes starting to work on one idea can push you towards another. That's not a problem! It's an evolution and &lt;em&gt;a mind-building process&lt;/em&gt; that makes your project more advanced than if you had never started it. &lt;strong&gt;Just start.&lt;/strong&gt; You will figure out the rest along the way.&lt;/p&gt;

&lt;p&gt;Think your idea isn't original enough? Don't be so sure, you might be surprised when it matures! And &lt;em&gt;don't stop yourself from failing&lt;/em&gt;, the next time you'll be more experienced. &lt;strong&gt;Create by doing, each step is a step closer to success.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If &lt;strong&gt;you want&lt;/strong&gt; to open a new blog, write articles, create a new design, work on a new framework, develop a new application, launch a new website project &lt;em&gt;or anything else&lt;/em&gt;: &lt;strong&gt;Do It!&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;You don't have to see the whole staircase, just take the first step.&lt;/em&gt;&lt;br&gt;
― Martin Luther King Jr.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That's what I did today, &lt;em&gt;writing my very first article&lt;/em&gt;. It's not perfect, but I'm glad I started writing and shared my thoughts with you.&lt;/p&gt;

&lt;p&gt;Let's connect on &lt;a href="https://twitter.com/cyrezdev"&gt;Twitter&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;small&gt;&lt;em&gt;Illustrations by Cyril Rezé&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>starting</category>
      <category>thoughts</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
