Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • May 10 06:20
    ssnaip8e starred zoxon/gulp-front
  • May 04 07:33
    zoxon starred zoxon/gulp-front
  • Apr 14 02:44
    pixelsbyeryc starred zoxon/gulp-front
  • Apr 13 00:12

    dependabot[bot] on npm_and_yarn

    (compare)

  • Apr 13 00:12
    dependabot[bot] closed #80
  • Apr 13 00:12
    dependabot[bot] commented #80
  • Apr 13 00:12
    dependabot[bot] labeled #82
  • Apr 13 00:12
    dependabot[bot] opened #82
  • Apr 13 00:12

    dependabot[bot] on npm_and_yarn

    Bump urijs from 1.19.5 to 1.19.… (compare)

  • Apr 06 19:28
    narspi starred zoxon/gulp-front
  • Apr 03 00:40
    dbtedman starred zoxon/gulp-front
  • Mar 31 09:05
    dependabot[bot] labeled #81
  • Mar 31 09:05
    dependabot[bot] opened #81
  • Mar 31 09:05

    dependabot[bot] on npm_and_yarn

    Bump minimist from 1.2.5 to 1.2… (compare)

  • Mar 16 04:23
    SoorajSNBlaze333 starred zoxon/gulp-front
  • Mar 08 23:38

    dependabot[bot] on npm_and_yarn

    (compare)

  • Mar 08 23:38
    dependabot[bot] closed #79
  • Mar 08 23:38
    dependabot[bot] commented #79
  • Mar 08 23:38
    dependabot[bot] labeled #80
  • Mar 08 23:38
    dependabot[bot] opened #80
Murat
@AntonEssenetial
у меня еще один вопрос
Screen Shot 2017-02-24 at 6.20.22 PM.png
использую eidtorconfig и по уолчанию стоит 2 пробела
но когда создается фаил там стоит как бы таб один, что нужно изменить в фаил add.js что бы были пробелы
точенее я понимаю что, но как указать на то что бы это были пробелы
Velichko Konstantin
@zoxon
\t символ табуляции
шаблоны же в переменной templates
Murat
@AntonEssenetial
да спасибо я нашелz
Можно еще узнать, для чего нужен вот этот файил?
Screen Shot 2017-02-25 at 2.02.19 PM.png
icons-templaet.styl
Еще там собирается svg спрайт, только я не понимаю как его использовать
даже не спайт
а что-то свг со всеми иконками свг
на выходе получается файл который включает в себя все свг, не понятно как его использовать.
Velichko Konstantin
@zoxon
Это шаблон для генерации stylus файла
в самом верху генерируется циклом для каждой иконки набор переменных я использую только ширину и высоту
.icons-sprite скрывает спрайт если вы решите вставлять его на страницу
в самом низу генерируются классы с дефолтными размерами иконок
Пользоваться очень просто положите svg файл в папку /source/static/icons в шаблоне используйте миксин +icon('icon-file-name')
icons.svg как раз таки спрайт просто он «многослойный»
Murat
@AntonEssenetial
Хорошо понятно.
Murat
@AntonEssenetial
Screen Shot 2017-02-25 at 6.11.43 PM.png
Ваши свг иконки пропихиватся, а ту которую я экспортнул через фотошоп не работает, если кидаю ее в тело тога работает, через use не работает, фотошоп не экспоритрует svg с path, он как-то по своему через тег img
image
видать не будет работать
Murat
@AntonEssenetial
В обещм экспорт из eps - смарт объекта в svg это дно какое-то))) таже картинка только в формате свг, если ее скейлить она становится мыльная
бредня))
Murat
@AntonEssenetial
да это такой экспорт, сдела экспорт через другой софт и заработало.
Velichko Konstantin
@zoxon
у вас в svg png
если делаете экспорт из фотошопа должно быть кривыми иначе фш засунет растр в svg файл
просите дизайнеров использовать кривые либо в илюстраторе придется из смарт обьектов резать иконки самостоятельно
Murat
@AntonEssenetial
Я уже сам справился.
Murat
@AntonEssenetial
Костя Вы знает какая тут технология используется?
Как-то оно работает все без загрузок, как-то плавно все работает
Слева меню spring-summer если нажать например на about конент меняется
Murat
@AntonEssenetial
Вижу часто шаблоны на themeforest для вп, и они все так плавненько работают, те переход в сингл пост с эффектами fadeIn fadeOut без прерывания, все как-то гладко так, как они это делают
Вот тут например http://a-rybchuk.com/ по клику на блог или галерею происходит fadeOut но сслыка не менятся пока не отработает еффект
Вы знаете как это делается?
Ужасно хочется что-то подобное сделать, что бы все было отзывчиво что ли. Пока не понимаю как
Я обычно для отдельных елементов использовал animate.css, например список постов с превью при загрузки, они плавенеько выпадают но интересно как происходит перезагрузка страниц, вроде похоже на ajax но тут вряд ли http://springsummer.dk/ ajax
Velichko Konstantin
@zoxon

javscript, какой то фреймворк
для анимаций просто используются библиотеки которые работают через transition
например как эти
https://greensock.com/gsap
http://thednp.github.io/kute.js/index.html
http://anime-js.com/
http://lvivski.com/animatic/
https://visionmedia.github.io/move.js/
http://ricostacruz.com/jquery.transit/
https://github.com/Popmotion/popmotion#the-javascript-motion-engine
http://bouncejs.com

animate.css заранее заготовленные преходы а с такими библиотеками можно делать свои программно

Murat
@AntonEssenetial
вот это здорово http://anime-js.com/
Спс
Murat
@AntonEssenetial
Добрый день, что делает вот это файл?
Точнее для чего он.
Screen Shot 2017-03-14 at 6.24.28 PM.png
Velichko Konstantin
@zoxon
написано же yarn lockfile
типо package.json
https://yarnpkg.com/en/docs/yarn-lock#search
вас в гугле забанили?
Murat
@AntonEssenetial
А )) не не забанили прости что поднапрег.
спс
Открыта вкладка gittera вот я пингую )
Alexey Maslov
@anmaslov
@zoxon привет, почему удалил минификацию js и css?
Velichko Konstantin
@zoxon
@anmaslov удалил по тому что для разработки она не нужна, там куча проблем (нужны соурсмапы, на css они кривые из-за ruptrue)
Eсли из gulp-front делать генератор статики то там это конечно нужно, можно еще добавить critical конечно
Проще жать css и js на бекенде все равно их приходится править в процессе разработки или доабавлять к ним код.
Скорее всего позже сделаю поддержку флага --production (или что то в этом роде например в таске deploy) который будет включать серверные оптимизации.