• CSS
  • CSS cihaz ortam,medya kontrolleri kodu kullanımı örneği (CSS device,media controls code usage example)

    CSS ile HTML li yönetme yöntemlerine ek olarak sayfanızın çalıştırılan cihaz ortamına göre de yönetebilirsiniz. Cihazın özelliklerine göre stil özelliklerini değiştirebilirsiniz. Bu işlemi CSS “media” sorguları özelliği ile yapabilirsiniz. HTML sayfanızın çalıştığı ortamın ekran türünü, çalıştırılan tarayıcının genişliğini ve yüksekliğini, yön değerini ve ekranın çözünürlüğünü özelliklerini elde edebilir ve bu özelliklere göre istediğinizi CSS kurallarını […]

  • CSS
  • Duyarlı web tasarımı görünümü testi araçları listesi (Responsive web design view testing tool list)

    İnternet tarayısında duyarlı(responsive) ekran görünümü yani mobil ekran gibi görmek için aşağıdaki yolları deneyebilirsiniz. Mozilla FireFox internet tarayıcısı Mozilla FireFox-> Tools-> Web Developer->Responsive Design View (Shift+Ctrl+M, Cmd+Opt+M for Mac OS) Chrome internet tarayıcısı Google Chrome-> Customize and Control Google Chrome->More Tools-> Developer Tools(Ctrl+Shift+I)-> Toogle Device Mode

  • HTML
  • HTML ‘li’ elementini etkisizleştirme,devredışı bırakma kodu kullanımı örneği (HTML disable ‘li’ element code usage example)

    HTML de listeleme işleminde listenizden bazı elemanların devre dışı görünmesini istiyorsuz ve tıklanmamasını sağlamanız gerekiyorsa, görüntüsü için HTMl “li” elementinin “class” niteliğine aşağıdaki gibi “disabled: true” yazabilir, tıklanmaması için ise “a” elementinin “href” niteliği içerisinde aşağıdaki gibi javascript fonksiyonu çağırabilirsiniz.

  • HTML
  • HTML “a” elementi kodu kullanımı örneği (HTML “a” tag code usage example)

    HTML “a”, sayfanızda yazdığınız bir yazı metni üzerine tıklandığında bir işlem yaptırmak istediğinizde size yardımcı olacak olan HTML etkidir. HTML “a”, İngilizce “anchor” kelimesi ile ifade edilir. Yazılım alanıda Türkçe karşılık olarak ise “bağlayıcı”, “tutturucu” anlamları kazanır. En basit kullanımı aşağıdaki gibidir. HTML “anchor” elementi ile aşağıdaki gibi JavaScript fonksiyonuda çağırabilirsiniz. HTML “a” elementi “href” […]

  • HTML
  • HTML boşluk karakteri bırakma,ekleme kodu kullanımı örneği (HTML space character append code usage example)

    HMTL boşluk bırakmak kodu aslında biz yazı yazarkenki klavye üzerindeki “space bar”(klavyedeki en uzun yatay tuş) olarak adlanan tuş ile mümkündür ancak, birden çok peşi sıra boşluk bırakmak istediğimizde bir yazımız arasında “space bar” tuşunu kullansak bir “html” yorumlayıcıları bizim birden çok olan karakterlerimizi teke indirir ve biz sadece bir boşluk karakteri görürüz. Peki HTML […]