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

d3 отличный инстурмент, на нем можно сделать все что мне нужно. Речь о другом, о том, что кажущаяся на референсе простой анимация иногда очень сложна в анимации.

у него порог входа высокий довольно

http://recharts.org/#/en-US/examples/BiaxialLineChart

я вот такое юзал если надо с анимацией

Вот к примеру сейчас нужно было делать транцишин между двумя графиками, так что бы точки гарфика двегались только в вертикальной плоскости. При этому данные первого графика и второго отличаются и по количеству показаний и по диапазонам. Что это реализовать, тебе нужно написать кастомную tween функцию, которая в зависимости от начальных данных, конечных данных и времени, строила SVG path, который нужно отображать в текущий момент транзишина.

а потом еще и адаптивно это сделать ?)

Это ж SVG там из коробки все адаптивно :)

у него порог входа высокий довольно

Да, я тоже долго с ним разбирался. По нему куча документации, но очень мало где грамотно объяснены основным принципы и парадигмы на которых построена либа. Они при этому вообще не очевидны, и достаточно сильно отличаются от других библиотек, как минимум, с которыми я сталкивался.

касательно i18n кто как делает простую двуязычность интерфейса без перевода контента? сейчас на не-спа бекенде просто есть файлы xliff, которые парсит symfony translator и затем по ключу шаблонизатор через фильтр trans подставляет значение для текущей локали я где-то видел аналогичную реализацию для vue (вроде как обертка над агностичной i18n-либой), но теперь не могу найти

Да, я тоже долго с ним разбирался. По нему куча документации, но очень мало где грамотно объяснены основным принципы и парадигмы на которых построена либа. Они при этому вообще не очевидны, и достаточно сильно отличаются от других библиотек, как минимум, с которыми я сталкивался.

да, именно так нет базовых примеров с разжевыванием по ходу дела, что и как происходит

Пока принцип enter-update-exit не поймешь, можно с ума сойти :)

Я как раз на эту тему недавно читал лекцию, скоро оформлю все в виде статьи на medium. Может кому будет полезно, потому что я много намучался, пока понял, то что собственно нужно было понять, что бы потом нормально работать.

я его так и не понял) методом научного тыка с дебаггером решил свою задачу и закрыл тему) нужно было сделать что-то между календарем и таблицей прогнозирование (ручное) событий, происходящих в системе с сущностями снизу события, сверху хитрый график

я его так и не понял) методом научного тыка с дебаггером решил свою задачу и закрыл тему) нужно было сделать что-то между календарем и таблицей прогнозирование (ручное) событий, происходящих в системе с сущностями снизу события, сверху хитрый график

ты про этот плагин? https://github.com/kazupon/vue-i18n

не, не он этот ищется сходу а там был еще доступен отдельный ui (опционально, как отдельный npm модуль) для переводов

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

Вот сколько не искал, а бальной либы для line chart + zoom + горизонтальный скроллинг я не нашел

просто у меня сейчас так в старой версии и заказчик (из Нидерландов) периодически переводит то, что я на английском наваял

Вот сколько не искал, а бальной либы для line chart + zoom + горизонтальный скроллинг я не нашел

я видел где-то у убера такое

https://uber.github.io/react-vis/examples/charts/zoomable-chart

а скролинг думаю

не так уж и сложно подкрутить

https://laracasts.com/series/testing-vue

https://uber.github.io/react-vis/examples/charts/zoomable-chart

не, не то

https://i.redd.it/zq2yjloecf901.jpg

https://i.redd.it/zq2yjloecf901.jpg

Аж на аву поставлю

Аж на аву поставлю

ток надо подрезать и увеличить имхо, а то ниче не видно

это переход после жиквери

https://i.redd.it/kjg060r7ra101.png

приветы

у меня стиль прописан через -

is-active

если рендерить через :style = { is-active: true }, то выдает ошибку

как обойти?

может :class? )

:style="[is-active ? 'some class' : '']"

тьфу, конечно class

вообщем нужно обернуть в одинарные кавычки название класса с дефисом

:class="{className: isActive}"

:class="{className: isActive}"

у меня так не хочет

если is-active прописать isActive, то он так его и рендерит

: поставил? isActive это флаг, он его никак не рендерит)

соответственно класс is-active в css есть, а isActive нету

да, забиндил

тут просто не дописал

а, ну тогда :class="{is-active: bool}"

проблема в том что в названии класса дефис есть

закавычь)

ну дык я и закавычил :)

кавычки похоже единственный вариант

так вот забудешь такой класс в кавычки обернуть и потом вспоминай где накосячил :)

какое то костыльное решение

ну все оборачивай, если уж используешь дефисы)

ключ объекта - стандартное поведение. либо js переменная, либо строка закавыченная

это не я использую это css фрейморк :)

не переписывать же его с нуля из-за дефисов

омг)

бутс чтоли?)

неее, буст тяжелый и с js-ом, нафик не нужен

я bulma юзаю

даж не слышал о таком)

ну видимо не интересуешься просто

довольно популярный фреймворк

https://github.com/jgthms/bulma

посмотрел уже. да просто бутса/фаундейшена за глаза, когда надо. нужные модули цепляешь и работаешь.

булма няшка бутс сильно много и разное делает

и он очень многословный

ну не знаю, бутс слишком тяжелый и jquery смысла тянуть нет с vue

если речь лишь о сетке, то причем тут jquery?

ну сравни размеры по css файлам

тогда можно вообще чистую сетку найти)

экономия на спичках какая то ) тупо сетка кб на 5-7 потянет в исходниках

ну мне не только сетка нужна

минимальное оформление тоже нужно

https://github.com/Ajusa/lit

1.5кб фреймворк :)))

фреймворк - как много в этом слове ?

оно слишком большое, надо уменьшить :D

world's smallest responsive css framework

Depends on how you define framework. For me, a framework needs to have default styles (buttons, typography, forms), and a grid system.

примечания автора :)))

вот вы кстати кидаетесь на всякие т.н. фреймворки непонятные, а как они себя вести будут проверяете? на всем зоопарке девайсов и браузеров. бутс тот же хоть проверен уже

булма норм ведёт себя на свежем, я смотрел ие11 с багами, правда

господи уже 18 год, какие css фреймворки, на флексах все пишется так же быстро

на display: table

господи уже 18 год, какие css фреймворки, на флексах все пишется так же быстро

коллега пишет все сам он от этого тащится, фронт до мозга костей но даже его бесит уже писать display: flex надо про эммет рассказать хД

вот вы кстати кидаетесь на всякие т.н. фреймворки непонятные, а как они себя вести будут проверяете? на всем зоопарке девайсов и браузеров. бутс тот же хоть проверен уже

bulma 3е место на гитхабе по количеству звезд ;)

господи уже 18 год, какие css фреймворки, на флексах все пишется так же быстро

bulma и есть на флэксах

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

Ваня, что за реклама? :)