Sigizmund

Array.prototype.duplicate = function() { this.forEach(element => { return this.push(element); }); };

Метода duplicate у массивов нет, т.е. предлагается прописать его в Array.prototype, а это антипаттерн.

const element = document.querySelector(".span"); const lettersArr = element.textContent.split(""); const spansArr = lettersArr.map(letter => { let span = document.createElement("span"); span.textContent = letter; return span; }); element.textContent = ""; spansArr.map(span => { return element.appendChild(span); }); или const element = document.querySelector(".span"); const lettersArr = element.textContent.split(""); const spansArr = lettersArr.map(letter => { return `<span>${letter}</span>`; }); element.innerHTML = spansArr.join("");

Бесплатный интенсив по JavaScript, 30 дней = 30 задач. Всё приходит на e-mail. https://javascript30.com/

Update: Нашёл ещё один вариант для пользователей Windows 10. При включении подсистемы Linux( Ubuntu ) в Windows 10 становится доступной линуксовская консоль со всеми её командами. Инструкция на Хабре Читаем комментарии, у кого русская Винда, и он не может найти нужные разделы в панели управления. После установки открываем cmd.exe на родительской папке( левый Shift + ПКМ на папке -> Открыть окно PowerShell здесь ), вводим bash, появляется консоль Ubuntu, в ней вводим rm -rf папка-для-удаления Усё, папка удалена. Пример команды: rm -rf node_modules

Имеете ввиду вот это?: https://habrahabr.ru/company/eset/blog/281418/ Не люблю бета-версиями пользоваться

Да нет, у меня 10-ка, в ней эта проблема тоже есть. Node.js нужно установить актуальную версию с оффсайта https://nodejs.org/en/download/ Пост именно для пользователей Windows, не все готовы с привычной системой расстаться.

Многие сталкиваются с проблемой невозможности удаления файлов и папок со слишком длинным путём до них в файловой системе на базе Windows. Если путь слишком длинный( больше 256 символов ), при попытке удаления файла или папки, Windows выдаёт ошибку «Файловая система не поддерживает такие длинные имена исходных файлов», это не исправлено даже в 10-й версии операционной системы. Если поискать ответ в Интернете, наиболее распространённым окажется ручное переименование папок на более короткие, но я нашёл более эффективное решение, которое, правда, требует установки Node.js на ваш компьютер. Столкнулся я с данной проблемой, когда попробовал удалить папку node_modules из очередного проекта и получил эту ошибку. Вложенность папки оказалось такой, что переименовывание каталогов заняло около получаса. Я, как и большинство программистов, довольно ленив, и повторения не хотелось. Начал искать решение и нашёл, оно подойдёт не только тем, кто знаком с Node.js и NPM, но и вполне по силам опытному пользователю Windows. Итак, начнём. Устанавливаем Node.js Устанавливаем глобально npm пакет rimraf ( открываем cmd.exe, git bash или другую оболочку для терминала Windows и вводим npm install rimraf -g и ждём установки модуля. ) В том же терминале вводим rimraf "Путь\до\папки\которую\надо\удалить" ????? PROFIT Работает, проверено мной не раз, пример команды в терминале: rimraf "E:\project\node_modules" Источник

И теперь не могу, навожу на зелёный крестик, курсор не становится pointer и клики ничего не дают. Могу только отметить лучший ответ и проголосовать за него.

Огромное спасибо, снова выручили! Почему-то не могу + в карму поставить, возможно из-за того, что она у самого меня на нуле

Я никак сетку не кастомизировал Так это наверное обычный Bootstrap, у меня проблема с bootstrap-sass https://github.com/twbs/bootstrap-sass Если не трудно, клонируйте сборку https://github.com/Sigizmund2012/webtrends установите зависимости с помощью npm install и bower install, запустите gulp и увидите проблему. Нужно разобраться, если это изъян bootstrap-sass, надо им issue в репозиторий писать. Ну или я накосячил чего.

Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, который только начинает свою деятельность в Интернете. </div> <div class="suitable-offer__elem suitable-offer_niche"><span class="suitable-offer_first-line">Анализа выбранной ниши</span> Позволит оценить спроса на продаваемую продукцию с минимальными издержками. </div> <div class="suitable-offer__elem suitable-offer_deadline"><span class="suitable-offer_first-line">Запуска проекта с ограниченным сроком и бюджетом</span> Не нужно тратить лишние деньги на долгую и сложную разработку. </div> </section> </div> </div> </div> <section class="stop-solution"> </section> </article> Если ставлю как сейчас col-sm-5 hidden-xs а во второй колонке col-sm-6, то всё нормально выглядит, если ставлю первой колонке col-sm-6, то 2-я съезжает вниз, как будто ей места не хватает. Бутстрап ВНЕЗАПНО поменял сетку на 11-колоночную или я не догоняю чего-то? Может issue пора писать на Гитхаб?

Большое спасибо, вот что получилось в результате http://hismith.smartfreelancer.ru/ Но всё равно, при анимации линии рваные, иногда пикселизация видна. Есть ли способ сгладить всё это? Да, в Мозилле баги.

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

Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; position: relative; } .jaluzi__column-content:before { content: ""; position: absolute; background: url("../img/train.jpg") center no-repeat; background-size: cover; transform: rotateY(-180deg); z-index: -1; top: 0; right: 0; bottom: 0; left: 0; }

А на Bootstrap верстать пиксель в пиксель и не получится, если только макет строго по его 12-колоночной сетке не выровнен, тем более, что ширина столбцов там в процентах указана. Это какой-то леденящий душу пиздец, как сказал бы Лебедев.

Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div></header>У кого опыта побольше посоветуйте как сделать.

Ну например я когда искал подобную сборку, в основном попадались либо перегруженные функционалом, либо нерабочие. Перепилил чужую под себя и решил выложить, может ещё кому понравится. Платить за тестирование Open source? Зачем livereload и brawsersync одновременно ? Масло-масленное, выпилите livereload. Кому чем удобней пользоваться, тот то и выберет. Настройка изменяется 1 строчкой в gulpconfig.js https://github.com/Sigizmund2012/gulp-bower-sass-jquery-and-bootstrap-Wordpress-template/blob/master/gulpconfig.jsстрока 132

Эта тема вообще не интересна никому? Мне этот раздел форума показался наиболее подходящим. Может стек технологий широкий слишком? Шаблоны Template Monster например почти всегда содержат Bootstrap и jQuery. Можно сверстать адаптивный шаблон по сетке Bootstrap, а потом интерфейс программировать на jQuery, по-моему удобно.

https://github.com/Sigizmund2012/gulp-bower-sass-jquery-and-bootstrap-Wordpress-templateТакже включён Autoprefixer, Normalize и на выбор BrowserSync и Livereload. Инструкция по установке на гитхабе, если кому понравится, пользуйтесь на здоровье. Найдёте синтаксические ошибки, пишите issue на гитхабе или здесь.

А по поводу вёрстки будут какие-либо замечания? Может я пропустил что-то важное? Какого-то быдлокодера в соседней теме просто растерзали за табличную вёрстку, а тут молчание. То ли я такой Д'Артаньян, то ли всем на#?*ть на мою вёрстку

Compass sprites тоже генерирует классы для иконок в спрайте, сразу с нужным background-position. Grunt и Gulp пока не юзал, нужно попробовать.

За ссылку спасибо, читать доки Sass на английском иногда тяжеловато.

Здравствуйте. Верстал я значит по-старинке и вдруг решил попробовать css фреймворки, а чтоб не мелочиться, то и препроцессоры. Ранее пытался использовать grid960, не понравилось( фиксированная ширина, адаптивности нет ). Почитал доки по Bootstrap, решил попробовать вместе с препроцессором Sass и его фреймворком Compass, так что кроме работы поделюсь впечатлениями о них. Сайт: http://electrouslugi-nn.ru/ Шаблон: https://yadi.sk/d/mQJWGuFtfSt4J В него входят подпапки psd(собственно макет), sass(файлы scss) и config.rb(конфигурационный файл sass). Хотелось бы получить информацию по следующим вопросам: Для каких целей служит класс .container-fluid? Пытался его использовать, но он имеет стрёмные паддинги 15px с боков, которые естественно оставляют белые поля. По-моему его с успехом заменяет div с width: 100%, или я чего-то не догоняю? Шаблон уныло смотрится в ie, даже в 9-м. Объясните пожалуйста, почему сетка сломалась? Т.к. нет макета под мобильные разрешения, верстал как Бог на душу положит, как бы вы оформили на моём месте? Для теста использовал режим адаптивного дизайна в Мозилле. Посоветуйте действительно полезные миксины Compass, те что я видел в основном направлены на поддержку старых ie. Разбил файлы scss на группы: _base.scss( тут шрифты и цвета ), media.scss(медиа-запросы), style.scss(основной файл). Правильно ли я поступил? Посоветуйте полезные приёмы для работы с sass.Мои впечатления: В Bootstrap слишком много кода, из которого must have только сетка, всё остальное сомнительной полезности. В принципе можно кастомную сборку использовать. Порадовал миксин Compass для создания спрайтов, действительно полезная штука. Ну и nesting sass конечно. Препроцессор не слишком ускорил разработку, думаю он актуален только на больших проектах. Можно быстро менять цветовую схему, просто поменяв значения переменных, и не надо лазить по всем файлам css с поиском и заменой.Буду рад конструктивным комментариям и советам

Да, действительно, что-то я не замечал как-то. А выдернуть полный каскад можно оттуда, а то ведь там не строка, а блоки? Большое спасибо!