打 Web Programlama Kar覺覺k Notlar

zensiz, h覺zl覺ca yaz覺lan notlar覺m

CSS Notlar覺

  • width: 1vw Ekran覺n geniliinin 100'de 1'ini temsil eder

  • height: 1vh Ekran覺n y羹ksekliinin 100'de 1'ini temsil eder

  • em, rem Fonta oranla boyut belirtme

Faydal覺 Linkler

Arkaplaba Ortalanm覺 Resim Ekleme

.add-image {
background-image: url(url);
background-size: cover; /* <------ */
background-repeat: no-repeat;
background-position: center center;
}

Ekran覺n Tam Ortas覺na Alma

.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}

襤癟eriklerini Merkeze konumland覺rma

.centered-content {
display: flex;
align-items: center;
justify-content: center;
}

Animasyon (Transition)

T羹m eylemleri i癟in animasyon

transition: all 1.1s ease-in-out;

VsCode Eklentileri

Ad覺

A癟覺klama

Html Preview

Html kodlar覺n覺 繹n izlemeyi salar

Code Runner

Edit繹r'e 癟al覺t覺r butonu ekler

Code runner ek ayar覺

HTML dosyalar覺n覺 taray覺c覺 ile 癟al覺t覺rmak i癟in alttaki kodu vscode json ayarlar覺na eklemeniz gerekmekte.

"code-runner.executorMap": {
"html": "start $fileName"
}

Web Automation (Web Otomasyaonu)

Web otomasyonu i癟in selenium ide kullan覺lmaktad覺r.

  • Chrome i癟in eklentisini buraya t覺klayarak indirebilirsin.

  • rnek video i癟in buraya bakabilirsin.

Faydal覺 Bileenler

Faydal覺 Ara癟lar

襤lham Verici al覺malar

Karma Linkler