Responsive Bootstrap Builder 2.5.360

максимальные свойства WWB 

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

Не так удобно, но все что надо, в программе есть -- можно делать  и анимацию , и по каждому и свойству. 

господа, мне стыдно . Я опять пишу опровержение на себя. Но у меня есть оправдание -- о опровергаю себя обоснованно,  с доказательствами. 

На картинке самой проги есть 5 видов easing .   Я написал, что авторы остальное выкинули :)  НЕТ ! Авторы  Responsive Bootstrap Builder + crack (2.5.351)  оказались не такие дураки, как я подумал  :) .  Остального просто нет в стандартной простой CSS ! 

easings.net  -- здесь вы можете глянуть, что там действительно очень много похожих. Большинство отличается незначительно, вопрос в динамике развития прогресса (процесса). Отличия минимальны. Но в Responsive Bootstrap Builder + crack (2.5.351) вы не сможете сделать красоту с возвратом ease-in-out-back,  попрыгать с ... -bounce, резиновость с ...-Elastic. А в WWB -- это все в комплекте, последний скрин оттудова. 

Если честно, то и это вранье . На указанной странице есть формулы расчетов через SIN COS TN . Берете формулы , пишите ручками сами себе блок <style></style>  с @keyframes внутри ,  с именем своей тещи,  и через animation:  анимируете любое свойство с любым движением, и плюете на WWB и оставляете себе только Responsive Bootstrap Builder + crack (2.5.351)

Гляньте, что WWB творит -- .. -bounce, с ...-Elastic -- опять не завезли.  Но вроде я видел их в WWB. Возможно, не для всех свойств. Это плохо, недоработка  немецкого Пабло . Лучше бы выкинули 70% того списка, а вот -bounce, с ...-Elastic надо закодить. Голосуйте за них.

Кстати, я частично даже поддерживаю разрабов: гляньте на картинку выше, 5 timing -- это все. И я сними согласен !!! Остальное все выкинуть !!! 

Сравните с тем , что в принципе существует в CSS и закодировано под именами :

НО ! всегда есть НО !

Видите 3 последние строки ? Найдите их Responsive Bootstrap Builder 2.5.351 -- их нет. Это шикарный timing . Он очень жеВателен. 

И , конечно,  отец всех timing -- cubic-bezier (0, 0, 1, 1) . Это поле надо было оставить , чтобы снять с себя ответственность за отсутствие остальных. 

Коллеги, я наверное, опять тупанул . Зачем я гоню на прогу 

Это же чисто transition:  Это только настройка  transition-duration: ...ms;  -delay: ...ms;    transition timing . Все  transform:  Rotate()  scale()  translate ()  в другом месте надо искать. 

Пишу опровержение на себя. 

Когда-то я сам смотрел на блокнот , как на жесть. 

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

Надо смотреть на каждый элемент, или результат. 

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

Как вариант -- сделать простой сайт в ней, и смотреть .html. Пригодится !

Responsive Bootstrap Builder + crack (2.5.351) -- для тесту опять.  Вроде работает. 

Признаю, похоже ,  я спутал  animation-duration: 100ms;    с   font-weight: 100;   -- стоят просто рядом.  Время там, конечно, любое .

Есть и преимущество в том, что все свойства собраны в кучку -- немного систематизирует. , то что знаешь. все изменения мгновенны, чего нет в WWB

Зашел в свою уже вылизанную transform:  -- здесь должно быть много свойств,  я бы даже посмотрел на них всех. -- НЕТУ ничего, как они работают ????. 

вот покажите мне тупому, где здесь это все красное ????? 

В целом , прога не плохая, весь CSS собрали в себе, Пока разберешься , утонешь.

Где фак их Rotate() и scale()  , я уже молчу  про простой translate ()  ???? 

Похоже, что один программер написал,  и оставил другому, Другой забыл. 

А там же дальше по афавигу идет  transform-origin: center center;  -- Где фак их это все ? 

А как же perspective (1000px) ?  Я сделаю так, что  вы за километр отличите perspective (2000px) от   perspective (200px)  -- глаза вылезут  :)  

А как же без perspective-origin: left top;  в отличии от  perspective-origin: right top;  -- куда будет болтанка на сайте происходить ? Влево или вправо ???

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

2.  Как вариант, авторы просто выкинули малоиспользуемые  свойства.  У них центр вращения всегда в центре, жаль. Иногда ! :) можно и сместить. 

но с transform:  Rotate()  scale()  translate () -- это косяк конкретный. Вся анимация на них.

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

В таких прогах самое ценнеое -- шаблоны ! Ничего не поедет, все адаптивное и резиновое . Годное. 

Экспорт в HTML есть . Целых 11 шаблонов, как на картинке. Берите готовый, шапку поменяли. Сразу экспорт. Сайт готов. И никаких планых CMS. 

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

я помню эту контору  CoffeeCup , когда еще WWB в проекте не было. Лет 15 назад.  Видишь как, застряли в прошлом. По интерфейсу близко с популярной сейчас FIGMA. Уж лучше тренироваться на FIGMA

такие болезни:

-- код показывает, но "Read Only".

-- Где простой экспорт на FTP  (только в свое облако)? 

-- transitions ограничение на 100ms !!! Серьезно ??? Зачем ограничивать ? Я могу качели сделать на 30 000 ms

-- только  несчастные  transitions ? А где animation ? Events ? 

W...g Web Builder , хоть он и корявый, но максимально вас приблизит к коду CSS. Я на нем и стартанул с этим CSS

я разбираюсь в transitions --  моя любимая тема в CSS, здесь я ничего не смог сделать. Потенциал есть, но как будто до конца не довели . Вот сделано в WWB --   кот Tihomir.

похоже, программа 2016 года  , слабовато. толи не доделана, никакого Publish не смог настроить 

Интересная такого рода проги. Есть еще похожая Bootstrap Studio . Там тоже самое,  настроек там больше,, но тоже не понравилась  :)