Etiket Arşivi

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

❣ 𝐂𝐬𝐬 𝐂𝐚𝐫𝐤𝐢 ❣ ✍ 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. …

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

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