Bohužel Thimble we wašim wobhladowaku njefunguje

Thimble funguje we wšěch slědowacych wobhladowakach: Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+), a Opera.

Chcu jón najebać toho wupruwować!
Thimble ma aktualizacije - Prošu aktualizujće napohlad swojeho wobhladowaka znowa, zo byšće najnowše změny dóstał.

Projekt so začituje

Zda so, zo waš projekt wjele časa trjeba, zo by so začitał.
Jeli so njezačita, začitajće prošu stronu znowa, zo byšće hišće raz spytał.

Thimble njeda so startować.

Prošu startujće swój wobhladowak znowa, zo byšće Thimble znowa začitać.

Wočińće konsolu wuwiwarskich nastrojow wobhladowaka za zmylkowe podrobnosće.

POKIW: Jeli priwatny modus wužiwaće, začitujće w normalnym modusu znowa.

DATAJE
  • HTML-dataju přidać
  • CSS-dataju přidać
  • JavaScriptowu dataju přidać
  • Nawod přidać
  • Rjadowak přidać
  • Dataju nahrać...
  • Dataje sćahnyć (.zip)
EDITOR
Cofnyć

Kodowy šlapku zasadźić

HTML CSS JS
  • Komentar
  • Tabela
  • Zrjadowana lisćina
  • Njerjadowana lisćina
  • Formular
  • Dataju JavaScript přidać
  • CSS-dataju přidać
  • Widejowothrawak
  • Awdiowothrawak
  • Komentar
  • Selektor elementoweho typa
  • Klasowy selektor
  • ID-selektor
  • Animacija keyframe
  • Wotkazowe stile
  • Medijowe naprašowanja
  • Pisma
  • Pseudoelement přidać
  • Komentar
  • Zakładna funkcija
  • Polo
  • Objekt
  • Sekla For
  • Sekla While
  • Wuprajenje Jeli...hewak
  • Wuprajenje přepinać
  • Kliknjenski podawk přidać
  • CSS-kajkosć změnić
<!-- Přidajće tu swój komentar -->
<table>
  <tr>
    <th>Nadpismo</th>
    <th>Nadpismo</th>
  </tr>
  <tr>
    <td>Hódnota</td>
    <td>Hódnota</td>
  </tr>
</table>

<ol>
  <li>Zapisk 1</li>
  <li>Zapisk 2</li>
  <li>Zapisk 3</li>
</ol>

<ul>
  <li>Zapisk 1</li>
  <li>Zapisk 2</li>
  <li>Zapisk 3</li>
</ul>

<form action="" method="get">
  <label for="first-name">Předmjeno</label>
  <input id="first-name" type="text" name="firstname"><br>
  <label for="last-name">Swójbne mjeno</label>
  <input id="last-name" type="text" name="lastname"><br>
  <input type="submit" value="Wotpósłać">
</form>

<script src="script.js"></script>
<!-- Přidajće swojej HTML-dataji značku <link>. Zwjetša wona do znački <head> słuša -->
<link href="style.css" rel="stylesheet">

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Waš wobhladowak element video njepodpěruje.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Waš wobhladowak element audio njepodpěruje.
</audio>

/* Přidajće tu swój komentar */

p {
  font-size: 20px;
}

.className {
  background-color: green;
}

#idName {
  background-color: green;
}

/* Element, na kotryž ma so animacija nałožić */
.animated {
  animation-name: animationName;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

/* Žórłowy kod animacije */
@keyframes animationName {
  0%   { background-color: red;    }
  50%  { background-color: orange; }
  100% { background-color: yellow; }
}

/* Zakładny stil */
a:link {
  color: RoyalBlue;
  text-decoration: none;
}

/* Wopytane */
a:visited {
  color: Orchid;
}

/* Aktiwne */
a:active {
  color: OrangeRed;
}

/* Přejědźene */
a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 320px) {
  /* Prawidła, hdyž wobrazowka je šěroka hač do 320 px */
}

@media screen and (min-width: 321px) and (max-width: 768px) {
  /* Prawidła, hdyž wobrazowka je šěroka mjez 321 px a 768 px */
}

@media screen and (min-width: 769px) {
 /* Prawidła, hdyž wobrazowka je šěrša hač 768 px */
}

@font-face {
  font-family: myFirstFont;
  src: url(sansation_bold.woff);
  font-weight: bold;
}

/* Přidawa šipk před kóždym elementom z class='arrow' */
.arrow::before {
  content: "→";
  background: DodgerBlue;
  color: white;
}

// Přidajće tu swój komentar

function sayHello(name) {
  console.log("Witaj, " + name);
}

sayHello("David");

var names = ["David", "Robert", "Kata"];

var person = {
  name: "Robert",
  skills: ["JS", "HTML"]
};

var names = ["David", "Robert", "Kata"];
var name;

for (var i = 0; i < names.length; i++) {
  name = names[i];
  console.log(name);
}

var count = 5;

while (count > 0) {
  console.log(count);
  count = count - 1;
}

var name = "Robert";

if (name === "Robert") {
  console.log("Witaj, " + name);
} else if (name === "Kata") {
  console.log("Witaj, " + name);
} else {
  console.log("Witaj cuzbniko!");
}

var name = "Robert";

switch(name) {
  case "Robert":
    console.log("Witaj, " + name);
    break;
  case "Kata":
    console.log("Witaj, " + name);
    break;
  default:
    // Čińće něšto, hdyž žane wuměnjenje spjelnjene njeje
    console.log("Witaj cuzbniko!");
}
  
// Wubjerće element z id="button"
var element = document.querySelector('#button');

element.addEventListener("click", function() {
  console.log("Click!");
});

// Element z id='alert' wubrać
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • Tekstowa wulkosć  ()
  • Barbowa drasta
  • Dołhe linki łamać
  • JavaScript zmóžnić
  • Prózdny rum pokazać
  • Znački awtomatisce začinić
  • Kod awtomatisce wudospołnić
  • SVG-wobrazy jako kod wobdźěłać
PŘEHLAD NAWOD
Awtomatisce

Wozjewće swój projekt

Sće změny přewjedł wot toho, zo sće tutón projekt posledni raz wozjewił.

Wozjewjenu wersiju aktualizować

Tu je wotkaz, kotryž móžeće dźělić...

Wozjewjenu wersiju zhašeć
Prošu přidajće dataju "index.html", prjedy hač swój projekt wozjewiće. Dalše informacije
Přetorhnyć
Wozjewić