Ana içeriğe atla

Kayıtlar

JAVASCRİPT ANIMATION

HTML CODES  : <div id="container">         <div id="bot-container" onclick="show();">             <div id="text">JS</div>                 <div class="loader a1"></div>                 <div class="loader a2"></div>                 <div class="loader a3"></div>                 <div class="loader a4"></div>         </div>     </div> CSS CODES : body{     margin:0;     padding:0; } #container {     display: block;     position: fixed;     width: 100%;     height: 100%;     background-color: #3c005b;     background: -webkit-radial-gradient(center, ellipse cover, #4e...

HTML Tasarım

Girdiğiniz çoğu sitede, sayfaların gazeteler gibi tasarlandığını görürsünüz. HTML Tasarım - Tabloları Kullanma En çok kullanılan tasarım yöntemi tabloların kullanılmasıdır.Sayfanın bu kısmı gazete gibi iki sütuna ayrılmıştır. Gördüğünüz üzere burada sol ve sağ sütunlar bulunmaktadır. Bu metin, sol sütunda görüntülenmektedir. HTML <table> komutu ile bir sayfayı iki ayrı sütuna bölebiliriz.Tabloları kullanmanın asıl önemini border özelliğini sıfır yapınca görürsünüz. Kullanıcı kenarlık görmez ama sayfa istediğiniz şekilde oturtulmuştur. Buraya ne kadar metin eklediğiniz önemi yoktur. Ne kadar yazarsanız yazın, hepsi bu hücre içerisinde kalacaktır. Aynı Tasarım - Renklendirilmiş En çok kullanılan tasarım yöntemi tabloların kullanılmasıdır.Sayfanın bu kısmı gazete gibi iki sütuna ayrılmıştır. Gördüğünüz üzere burada sol ve sağ sütunlar bulunmaktadır. Bu metin, sol sütunda görüntülenmektedir. HTML <table> komutu ile bir sayfayı iki ayrı sütuna bölebiliriz.Tab...

HTML Uniform Resource Locators (URL)

Uniform Resource Locators (Düzenli Kaynak Konumlandırıcı) Bu terimin Türkçe olarak tam bir karşılığı bulunmamaktadır. URL aşağıdaki dizilime göre kullanılır: scheme :// host.domain : port / path / filename scheme  internet servisinin tipidir. Genellikle kullanılan tip  http  dir. host  alan adının sunucusunu bildirir. Örnek:  www . domain  alan adıdır. Örnek:  htmldersleri.org :port  sunucuya hangi porttan bağlanacağınızı belirtir. http portu  80  olarak sabitlenmiştir. path,  o sunucu içerisindeki alt klasörlere veya direkt bir dosyaya ulaşmak istediğinizde kullanmanız gereken elemandır. filename  ise sunucu içerisinde alt klasörlerde bulunan bir dosyaya direkt ulaşmak isterseniz kullanmanız gereken elemandır. URL İnternet Servis Tipleri Tip (Schemes) Erişim file Kendi lokal bilgisayarınızdaki bir dosyaya ulaşmanızı sağlar. ftp FTP sunucu üzerindeki bir dosyaya ulaşmanızı sağlar. http World Wide We...

CORNER BORDER BUTTON

Html <button class="corner-button">   <span>Click me</span> </button> Css html { box-sizing: border-box; height: 100% } *, *::before, *::after { box-sizing: inherit; } body { font-size: 10px; display: flex; align-items: center; justify-content: center; min-height: 100vh } // ^ resets / layout $bg : #2f2f2f; $fg: #06c17f; $border-width: .5rem; $corner-size: 3rem; $dur: .3s; body {   background: $bg; } .corner-button {   font-family: 'Lato', sans-serif;   letter-spacing: .02rem;   cursor: pointer;   background: transparent;   border: $border-width solid currentColor;   padding: 1.5rem 2rem;   font-size: 2.2rem;   color: $fg;   position: relative;   transition: color $dur;      &:hover {     color: pink;     &::before { width: 0; }     &::after { height: 0; }   }   &:active {     border-width: $border-width / 2;   }  ...

SAYI TAHMIN OYUNU

Algoritma ile ilgili örnek yaparken sonsuz döngüler ile ilgili örneklerde klasik verilen örnektir. Bilgisayarın tuttuğu sayıyı tahmin etme oyunu, bu sefer ki oyun tam tersi olarak hazırlanmıştır. Yani kullanıcının tuttuğu sayıyı bilgisayar tahmin etmeye çalışacaktır.   Kullanıcının Tuttuğu Sayıyı Tahmin Etme Örneğinin Çalışma Mantığı Şu Şekildedir. Başla butonuna basıldığında bilgisayar 0 ile 100 arasında bir sayı söyler. Eğer bilgisayarın tuttuğu sayı kullanıcının zihnindeki sayıdan  küçükse kullanıcı  yukarı   butonuna basarak bilgisayarın daha yüksek bir sayı söylemesini ister. Eğer bilgisayarın tuttuğu sayı kullanıcının zihnindeki sayıdan  büyükse kullanıcı  aşağı  butonuna basarak bilgisayarın daha düşük bir sayı söylemesini ister. Bilgisayar bu iki aralıkta tahmin aralığını daraltarak kullanıcının hangi sayıyı tuttuğunu tahmin etmeye çalışır. Eğer kullanıcının zihnindeki sayı bilgisayarın tuttuğu sayı ile eşleşirse tebrikler deyip, tahmin sayıyıs...