FanAizu

Есть идеи?

Есть код: 'use strict';var gulp = require('gulp'), $ = require('gulp-load-plugins')(),module.exports = function(options) { gulp.task('test', function () { gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss') .pipe(gulp.dest('dist/')); });}; Вызов gulp.dest('dest/') в моем коде сохраняет файл _bootstrap.scss внутри папки dest/. Если же строку кода: gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss')заменить на строку: gulp.src('external/*/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss')То вызов gulp.dest('dest/') в моем коде сохраняет файл _bootstrap.scss внутри папки dest/bower_components/bootstrap-sass-official/assets/stylesheets. Объясните, пожалуйсте, почему в первом случае кучи вложенных папок внутри папки dist не создается, а во втором варианте генерится куча вложенных папок? От чего это зависит, где про это прочесть? Спасибо.

имеется вот такая верстка: для контейнера со списком туду задач установлены свойства: max-height:300px;overflow: auto; Как разультат, при добавление задач в список - появляется скролл. Так и задумано, но есть проблема - скролл сдвигает контент влево на размер скролла. Поэтому строка с созданием новой задачи(с синей кнопкой в строке) выглядит нессиметрично со строками задач в списке(с желтой, зеленой и красной кнопками). Как избавиться от такого сдвига контентента?.. Может кто сталкивался с подобными задачами? Спасибо.

Скажите, пожалуйста, заинтересовал вариант с iframe-ом. У него есть событие onload у window, которое срабатывает, когда все ресурсы загружены. Но ведь страницу, которая будет грузиться в iframe нужно формировать на сервере, при этом постоянно с разными значение атрибута href у тега link. На клиенте же нельзя создать документ, который передаем в айфрэм, а затем в нем срабатывает событие onload. Как быть?

Тема не о верстке, но не нашел раздела форума, где можно спросить было бы, поэтому пишу в этом разделе. Сколько не читаю статьи, никак не могу "въехать", я опишу, как вижу "мир", а вы, пожалуйста, напишите, где неправильно и как правильно. Большое вам спасибо! Я открываю текстовый редактор, нажимаю клавишу на клавиатуре. Контроллер клавиатуры отправляет процессору код нажатой клавиши. Операционная система передает этот код в текстовый редактор. Текстовый редактор определяет какая кодировка выбрана в операционной системе. Далее коду нажатой клавиши сопоставляется значение символа в текущей кодировке операционной системы. Например, код клавиши - 100, в кодировке windows-1251 он соответствует двоичному коду 00010100. Далее текстовый редактор обращается к операционной системе, чтобы та отобразила этот самый символ с кодом 00010100. Операционная система смотрит какой выбран шрифт, открывает файл шрифта, внутри же файла шрифта также имеется своя внутренняя кодировка, в которой код символа соотносится с глифом(изображением). Это изображение и выводится на экран. Чёрт, ну вот бесит, что нигде не нашел подробное описание того процесса, который я описал, только так как есть на самом деле. Помоги, пожалуйста, дайте ссылку, если знаете, где прочесть подробно про этот процесс ввода символа, его сохранение с использованием кодировок, а далее вывод на экран с использованием файлов шрифтов, или расскажите своими словами, если вам не в тяготу. Очень буду благодарен, уже устал, ну фиг где есть нормальная информация...

Я использую yeoman для скаффолдинга проекта. В итоге в проекте имеется папка app с дев. версией проекта и папка dist с продакшн версией проекта. Разрабатывая проект в папке app, затем вызывается задача гранта и грант собирает всё из папки app, минифицирует, конкатенирует и т.п., в итоге на выходе получаются файлы проекта(1 js файл, в котором все скрипты, 1 css файл, в котором все стили), которые складываются в папку dist. Все вроде пока хорошо до тех пор, пока мне не приходится заюзать какой-нибудь bower пакет. Например, я установил twitter bootstrap bower пакет. В gruntfile-е в задаче конкатенации подключаю к остальным js файлам js файл bootstrap-а. Тоже для css bootstrap-а. Пока все нормально. Но что делать с различными картинками и прочими ресурсами, от которых зависит boostrap и которые лежат в папке пакета bootstrap-а. Как их правильно подключить в конечную версию проекта, продакшн версию, которая лежит в папке dist, при этом, чтобы все пути к этим ресурсам из css сохранились? Спасибо.

должно отображаться корректно в другой теме вам советовали уже подобное, зачем создавать еще одну тему с этими вопросами? виноват, извиняюсь

и что это означает?

Стоит следующая задача: при выборе темы оформления сайта в селекте, нужно менять значение href у тега link с используемой таблицей стилей на сайте. Проблема в том, что меняя значение href у link, сайт отображается без стилей, пока не загрузятся новые. Поэтому нужно каким-то образом отслеживать загрузку стилей нововыбранной темы и только после этого менять значение href у линк, тогда, теоретически, смена оформления сайта произойдет без мерцания, то есть мгновенно. Но нету возможности отследить, когда загрузятся стили в теге link. Поэтому нашел выход - грузить стили новой темы в iframe-е т.к. у window внутри iframe-а есть событие load, которое дожидается загрузки всех ресурсов, в том числе и таблиц стилей. Но хотелось бы уточнить у знающих людей пару моментов: 1) будут ли стили, подгруженные в iframe-е, кэшироваться браузером? 2) с событием onload у window в iframe нету никаких проблем? Просто гуглил про iframe и у людей постоянно с этим вопросы на stackoverflow. 3) при условии, что стили в iframe-е кэшируются браузером, предположим, что на сайте сейчас стоит тема theme1.css, а в iframe-е я подгрузил нововыбранную тему пользователем theme2.css, не будет ли все равно на мгновение сайт отображаться без стилей вообще, в момент, когда я после срабатывания в iframe-е у window события onload, изменю значение href у тега link на theme2.css и до тех пор, пока браузер не возьмет стили theme2.css из кэша? Естественно я это протестирую, но во всех браузерах не протестишь, поэтому хотелось бы получить экспертное мнение. Спасибо большое.

