Etiket Arşivi

CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama!

css2020

✎ CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama! ✎ ➤ Bu videomuzda; Css animasyonları kullanmaya devam edeceğiz.Tek bir konudan ziyade birçok konuya değindiğimiz videomuzda konu başlıkları aşağıdaki gibidir. ● CSS inherit nedir? CSS inherit kullanımı ● CSS backface-visibility kullanımı ● CSS transform:rotateY() kullanımı ● CSS transition kullanımı ● CSS …

Daha Fazla

CSS Çarkı – CSS Flexbox Yapısı İle Dairesel Şekiller Oluşturma!

border-radius

❣ 𝐂𝐬𝐬 𝐂𝐚𝐫𝐤𝐢 ❣ ✍ Bu videomuzda; CSS’in border-radius özelliğini etkili bir şekilde kullanma olayından bahsettik. Ayrıca aşağıdaki konular üzerinde durduk. ☑ CSS’te bir daire nasıl yapılır? ☑ CSS daire parçaları oluşturma ☑ Flexbox yapısı ile site ortalamaları ☑ CSS border-radius özelliğini aktif kullanma Video’da oluşan kodları aşağıdaki linkten indirebilirisiniz. …

Daha Fazla

Flexbox Menü Yapımı – Mobil Uyumlu Animasyonlu Menü Uygulaması

flexbox menü

✎ Flexbox Menü Yapımı – Mobil Uyumlu Animasyonlu Menü Uygulaması ✔ Bu videomuzda; Flexbox yapısının çoğu özelliğini menü uygulaması üzerinde pratik yapacağız. ➤ Flexbox yapısı web sayfalarında frameworkler kütüphaneler de dahil olmak üzere birçok yerde kullanılmaktadır. ● Kullandığımız bazı Flexbox özellikleri aşağıdaki gibidir. ▶ flex-direction ▶ flex-wrap ▶justify-content ▶ align-items …

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