Web Siteniz için Karanlık Mod Teması Nasıl Kurulur Kişisel Gitlab Sunucusu Nasıl Kurulur Windows Server'da Ağ Paketlerini Yakalama ve Denetleme Lambda Fonksiyonları Nedir ve Bunları Nasıl Kullanıyorsunuz? EC2 PEM Dosyanızı SSH Anahtarlığınıza Ekleme Regex'i Gerçekten Nasıl Kullanıyorsunuz? Yeni Dosyalar için Windows Klasörünü İzleme ve İşlem Yapma

Chrome 76, prefers-color-scheme Web sitelerinin işletim sisteminize hangi renk şemasını tercih ettiğinizi sormasını sağlayan CSS medya sorgusu, böylece kendilerini uygun şekilde temalayabilirler. Web siteniz için nasıl ayarlayacağınız aşağıda açıklanmıştır.

Karanlık Temaları Hangi Tarayıcılar Destekliyor?

Yazma itibarıyla, bazı tarayıcılar henüz destekleyecek şekilde güncellenmemiş olsa da, büyük tarayıcıların çoğu karanlık modu desteklemektedir. Farklı tarayıcılar için bir destek tablosu oluşturan caniuse.com adresindeki mevcut durumu kontrol edebilirsiniz:

Her zamanki gibi IE 11 herhangi bir güncelleme almıyor ve İnternet'in% 2'si hala üzerinde kalıyor, bundan yararlanamayacak. Ancak, bu insanlar muhtemelen Windows 10'da değil, bu yüzden geçiş yapmak için karanlık bir tema olmadan herhangi bir kullanım görmeyeceklerdi.

Neyse ki, kullanarak prefers-color-scheme isteğe bağlı bir parametre olduğu için CSS'nizi bozmaz.

CSS Renk Düzeni Desteği Nasıl Kullanılır

Aslında kullanmak için prefers-color-scheme CSS'nizde, duyarlı tasarım için yaptığınız gibi, isteğe bağlı bir medya sorgusu olarak kullanırsınız. Örneğin, varsayılanınız siyah metinli beyaz arka plansa, siyah arka plan ve beyaz metne geçmek için medya sorgusunu kullanabilirsiniz.

body {
  background-color: #fff;
  color:#000;
}

@media (prefers-color-scheme: dark) {
  background-color: #000;
  color:#fff;
}

Bunu kullandığınız diğer tekniklerle birleştirebilirsiniz; örneğin, mobil cihazlarda karanlık moda yalnızca ekran boyutu için duyarlı bir medya sorgusuyla birleştirdiyseniz izin verebilirsiniz.

CSS Değişkenleriyle Karanlık Tema Ayarlama

CSS Değişkenleri yaygın destek ile oldukça yeni bir ektir. Belki de karanlık bir tema yapmanın en kolay yolu prefers-color-scheme. Renk değerlerini manuel olarak tanımlamak yerine, şöyle:

body {
  background-color: #fff;
}

p {
  color: #000;
}

Bunun yerine bir :root her yerde uygulanacak blok. Değişkenleri burada çift tire (--) ve ardından değişken adını takip edin. Ardından, bir değer tanımlamanız gerektiğinde, var() işlev yerine:

:root {
  --primary: #000;
  --background: #fff;
}

body {
  background-color: var(--background);
}

p {
  color: var(--primary);
}

Bu yöntemin bu değişkenleri değiştirebilmesinin ve değişikliklerin her yere yansıtabildiği harika bir yararı vardır. Hemen altında :root blok, içine başka bir tane ekleyelim prefers-color-scheme medya sorgusu:

:root {
  --primary: #000;
  --background: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #ddd;
    --background: #222
  }
}

body {
  background-color: var(--background);
}

p {
  color: var(--primary);
}

Tarayıcı kullanıcının karanlık bir düzeni tercih ettiğini algılarsa, bu değişkenleri karanlık değerlere sıfırlar. Bu iki renk paletini yönetebilir ve sadece değişkenleri değiştirerek kolayca değiştirebilirsiniz.

Ayrıca, karanlık tema için ekstra CSS'ye ihtiyacınız varsa, bunu başka bir temaya yerleştirebilirsiniz. prefers-color-scheme sorgusu olsa da, bunu öncelikli olması için CSS'nin geri kalanının altına yerleştirmek isteyebilir veya !important bayrağı.

IE 11 için yedek

IE 11 bunu desteklemiyor (belli ki). IE 11 desteği sağlamak istiyorsanız, mülklerinizi ikiye katlamak için eski yöntemi kullanabilirsiniz:

p {
 color: #000;
 color: var(--primary);
}

Bu şekilde, IE 11 yalnızca ilkini işler ve diğerini geçersiz CSS olarak görür. Karanlık temalar işe yaramaz, ancak medya sorgusu için destek olmadığı için zaten işe yaramazlar.

Ayrıca, CSS değişkenlerini hiç kullanmak istemiyorsanız, sitenizi prefers-color-scheme ama bu tıknaz ve alan israfı. Var olan her tarayıcıyı desteklemeniz gerekiyorsa bunun yerine double özelliği yedeğini kullanın.

Projeleriniz için sürüm kontrolüne ihtiyacınız varsa, kendiniz barındırmak istiyorsanız, ancak barebone git'i kullanmak istemiyorsanız, bir web arayüzü üzerinden kolay erişim sağlarken tüm kodunuzu saklamak için bir Gitlab sunucusu kurabilirsiniz.

Zorlu bağlantı veya uygulama sorunlarını giderirken, ağ üzerinden nelerin iletildiğini görmek çok yararlı olabilir. Microsoft ilk olarak Microsoft Message Analyzer tarafından başarılı olan Microsoft Ağ İzleyicisi'ni sundu. Ne yazık ki Microsoft, Microsoft Message Analyzer'ı durdurdu ve indirme bağlantılarını kaldırdı. Şu anda yalnızca eski Microsoft Ağ İzleyicisi kullanılabilir.

AWS Lambda işlevleri kendi sunucularınızı sağlamadan veya yönetmeden kod çalıştırmanın bir yoludur. Her zaman çevrimiçi bir uygulama çalıştırmak yerine, bulutta API etkinliklerine veya AWS hesabınızdaki diğer etkinliklere yanıt olarak tetiklenebilen tek bir işlev çalıştırırlar.

EC2'de yeni bir örnek oluşturduğunuzda, erişim anahtarınız olarak görev yapan bir PEM dosyası alırsınız. Bunu SSH'yi sunucuya eklemek için kullanmanız gerekeceğinden, kolay erişim için anahtarlığınıza eklemek istersiniz.

Normal ifade için kısa olan normal ifade, programlama dillerinde dizelerde kalıpları eşleştirmek, bul ve değiştir, giriş doğrulama ve metni yeniden biçimlendirmek için kullanılır. Regex'in doğru şekilde nasıl kullanılacağını öğrenmek metinle çalışmayı çok daha kolay hale getirebilir.

Dosyalar herhangi bir işletim sisteminde sabit bir akış durumundadır. Bazen yaratılırlar, bazen silinirler, bazen değişirler ve bunların hepsi bir işletim sisteminin yapması için normal şeylerdir. Bazen bir dosya değiştiğinde, bir özellik dosyasındaki bir bağlantı noktası numarasını değiştirmek, bir dağıtım bildirimindeki bir parametreyi değiştirmek, hatta kaynak denetiminden geçmeden üretimdeki kodu sabitlemek gibi, ona bağlı başka bir uygulamada kararsızlığa neden olabilir.

LEAVE A REPLY

Please enter your comment!
Please enter your name here