<?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: ala.</title>
    <description>The latest articles on DEV Community by ala. (@alaasyed_).</description>
    <link>https://dev.to/alaasyed_</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%2F3532893%2F5a0c2f67-7724-4447-8565-ae1fdac8d819.jpg</url>
      <title>DEV Community: ala.</title>
      <link>https://dev.to/alaasyed_</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alaasyed_"/>
    <language>en</language>
    <item>
      <title>rel="stylesheet" in &lt;link&gt; tag</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Fri, 24 Oct 2025 11:29:36 +0000</pubDate>
      <link>https://dev.to/alaasyed_/relstylesheet-in-tag-4cm3</link>
      <guid>https://dev.to/alaasyed_/relstylesheet-in-tag-4cm3</guid>
      <description>&lt;p&gt;rel stands for “relationship” — it defines the relationship between the HTML document and the linked file.&lt;/p&gt;

&lt;p&gt;"stylesheet" means the linked file is a CSS stylesheet used to style the page.&lt;/p&gt;



&lt;p&gt;Means: “Link this page to the file style.css, which contains the CSS styles.”&lt;/p&gt;

</description>
      <category>html</category>
      <category>beginners</category>
    </item>
    <item>
      <title>&lt;!doctype html&gt;</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Fri, 24 Oct 2025 11:23:47 +0000</pubDate>
      <link>https://dev.to/alaasyed_/doctype-html-ib2</link>
      <guid>https://dev.to/alaasyed_/doctype-html-ib2</guid>
      <description>&lt;p&gt;&amp;lt;! ... &amp;gt; → means a declaration. It tells the browser: “Pay attention — this is a special declaration, not a regular element of the page.”&lt;/p&gt;

&lt;p&gt;doctype → short for document type.&lt;/p&gt;

&lt;p&gt;&amp;lt;!doctype html&amp;gt; = “Declare that this document is of type HTML5.”&lt;/p&gt;

</description>
      <category>html</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Build it Simple. Build it Smart. End with Excellence.</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Fri, 24 Oct 2025 11:06:17 +0000</pubDate>
      <link>https://dev.to/alaasyed_/build-it-simple-build-it-smart-end-with-excellence-1386</link>
      <guid>https://dev.to/alaasyed_/build-it-simple-build-it-smart-end-with-excellence-1386</guid>
      <description>&lt;p&gt;First Make It Work, Then Make It Better&lt;/p&gt;

&lt;p&gt;Many great creators believe that the best way to build something is to start simple. The goal is not perfection, but to make it &lt;em&gt;work&lt;/em&gt;. Once it’s working, you can improve it step by step — clean the code, refine the design, and make everything smoother.&lt;/p&gt;

&lt;p&gt;This approach helps you move fast, test ideas, and see results early. It’s perfect for creative projects or when you’re still exploring what works best.&lt;/p&gt;

&lt;p&gt;Build It Right From the Start&lt;/p&gt;

&lt;p&gt;On the other hand, some people prefer to plan carefully before doing anything. They design the structure, write clean code, and organize every detail from the beginning. This method takes more time at first but makes the final product solid and professional.&lt;/p&gt;

&lt;p&gt;It’s great for large or long-term projects that need strong foundations.&lt;/p&gt;

&lt;p&gt;The best path is to mix both ideas&lt;/p&gt;

&lt;p&gt;Start with a working version — not messy, but simple and clear enough to build on. &lt;/p&gt;

&lt;p&gt;Then, once it’s stable, return to polish and improve it. This way, you get quick progress &lt;em&gt;and&lt;/em&gt; long-term quality.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>productivity</category>
      <category>cleancode</category>
    </item>
    <item>
      <title>Why Do We Use `target="_blank"` Instead of Something Clearer Like `newTab="yes"`?</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Wed, 22 Oct 2025 13:36:21 +0000</pubDate>
      <link>https://dev.to/alaasyed_/why-do-we-use-targetblank-instead-of-something-clearer-like-newtabyes-1koc</link>
      <guid>https://dev.to/alaasyed_/why-do-we-use-targetblank-instead-of-something-clearer-like-newtabyes-1koc</guid>
      <description>&lt;p&gt;It’s mostly historical — this attribute goes back to the early days of HTML, when web pages used &lt;strong&gt;frames&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Frames allowed a single browser window to display multiple pages at once.  &lt;/p&gt;

&lt;p&gt;Remember &lt;em&gt;The Matrix&lt;/em&gt; — when Neo opens his computer and there are multiple news feeds from different websites moving on the same screen? &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%2Fe0zcmaevuckxos5t7mct.jpg" 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%2Fe0zcmaevuckxos5t7mct.jpg" alt=" " width="800" height="329"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That’s kind of like the &lt;em&gt;frames&lt;/em&gt; I’m talking about.&lt;/p&gt;

