Aylık Arşiv

HTML5 Semantic Etiketler – Arama Motorlarında Üst Sırala Çıkma!

html semantic web

▲ 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 …

Daha Fazla

CSS Backgrounds Özellikleri – CSS Parallax Efekti En Kolay Yöntem!

Css parallax efekti

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 …

Daha Fazla

CSS Animasyon İşlemleri – Css Transform Olayları!

css transforrm

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 …

Daha Fazla

Css Flexbox ile Modern Form Tasarımı – Mobil Uyumlu Form Tasarımı!

flexbox form

➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚ 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 …

Daha Fazla

Flexbox Basit Responsive Site Tasarımı – Flexbox Özellikleri Uygulama!

flexbox form tasarımı

➤➤➤➤➤ 🅕🅛🅔🅧🅑🅞🅧 🅤🅨🅖🅤🅛🅐🅜🅐 ✔✔✔✔✔ 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; …

Daha Fazla

FlexBox İçindeki Elemanların Düzenlenmesi – Flexbox Özellikleri!

Flexbox yapısı

➽▶▶▶▶▶▶▶▶▶▶▶▶▶▶ 🅕🅛🅔🅧🅑🅞🅧 ◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀◀ √ 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 …

Daha Fazla

CSS Flexbox İle Site Yerleşimi – Flexbox Kutu Hizalama

flexbox esnek kutu modeli

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 🅕🅛🅔🅧🅑🅞🅧 🅨🅐🅟🅘🅢🅘 ✔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; …

Daha Fazla

CSS FlexBox İle Esnek Kutu Modeli – Mobil Uyumlu Sitelere Giriş!

Css flexbox

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 …

Daha Fazla

HTML Alıntı ve Kısaltma Yapımı – Metni Tersten Yazdırma!

html kısaltma alıntı

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 …

Daha Fazla

Jquery Menü Barı Animasyonu – Jquery ile Scroll Animasyon

jquery scroll

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. …

Daha Fazla