Mühendisler Dünyası

HTML5 script etiketinin 5 özelliği vardır. Bu özellikler async, charset, defer, src ve type özellikleridir. Bu makalemizde ayrıntılarıyla script DEFER özelliğini inceleyeceğiz. Diğer konuları da merak ediyorsanız özellik isimlerine tıklayarak ilgili sayfalarda konuları inceleyebilirsiniz. Script defer özelliği HTML5 ile birlikte gelen ve projeye harici kaynaklardan eklenen kod kaynakları için uygulanan bir özelliktir. Yani kullanılabilmesi için öncelikle src özelliğinin boş olmaması gerekiyor. Proje içindeki JavaScript dosyalarına uygulanması anlamsızdır. Script defer özelliği bir kaynak için belirtildiğinde sayfanın yüklenmesi tamamen bittikten sonra bu kaynaktaki kodların çalıştırılacağını ifade eder. Makale başlığındaki birinci soru olan " HTML Script Defer Özelliği Nedir? " sorusunun yanıtı da budur. Yani kaynak defer özelliği ile çağırılıyorsa bu kaynaktaki kodların tüm sayfa yüklemeleri bittikten sonra çalıştırılacağını ifade eder. Makale başlığınd

HTML5 script etiketinin 5 özelliği vardır. Bu özellikler async, charset, defer, src ve type özellikleridir. Bu makalemizde ayrıntılarıyla script async özelliğini inceleyeceğiz. Diğer konuları da merak ediyorsanız özellik isimlerine tıklayarak ilgili sayfalarda konuları inceleyebilirsiniz. Öncelikle konuya giriş yapmak açısından söylemem gerekiyor ki async özelliği script etiketinde sadece harici kaynaklar için kullanılan bir özelliktir. Örneğin projeniz belirli bir noktasında jquery kütüphanesini dışarıdan bir adresten yükleyecekseniz o zaman async özelliğini kullanabilirsiniz. Yani async özelliğinin kullanıldığı script etiketinin kaynağı harici kaynak olmalıdır. Peki bir harici kaynağın async olarak belirtilmesi ne anlama geliyor ve HTML script async özelliği nedir ? Bu konuya giriş yapmadan önce, konunun anlaşılması için öncelikle JavaScript dosyalarının nasıl çalıştırıldığından bahsetmem gerekiyor: Tarayıcıların web sayfalarını yükleme mantığına sayfanın başlangıcı

Bir web sitesi HTML, CSS VE JavaScript'in kullanımı ile geliştirilir. Bunlardan HTML içerik işaretleme dili iken, CSS bu içeriğin nasıl görüneceğini düzenlemek için kullanılır. JavaScript ise web siteye fonksiyonellik kazandırır. Makalenin başında bu bilgileri vermemin amacı makalenin asıl konusu olan noscript etiketinin de HTML ve JavaScript ile ile ilgili olmasıdır. HTML genel olarak etiketlerden oluşan bir dildir. Bu etiketlerden biri de noscript etiketidir. noscript etiketi normal html etiketlerinden biraz farklı çalışır. Noscript Etiketinin Çalışma Mantığı: HTML çalışma mantığına göre etiketler yazıldıkları sıraya göre web arayüzünde görünürler. noscript etiketi içinde olan bilgiler ise sadece kullanılan tarayıcının JavaScript'i desteklemediği veya JavaScript özelliğinin aktif olmadığı durumlarda projeye eklenir. Bu etiketin diğer etiketlerden farkı ise etiket içinde script etiketinin eklenememesidir. Zaten eklenmesinin de bir anlamı yoktur. N

