Son Yazılar

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ış

Çoklu-sütun düzeni

Çoklu sütun düzeni özelliği, içeriği bir gazetede görebileceğiniz gibi sütunlar halinde yerleştirmek için bir yöntem sağlar. Bu makalede bu özelliğin nasıl kullanılacağı açıklanmaktadır. Ön Koşullar: HTML temelleri (HTML’e Giriş konusunu çalışın) ve CSS’in nasıl çalıştığına dair bir fikir edinin (CSS’e Giriş konusunu çalışın). Basit bir örnek Genellikle multicol olarak adlandırılan çoklu sütun düzeninin nasıl kullanılacağını… Okumaya devam et Çoklu-sütun düzeni

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

CSS Konumlandırma

Konumlandırma, öğeleri normal belge akışının dışına çıkarmanıza ve örneğin birbirlerinin üzerine oturarak veya tarayıcı görüntü alanı içinde her zaman aynı yerde kalarak farklı davranmalarını sağlamanıza olanak tanır. Bu makalede farklı konum değerleri ve bunların nasıl kullanılacağı açıklanmaktadır. Ön Koşullar: HTML temelleri (HTML’e Giriş konusunu çalışın) ve CSS’in nasıl çalıştığına dair bir fikir edinin (CSS’e Giriş… Okumaya devam et CSS Konumlandırma

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

CSS Floats

Aslen metin blokları içindeki görüntüleri kaydırmak için kullanılan float özelliği, web sayfalarında çoklu sütun düzenleri oluşturmak için en sık kullanılan araçlardan biri haline geldi. Bu makalede açıklandığı gibi, flexbox ve grid’in ortaya çıkmasıyla birlikte artık asıl amacına geri döndü. Ön Koşullar: HTML temelleri (HTML’e Giriş bölümünü çalışın) ve CSS’in nasıl çalıştığına dair bir fikir edinin… Okumaya devam et CSS Floats

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

Izgaralar – Grid

CSS Izgara Düzeni, iki boyutlu bir sayfa düzen sistemidir. İçeriği satır ve sütunlara sıralamanızı sağlar. Karmaşık düzenler oluşturmayı kolaylaştıran birçok özelliğe sahiptir. Bu makalede, ızgaralar ile sayfa düzenine başlamak için bilmeniz gereken her şey açıklanacaktır. Izgara (grid) düzeni nedir? Izgara, tasarım öğelerimizi hizalayabileceğimiz bir desen oluşturan yatay ve dikey çizgilerden oluşan bir koleksiyondur. Web sitelerimizde… Okumaya devam et Izgaralar – Grid

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