responsive etiketli 21 yazı var

sunipeyk logo

Sadece CSS ile Logo

Sunipeyk logosu sadece CSS kodları ile yapılabilir mi diye aklıma geldi birden. Sonuçta bir daire ile iki kısa çizgi. 2017 yılının ortasında yaptığım logo için CSS kodlarıyla gösterebildiğimde logo/görsel tamamen responsive olacak. İstediğiniz kadar büyütüp, küçültün bozulmayacak. Birden aklıma geldi derken, sadece ve/ veya ilk benim aklıma geldi anlamında değil, tabii. Çok daha karmaşık logoları …

sp grid v9.2 gutenberg

SP Grid V9.2 Gutenberg Tema

WordPress 5.0 ile Gutenberg editörü çekirdek dosyası olması ile birlikte, biz de SP Grid tema üzerinde ufak tefek değişiklikler ve iyileştirmeler yaptık.Temel olarak SP Grid temamız Gutenberg ile uyumlu haldeydi. Gutenberg temanın style CSS dosyasını çok başarılı bir şekilde işleyebilmekte. Hatta bazı özel info classlarını da çekebilmekte. Sitenin Gutenberg öncesi tasarımı hemen hemen hiç değişmedi. …

sp grid 9.1

SP Grid V9.1 Tema

Sitenin temasını Grid haline versiyon 9 ile geçirmiştik. Elbette iyileştirmeler hiç bitmiyor. CSS öyle bir şey. Ya yenilikler çıkıyor ya aynı şeyi daha iyi bir şekilde yapabilme örnekleri.Temasını grid yapısı yapmak isteyenlere şöyle bir tavsiye verebilirim. Gerekli yerlerde flex yapısını kullanmaya devam etmelisiniz. Tamamen grid yapısı sorun çıkarabiliyor. Sorun derken sitenizin istediğiniz gibi görünmesi veya …

Ufak Tefek Grid’ler

Yeni Grid sistemini ara ara inceleyiyorum. Bildiğiniz gibi başta tarayıcıların desteği yetersiz idi. Şimdi hemen hemen tüm major tarayıcıların son sürümleri destekliyor. Standartları da oturdu, oturacak. Ufak tefek sorunlar var halen. Biraz ‘Yeni’ Gridden Ekleyelim Siteye Ben de site yapısını daha verimli olabileceğini düşünerek biraz biraz denemelere giriştim.Postların altında “ilgili yazıların” bulunduğu kutular kısmının css …

css grid kutuları

CSS Grid, Bilmeniz ve Öğrenmeniz Gereken Her Şey

CSS Grid hakkında harika bir kaynak site Grid by Example.Sitede CSS Grid ile ilgili hemen her şey var. CSS Grid Hakkında Her Şey Başlangıç bölümü Örnekler Modeller Video dersleri Kaynaklar bölümlerine ayrılmış. Her bölümün içi dolu dolu. İnceleyin, kaynaklarınıza ekleyin. Başlangıç için Kolay CSS Grid Öğrenelim yazımızdan yararlanabilirsiniz.

1 2 5