Less


Less dosyalarıyla çalışıyorsanız ve eğer arayüz geliştiriyorsanız yazdığınız kodu tarayıcıda anlık olarak görmek isteyeceksiniz. Less dosyalarını kaydettiğiniz gibi derleyen aşağıdaki araçlarla hangi platformda çalışıyor olursanız olun otomatik olarak derletebilirsiniz.

Less derleyicilerini toparladığım ufak bir yazı hazırladım:http://mfyz.com/dokuman/127/less-dosyalarinizi-anlik-csse-cevirin
Css yazmayı bırakıp Less ile çalışmaya başlamadınız mı? O zaman şu bökümandan devam edin ve less'in avantajlarına göz atıp size ne fayda sağlayabileceğiniz basitçe anlayabilirsiniz.

Less dosyalarıyla çalışıyorsanız ve eğer arayüz geliştiriyorsanız yazdığınız kodu tarayıcıda anlık olarak görmek isteyeceksiniz. Less dosyalarını kaydettiğiniz gibi derleyen aşağıdaki araçlarla hangi platformda çalışıyor olursanız olun otomatik olarak derletebilirsiniz. Hatta bazıları, açık olan tarayıcılarda, lokal geliştirme ortamınıza ait bir URL açıksa onu da otomatik yeniliyorlar. Dolayısıyla sadece tarayıcınızı kontrol etmeniz yetebiliyor değişiklikleri görmek için.

Bu derleyiciler aynı zamanda less kodunuzu denetleyerek hataları bildiriyorlar. Sonuç olarak yazdığınız less dosyalarınız da css dosyalarınız da geçerli css çıktısı olarak sitenizde yayınlanıyor.

Less.app

Sadece MacOSX'de çalışan bu uygulamaya çalıştığınız projeleri, klasörleri sürükleyip bırakarak otomatik tarattırıp proje olarak ekliyorsunuz. Size o projede bulduğu bütün less uzantılı dosyaları listeliyor. Dosyalar güncellendiği anda da dosyaları css dosyalarına derleyip growl uyarısı ile bildiriyor.
http://incident57.com/less/

Simple Less

Bu uygulama biraz daha basit bir arayüze sahip ve tüm platformlarda çalışıyor. Çok platformda çalışan geliştiriciler için oldukça ideal.
http://wearekiss.com/simpless

Winless

Sadece Windowsta çalışan, klasik Windows arayüzüne sahip ufak bir araç.
http://winless.org/


Hazırlayan: Mehmet Fatih YILDIZ

Popüler Etiketler

php apache apple server coding network social facebook google app developer web app open source ubuntu workspace api auth wanda digital medya opengraph optimization fql firefox download mysql db code less css language development style blog rss css3 konsol terminal media sosyal logo html5 html javascript js jquery plugin box http icon ikon grafik xhtml gimp howto nasıl örnek kod textarea ruffles doritos chart mail signature imza integration service parse xml macosx ipad iphone mobile itunes twitter istatistik browsers table statistics insanlar connect cache form input kurulum graph startups music ui ux login webkit compile compiler windows linux on-the-fly job iOS lifestream dokuman pear mdb2 prepare execute injection tebrik sql export tool kitap meta portfolio tytz newsletter osx player optimizasyon analyse procedure mfyz design sitemap generator query oyun mootools ajax xmlhttprequest ide editor phpstorm jetbrains deployment version control svn git date diff zaman tarih regex url search internet session cookie nedir share license lisans ipucu subversion proje radio button switch kontrol yapıları if seo assets framework widget notebook laptop support screen ie browser bootstrap database mssql pgsql wordpress ntfs fstab ios app store store in-app purchase purchase verification storekit itunes connect link select htaccess while object route router mod_rewrite applications free icons cms internet explorer wireless kampanya pharma hack subscription www subdomain redirect crossdomain calendar banner spam