▲ HTML Semantic Web Etiketleri ▼ ✱ Semantic Web ; web içeriklerinin sadece doğal dillerde değil, aynı zamanda ilgili yazılımlar tarafından anlaşılabilir, yorumlanabilir ve kullanılabilir bir biçimde ifade edilebileceği, böylece bu yazılımların veriyi kolayca bulmasını, paylaşmasını ve bilgiyi birleştirmesini sağlamayı amaçlayan, gelişen bir internet eklentisidir. ✱Biz özellikle bu videoda arama …

Bu video’da Css Backgrounds özellikleri ve CSS Parallax efektinden bahsettik. ☪ CSS Zemin Özellikleri Şunlardır: ● background-color:Bir HTML elementinin zemin rengini değiştirmek için background-color özelliği kullanılır. ● background-image: Bu özellik ile herhangi bir HTML elementinin zeminine resim koyabilirsiniz. ● background-repeat: Varsayılan olarak arkaplana koyduğunuz resim hem yatay hem de dikeyde …

Bu videomuzda;CSS’de animasyon işlemleri için kullanılan Transform olaylarından bahsedeceğiz. Transform “Değişim dönüşüm” anlamında bir anahtar kelimedir.Kutular ve resimler üzerinden transform işlemleri nasıl yapılıyor bunlarla alakalı özellikler üzerine konuşacağız. Bahsettiğimiz özelliklerden bazıları aşağıdadır. ● translate(x,y):CSS’te özelliğin kullanıldığı nesnenin konumunu değiştirmek, nesneyi kaydırmak için kullanılır. ● scale(x): Uygulanan nesnenin boyutunu, ölçeğini değiştirmek …

➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚ Bu videomuzda; Css Flexbox yapısını kullanarak modern bir form tasarımı yaptık.Flexbox özelliklerinin yanısıra birçok css özelliğine de değindik. Bahsettiğimiz bazı konular; ● Site arkaplanı için “pattern” kullanımı ● Sitemizde flexbox uygulamak için gereken html site yapısını oluştururken dikkat edilmesi gerekenler ● Css calc fonksiyonu ve kullanımı ● Css vh …

➤➤➤➤➤ 🅕🅛🅔🅧🅑🅞🅧 🅤🅨🅖🅤🅛🅐🅜🅐 ✔✔✔✔✔ Bu videomuzda; Flexbox özelliklerini kullanarak Flexbox ile site tasarımı yaptık.Bu tek sayfalık örnek uygulamada bir çok özelliğine değindik. CSS Derslerinde öğrendiğimiz çoğu komutu burada uygulama imkanı bulduk. Değindiğimiz konulardan bazıları aşağıdaki gibidir. ▶flex-direction özelliği ile kapsayıcı eleman içindeki esnek kutuların sıralama yönünü belirler. Dört değer alır; …

➽▶▶▶▶▶▶▶▶▶▶▶▶▶▶ 🅕🅛🅔🅧🅑🅞🅧 ◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀ √ Bu videomuzda;Flexbox’da kapsayan elemanı değil kapsanan elemanlarla ilgili örnek uygulamalar yaptık.Değindiğimiz bazı konular; ● flex-direction Özelliği flex-direction özelliği öğelerin hangi yönde yerleştireleceğini belirler. Şu değerleri alabilir: ✔ row: Öğeler yazı yönü ile aynı yönde yerleştirilir. ✔ row-reverse: Öğeler yazı yönünün tersi yönünde yerleştirilir. ✔ column: Öğeler …

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 🅕🅛🅔🅧🅑🅞🅧 🅨🅐🅟🅘🅢🅘 ✔Bu videomuzda; Css Flexbox özelliklerini kullanarak kutu yerleşimleri ve hizalamalarına değineceğiz.Esnek kutu modeli ile kutuları yan yana-alt alta getirmenin yanı sıra kutuları belli bir alanda ortalama yada eşit bir şekilde dağıtma konusundan bahsedeceğiz. ▶flex-direction özelliği ile kapsayıcı eleman içindeki esnek kutuların sıralama yönünü belirler. Dört değer alır; …

Bu videomuzda; CSS’in en popüler özelliklerinden olan Esnek Kutu Modeli Flexbox yapısını inceleyeceğiz.Eskiden kullandığımız birçok şeyin artık tek bir satırla ve içeriği uyumlu hale getirmesinden bahsedeceğiz. İnternetin artık cep telefonlarına kaydığı günümüzde mobil ve tablet uyumlu sitelerin olması elzem ve kaçınılmazdır.Flexbox ile mobil ve tablet uyumlu siteler nasıl yapılır detaylıca …

Bu videomuzda;HTML ile roman,hikaye,özlü söz vb. alıntı cümleleri web sayfamızda daha güzel sunabilmek ve semantik(anlamsal) web için önemli etiketlerden bahsettik. Ayrıca bir metnin yönünü değiştirebilmek için sayfada kullanmamız gerek etiketi anlattık. Özellikle bu video’da bahsedilen etiketler; – blockqoute ve q Alıntılama etiketleri, – abbr Kısaltma Etiketi, – cite Başlığı önplana …

Bu videomuzda; Navigasyon barını aşağı indirdikçe değişen şekilde kullanmayı göreceğiz.Genel anlamda Scroll(Kaydırma) özelliğinden yararlanarak sayfa üzerinde değişen menü barı yapacağız. Değinilen bazı konular şu şekilde; -Css transition olayı, -CSS fixed kullanımı, -Jquery Scroll ve ScrollTop olayı, -Jquery AddClass ve removeClass özellikleri Ayrıca bu videoda oluşan kaynak kodlara aşağıdaki linkten ulaşabilirsiniz. …