打 Kar覺覺k Notlar

Web programlama i癟in kar覺覺k notlar

潃 Faydal覺 Teknolojiler

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%; 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

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

  • WYSIWYG an覺nda derlenmesine verilen isim

Faydal覺 Ara癟lar

襤lham Verici al覺malar

Karma Linkler

  • Netlify & Heroku 羹cretsiz github entegrasyonlu site sunucular覺