Son Yazılar

Flex Öğeleri Boyutlandırma

Bu kılavuzda, flex öğelerine uygulanan ve ana eksen boyunca öğelerin boyutunu ve esnekliğini kontrol etmemizi sağlayan üç özelliği inceleyeceğiz: flex-grow, flex-shrink ve flex-basis. Bu özelliklerin büyüyen ve küçülen öğelerle nasıl çalıştığını tam olarak anlamak, flexbox’ta ustalaşmanın anahtarı olacak. İlk bakış Üç özelliğimiz bir flex öğesinin esnekliğinin aşağıdaki yönlerini kontrol eder: flex-grow: Öğe pozitif boş alanın… Okumaya devam et Flex Öğeleri Boyutlandırma

CSS Flexbox, CSS, Kılavuz olarak sınıflandırılmış

Flex Öğeleri Sıralama

Flexbox ve Grid gibi yeni düzen yöntemleri, içeriğin sırasını kontrol etme olanağını da beraberinde getirir. Bu makalede, Flexbox kullanırken içeriğinizin görsel düzenini değiştirebileceğiniz yollara göz atacağız. Ayrıca öğeleri yeniden sıralamanın erişilebilirlik açısından sonuçlarını da ele alacağız. Öğeleri tersine çevirin flex-direction özelliği dört değerden birini alabilir: row column row-reverse column-reverse İlk iki değer, öğeleri belge kaynağı… Okumaya devam et Flex Öğeleri Sıralama

CSS Flexbox, CSS, Kılavuz olarak sınıflandırılmış

Flex Öğelerini Hizalama

