Kategori: HTML

responsive 0

Responsive Web Tasarım Resimler

Responsive web tasarım yaparken resimlere göreceli değer (width: 100%) vererek resimleri responsive yapabiliriz. img {     width: 100%;     height: auto; } <img src=”https://unsplash.it/500″ alt=”Grrr” /> Tarayıcı genişliği resim genişliğinden daha geniş olursa resim...

responsive 0

Responsive Web Tasarım viewport Nedir?

Viewport veya Türkçe karşılığı görünüm/görüş alanı web sayfasının kullanıcı tarafından görünen alanıdır. Web sayfasının görünüm alanı kullanılan cihaza göre değişir. Örneğin; cep telefonu ve tabletin görünüm alanı masaüstü bilgisayarın görünüm alanından küçüktür. HTML meta...

HTML 5 0

HTML5 form Elemanları

Kullanıcıdan bilgi alan ve sunucuya aktaran form etiketine veri girişi yapan input, select, textarea ve düğme görevi gören buton hakkında bilgi verdikten sonra, HTML5 ile birlikte gelen yeni form elemanları örneklerle açıkladım. HTML <input>...

HTML 5 0

HTML5 input Tipleri

Form giriş etiketlerinden en fazla kullanılan input etiketi tipleri hakkında bilgi verdim, ayrıca HTML5 ile gelen yeni input tiplerini de yazımda bulabilirsiniz. Bu yazımda <input> etiketi için farklı giriş tiplerini açıkladım. HTML input text...

HTML 5 0

HTML5 input Özellikleri

HTML’ de kullanılan ve HTML5 ile birlikte yeni gelen input özellikleri açıkladım, yeni gelen özelliklerin hangi input tipi için kullanılabileceği hakkında bilgi verdim. HTML input value özelliği <input /> etiketi value özelliği, etiketin varsayılan/başlangıç...

HTML 5 0

HTML5 Web Workers

JavaScript komutlarının uzun süre almasından kaynaklanan sorunu çözmek için geliştirilen web workers yani web işçileri metotlarını verdikten sonra bir örnekle açıkladım. HTML5 Web Workers nedir Bir HTML sayfasında JavaScript komutu yürütülürken, komut bitene kadar...

HTML 5 0

HTML5 Web Storage

HTML5 web storage, ne olduğu, nerede kullanıldığı ve tarayıcı desteği bilgisini verdikten sonra local storage kullanımı ve session storage kullanımını örneklerle anlattım. HTML5 web storage nedir Web Storage web uygulamaları geliştirmek ve verileri tarayıcıda...

HTML 5 0

HTML5 Sürükle Bırak

HTML5 öncesinde yaygın olarak kullanılan sürükle bırak özelliği, HTML5 ile artık daha kolay hale gelmiştir. HTML5 sürükle bırak yazımda, tarayıcı desteği, nesneleri taşınabilir yapmayı anlattım. HTML5 sürükle bırak Sürükle bırak yöntemi yaygın olarak kullanılan...

HTML 5 0

HTML5 Geolocation

HTML5 ile birlikte gelen, kullanıcı konumu bulmayı sağlayan Geolocation API kullanımı ile konum bilgilerini almayı ve alınan bilgilerle harita üzerinde konum göstermeyi anlattım. HTML5 Geolocation API sayfanızı ziyaret eden kullanıcının konumunu bulmak için kullanılır....

HTML 5 0

HTML5 SVG

HTML sayfalarında vektörel grafik çizimi yapmak kullanılan SVG dilinin ne olduğu ve SVG kullanımını çeşitli SVG örnekleri ile anlattım. SVG dili ve HTML5 canvas arasındaki farklarıda makale sonunda bulabilirsiniz. SVG nedir SVG açılımı Scalable...