Suref-aɣ, Thimble ur iteddu ara ɣef iminig inek

Thimble iteddu akk ɣef iminigen agi : Firefox, Chrome, Internet Explorer 11, Microsoft Edge, Safari (8+), et Opera.

Eǧǧ-iyi ad ɛeḍeɣ ɣas akka!
Yella lqem amaynut n Thimble. Smiren asebter akken ad twaliḍ ibeddilen.

Asali n usenfaṛ

Asenfaṛ-ik yettban ẓẓay akken ad d-yali.
Ma yella ur d-yuli ara, ales asali n usebter sakin ɛreḍ tikelt-nniḍen.

Thimble ur yezmir ara ad yekker.

Ma ulac aɣilif, ales asali n yiminig-ik akken ad tɛerḍeḍ Thimble tikelt-nniḍen.

I ugar n tuccḍiwin, ldi tadiwent n ifecka n uneflay n iminig-ik.

TAZMILT: MA yella tesseqdaceḍ askar n tunigin tusligt, smiren asebter di tunigin tamagnut.

IFUYLA
  • Rnu afaylu HTML
  • Rnu afaylu CSS
  • Rnu afaylu JavaScript
  • Rnu atuṭuryel
  • Rnu akaram
  • Sali afaylu...
  • Sider ifuyla (.zip)
AMAẒRAG
Sefsax

Rnu tukkist n tengalt

HTML CSS JS
  • Awennit
  • Tafelwit
  • Tabdart ittwazwiren
  • Tabdart ur nettwaseggem
  • Tiferkit
  • Rnu afaylu JavaScript
  • Rnu afaylu CSS
  • Ameγri n tvidyutin
  • Ameγri n imesli
  • Awennit
  • Amsefra n iferdisen s wanaw
  • Amsefran n tneɣrit
  • Amsefran n isulayen
  • Tigratin Keyframe
  • Iɣunab n iseɣwan
  • Media Queries
  • Tisefsiyin
  • Rnu azunaferdis
  • Awennit
  • Tawuri tazadurt
  • Tafelwit
  • Taγawsa
  • Tineddict For
  • Tineddict skud
  • Tanaḍt If...Else
  • Tanaḍt switch
  • Rnu tadyant n usiti
  • Snifel taɣara n CSS
<!-- Rnu awennit-ik dagi -->
<table>
  <tr>
    <th>Iqeṛṛa</th>
    <th>Iqeṛṛa</th>
  </tr>
  <tr>
    <td>Azal</td>
    <td>Azal</td>
  </tr>
</table>

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

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

<form action="" method="get">
  <label for="first-name">Isem amezwaru</label>
  <input id="first-name" type="text" name="firstname"><br>
  <label for="last-name">Isem aneggaru</label>
  <input id="last-name" type="text" name="lastname"><br>
  <input type="submit" value="Azen">
</form>

<script src="script.js"></script>
<!-- Rnu tarekkizt <link> ar ufaylu-ikr HTML. Ad ttwasersent s umata di trekkizt <head> -->
<link href="style.css" rel="stylesheet">

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Iminig agi ur issefrak ara terekkizt n tvidyut
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Iminig agi ur issefrak ara terekkizt n umeslaw.
</audio>

/* Rnu awennit-ik dagi */

p {
  font-size: 20px;
}

.className {
  background-color: green;
}

#idName {
  background-color: green;
}

/* Aferdis fiɣef ara tesnes tigri */
.animated {
  animation-name: animationName;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

/* Tangalt n tigri */
@keyframes animationName {
  0%   { background-color: red;    }
  50%  { background-color: orange; }
  100% { background-color: yellow; }
}

/* Aɣanib azadur */
a:link {
  color: RoyalBlue;
  text-decoration: none;
}

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

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

/* Yettwafeg fell-as */
a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 320px) {
  /* Ilugan yettaddmen ticki tehri n ugdil tugar 320 px */
}

@media screen and (min-width: 321px) and (max-width: 768px) {
  /* Ilugan yettaddmen ticki tehri tella gar 321 px d 768 px px */
}

@media screen and (min-width: 769px) {
 /* Ilugan yettaddmen ticki tehri n ugdil tugar 768 px */
}

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

/* Ad yernu aneccab send yal aferdis s class='arrow' */
.arrow::before {
  content: "→";
  background: DodgerBlue;
  color: white;
}

// Rnu awennit-ik dagi

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

sayHello("Yugurten");

var names = ["Yugurten", "Yuba", "Sifaks"];

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

var names = ["Yugurten", "Yuba", "Sifaks"];
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 = "Yuba";

if (name === "Yuba") {
  console.log("Azul, " + name);
} else if (name === "Sifaks") {
  console.log("Azul, " + name);
} else {
  console.log("Azul, a yabeṛṛani!");
}

var name = "Yuba";

switch(name) {
  case "Yuba":
    console.log("Azul, " + name);
    break;
  case "Sifaks":
    console.log("Azul, " + name);
    break;
  default:
    // Eg kra ma tettwaqbel tewtilt
    console.log("Azul, a yabeṛṛani!");
}
  
// Fren aferdis s id="button"
var element = document.querySelector('#button');

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

// Fren aferdis s id='alert'
var element = document.querySelector('#alert');

element.style.background = "OrangeRed";
  • Teɣzi n uḍris  ()
  • Ini n usentel
  • Tiɣalin tawurmant ɣer uzirig
  • Sireg JavaScript
  • Sken-d tallunt tcebḥant
  • Tibzimin n umdal awurman
  • Tangalt n taččart tawurmant
  • Ẓreg Tugniwin SVG am tengalt
TASKANT AṬUṬURYEL
Awurman

Seffeɣ-d asenfaṛ-ik

Tigi-ḍ kra n usnifel seg mi i d-yeffeɣ usenfaṛ inek.

Snifel lqem i d-yeffɣen

D wa i d aseɣwen i tzemreḍ ad tebḍuḍ...

Kkes lqem id-yeffɣen
Isenfaṛen i d-yeffɣen sran asebter "index.html", ma ulac aɣilif rnu-t sakin wreḍ tikelt-nniḍen. Issin ugar
Sefsex
Suffeɣ-d
Isenfaṛen i d-yeffɣen sran asebter "index.html", ma ulac aɣilif rnu-t sakin wreḍ tikelt-nniḍen. Issin ugar