Flexbox’ın web geliştiricilerinin ilgisini hızla çekmesinin nedenlerinden biri de, web’e ilk kez uygun hizalama özellikleri getirmesidir. Örneğin, düzgün dikey hizalamayı mümkün kıldı, böylece sonunda bir kutuyu kolayca ortalayabiliyoruz. Bu kılavuzda, Flexbox’ta hizalama ve yaslama özelliklerinin nasıl çalıştığına kapsamlı bir şekilde bakacağız. Kutumuzu ortalamak için align-items özelliğini kullanarak öğemizi cross axis (bu durumda dikey olarak ilerleyen… Okumaya devam et Flex Öğelerini Hizalama

CSS Flexbox, CSS, Kılavuz olarak sınıflandırılmış

Flexbox’ın diğer düzen yöntemleriyle ilişkisi

Bu makalede Flexbox’ın diğer tüm CSS modülleriyle nasıl uyum sağladığına bir göz atacağız. Flexbox’ı öğrenmek istiyorsanız hangi özelliklere dikkat etmeniz gerektiğini ve flexbox’ın neden diğer bazı modüllerden farklı olduğunu öğreneceğiz. Not: CSS sürüm 1 ve 2, tüm CSS’nin tek bir büyük belgede tanımlandığı tek bir monolitik spesifikasyondu. CSS daha zengin özelliklere sahip bir dil haline… Okumaya devam et Flexbox’ın diğer düzen yöntemleriyle ilişkisi

CSS Flexbox, CSS, Kılavuz olarak sınıflandırılmış

CSS’de Sayfa Düzeni

Bu noktaya kadar CSS’nin temellerini, metinlerin nasıl biçimlendirileceğini ve içeriğinizin içinde bulunduğu kutuların nasıl biçimlendirileceğini ve değiştirileceğini inceledik. Şimdi kutularınızı görüntü alanına ve birbirlerine göre nasıl doğru bir şekilde düzenleyeceğinize bakmanın zamanı geldi. Gerekli ön koşulları ele aldık, şimdi CSS düzenine derinlemesine dalalım ve farklı görüntüleme ayarları, konumlandırma, flexbox ve CSS grid gibi modern düzen… Okumaya devam et CSS’de Sayfa Düzeni

Kılavuz, CSS, CSS Sayfa Düzeni olarak sınıflandırılmış

CSS’de Eski Tarayıcıları Destekleme

Bu modülde, tasarımlarınız için ana düzen yöntemleri olarak Flexbox ve Grid kullanmanızı öneririz. Ancak, sitenizde eski tarayıcıları veya kullandığınız yöntemleri desteklemeyen tarayıcıları kullanan ziyaretçiler olacaktır. Bu durum web’de her zaman geçerlidir – yeni özellikler geliştirildikçe farklı tarayıcılar farklı şeylere öncelik verecektir. Bu makale, eski teknoloji kullanıcılarını dışarıda bırakmadan modern web tekniklerinin nasıl kullanılacağını açıklamaktadır. Ön… Okumaya devam et CSS’de Eski Tarayıcıları Destekleme

CSS Sayfa Düzeni, CSS, Kılavuz olarak sınıflandırılmış

Uygulama: Temel düzen bilgisi kavrama

Bu klavuz üzerinde çalıştıysanız, bugün CSS düzeni oluşturmak ve eski CSS ile çalışmak için bilmeniz gerekenlerin temellerini kavramış olmalısınız. Bu alıştırma, çeşitli teknikler kullanarak basit bir web sayfası düzeni geliştirme yoluyla bilgilerinizin bir kısmını test edecektir. Ön Koşullar: Bu değerlendirmeye başlamadan önce bu modüldeki tüm makaleler üzerinde çalışmış olmanız gerekmektedir. Amaç: Flexbox, Grid, Float ve… Okumaya devam et Uygulama: Temel düzen bilgisi kavrama

CSS Sayfa Düzeni, CSS, Kılavuz olarak sınıflandırılmış

Eski düzen yöntemleri

Izgara sistemleri CSS düzenlerinde kullanılan çok yaygın bir özelliktir. CSS Izgara Düzeni’nden önce float’lar veya diğer düzen özellikleri kullanılarak uygulanma eğilimindeydiler. Düzeninizi belirli sayıda sütun (örneğin 4, 6 veya 12) olarak hayal edersiniz ve ardından içerik sütunlarınızı bu hayali sütunların içine sığdırırsınız. Bu makalede, eski bir proje üzerinde çalışıyorsanız nasıl kullanıldıklarını anlayabilmeniz için bu eski… Okumaya devam et Eski düzen yöntemleri

CSS Sayfa Düzeni, CSS, Kılavuz olarak sınıflandırılmış

Medya sorguları için başlangıç kılavuzu

CSS Medya Sorgusu, CSS’yi yalnızca tarayıcı ve cihaz ortamı belirttiğiniz bir kuralla eşleştiğinde, örneğin “görüntü alanı 480 pikselden daha geniş olduğunda” uygulamanız için bir yol sunar. Ortam sorguları, görüntü alanının boyutuna bağlı olarak farklı düzenler oluşturmanıza olanak sağladığından duyarlı web tasarımının önemli bir parçasıdır, ancak sitenizin çalıştığı ortamla ilgili diğer şeyleri, örneğin kullanıcının fare yerine… Okumaya devam et Medya sorguları için başlangıç kılavuzu

CSS Sayfa Düzeni, CSS, Kılavuz olarak sınıflandırılmış

Responsive – Duyarlı Tasarım

Web tasarımının ilk günlerinde, sayfalar belirli bir ekran boyutunu hedefleyecek şekilde oluşturulurdu. Kullanıcı tasarımcının beklediğinden daha büyük veya daha küçük bir ekrana sahipse, istenmeyen kaydırma çubuklarından, aşırı uzun satır uzunluklarına ve alanın kötü kullanımına kadar çeşitli sonuçlar ortaya çıkıyordu. Daha farklı ekran boyutları kullanılabilir hale geldikçe, web sayfalarının düzenlerini ve görünümlerini farklı ekran genişliklerine, çözünürlüklerine… Okumaya devam et Responsive – Duyarlı Tasarım

CSS, CSS Sayfa Düzeni, Kılavuz olarak sınıflandırılmış
koddla
Tema Mundana by WowThemes.net.