&lt;p&gt;Of course, it wasn’t real HTML — it was just a special program made for the movie.&lt;br&gt;&lt;br&gt;
Most likely, it was just a video. 😄&lt;/p&gt;

&lt;p&gt;Back in the 1990s, developers used the &lt;code&gt;target&lt;/code&gt; attribute to decide &lt;em&gt;which frame&lt;/em&gt; a link should open in.&lt;/p&gt;

&lt;p&gt;Later, when browsers needed a way to open a link &lt;strong&gt;outside all frames&lt;/strong&gt;,&lt;br&gt;&lt;br&gt;
they introduced a special keyword: &lt;code&gt;_blank&lt;/code&gt;, meaning &lt;em&gt;“open in a blank, new window.”&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;That’s why we still use &lt;code&gt;target="_blank"&lt;/code&gt; today —&lt;br&gt;&lt;br&gt;
it’s a legacy from the frame era that browsers continue to support for compatibility.&lt;/p&gt;

&lt;p&gt;Today, when we want to build something similar —&lt;br&gt;&lt;br&gt;
like displaying multiple sections or interactive areas on the same page —&lt;br&gt;&lt;br&gt;
we just use &lt;strong&gt;CSS&lt;/strong&gt; and &lt;strong&gt;JavaScript&lt;/strong&gt;, not HTML frames.&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%2Fkhtvg366y1pn9qr67ler.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%2Fkhtvg366y1pn9qr67ler.png" alt=" " width="800" height="254"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A modern example is the X Pro feature on Twitter or X Premium (Fuck Elon) &lt;br&gt;
shows multiple dynamic sections and updates anchor links on the same page.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>html</category>
      <category>webdev</category>
    </item>
    <item>
      <title>"_blank"</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Wed, 22 Oct 2025 12:25:10 +0000</pubDate>
      <link>https://dev.to/alaasyed_/blank-5a0g</link>
      <guid>https://dev.to/alaasyed_/blank-5a0g</guid>
      <description>&lt;p&gt;In an anchor tag &amp;lt; a &amp;gt;, which marks the spot to decide what ship to sail to, &lt;br&gt;
we use the attribute target="_blank". — UX tip: Open new tabs only when it helps users return easily to their original page.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>This is web development is a nutshell.</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Wed, 22 Oct 2025 11:57:49 +0000</pubDate>
      <link>https://dev.to/alaasyed_/this-is-web-development-is-a-nutshell-2kh</link>
      <guid>https://dev.to/alaasyed_/this-is-web-development-is-a-nutshell-2kh</guid>
      <description>&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%2Fhhica87n970hnk0y4r5r.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%2Fhhica87n970hnk0y4r5r.PNG" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>The Anchor tag &lt;a&gt; be like: I mark the spot — href sails to another ship.</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Wed, 22 Oct 2025 11:53:29 +0000</pubDate>
      <link>https://dev.to/alaasyed_/the-anchor-tag-be-like-i-mark-the-spot-href-sails-to-another-ship-2do4</link>
      <guid>https://dev.to/alaasyed_/the-anchor-tag-be-like-i-mark-the-spot-href-sails-to-another-ship-2do4</guid>
      <description></description>
      <category>beginners</category>
      <category>html</category>
      <category>webdev</category>
    </item>
    <item>
      <title>index.html</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Wed, 22 Oct 2025 06:13:04 +0000</pubDate>
      <link>https://dev.to/alaasyed_/indexhtml-p6o</link>
      <guid>https://dev.to/alaasyed_/indexhtml-p6o</guid>
      <description>&lt;p&gt;The word index literally means "table of contents" or "main list" in a book, and in a website, index.html refers to the first or main page — the home page.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>HTML (HyperText Markup Language)</title>
      <dc:creator>ala.</dc:creator>
      <pubDate>Mon, 20 Oct 2025 07:34:57 +0000</pubDate>
      <link>https://dev.to/alaasyed_/html-hypertext-markup-language-2bpg</link>
      <guid>https://dev.to/alaasyed_/html-hypertext-markup-language-2bpg</guid>
      <description>&lt;p&gt;'Hyper' refers to text that goes beyond linear reading — for example, text that can contain links connecting to other pages, making it interactive.&lt;/p&gt;

&lt;p&gt;'Markup' refers to the special tags used to define the structure and elements of the text, such as &lt;code&gt;&amp;lt;h&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;'Language' indicates that it follows specific rules and syntax that web  browsers can understand in order to display web pages properly.&lt;/p&gt;

</description>
      <category>html</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
