Yeni ve İyileştirilmiş CSS’yi Başlatma { In Real Life }

Faydalı Alternatif Metin Yazma

Birkaç aylık sürekli çalışmanın ardından, bu hafta nihayet bu sitenin yeni ve geliştirilmiş sürümünü kullanıma sunmaktan mutluluk duyuyorum! Bu büyük bir yeniden tasarım değil ve sadece makaleleri okuyorsanız çok az fark görebilirsiniz. Ancak kullanıcıların beğeneceğini umduğum birkaç yeni özellik var. Hiç şüphe yok ki, düzeltilmesi gereken birkaç hata da var! Önümüzdeki haftalarda bunları çözerken lütfen sabırlı olun. 😉

Yeni özellikler

Yenilenen ana sayfa

Eski ana sayfa her zaman biraz yumuşak hissettirirdi. Yeni sürüm, en son makaleye daha fazla önem verir ve bir makaleyi aramayı biraz daha kolaylaştırmak için bir dizi popüler konu etiketi içerir. Yine de “etiketler” sayfasına tıklayabilirsiniz ( tüm konular link) kapsanan konuların tam listesi için.

Blogroll

ekleme blogroll kişisel bloglar yeniden canlandıkça, web geliştirici topluluğu arasında giderek daha popüler hale geliyor. Twitter veya diğer sosyal ağlara fazla güvenmeden içerik bulmanın harika bir yolu. Bu, ilham aldığım bazı insanların listesi, bloglarını düzenli olarak okuduğum. (Muhtemelen birkaçını kaçırmışımdır!) Zamanla bu bölüme eklemeler yapacağım.

Hakkında sayfası

bu Hakkında sayfa her zaman oldukça azdı, çünkü esas olarak kendim hakkında yazmaktan nefret ediyorum! Ancak, bu blogun üzerinden neredeyse üç yıl geçtikten sonra, bunun nasıl ortaya çıktığının ve neden web geliştirme hakkında yazmaya devam ettiğimin hikayesini anlatmak istediğime karar verdim. Sık ziyaret edilmesini beklediğim bir sayfa değil ama her zaman orada ve bulması kolay.

Menüden uçun

Sayfa sayısı arttıkça, bir açılır menünün eklenmesi, artan sayıda bağlantıyı başlığa yerleştirme konusunda endişelenmeme gerek olmadığı anlamına geliyor. Bu, onları düzenli bir şekilde elinizin altında tutmanın bir yoludur ve elbette klavyeyle erişilebilirdir.

Kamera ARKASI

onbir

“Yeni” sürümün arkasındaki ana itici güç, statik site oluşturucudan bir harekettir. Gatsby ile onbir. daha önce kendim hakkında yazmıştım değişim için motivasyonlarve öğrenme sürecinde kaçınılmaz olan birkaç küçük takılma noktası dışında, çoğu zaman oldukça acısız oldu. Eleveny’nin araç setinin bir parçası olduğu bu sitenin geleceğiyle ilgili planlarım var ve şimdi ilerlemeye daha çok güveniyorum.

Eleventy’ye geçmek, biraz dağınık hale geldiğinden, ölü kodu yeniden düzenleme ve kaldırma fırsatı da oldu. Yine de kopyalayabildim bazı CSS’den taşınmaya karar verdim CSS Modülleri daha geleneksel bir Sass mimarisine. CSS Modüllerinden nefret etmiyorum ama genel olarak BEM ve normal Sass kullanarak daha mutlu hissediyorum.

Parsel

kullanıyorum Parsel modül paketleme ve derleme varlıkları için. Parsel’i bir yılın en iyi bölümünde kullanıyorum ve Webpack’e alternatif olarak bundan oldukça memnunum. ben yazdım Parsel’i kullanmaya başlama kılavuzu bu yılın başlarında ve sitenin kendisi benim Elli-Parsel başlangıç ​​projesi. Karmaşık bir siteniz varsa ve daha fazla yapılandırma seçeneğine ihtiyacınız varsa, Parsel sizin için olmayabilir (ünlü olarak “sıfır yapılandırma”dır). Ama şu anki ihtiyaçlarım için gayet iyi çalışıyor.

Gelecek hedefleri

Bu sürüm için ekleyemediğim birkaç yeni özellik var, ancak çok da uzak olmayan bir gelecekte eklemek istiyorum.

Karanlık mod geçişi

Site şu anda karanlık mod desteğine sahipken ( prefers-colour-scheme medya sorgusu, burada kronikleşmiş), kullanıcının sistem ayarlarını değiştirmek zorunda kalmadan bunu kontrol edebilmesi ve dilerse ışık moduna geri dönebilmesi daha iyidir. Bunu çok yakında eklemeyi hedefliyorum.

İlgili içerik

Blog gönderilerinin sonunda ilgili makaleleri görüntülemek, kullanıcıların okudukları konuya benzer konulardaki bilgilere daha kolay erişmelerine yardımcı olmak istiyorum.

Önerilen kaynaklar

Blogroll’a ek olarak podcast’ler, kitaplar, videolar veya kurslar gibi önerilen diğer kaynakları da eklemeyi planlıyorum. Bu blog tamamen paylaşmak ve insanların web geliştirme hakkında bilgi edinmelerine yardımcı olmakla ilgilidir. Kaynakları başkalarından paylaşmak bunun bir parçasıdır.

CSS { IRL } üzerinde görmek istediğiniz özellikler nelerdir? Geri bildiriminizi duymak isterim!

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.