
Паша
04.07.2018
20:44:16

AlekVolsk
04.07.2018
20:45:08
нзч, передай добро другому )

CHADREX
04.07.2018
21:04:26
посоветуйте пожалуйста pdf листалку для сайта, ищу с адаптивом и без флеш

AlekVolsk
04.07.2018
21:07:12
погугли flipbook webgl

Google

AlekVolsk
04.07.2018
21:07:27
была платная либа, что-то около 15 баксов

CHADREX
04.07.2018
21:08:25

AlekVolsk
04.07.2018
21:08:59
не, я другой находил

CHADREX
04.07.2018
21:10:05
в любом случае ищу бесплатное, могу хранить pdf на своем хостинге

AlekVolsk
04.07.2018
21:10:50
это https://codecanyon.net/item/interactive-3d-flip-book-with-physicsbased-animation-jquery-plugin/19113743

CHADREX
04.07.2018
21:13:17
не совсем то, это для книг больше, а у меня полноэкранный каталог
но спасибо

Welcome Bot
04.07.2018
21:13:46
Привет Ruslan !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl

Александр
04.07.2018
23:15:06
Здравствуйте, подскажите пожалуйста, по какой причине не загружается fa? Пытаюсь вывести в option

Владислав
04.07.2018
23:27:01
Не выйдет ничего, нельзя элементы в option вставлять.
Тебе же круг нужен, найди такой html-символ и вставляй его.

Google

Александр
04.07.2018
23:28:19

Welcome Bot
05.07.2018
00:28:32
Привет Анатолій !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Привет Haringa !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Привет Eugene !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl


Eugene
05.07.2018
03:03:18
Ребята, привет! Помогите, пожалуйста с версткой. из технологий bootstrap 4, sass и pug
https://codepen.io/anon/pen/zaQxvN
есть навбар из трех колонок. Задача сделать так, чтобы вторая колонка была выровнена точно по центру и в левой и правой части колонок не менялась высота.
При трех равных колонках (col-md-4*3) центральная стоит ровно, но правая из-за своего размера ломается
если задаю по краям авто (col-md-auto ; col-md ; col-md-auto) то верстка не ломается, но центральная само собой не выравнивается по центру экрана (а только по центру своего контейнера)

solleo
05.07.2018
03:22:03

Eugene
05.07.2018
03:25:29

solleo
05.07.2018
03:26:17
Понятно. То есть у тебя выравнивания как такового вовсе нет

Eugene
05.07.2018
03:26:42
я кажется что-то не улавливаю, но не пойму что

solleo
05.07.2018
03:27:58
Ну у тебя собственно уменьшается ширина контейнера
После одного из брейкпоинтов
Потом от него заного отсчитывается 33.3% ширины для правой колонки
Вот и выходит так, что ширины в итоге не хватает
На самом деле я не думаю, что тебе необходимо делать меню из колонок. Не вижу в этом никакого смысла
Тут я вижу два, а то и три способа решения проблемы
Самый быстрый - это выставь левой и правой колонке скажем по 6 ячеек
А центральную колонку сделай так:

Google

fickle asshole
05.07.2018
03:31:05
гугл докс это просто набор открытых данных

solleo
05.07.2018
03:31:22
position:absolute;
left:0;
right:0;
margin:0 auto;
И обязательно задай фиксированную ширину. В итоге она у тебя всегда будет находиться по центру.
Не думаю что это адекватный способ, но быстрый.
Более адекватно - это сверстать эти эллементы используя flexbox для родителя
И задать justify-content: space-between;

Eugene
05.07.2018
03:36:08
Я думал надо тем чтобы прибить абсолютном, но оставил это на случай если вообще ничего не придумаю больше ?
на чистом флексбоксе сейчас попробую, но я изначально себя стараюсь ограничить тем чтобы больше использовать то что предлагает сам бутстрап и меньше своих стилей для позиционирования чтобы не мешать все в кучу

solleo
05.07.2018
03:37:09
Я бы наоброт посоветовал тебе использовать поменьше бутстрапа и побольше своих стилей.
Если есть проблемы с построением собственной адаптивной сетки, рекомендую тебе данную адаптивную сетку с легкой настройкой под любой проект:
https://www.npmjs.com/package/smart-grid