То есть, если я хочу несколько разных копий одного и того же модуля для зависимых модулей, то нужно создавать несколько модулей с разными названиями, но с одинаковым содержимым? Это же извращенством выглядит?.. И разве можно указывать, например, в AMD модулях версию модуля?

Слабаки...

ага, в том-тоо и загвоздка

не поможет т.к. пока стили не загрузятся сайт будет голый. То есть класс мы сменили на новый и создали link и указали урл файла со стилями. Пока стилей нету в браузере - сайт будет без стилейотображаться, а когда загрузятся - тогда станет норм.

Полагаю, что они кэшируются в рамках жизни страницы, а после перезагрузки страницы будут заного посылаться ajax запросы, иначе как кэшировать данные, полученные ajax-ом? Разве что localStorage юзать, но он ограничен 5 мб, что тоже не есть хорошо.

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

Нет, просто в бэм все блоки, можно, конечно, сам link сделать блоком, но на всякий случай решил уточнить, может вдруг возникнет необходимость сделать link не блоком, а элементом блока по БЭМ. В любом случае спасибо, и извините за недопанимание. Проверил в мозиле, он в этом случае выносит тег link, обернутый в div, из head в body.

Вопрос про пробовал ли я сам или нет не уместен т.к. в браузерах, в которых я проверю может работать только потому, что они посчитали нужным так реализовать, а в других работать не будет. Ну вот почему всегда на форуме задашь вопрос и тебе сразу в штыки начинают отвечать? Если бы смог найти информацию, то не стал бы писать, ну елки палки. А вопрос возник потому, что использую i-bem.js и БЭМ методлогию, а в ней все блоки и этот тег link мне нужно сделать блоком, чтобы работать с ним по методологии БЭМ, поэтому и хочу обернуть в div

Проясните, пожалуйста, пару момент по модульным системам, например AMD: 1) если на странице нету какого-то модуля, который нужен для работы другого модуля, который уже есть на странице и ждет своего резолвинга, то модульная система скачивает файл этого отсутствующего модуля с сервера и чтобы не делать кучу аякс запросов на сервер, разработчики используют тулзы, которые смотрят все зависимости всех модулей и собирают один js файл со всеми модулями, который подключается вручную на страницу, чтобы не делать запросы на сервер? 2) как я понимаю, если несколько модулей зависят от одного и того же модуля, то все эти модули получат ссылку на одно и тоже экспортируемое значение из модуля, от которого они все зависят? А что делать, если я хочу работать с разными копиями одного и того же модуля для каждого из зависящих модулей? Это возможно? Спасибо.

Скриптами я меняю значение href у тега link со стилями сайта. То есть меняю темы сайта безе перезагрузки сайта. Так вот, как только скрипт меняет href у link, то сайт становится без оформления, пока не загрузятся стили новой темы и не применятся браузером. Как избавиться от такого поведения?

Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.

Подскажите, пожалуйста, вот когда я создал модуль какой-то, например, myModule.js, то через консоль чтобы запустить его, нужно прописать node myModule.js. Но часто вижу, как чужие модули нужно запускать просто командой myModule, или bower install. Как это делается? Спасибо.

как вариант, спасибо, не задумался.

Да нету проблемы, нужны изображения покадровые, вот и все. Где их взять - не знаю, нагрулил совсем копье таких покадровых изображений предметов, вот и обратился, может кто знает, где взять такие уже готовые изображения.

Зачем вам этот сакс, gif делается обычным фотошопом, а вообще флеш самое оно для этого. Или вы любитель велосипедов со стажем? Я любитель велосипеда с использованием вот этой библиотечки, где по скроллу происходит анимация взад и вперед http://janpaepke.github.io/ScrollMagic/

нет, не гиф. просто спрайт с набором изображений одного предмета или человека, только в кадрах. А я потом сам буду js-ом менять координаты смещения в спрайте.