Antwort #7 am: 25. Februar 2021, 17:59:31
Für HTML, CSS und JS kann ich Adobe Brackets empfehlen. Am besten mit dem Plugin "Emmet" (was auch für andere Editoren verfügbar ist). Mit Emmet kann man seinen Code in Abkürzungen, die angelehnt sind an CSS-Syntax, schreiben und automatisch generieren lassen. Mit dabei sind auch Multiplikations-Funktionen, Zähler und ein Blindtext-Generator. Damit kann man in wenigen Zeilen eine gesamte Seiten-Struktur erstellen.
Z.B. aus
html
>(head
>title
{website
})+(body
>(nav
>ul
>li
*5>a
.navlink
{Link$
})+section
#content>div.item*5>(div.title>a)+(div.article>p>lorem)) wird
<html>
<head>
<title>website</title>
</head>
<body>
<nav>
<ul>
<li><a href="" class="navlink">Link1</a></li>
<li><a href="" class="navlink">Link2</a></li>
<li><a href="" class="navlink">Link3</a></li>
<li><a href="" class="navlink">Link4</a></li>
<li><a href="" class="navlink">Link5</a></li>
</ul>
</nav>
<section id="content">
<div class="item">
<div class="title"><a href=""></a></div>
<div class="article">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor exercitationem mollitia totam a, itaque, temporibus ratione beatae, earum sit aut vero molestiae atque obcaecati vitae voluptates suscipit. Beatae, quisquam, saepe.</p>
</div>
</div>
<div class="item">
<div class="title"><a href=""></a></div>
<div class="article">
<p>Laborum laboriosam animi, tenetur consequatur nesciunt molestias voluptate magnam voluptatibus ducimus ut sunt dolorum laudantium ad at inventore iusto saepe eum repellat aliquid ratione optio reiciendis, odit numquam accusamus architecto!</p>
</div>
</div>
<div class="item">
<div class="title"><a href=""></a></div>
<div class="article">
<p>Aut quos eveniet, rerum ad facilis officia, ipsum quam ullam adipisci assumenda, similique incidunt. Architecto veritatis, laborum facere perferendis id saepe aperiam necessitatibus possimus explicabo amet, accusamus doloribus porro inventore.</p>
</div>
</div>
<div class="item">
<div class="title"><a href=""></a></div>
<div class="article">
<p>Quod nihil, tempore ex quas, quos in commodi explicabo dolorum! Quae porro deleniti optio veniam obcaecati dignissimos praesentium consequatur id beatae, nobis eius magnam veritatis ducimus perspiciatis commodi quos maiores.</p>
</div>
</div>
<div class="item">
<div class="title"><a href=""></a></div>
<div class="article">
<p>Quam praesentium dolorum laborum ex eaque quaerat velit eius voluptatum ipsa quo iusto dolorem esse eveniet, repellendus sit repudiandae. Maiores impedit maxime provident deleniti asperiores soluta, modi quos, molestias delectus.</p>
</div>
</div>
</section>
</body>
</html>
