Less Css Ders-1 Başlangıç
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Less Css Ders-1 Başlangıç

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3151)
RAPOR ET
http://ustaderslik.com/resim/ders/less-snippets-0.jpg

Yeni bir seriye başlıyoruz.Bu seride less.js yi anlatacağım.Öncelikle işlevinden bahsedip sonra kurulumunu anlatayım.Css bildiğiniz gibi stabil bir dil.Objeyi seçer kodu yazarız.Less ise de değişkenler,matematiksel işlemler,iç içe seçiciler gibi dinamiksel işlemlerle css dinamikleştirmemize yarıyor.

Less 2009 dan beri kullanılıyor.Less gibi css dinamikleştiren sass var ama less daha çok kullanıldığı için bunu anlatacağım.

Şimdi kurulumuna geçelim.

Aşama-1


Less komutlarını çalıştırabilmek için host veya localhost da çalışmamız gerek,yoksa direk çalıştırmaya kalkarsak çalışmayacaktır.Eğer localhostda çalışmak istemiyorsanı şuradan windows için kodları çalıştıracak derleyiciyi indirebilirsiniz, http://winless.org/ ama ben localhost üzerinden anlatacağım.

Aşama-2


.less uzantalı bir dosya yaratarak sayfamıza şu şekilde dahil edelim.
<link  type="text/css" rel="stylesheet/less" href="tasarim.less" />

Css ve less komutlarımızı buraya yazacağız.

Aşama-3


http://lesscss.org/ buradan lessin son versiyonu nu indirip sayfamıza dahil edelim.
<script type="text/javascript" src="less-1.7.0.min.js"></script>


Less artık kullanmaya hazırız.İleriki derslerde komutlara geçeceğiz.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol