http://webdesign-master.ru/blog/tools/601.html

Ну у меня это раьотает)

но блин)

ааааа)))

вот именно чтобы еще и pug

т.е. сделать конвертацию не в html, а в php

вот именно чтобы еще и pug

ну так напиши в gulp задачу, которая будет смотреть за файлами с расширением pug и выполнять конвертацию и будет менять расширение на php

т.е. сделать конвертацию не в html, а в php

И следить уже через галп за php, наверное так

хм

Спасибо

попробую

.header-middle__title-logo_large-grey

почему вы мешаете сразу двойное подчеркивание, одинарное и еще дефис. Почему один символ не использовать? Выглядит же как забор

я ничего не мешаю двойное подчеркивание отделяет элемент от блока одинарное подчеркивание отделяет модификатор дефис позволяет дать имя классу из двух или более слов

.header-middle(имя блока)__title-logo(имя элемента)_large-grey(имя модификатора)

это просто пример почему испольуется нижнее подчеркивание

почему вы мешаете сразу двойное подчеркивание, одинарное и еще дефис. Почему один символ не использовать? Выглядит же как забор

реально забор)))

тут были бы уместные сокрашения типа mtitle, например

это пример а не рабочий код, на кокращениях еще больше бы вопросов появилось

а так в БЭМ есть уже продуманные сокращения, вместо длиннючих слов. Все получается коротко и информативно

а почему модификатор у элемента?

так можно?

+ поясните за модификатор элемента Зачем он нужен, если есть модификатор блока у дочернего элемента?

модификатор блока можно ставить только блоку, а модификатор элемента элементу. Модификатор одного элемента нельзя добавить другому элементу или блоку и наоборот

иначе теряется вся суть БЭМ

модификатор блока можно ставить только блоку, а модификатор элемента элементу. Модификатор одного элемента нельзя добавить другому элементу или блоку и наоборот

Нет, ты не понял: У нас есть блок, у него есть дочерний элемент, этот элемент сам же является ещё и блоком Так вот почему мы должны использовать модификатор элемента, а не модификатор блока

Какой пример использования?

модификатор элемента настраивает его положение или вид только снаружи. Все что внутри блока, уже настраиватеся внутри него

модификатор элемента настраивает его положение или вид только снаружи. Все что внутри блока, уже настраиватеся внутри него

Положение дочернего элемента настраивает элемент

тебе надо почитать оф доки, а то я их получается пересказываю

+

тебе надо почитать оф доки, а то я их получается пересказываю

Лады, почитаю

Видимо я все не так понял

https://github.com/bifot/SearchGirls выложил :)

Привет Denis, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

Привет, всем. У пикабу появился api?

Привет, всем. У пикабу появился api?

Посмотри, мб у мобильного приложения их есть

с Минска есть кто?

%promo-title объявлен в каком файле?

Должен быть либо в этом, либо в подключаемом через @import до того, как встретится @extend

Вот так -_-

Из скринов я не понял, объявлен ли он раньше использования, или нет

В каком это файле?

В header

Да, тот шаблон объявлен раньше хедера

nav .container .navbar

адекаатно?

Привет всем. Может кто подкажет как называется даная операция или даст какуюто ссылку на исходник http://prntscr.com/dl0guw фишка похожая как и у прогресбар, то есть диаграм прогресса но это не то

nav .container .navbar

Нет

Коллеги. Подскажите на чем удобно прототипы делать для сайтов?

axure

Macaw

Если мы об одном ?

Привет Aleks, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

да, а бесплатное есчть что?

да, а бесплатное есчть что?

Adobe XD - временно бесплатна, пока идет бета тестирование. Сейчас как раз рисую в нем дизайн, после фотошопа ну очень удобно)

Adobe XD - временно бесплатна, пока идет бета тестирование. Сейчас как раз рисую в нем дизайн, после фотошопа ну очень удобно)

Там вроде что-то у гугла ещё есть

Google designer чтоль

не слышал, щас попробую что там у гугла. Мне продукция гугла обычно нравится)

