Etiket Arşivi

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

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 İ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

CSS Resim Kaplama Uygulaması – Efektif Bilgi Kartları Oluşturma!

image overlay

Bu videomuzda pratik site uygulamaları serisinde web sayfalarında çokça görülen resmin üzerine gidildiğinde resim açıklamasını gösteren resim kaplama olayını anlattık. Bu videomuzda değinilen özellikler; rgba renk ayarlaması, box-shadow olayı, overflow:hidden, position:absolute, position:relative, hover olayları işlenmiştir. Özellikle kutu pozisyonlarının nasıl kullanılması gerektiği, absolute-relative-static pozisyonlara değinilmiştir.Sizde bu video’da anlatılanları kullanarak bilgi kart …

Daha Fazla

CSS Şık Kart Tasarımı – CSS Kutu-Text Gölgelendirme-Kenar Yuvarlama-Döndürme!

css kart tasarımı

Bu videomuzda HTML-CSS ile bir kart tasarımı yapacağız.Bunu yapabilmek için kullandıklarımız; CSS box-shadow (kutu gölgelendirme), border-radius (kenar yuvarlama), transform(rotate) (Döndürme) özelliklerini kullandık. Ayrıca burda kutuya uygulanabildiği gibi text üzerine de uygulanabilmektedir. Sizde bu videoyu izleyerek değişik güzel kart tasarımları yapabilirsiniz. Video’da yapılan uygulamanın kaynak kodlarını aşağıdaki linkten indirebilirsiniz. https://drive.google.com/file/d/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl/view?usp=sharing ABONE …

Daha Fazla

CSS Nedir? CSS Nasıl Kullanılır? Web Sayfalarında Stil İşlemleri!

Css nedir

Özellikle Bir Web Sitesi Yaparken Olmazsa Olmaz İki Şeyden Biri HTML Diğeri CSS Konusudur.Biz Bu Videomuzda CSS Nedir? CSS Nasıl Kullanılır? Gibi Sorulara Cevap Verdik. Özellikle CSS yazımında dikkat edilecek hususlar ve; Etiket( tag ) içi stil yazımı, Sayfa içi stil yazımı, Harici dış css yardımıyla stil yazımı gibi konulara …

Daha Fazla

HTML DERSLERİ – Domain & Hosting Nedir? HTML Nedir? Html ile Neler Yapılabilir?

domain-hosting-html-nedir

Html Giriş Dersimizde İnternette Sıklıkla Kullanılan Domain ve Hosting Kavramlarından Bahsettik.HTML Nedir?CSS Nedir?Javascript Nedir? Gibi Temel Konulardan Giriş Yaptık. Konunun Mantığını Kavramadan Önce Kavramların Bilinmesi Gerektiğinden HTML’e Temel Olacak Yapıların Nasıl Çalıştığı İle İlgili Bir Video Serisi Olacak.Bundan Sonraki Derslerde Artık Kod Yazımına Geçeceğiz.HTML’i Sıfırdan Öğrenmeye Çalışacağız. Aşağıda bu kavramların …

Daha Fazla