Emmet ile CSS Yazmak

YouTube kanalım için hazırlamış olduğum Html eğitiminde Sublime Text 2 editöründeki Emmet eklentisini göstermiştim. Sublime Text 2′ e iyice alıştıktan sonra CSS Emmet özelliğini de çokça kullanmaya başladım. Sublime Text 2’nin emmet eklentisi sayesinde hızlıca Html yazmanın yanında CSS kısayolları ile hızlıca CSS de yazabiliyorsunuz. Bu da geliştiriciler için çok büyük bir kolaylık anlamına geliyor.

CSS dosyanızda “h” yazıp “tab” tuşuna bastığınız zaman size otomatikman height: olarak css kodunuzu getiriyor. Hemen yüksekliğin değerini de vereyim derseniz “h30” yazmanız yeterli TAB’a bastığınız zaman direk “height: 30px;” olarak size kodunuzu getiriyor.

Çoğunluk ile CSS özelliklerinin baş harfleri ile tamamını yazdırmasını sağlıyor kısaca örnek vermek gerekirse:

h + TAB = height:

w+ TAB = width:

m + TAB = margin:

p + TAB = padding:

p30px10px15px45px + TAB =  padding: 30px 10px 15px 45px;

Bu şekilde kısaltmaları kullandığınız zaman Emmet eklentisi hızlıca CSS yazmanızı sağlıyor. Kullanmanızı öneririm.

YouTube kanalım için hazırlamış olduğum videoyu da izleyip daha fazla fikir sahibi olabilirsiniz.