тоже бетка

Привет Gleb, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

ERROR: S client not available

Google designer чтоль

не это не то

попробовал щас macaw, новая прога от адоб ничем не хуже)

попробовал щас macaw, новая прога от адоб ничем не хуже)

Какая прога?

Adobe XD - временно бесплатна, пока идет бета тестирование. Сейчас как раз рисую в нем дизайн, после фотошопа ну очень удобно)

несколькими сообщениями выше ведь написал

господа, у меня вопрос

https://gist.github.com/hellboy81/27800a9bf8554de04ac41e6572bc0245

по какой причине здесь используется разделенная по времени инициализация слайдера?

Возможно человек просто не умеет привязываться к событиям загрузки dom

так в том то и дело, что может он это специально делает

Признаться за мной есть похожий грешок: http://joxi.ru/nAyMd6iXZljXAZ

По какой-то причине $(document).ready(...); не подошел.

по какой именно причине? у меня как раз проблемы с этим сраным on ready

и по всей видимости еще одна проблема - безудержное стремление к рефакторинг Extract чего то там

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

инициализация слайдера должна быть только инлайнится, правильно?

стоп, я же говорю, что проблема у меня.

В голове

Дам подсказку. Иногда полезно использование setTimeout(function() {}, 0); для того, что бы пропустить тик процессора и выполнить свой код вследующей итерации, когда обработаюь=тся другие события

Ну и в моем примере еще висит обработчик изменения разм ера экрана. Это на случай если планшет перевернули, то размер экрана поменялся, и надо переинициализировать слайдер.

доктор, пожалуйста, поделитесь ссылкой на тему "почему в веб деве нужно всегда инлайнить js которые инициализирую что-то-там, даже если этот жо-эс нужно будет в одну строчку и прийдется бодаться со скобками как в ЛИСПЕ"

доктор, а правда, что студентам перед изучанием JS нужно дать изучить LISP?

чтобы они смогли в скобочках разбираться

https://atom.io/packages/atom-minify

хорошо, что есть плагины для атома

Господа, в чём может быть проблема? Перенёс сайт на вордпресс, а там не работают эффекты Magnific popup. Ни один. Файл подключен, в исходном коде его видно, на другом домене, без вордпресса, всё отлично пашет

конфликт?

Чего с чем? :) В фаербаге проверял — ошибок не выводит. Селекторы корректные.

Дам подсказку. Иногда полезно использование setTimeout(function() {}, 0); для того, что бы пропустить тик процессора и выполнить свой код вследующей итерации, когда обработаюь=тся другие события

Zero Timeout Pattern?

Zero Timeout pattern Long running JavaScript scripts can cause the browser to freeze up or result in the dreaded "Script is taking too long" message. In situations like this setTimeout with *zero* delay may be of help. Calling setTimeout with no delay is called the Zero Timeout pattern. It allows you to break up long running JavaScript functions in smaller pieces. By breaking it up, you are giving the browser and the event loop some breathing room, allowing it to catch up with whatever it needs to do. We are discussing the Zero Timeout pattern here because it relates to the event loop. However, strictly speaking if falls under the Modern Patterns category. The Zero Timeout Pattern is frequently used in syntax highlighters which highlight certain selected text on a web page. They need to scan the entire page to find and modify the selected text which may take a few seconds. You've probably seen these text highlights (usually yellow) as some web pages highlights the words that the user searched for coming from a search engine.

Господа, в чём может быть проблема? Перенёс сайт на вордпресс, а там не работают эффекты Magnific popup. Ни один. Файл подключен, в исходном коде его видно, на другом домене, без вордпресса, всё отлично пашет

Вопрос решён. Другой вопрос. Не работают медиа-запросы :)

https://learn.javascript.ru/events-and-timing-depth#%D0%B4%D0%B5%D0%BB%D0%B0%D0%B5%D0%BC-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%BC%D0%B8-%D1%87%D0%B5%D1%80%D0%B5%D0%B7-settimeout-0