Страница только из одних флэксбоксов

Внимание: Публиковать здесь свои сайты могут только зарегистрированные пользователи, имеющие более 3 сообщений.
Правила форума
1. Публиковать здесь свои сайты могут только зарегистрированные пользователи, имеющие более 3 сообщений.
2. Сайт должен быть сделан инструментами Web Builder, иные работы не допускаются. В случае нарушения: пользователь банится, а тема удаляется.
3. В данном разделе могут быть обсуждения только по работе сайта, его оформлению и т.д., конструктивная критика приветствуется.
Подробнее: Правила раздела.
Ответить
Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 18 апр 2017, 11:14

Сделал страницу, которая состоит только из флэксбоксов в новой 12 версии http://qarz2.offershop.ru (пока только заготовка) . Карусель не дружит с флексбоксами, поэтому для первого экрана свой скрипт сделал смены фоновой картинки и заголовка (переделаю в далнейшем) Можно отметить что для флексбоксов работа с точками останова заключается только в том, что бы подправить размеры нужных элементов и всё, можно резюмировать что этот инструмент в несколько раз интересней нежели сетки вёрстки, так как с ним проще работать, и он позволяет более гибко позиционировать элементы. В данной странице, если бы не возня с каруселями, можно было вообще не делать точки останова, и всё и так бы прекрасно адаптировалось
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Реклама
Аватара пользователя

PanDA
Экспериментатор
Экспериментатор
Сообщения: 92
Зарегистрирован: 05 сен 2015, 12:58
Версия Web Builder: 11.0.3
Контактная информация:

Страница только из одних флэксбоксов

Сообщение PanDA » 19 апр 2017, 00:21

а я только более-менее освоил сетки... :cry_ing:
:-)

Аватара пользователя

Vitrion
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 07 апр 2017, 14:10
Версия Web Builder: 12.1.1

Страница только из одних флэксбоксов

Сообщение Vitrion » 20 апр 2017, 01:27

Выглядит очень круто

Аватара пользователя

e332va
Подающий надежды
Подающий надежды
Сообщения: 120
Зарегистрирован: 19 июн 2014, 14:11
Версия Web Builder: 12.5

Страница только из одних флэксбоксов

Сообщение e332va » 20 апр 2017, 20:39

Проект сам можно глянуть?
????????????????????????
Делаются проекты с помощью программы:
? Интернет- магазин - OrelPandora
? Трансферная компания - ОрелТрансфер
? Компания ОрёлДилер
? Сеть мониторов PLAZMA TV
? Всё для праздника - ОрелПраздник
? Автострахование - ОрелАгент
????????????????????????

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 22 апр 2017, 10:51

Vitrion, спасибо)) Ну на самом деле я этот проект показал просто что бы показать как легко и быстро получается именно "резиновая" адаптивная вёрстка с флексбоксами (а над дизайном работать ещё много надо)

e332va, Проект рабочий, проект скинуть не могу к сожалению. Почитайте в нете про флэксбоксы, тут в 2 словах всего про них не расскажешь как ни крути.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 643
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.5
Имя: Иван
Контактная информация:

Страница только из одних флэксбоксов

Сообщение sinpai » 14 май 2017, 12:09

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

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 14 май 2017, 21:16

Иван привет, сделал для Всех расширение "Прелоадер" - viewtopic.php?f=27&t=4951
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 643
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.5
Имя: Иван
Контактная информация:

Страница только из одних флэксбоксов

Сообщение sinpai » 15 май 2017, 01:22

Кирилл, спасибо огромное!!!
И грянет страшный русский ренессанс!

Аватара пользователя

VadimBan
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 22 авг 2016, 22:18
Версия Web Builder: 12.0.4

Страница только из одних флэксбоксов

Сообщение VadimBan » 16 май 2017, 13:52

Кирилл, а вы не могли бы видос снять?

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 16 май 2017, 20:10

VadimBan, по поводу чего видос?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

VadimBan
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 22 авг 2016, 22:18
Версия Web Builder: 12.0.4

Страница только из одних флэксбоксов

Сообщение VadimBan » 17 май 2017, 14:41

Как флексбоксом пользоваться) А что я что-то не понял)

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 18 май 2017, 22:58

Возможно что то и сделаю в плане видео, если *** меня не опередит, или Hernan Pena, ну тогда дополню с прибамбасами какими нибудь видео))
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

VadimBan
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 22 авг 2016, 22:18
Версия Web Builder: 12.0.4

Страница только из одних флэксбоксов

Сообщение VadimBan » 20 май 2017, 13:57

:-): :co_ol: - УВАЖУХА И RESPECT!!!

Аватара пользователя

romanlli
Читатель
Читатель
Сообщения: 7
Зарегистрирован: 23 май 2017, 16:03
Версия Web Builder: 12.0.0
Имя: Роман

Страница только из одних флэксбоксов

Сообщение romanlli » 24 май 2017, 09:23

сделайте пж мини гайд по флексбоксам

Аватара пользователя

asbest
Неофит
Сообщения: 2
Зарегистрирован: 30 окт 2014, 13:50
Версия Web Builder: 10

Страница только из одних флэксбоксов

Сообщение asbest » 28 май 2017, 14:29

Да, но в Internet Explorer при уменьшении всё разваливается.

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1245
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Страница только из одних флэксбоксов

Сообщение Gudwinn » 28 май 2017, 14:58

Это пожалуй единственное что не очень в флексбоксах. Но я думаю этим можно пренебречь, так как доля пользователей использующих старые версии Internet Explorer пренебрежительно мала, и через год, максимум 2 этот момент вообще нивелируется.

И если прям прижмёт, можно использовать полифиллы для старых версий ИЕ
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853


Ответить

Вернуться в «Покажите всем ваш сайт, созданный с помощью WYSIWYG Web Builder!»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость