xD

Всем привет! Мой бывший работодатель решил что react-way для него слишком сложно и вернул atomic-builder в опенсорс. В общем надеюсь кому-нибудь это понадобится, мы с Ruslan старались) repo: https://github.com/Uscreen-video/atomic-builder demo: https://s3.eu-central-1.amazonaws.com/pub-images/index.html

всегда было интересно, для кого предназначены такого рода вещи

Всем привет! Мой бывший работодатель решил что react-way для него слишком сложно и вернул atomic-builder в опенсорс. В общем надеюсь кому-нибудь это понадобится, мы с Ruslan старались) repo: https://github.com/Uscreen-video/atomic-builder demo: https://s3.eu-central-1.amazonaws.com/pub-images/index.html

Класс?

Кто-нибудь знает есть ли в телеграме чат по версточке (html/css) примерно такой же популярный как этот?

Или может кто здесь знает как можно это упростить? https://jsfiddle.net/frenzzy/8tc36y2h/4/ Флексбосы там или что угодно, требования только: отзывчивый контейнер + вертикальное выравнивание + высота контейнера не меньше текста

Ну флексбоксами можно упростить

Почитай про флексбоксы и разберешься

В чем проблема?

http://flexboxfroggy.com/

проблема в том что высота не задана

в чем проблема сделать в % ?

не таблицей

высота должна зависеть от ширины

блок должен быть пропорциональным на всех размерах экранов

от ширины экрана?

vw тогда в помощь

в смысле соотношение сторон должно соблюдаться

какое соотношение должно быть?

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

16:9 в данном случае

а вообще у всех блоков будет разное

@fruitdev http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

16:9 в данном случае

а почему нельзя сделать высоту блока 9/16 ширины?

или блоков много будет на странице?

много, разной ширины

@frenzzy спасибо, изучим

Кто-нибудь знает есть ли в телеграме чат по версточке (html/css) примерно такой же популярный как этот?

https://telegram.me/web_structure

без флексов можно сделать блок с padding-top процентым для нужной пропорции и внутри абсолютом таблицу width/height 100% абсолют и дальше тейбл селами выровнить

16:9 в данном случае

custom variables и calc(), если надо без js

У меня уже есть рабочий вариант: https://jsfiddle.net/frenzzy/8tc36y2h/4/ Я просто надеюсь что его можно упростить

а не усложнить)

?

простого варианта я думаю нету

http://codepen.io/dead_seagull/pen/NRZmqZ

конкретно в этом примере мне не нравится -100%, будет перекрывать блок слева

vw не катит, элемент просто должен соблюдать пропорции в том месте где он находится

есть хак с padding-bottom: 100% для контейнера, и абсолютное позиционирование ребенка

о, не слышал о таком хаке

как воспроизвести?)

https://jsfiddle.net/frenzzy/x590k707/

http://codepen.io/dead_seagull/pen/NRZmqZ

https://jsfiddle.net/x590k707/2/

@bitaru если много текста то все ломается https://jsfiddle.net/frenzzy/x590k707/3/

у @caspianseagull тоже самое

сравните: https://jsfiddle.net/frenzzy/8tc36y2h/6/

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

ну через js тогда считай все

я думаю он хочет сделать что-то типа как background size: cover

типа такого

я хочу чтоб работало в точности как тут: https://jsfiddle.net/frenzzy/8tc36y2h/6/ но без отрицательных маргинов

я хочу чтоб работало в точности как тут: https://jsfiddle.net/frenzzy/8tc36y2h/6/ но без отрицательных маргинов

то есть ты просто хочешь display: flex; align-items: center; justify-content: center; ?

@bitaru возможно, если растянуть ширину видишь что высота блоков тоже увеличивается? это должно остаться)

https://jsfiddle.net/frenzzy/8tc36y2h/6/ дальше сам придумаешь)

здесь кто-то работал с ютуб апи?

я хочу чтоб работало в точности как тут: https://jsfiddle.net/frenzzy/8tc36y2h/6/ но без отрицательных маргинов

https://jsfiddle.net/4eakadta/1/ Вот так вроде попроще

А где то уже есть opensource реализация скролла как в fb?

Для ленивых: чтоб подключил и заработало ?

@loysagienn awesome! thanks!

@loysagienn awesome! thanks!

только с отрицательными маргинами...

главное что элементы этого блока теперь не будут перекрывать другие блоки рядом, круть

Гайз, кто-то использовал эту штуку в своих проектах? https://github.com/wearevolt/mobx-model

Есть у кого-нибудь работы с react-crop-image? https://github.com/DominicTobias/react-image-crop

@loysagienn осталось только вертикальное выравнивание в Firefox починить https://jsfiddle.net/frenzzy/8tc36y2h/11/

и в IE

в смысле Edge

$(document).ready(function(){ $(window).resize(function(){ $('.className').css({ position:'absolute', left: ($(window).width() - $('.className').outerWidth())/2, top: ($(window).height() - $('.className').outerHeight())/2 }); }); // To initially run the function: $(window).resize(); });

и всё

или перепиши на vanilla

зато кроссбраузерность

а если хочешь чтобы ничего не перекрывало

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

с position: relative

@loysagienn осталось только вертикальное выравнивание в Firefox починить https://jsfiddle.net/frenzzy/8tc36y2h/11/

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

Если эти блоки на всю ширину окна или как-то зависят в % от ширины окна, можно вообще так https://jsfiddle.net/4eakadta/4/

кто может подсказать как в backbone модели и коллекций пишутся на es6?

https://jsfiddle.net/t47fxx46/

Ребят, кто нибудь с leafletjs дело имел?

В чем вопрос

https://jsfiddle.net/t47fxx46/

Не особо понял вопрос твой, но что-то в этом духе должно быть: https://jsfiddle.net/9q3hoaqb/

Задача которую нужно решить используя leafletjs. Есть куча маркеров к которым привязаны попапы. При определенной детализации карты все попапы открываются автоматически. Если маркеры расставлены плотно получается каша из попапов. Хочется открывать попапы выборочно (так чтобы не было наложения).

Задача которую нужно решить используя leafletjs. Есть куча маркеров к которым привязаны попапы. При определенной детализации карты все попапы открываются автоматически. Если маркеры расставлены плотно получается каша из попапов. Хочется открывать попапы выборочно (так чтобы не было наложения).

а в чем вопрос?

а в чем вопрос?

Есть ли готовое API с помощью которого это сделано ИЛИ придется писать свою логику которая будет вычислять расстояние между маркерами и открывать только те которые нужно?

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

Ок, спасибо.

Не особо понял вопрос твой, но что-то в этом духе должно быть: https://jsfiddle.net/9q3hoaqb/

спасибо)

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

Гугли "кластеризация leaflet"

Ок, спасибо.

Это тебе было

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

Хммм

А я понял что ему надо кластризовать и к кластеру один попап делать вместо отдельных

Ну ок :(

в фф 52 приехали асинки и не только https://twitter.com/chicoxyzzy/status/793515494670204928

ничоси они РЫВОК сделали