CSS Temelleri1 yazı
HTML1 yazı
Flexbox1 yazı
CSS Grid1 yazı
Responsive Tasarım1 yazı
CSS Animasyonları1 yazı
Tailwind ve Bootstrap1 yazı
CSS Örnekleri1 yazı
CSS Grid’de grid-template-columns Nasıl Kullanılır?
Sabit sütunları piksel veya yüzdeyle, esnek sütunları fr birimiyle tanımlayın. repeat() ve minmax() kullanarak kartların ekrana göre yeni satırlara geçmesini sağlayın.
CSS Öğren – CSS ve HTML öğrenme rehberi
Tailwind ve Bootstrap
Tailwind CSS ve Bootstrap: Hangisi Ne Zaman Seçilmeli?
Tailwind, arayüzünü kendi tasarım sistemine göre kurmak isteyen ekiplere uygundur. Bootstrap ise hazır bileşenlerle hızlı ve tanıdık bir başlangıç sağlar.
Konular
İlgilendiğin konuyu seç, ilgili rehberlere göz at.
Son yazılar
Flexbox Nedir? CSS Düzeninin Temel Mantığı
Flexbox, öğeleri tek bir ana eksende düzenler. Kapsayıcıya yön, hizalama, aralık ve taşma kuralları ekleyerek menü, form ve kart içi yerleşimler kurabilirsiniz.
CSS Nedir? Temel Yapısı ve Web'deki Kullanımı
CSS kuralları, HTML öğelerinin görünümünü özellik ve değerlerle düzenler. Sayfa sayısı arttığında haricî bir CSS dosyasıyla ortak stilleri tek yerden yönetebilirsiniz.
Kaçırmayın
Başlangıç için en çok işe yarayan rehberler
CSS Temelleri
CSS Nedir? Temel Yapısı ve Web'deki Kullanımı
CSS kuralları, HTML öğelerinin görünümünü özellik ve değerlerle düzenler. Sayfa sayısı arttığında haricî bir CSS dosyasıyla ortak stilleri tek yerden yönetebilirsiniz.
HTML
HTML Nasıl Oluşturulur? İlk Dosyanızı Hazırlayın
İlk HTML sayfanız için bir metin düzenleyici ve tarayıcı yeterlidir. Dosyayı index.html adıyla kaydedip temel şablonu yazdıktan sonra tarayıcıda açabilirsiniz.
Flexbox
Flexbox Nedir? CSS Düzeninin Temel Mantığı
Flexbox, öğeleri tek bir ana eksende düzenler. Kapsayıcıya yön, hizalama, aralık ve taşma kuralları ekleyerek menü, form ve kart içi yerleşimler kurabilirsiniz.
CSS Grid
CSS Grid’de grid-template-columns Nasıl Kullanılır?
Sabit sütunları piksel veya yüzdeyle, esnek sütunları fr birimiyle tanımlayın. repeat() ve minmax() kullanarak kartların ekrana göre yeni satırlara geçmesini sağlayın.
Responsive Tasarım
Responsive Tasarım Nedir? Esnek Düzenin Temel İlkeleri
Tek bir web sayfası; esnek sütunlar ve CSS kurallarıyla telefon, tablet ve bilgisayara uyum sağlar. Kırılma noktalarını cihaz adlarına göre değil, içeriğin sıkıştığı genişliklere göre belirleyin.
CSS Animasyonları
CSS ile Animasyon Yapma: Adım Adım Uygulama
Bir kutuyu yukarı taşıyıp döndüren animasyonu tek bir HTML dosyasında oluşturabilirsiniz. Örneği tarayıcıda açarak hızını, tekrarını ve hareket azaltma ayarını test edin.
Tailwind ve Bootstrap
Tailwind CSS ve Bootstrap: Hangisi Ne Zaman Seçilmeli?
Tailwind, arayüzünü kendi tasarım sistemine göre kurmak isteyen ekiplere uygundur. Bootstrap ise hazır bileşenlerle hızlı ve tanıdık bir başlangıç sağlar.
CSS Öğren hakkında
CSS Öğren, cSS ve HTML öğrenme rehberi sunar. Okurlarına doğru, güncel ve uygulanabilir bilgiler vermeyi amaçlar.