Etiket Arşivi

CSS Media Query Kullanımı – Responsive Tasarıma Giriş

css media query

✔ CSS Media Query Kullanımı ve Duyarlı Tasarım Bu videomuzda media query ile neler yapılabilir niçin kullanmalıyız gibi sorulara cevap aradık. ★ Menüleri Kaydırma ve Hamburger Menü Oluşturmak İçin ★ Herhangi Bir Nesneyi Yok Etmek Yada Göstermek İçin ★ Nesnelerin Stilini Değiştirmek İçin ★ Site Büyüme yada Küçülme Durumlarında Yazı …

Daha Fazla

CSS3 Transition Geçiş Efektleri – CSS Animasyonlarına Giriş!

transition css

Bu videomuzda CSS geçiş efektlerinden bahsedeceğiz.Bir durumdan diğer duruma geçiş olaylarının nasıl olduğunu, bu durumların üzerine geldiğinde,odaklandığında vb. durumlarda nasıl tetiklendiği ile ilgili anlatım yapılmıştır. Özellikle; transition, transition-property, trasition-duration, transition-timing-function, transition-delay özellikleri örnek uygulama üzerinde gösterilmiştir. Bu video’da ki örnek uygulamanın kaynak kodlarını aşağıdaki linkten indirebilirsiniz. https://drive.google.com/file/d/15Bpn_CJCdb49jB5OoWB6ULPF7Kh88lyz/view?usp=sharing ABONE Olmak için …

Daha Fazla

HTML Elementlerin Konumlandırılması – Position Durumları!

css position

Bu videomuzda HTML elementlerinin diğer elementlere göre konumunu belirlemenizi sağlayan position özelliğinden bahsettik. Bir HTML elementini diğerinin altına ya da üstüne alabilir ve bir HTML elementi fazla büyükse ne yapılacağına karar verebilirsiniz.Bunun için incelediğimiz position komutları; -Static, -Relative, -Absolute, -Fixed şeklindedir. HTML ile şekiller oluşturmak, reklam alanları belirtmek gibi birçok …

Daha Fazla

HTML5 Block ve Inline Elementler – Display Özelliklerinin Kullanımı!

display css

Bu videomuzda HTML elementlerin varsayılan değerleri block ve inline hakkında konuşacağız.Ayrıca bir çok kişinin kafası karıştıran HTML elementleri varsayılan display değerleri nelerdir? Bu block düzeyinde elementler ve inline düzeyinde elementler hangileri ve aralarındaki fark nedir? sorularını cevaplayağız. Bu videomuzda; Inline Elementler, Block Elementler, Inline-Block Elementleri detaylıca işleyerek kafanızda ki soru …

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