Kod parçacıkları 2025, Ocak

"Neden Ems" hakkında konuştuk. önceden burdaydı. Em değerlerinde yeni olanlar için, Mozilla Geliştirici Ağı ems'yi açıklamakta mükemmel bir iş çıkarmaktadır: ... bir em "

Yollarla uğraşmak her zaman biraz can sıkıcıdır, kabul edeceksiniz. Neyse ki, Sass ile varlıkları yönetmek için güzel bir API'ye sahip olmak ve "

Aritmetikte çok yardımcı olsa da, Sass matematiksel yardımcı işlevlerde biraz yetersiz kalıyor. Resmi veri havuzunda açık bir sorun var "

Alex King aracılığıyla, seçiciler için değişkenler kullanabilirsiniz: $ a-tag: 'a, a: active, a: hover, a: ziyaret edildi'; $ a-etiketleri-vurgulu: 'a: etkin, a: vurgulu'; # ($ a-etiketleri) (renk: "

Sass çerçevesi Compass, bir konumun zıt yönünü elde etmek için kullanışlı bir işlev sağlar, örneğin argüman olarak sağa geçerken sola. Bu"

Kendi CSS tedarikçinizin önekini (örneğin, Autoprefixer veya Compass yerine) kullanmakla ilgileniyorsanız, işte size yardımcı olacak bir mixin. Daha doğrusu"

Bir seçiciyi ilişkili kural seti içinden nitelendirmenin kolay bir yolu yoktur. Nitelendirme ile, bir sınıfın başına bir öğe adı (örneğin a) eklemeyi kastediyorum "

Temmuz 2013 tarihli bu makale, ölçeklenirken bile öğelerin en boy oranını korumak için psuedo öğelerini kullanma yöntemini açıklamaktadır. İşte bir Sass karışımı "

Son zamanlarda Materyal Tasarım her yerde. Bir kısmı, gerçek kağıt tabakalar gibi üst üste istiflenen katmanlardan oluşur. Başarmak"

Bir kısayol CSS'si önemli ölçüde eksikse, bu, dört ofset özelliğinin yanı sıra position özelliğini de tanımlamayı mümkün kılar "

Duyarlı Web Tasarımı kreasyonları genellikle birkaç farklı kesme noktasında bulunur. Bu kesme noktalarını yönetmek her zaman kolay değildir. Bunları kullanma ve güncelleme "

Renk teorisinin derinliklerine inerken, göreceli renk parlaklığı denen bir şey vardır. Basitçe söylemek gerekirse, bir rengin parlaklığı onun "

Kütüphane oluşturucular ve çerçeve oluşturucular için, işlevleri bir listedeki öğelere dinamik olarak uygulamak için birkaç ekstra işleve sahip olmak kullanışlı olabilir. Buraya"

@Extend yönergesi ile bir seçiciyi genişletirken, Sass genişletilmiş seçiciden CSS içeriğini genişletilmiş seçiciye yerleştirmez. O"

JavaScript veya başka bir programlama dilindeki sayılarla uğraşırken, bir sayıyı n basamaktan sonra kesmenin bir yolu vardır. Maalesef yok"

Bézier eğrileri, CSS geçişlerine ve animasyonlarına güzel efektler eklemek için kullanılabilir. Tam işlevsel gösterimi yazmak (ör. Cubic-bezier (0.550, "

Karmaşık Sass mimarileri üzerinde çalışırken, konfigürasyonu ve seçenekleri korumak için Sass haritalarının kullanılması alışılmadık bir durum değildir. Zaman zaman haritaları göreceksiniz "

Kaydırma çubukları, internetin hemen hemen her sayfasında bulunan UI bileşenlerinden biridir, ancak biz (geliştiriciler) bunun üzerinde çok az kontrolümüz var veya hiç yok. "

Üçgenleri taklit etmek için 0 genişlik / 0 yükseklik öğesinde şeffaf kenarlıklar kullanan oldukça popüler bir CSS hacklemesi var. Burada CSS Hilelerinde bir CSS pasajı var "

Ana öğenin konumuna sahip olduğunu varsayarsak: göreli;, bu dört özellik bir alt öğeyi hem yatay hem de dikey olarak içeride ortalayacaktır, "

Birimsiz bir sayıyı bir uzunluğa, süreye, açıya veya herhangi bir şeye dönüştürürken, insanlar birimi basitçe bir dizge olarak ekleme eğilimindedir, örneğin: $ değer: 42; "

Bilgisayar biliminde, bir sayıyı diğer iki sayı arasında sınırlamanın bir yolu olarak kelepçe kelimesini kullanırız. Sabitlendiğinde, bir sayı ya kendi değerini korur "

Kendimi bu özellikleri her zaman birlikte kullanırken buluyorum, bu genellikle bir mixin gibi bir soyutlama için iyi bir fırsat: @mixin coverer ("

BEM'e en iyi giriş Harry Roberts'tan: Blok, öğe, değiştirici anlamına gelen BEM, "daki adamlar tarafından tasarlanan bir ön uç adlandırma metodolojisidir

Sass'taki & karakteri, geçerli seçiciyi temsil etmesi açısından benzersizdir. Siz yuva yaptıkça değişir. Diyelim ki yuvalanmışsınız, ancak bir "

Biraz şeffaf siyah veya beyaza ihtiyaç duymak oldukça yaygındır. CSS'de şunları yapabilirsiniz: .half-black (arka plan: rgba (0, 0, 0, 0.5);) "

Bu fonksiyon koleksiyonu, bir değişkenin değerinin belirli bir tipte olup olmadığını test etmek içindir. Örneğin, 13rem göreceli bir uzunluk mu? DOĞRU! "Donuk" mu

Function getZeroPaddedNumber ($ değer, $ dolgu) (dönüş str_pad ($ değer, $ dolgu, "0", STR_PAD_LEFT);) Kullanım echo getZeroPaddedNumber (123, 4); // çıktılar"

Aşağıdaki normal ifade, sağlanan posta kodunu 096 rakamlarıyla başlıyorsa ve ondan sonra tam olarak 2 rakam olup olmadığını test eder. Varsa, evet, eğer "

$ url = 'http://example.com'; $ doğrulama = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ doğrulama) $ output = 'uygun URL'; "