Responsive(duyarlı) web tasarımı uzun zaman önce web’de standart olmuştur. Hemen hemen her web sitesinde, genellikle bir hamburger menüsü tarafından gerçekleştirilen bir (nvigasyon)gezinme menüsü bulunur. En iyi CSS hamburger menülerinden (+ simgeler ve animasyonlar) oluşan bir koleksiyona burada erişebilirsiniz.
Web sitesinde menü ve bağlantılar için animasyon aramaktan bıktınız ise bu koleksiyon sayesinde aramayı bırakabilirsiniz. 100’den fazla farklı animasyonun bir listesini buldunuz.
CSS karmaşık bir dil olmasa da, öğrenmeye başladığımda bazı kısımları benim için bir muammaydı. Örneğin, birden çok kutu gölgesi veya arka plan görüntüsü niteliğini birleştirmek. Bu yüzden bu oyun alanlarını(playgrounds) CSS ile çalışmayı daha kolay ve verimli hale getirmek için tasarlandı.
Online kod yazıp, test edip ve paylaşılabilen uygulamaları paylaşacağım, en çok kullanılan ve bilinenleri Codepen ve Jsfiddle ancak daha yetenekli ve farklı özellikleri olan alternatiflerini de listeme dahil edeceğim, umarım işinize yarar.