Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Fikret adlı bir eğitimcinin CSS'de şekil oluşturma aracı olan "clippad" sitesinin kullanımını anlattığı bir eğitim içeriğidir.
- Videoda, clippad sitesinin nasıl kullanılacağı adım adım gösterilmektedir. Fikret, önce bir konteyner alanı oluşturup, ardından bu alana clippad sitesinden alınan kodlarla şekil verme işlemini uygulamalı olarak anlatmaktadır. Önce bir çapraz bükme şekli, sonra bir yıldız şekli oluşturma örnekleri verilmektedir. Ayrıca, clippad özelliğinin tarayıcılar tarafından desteklenmediği ve SVG özelliğinin de benzer şekiller için kullanılabileceği belirtilmektedir.
- Clippad Sitesi Tanıtımı
- Clippad, CSS'te şekil oluşturma (clipp) aracı sağlayan bir site.
- Site, mouse hareketleri ve vektörel noktalarla şekil çizip, altta CLIPPAD kodu veriyor.
- Bu kod CSS'de kullanıldığında, site tarafından oluşturulan şekillerin aynısını elde edebiliyorsunuz.
- 00:57Clippad Sitesinin Kullanımı
- Sitenin ismi "ben etf.com klip" ve burada çeşitli şekiller oluşturabilirsiniz.
- Örnek olarak bir konteyner alanı ve içinde bir p etiketi kullanarak "con dua" yazısı oluşturuldu.
- Konteyner alanı flexbox kullanılarak ortalandı ve background color ile renk verildi.
- 02:48İlk Şekil Oluşturma
- Header alanının alt kısmında çapraz bükme şeklinde bir şekil oluşturulacak.
- Konteyner alanı %75 genişliğinde ayarlandı ve after pseudo-element kullanılarak içerik alanı oluşturuldu.
- İçerik alanı %25 genişliğinde, pozisyon absolute ile alttan ve soldan hizalandı.
- 04:43Şekil Boyutları ve Sorunlar
- Şekil boyutları %25 ve %25 olarak ayarlandı ancak tam olarak uyumlu değil.
- Tam haneli rakamlar kullanıldığında (örneğin %70 ve %30) şekil daha iyi görünüyor.
- Clippad'de bazı sorunlar yaşanabilir, örneğin beyaz çizgiler oluşabilir.
- 06:21Diğer Şekil Oluşturma Örnekleri
- Clippad'de farklı şekiller oluşturulabilir, örneğin yıldız şekli.
- Yıldız şekli için kod alınıp bir alan içerisine eklendi ve background color ile renk verildi.
- Clippad, clickbait uygulamak için güzel bir araç olabilir ancak tarayıcılar tarafından çok desteklenmiyor.
- 07:34Alternatif Yöntemler
- Clippad dışında SVG özelliğini kullanarak da şekiller çizilebilir.
- Clippad özelliği de şekiller çizebildiğinizi öğrenmeniz önerilir.