CSS İpuçları PhpStorm

PhpStorm – CSS Yazarken HEX Renkleri Görme

Merhaba. PhpStorm’da CSS yazarken HEX kodlu renklerimizi, arka planda ön izleme olarak görüntüleyebiliyoruz. Bunun nasıl yapıldığını açıklamaya çalışacağım.

Ön tanımlı olarak bu ayarı kapalı gelmesi, başka bir yerde görmezseniz böyle bir özelliğin var olduğunu anlayamazsınız demektir. Normalde çalışma alanımızın görüntüsü (CTRL + ALT + S veya Cmd+ Mac OS X için tuş kombinasyonu ile önce ayarlara giriyoruz ve ardından color yazıp Appearance sekmesine tıklıyoruz) ve ayar kısmı şu şekildedir;

Screenshot_3
“Show CSS color preview as background” alanına ufak bir tık atıyoruz ve ardından IDE’mizi yeniden başlatıyoruz. IDE’miz açıldığında görüntünün aşağıdaki gibi olması gerekiyor;

Screenshot_21

Bonus: Renklerimizde değişiklik yapmak istediğimiz zaman, sol tarafta görünen rengin üzerine çift tıklayarak, renk paletinden değişikliği gerçekleştirebiliyoruz.

Screenshot_1

Eminim bunu merak eden bir çok kişi vardır. Yoksa bile kullanışlı bir özelliği size tanıttığım için mutluyum. İyi çalışmalar dilerim.