LESS import и браузеры

[swandev]

Проблема в следующем.

 

Есть папка с такой структурой:

 +css    +bootstrap    +img    design.less    markup.less    style.less +images +js index.html

в  index.html мы подключаем style.less 

<link rel="stylesheet/less" href="css/style.less">

style.less служит контейнером, в него нужно импортить все остальные стили

@import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";

Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок.

Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.

Edited November 26, 2013 by ALEEX SWN

[CoDy]

Может less.js поможет http://lesscss.ru/#-client-side-usage

<link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"></script>

[Switch74]

если мне не изменяет память less на локале не работает типа там адреса http:/

[swandev]

если мне не изменяет память less на локале не работает типа там адреса http:/

Почему тогда в фф все нормально?

 

Может less.js поможет http://lesscss.ru/#-client-side-usage

<link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"></script>

компилятор подключен

[Switch74]

данный косяк почему-то проявляется не во всех браузерах

[wwt]

less вроди бы тянет *.less файл AJAX'ом, а локально он будет работать только если установлен веб-сервер

данный косяк почему-то проявляется не во всех браузерах

в некоторых браузерах можно осуществлять локальные AJAX запросы.

[swandev]

less вроди бы тянет *.less файл AJAX'ом, а локально он будет работать только если установлен веб-сервер

 

 

данный косяк почему-то проявляется не во всех браузерах

в некоторых браузерах можно осуществлять локальные AJAX запросы.

 

Спасибо, не знал)

[Николя223]

хм .. мне почему то less использовать не доводилось, справлялся яваскриптом.. читал только про него. плюсов то много в нем?

[swandev]

хм .. мне почему то less использовать не доводилось, справлялся яваскриптом.. читал только про него. плюсов то много в нем?

Приходится использовать)

http://lesscss.ru/ плюсы точно есть, если сравнивать с чистым CSS

[Zverushka]

А зачем тебе подключать всю эту приблуду через скрипты или сервер?
Просто поставь плагин, который на сохранении файла генерит готовый .css файл  и все (заодно отруби в нем разметку в одну строку). А джаваскрипт комплилятор нехило грузит сайт.

 

 

хм .. мне почему то less использовать не доводилось

 

Джаваскрипт - это скрипт, а лесс - это новый набор инструкций для css, чтобы было проще и быстрее писать код и на выходе он выдает готовый css файл.

Edited November 27, 2013 by Zverushka

[Николя223]

Джаваскрипт - это скрипт, а лесс - это новый набор инструкций для css, чтобы было проще и быстрее писать код и на выходе он выдает готовый css файл.

 

 

upd: я может фишку не вкурил - поэксперементирую на досуге чё да как

Edited November 27, 2013 by Николя223

[Zverushka]

upd: я может фишку не вкурил - поэксперементирую на досуге чё да как

 

За 1 день изучается и через неделю ты с ужасом будешь вспоминать, что писал на чистом css.

Edited November 27, 2013 by Zverushka

[swandev]

А зачем тебе подключать всю эту приблуду через скрипты или сервер?

Просто поставь плагин, который на сохранении файла генерит готовый .css файл  и все (заодно отруби в нем разметку в одну строку). А джаваскрипт комплилятор нехило грузит сайт.

 

Так и делаю  если пишу все с нуля сам.

Сейчас работаю над проектом где используется Less + bootstrap и менять ничего нельзя. Но это не проблема, работаю на локальном веб сервере.

 

Интересно было узнать, почему такая разница в браузерах.

[Zverushka]

Сейчас работаю над проектом где используется Less + bootstrap и менять ничего нельзя. Но это не проблема, работаю на локальном веб сервере.

Ммм, не понимаю, чего нельзя менять?.. 

[swandev]

 

Сейчас работаю над проектом где используется Less + bootstrap и менять ничего нельзя. Но это не проблема, работаю на локальном веб сервере.

Ммм, не понимаю, чего нельзя менять?.. 

 

 

Есть style.less, в него инклудятся другие .less и .css файлы

это уже используется на сайте, я не могу ничего изменить (например локально писать на .less компилировать в css и подключить на сайте .css)

[Zverushka]

Но ты можешь генерировать style.css для себя и просто этот файлик не передать заказчику.Главное не забыть потом подправить, где в хтмл включил стиль этот и сам файлик не забыть..

Edited November 27, 2013 by Zverushka

[Vin]

За 1 день изучается и через неделю ты с ужасом будешь вспоминать, что писал на чистом css.

Некоторых (меня в т. числе) именно это и пугает))

[swandev]

Но ты можешь генерировать style.css для себя и просто этот файлик не передать заказчику.Главное не забыть потом подправить, где в хтмл включил стиль этот и сам файлик не забыть..

Ты меня не понимаешь

 

В общем как я понял полноценно использовать less можно только на локальном веб сервере.

[wwt]

 

Но ты можешь генерировать style.css для себя и просто этот файлик не передать заказчику.Главное не забыть потом подправить, где в хтмл включил стиль этот и сам файлик не забыть..

Ты меня не понимаешь

 

В общем как я понял полноценно использовать less можно только на локальном веб сервере.

 

не только. Можно не использовать сервер. Но тогда less код нужно компилировать в css.

 

Я использую http://wearekiss.com/simpless чтобы компилить less в css. Изменил что-то в less файле сохранил и он на лету перекомпилирует в CSS. мне достаточно только обновить страницу в браузере чтобы увидеть изменения. А less.js в качестве подключаемого скрипта полезен когда производится отладка на удаленном сервере. А на рабочем проекте лучше вообще не использовать компилятор, лучше подключать уже скомпиленный css файл.

[Zverushka]

Если у тебя ст2 - то к нему есть плагин на лету сохраняющий в css