LESS Bölüm 1 : Giriş ve değişken tanımlama

LESS, CSS'de kod yazımınızı hızlandırır. Değişken ve fonksiyon tanımlayabilir, CSS'i programlama dili gibi kullanabilirsiniz.

Less'i çalıştırmak

Less'i çalıştırmak için bir sunucuya ihtiyacınız vardır, XAMPP veya WAMP gibi programlar size bunu sağlayabilir.

Adım 1 : Lesscss.org'a girip buradan less.min.js dosyasını indiriyoruz.
Adım 2 : Kendi CSS dosyamızı sayfamıza dahil ederken rel="stylesheet" yerine rel="stylesheet/less" yazıyoruz.
Adım 3 : Ardından javascript dosyamızı sayfaya dahil ediyoruz.

Değişken tanımlama

@arkaplan : #333;
@resim_arkaplan : "resimler/resim1.jpg";

tarzında değişken tanımlanır.

Kod : @background:#333;
body { background:#333; }

Çıktısı ;


Yorumlar


LESS daha önceden merak ettiğim ancak incelemeye fırsat bulamadığımı bir konuydu, bu konuya böyle basit ve anlaşılır bir giriş yaptığın için teşekkür ederim Turgay'cım

Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

İletişim

  • info@frontendokulu.com