Ikona promoční čepice
Tutoriály
Přehledné tutoriály se vším co potřebujete. Díky našim tutoriálům, které obsahují nejen text, ale také příklady kódu, či už hotový kód pro danou látku, tipy, upozornění, obrázky a mnoho dalšího, se naučíte látku raz dva.
Přejít na tutoriály Šipka doprava

Tutoriály jsou navrženy tak, aby uživatel nebyl látkou přehlcen a byl schopen se učit postupně. Doplněno vysvětlivkami a kopírováním kódu, učení jde samo.

main .page div#text {
 display: flex;
 flex-direction: column;
 gap: 5px;
 color: #EAEAEA;
}
  
<section id="links">
 <a href="https://discord.gg/qsmZ6WFx2S">
  <div id="discord">
   <img src="/img/logo/discord.svg">
  </div>
  <div class="popis">
   <h2>Link na náš Discord!</h2>
  </div>
 </a>
</section>

Jako většina editorů kódu, má i naše stránka zvýrazňování syntaxí jednotlivých jazyků, aby bylo vše přehlednější a lépe pochopitelné. Od tagů, přes proměnné, po funkce.

Ikona kódu, znaménko větší než, lomítko a znaménko menší než
Seznamy
Seznamy všech tagů, atributů a hodnot. K dispozici popořadě a přehledně. Potřebovali jste někdy najít jaký má daný tag parametry, nebo například znovuobjevit zapomenuté tagy, které zefektivní Váš kód? Od toho jsou tu seznamy.
Prohlédnout si seznamy Šipka doprava
<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body>
value valueOf() var warn watchPosition() which width view void while write() writeln() yield

Každý jazyk obsahuje velké množství funkcí, proměnných, selektorů, tagů, tříd…, které se neustále vyvíjí.

Od toho jsou tu pro Vás naše seznamy, ve kterých všechny tyto pojmy naleznete a nebude muset dlouze vzpomínat co a jak se psalo, či dělalo. Pohromadě, přehledně a pravidelně aktualizováno, aby Vám nic neuniklo.

Ikona žárovky
Tipy & triky
Zjednodušení, nebo jen detail… Naše tipy & triky Vám pomohou zjednodušit příkazy v programování, neprotahovat webové stránky nebo například sjednotit CSS vlastnosti do jednoho řádku.
Podívat se na tipy & triky Šipka doprava

V této kategorii naleznete přehledně vysvětlené návody na často vyskytující se části webů, mezi ně patřící rozbalovací navigace, šablonová rozložení webu a podobně, ale také články, které se zaměří na zefektivnění kódu.

(function activePage() {
 const currentPageUrl = window.location.href;
 const navLinks = document.querySelectorAll('a');
 
 navLinks.forEach(link => {
  if (link.href === currentPageUrl) {
   link.classList.add('active');
  }
 });
})();

Vše podrobně popsané s dostupnými kódy, které lze snadno zkopírovat kliknutím na tlačítko a použít; s vysvětlením a odůvodněním, proč tomu tak je.

<div id="wrap">
 <img src="icon-lightbulb.svg" alt="Ikona žárovky">
 <p>
  <span>Tipy & triky</span>
  pro rychlejší kódování!
 </p>
</div>
A to vše na jedné webové stránce… Vezmi mě na náhodnou stránku! Šipka doprava