fickle asshole
05.07.2018
03:39:00
я конечно нуб, но как вы сохраняете сорсы прямо в проект?
с помощью нпм?
обходя node_modules?

solleo
05.07.2018
03:39:42
Какие сорсы? Подключаемые библиотеки, которые необходимы для работы приложения? Или о чем ты?

fickle asshole
05.07.2018
03:40:07
ну просто не все на ноде пишут
а нмп удобный
и есть ли какие то пакет менджеры под вантуз?

solleo
05.07.2018
03:41:07
Под вантуз?

fickle asshole
05.07.2018
03:41:15
винда

solleo
05.07.2018
03:41:30
Да куча их

Eugene
05.07.2018
03:41:55
Snake
Окей, спасибо! есть надо чем подумать. Сетку заценю, но видимо в следующем проекте ?

solleo
05.07.2018
03:42:08

Google

solleo
05.07.2018
03:42:25
Если тебе так необходимы готовые эллементы как в бутстрапе, аля кнопочки, дропдауны и тд
https://semantic-ui.com
Советую семантик использовать.
И не весь семантик сразу загружать, а только необходимые эллементы, что бы не захламлять стили и т.д.

Admin
ERROR: S client not available

Eugene
05.07.2018
03:43:57
Ого. круто.
да, меня это прям сильно напрягает что в стилях вообще все кроме того что нужно

solleo
05.07.2018
03:44:33
Ну, бутстрап ты тоже можешь с помощью конструктора скомпилировать только с нужными эллементами.

Eugene
05.07.2018
03:49:56

solleo
05.07.2018
03:52:39
?

Alexandr
05.07.2018
05:24:45
Подскажите. Иногда встречаю как на некоторых сайтах, во время прокрутки, как будто под прозрачными блоками, во время сролинга пролистывается разный фон, в одном блоке один, в другом другой, иногда такое впечатление что фон фиксируемый и блок проскроливается над ним, а иногда фон и блок двигаются с разной скоростью, подскажите чем это реализовано и будет здорово если есть, где глянуть такие примеры, чтоб разобраться. Спасибо!

LZD64
05.07.2018
05:26:28
Подскажите. Иногда встречаю как на некоторых сайтах, во время прокрутки, как будто под прозрачными блоками, во время сролинга пролистывается разный фон, в одном блоке один, в другом другой, иногда такое впечатление что фон фиксируемый и блок проскроливается над ним, а иногда фон и блок двигаются с разной скоростью, подскажите чем это реализовано и будет здорово если есть, где глянуть такие примеры, чтоб разобраться. Спасибо!
Паралакс это называется

Alexandr
05.07.2018
05:26:51
паралак это как я понял скорость относительно другого блока.

Serg
05.07.2018
05:28:10
Почему к последнему тэгу <a> не применилось моё :last-child CSS правило?
https://codepen.io/anon/pen/BVedBv

Alexandr
05.07.2018
05:28:29

Анастасия
05.07.2018
05:32:57

LZD64
05.07.2018
05:35:10
а мож и да
хм
но ваще я думал оно не так работает

Google

Serg
05.07.2018
05:35:53

Анастасия
05.07.2018
05:36:12

LZD64
05.07.2018
05:36:45

Анастасия
05.07.2018
05:37:54
мне кажется, их определения достаточно

LZD64
05.07.2018
05:38:26
хм
падазрительно вот смотрю https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child
там в примерах вот такой код работает
<div>
<p>This text isn't selected.</p>
<h2>This text isn't selected: it's not a p.</h2>
</div>
p:last-child {
color: lime;
background-color: black;
padding: 5px;
}

Анастасия
05.07.2018
05:40:20
Там же написано, isn’t selected
Там два дива. В одном р последний элемент, на него действует правило. Во втором диве не последний - правило не действует.

LZD64
05.07.2018
05:42:16
точно не проснулся еещ
=(

Welcome Bot
05.07.2018
05:51:48
Привет Yury !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl

Illia
05.07.2018
05:56:08
Привет всем, кто чем стилизует select’ы, линии скролла?

Владислав
05.07.2018
05:57:17