Ruby programlama dilinde HTML ve CSS dosyalarının karşılıkları sırasıyla HAML ve SASS dır. Ruby programlama dilinin geniş kitleler tarafından tercih edilmesinin nedeni de kendine özel şemantik yapısının olmasıdır. Ruby’nin yaratıcısı Yukihiro “Matz” Matsumoto en sevdiği programlama dillerinin (Perl, Smalltalk, Eiffel, Ada, ve Lisp) en iyi özelliklerini bir araya toplayarak ve fonksiyonel programlama ile nesneye dayalı programlamaya dayanan yeni bir dil ortaya çıkarmıştır. Bundan sonra oluşan büyük Ruby geliştiricileri topluluğu sayesinde tüm programlama dallarında kullanılmaya başlanmıştır.  Bu yapılardan biri de özellikle satır sayısının çok büyük olduğu klasik HTML dosyalarının okunabilirliğini artırmak için geliştirilmiş HAML dosyalarıdır. HAML dosyaları proje için .haml uzantılı dosyalar halinde yer alır ve bu dosyalar proje derlendikten sonra HTML dosyalarına dönüşürler. Bu noktada klasik HTML ve HAML arasındaki farkı ortaya koyacak küçük bir örnekle devam edelim.

Blogger'da makale yazarken en çok sıkıntı oluşturan noktalardan bir tanesi blog makalesi için html kodlarını bloğa eklerken oluşur. Bunun nedeni ise blogger makale yazma aracının arkasında da html engine olmasıdır. Bu engine siz makaleyi normal yazı olarak yazsanız bile bu makaleyi html kodlarına çevirir. HTML taglardan oluştuğu için de blogger makale yazma aracı sizin makalenizdeki html kodlarını ayırt edemez ve kodlar içinde işleyerek sadece verileri gösterir. Bu makaleyi okuyorsanız düşünüyorum ki sizin de sıkıntınız tam olarak bu olsa gerek. Bu kısa makalemde size bu sorunu çözmek için bir araç sunacağım. Bunun dışında ise araç kullanmadan kendinizin de mantığını anlayıp basitçe bloğunuza HTML kod satırlarını nasıl ekleyeceğini göstereceğim. Aslında linkini vereceğim araç ile işlemlerinizi kolayca halledebilirsiniz. Ama düşünüyorum ki eğer bloğunuza HTML kodu eklemek istiyorsanız o zaman en azından HTML konusunda biraz bilgilisinizdir. Bu yüzden bu işlem için kullanılan tagı

Web sitesi tasarlarken size yardımco olacak konulardan bir tanesi de checkbox seçimi ile birlikte metne de tıklandığında checkbox'ın aktif yada deaktif olmasıdır. Bu kısa makalede de bu problemi çözmek için iki yöntem vereceğim. Konu basit ve sadece nasıl yapıldığı gerekli olduğu için konuyu fazla uzatmadan nasıl yapıldığını ve kodları size vermek istiyorum. Hepinizin bildiği gibi, daha doğrusu bu konuyu araştırıyorsanız html'de checkbox oluşturmak için input tagı kullanılır ve tür olarak da checkbox parametresi seçilir. Eğer web sitesi geliştirmek için, html destekli bir yazılım kullanıyorsanız input tagını yazdıktan sonra type yazarsanız zaten size seçenekleri de sunacaktır.  Konunun başında bu makaleyi html konusuna yeni başlayanları da dikkate alarak checkboxların nasıl oluşturulduğunu anlatmayı gerekli gördüm.  Konumuzun amacı check'boxları tıklanabilir yapmak olduğu için bu konuya odaklanmak istiyorum. Artık kendi konumuza dönebiliriz...

Bu makalemizde, CSS önemli ve çok kullanılan özelliklerinden biri olan genişlik ve yüksekliğin ayarlanması için height, width, min-height, max-height, min-width ve max-width özelliklerini anlatacağım. Bu özellikleri kısaca açıklayacak olursak: height: yükseklik değerlerini ayarlamak için kullanılır. width: genişlik değerlerini ayarlamak için kullanılır. min-height: yükseklik için olabilecek minimum değerleri ayarlamak için kullanılır. max-height: yükseklik için olabilecek maksimum değerleri ayarlamak için kullanılır min-width: genişlik için olabilecek minimum değerleri ayarlamak için kullanılır max-width: genişlik için olabilecek maksimum değerleri ayarlamak için kullanılır.