@web_structure
idkfa23.06.2018
12:23:08
12:23:08
Всем привет. Подскажите плз. Может кто то сталкивался.
У меня есть аккордеон. У него только 1 активный item (следующий открывается - предыдущий закрывается).
Везде разный размер контента.
Когда вверхнем много контента (допустим на страницу) и я нажимаю нижний - верхний закрывается - при этом нижний подымается ввехр из за изменения высоты страницы. Чаще всего новый открытый item улетает вверх за пределы страницы. Если у кого то такое было - кто как фиксал.
Я решил скролить активный в видимую часть страницы. Но есть подергивание вверх а потом вниз.
поэтому и не закрывают части скриптом, пусть юзер сам кликает и закрывает
ITDev23.06.2018
13:10:11
13:10:11
Подскажите какая у меня ошибка. Нужен такой же фон как на макете, но у меня вместо этого в браузере только однотонный
Google
Dmitriy23.06.2018
13:10:56
13:10:56
Подскажите какая у меня ошибка. Нужен такой же фон как на макете, но у меня вместо этого в браузере только однотонный
Это полоски направляющие в ФотошопеОтключить их ctrl+h
Сам фон однотонный )
Dmitriy23.06.2018
13:11:57
13:11:57
?
Владислав23.06.2018
13:11:58
13:11:58
А про диагональ
ITDev23.06.2018
13:12:12
13:12:12
Dmitriy23.06.2018
13:12:42
13:12:42
Значит болку задай высоту как высота картинки фона
Блоку*
Хух, я уже думал про полоски)
Владислав23.06.2018
13:13:25
13:13:25
Почему z-index: -100? зачем?)
ITDev23.06.2018
13:13:59
13:13:59
Google
Welcome Bot23.06.2018
13:14:50
13:14:50
Привет jealous !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Anton23.06.2018
13:36:43
13:36:43
а в чём прикол этих диагональных линий? Смотрится, если честно, по-уродски, смысловой нагрузки тоже ноль, да и верстка усложняется
Dmitriy23.06.2018
13:37:48
13:37:48
Anton23.06.2018
13:38:01
13:38:01
по-моему безвкусица
ITDev23.06.2018
13:56:08
13:56:08
Metildezorfin
Welcome Bot23.06.2018
14:04:13
14:04:13
Привет Andrey !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Дмитрий23.06.2018
14:17:52
14:17:52
Парни, а в scss миксины используются ещё для чего-то кроме префиксов?
Welcome Bot23.06.2018
14:20:32
14:20:32
Привет Оксана !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Dmitry23.06.2018
14:21:15
14:21:15
Парни, а в scss миксины используются ещё для чего-то кроме префиксов?
если много повторяющихся св-в то можно все это поместить в миксин и потом вывзывать егоДмитрий23.06.2018
14:22:07
14:22:07
если много повторяющихся св-в то можно все это поместить в миксин и потом вывзывать его
так а там же надо значение в скобках задаватьDmitry23.06.2018
14:22:38
14:22:38
без параметров
Дмитрий23.06.2018
14:23:27
14:23:27
можно без скобок я вообще sass использую
scss и sass различаются что в одном не надо ставить кавычки и фигурные скобки же?Dmitry23.06.2018
14:25:40
14:25:40
scss и sass различаются что в одном не надо ставить кавычки и фигурные скобки же?
да отличие в скобках и небольшое различие в синтаксисе миксины в sass нужно писать так =border-form, а в scss так @mixin border-form,Дмитрий23.06.2018
14:26:33
14:26:33
Anton23.06.2018
14:27:23
14:27:23
если много повторяющихся св-в то можно все это поместить в миксин и потом вывзывать его
вообще есть постпроцессоры, которые решают эти проблемы.idkfa23.06.2018
14:41:30
14:41:30
Парни, а в scss миксины используются ещё для чего-то кроме префиксов?
префиксы в sass не пишут, их вообще руками не пишут, за редким исключениемПарни, а в scss миксины используются ещё для чего-то кроме префиксов?
@media удобно писать, переменные юзать, да много чего, каждый свой набор создает со временемGoogleidkfa23.06.2018
14:44:26
14:44:26
Anton23.06.2018
14:45:00
14:45:00
я про префиксы
idkfa23.06.2018
14:45:46
14:45:46
вендорные префиксы руками не пишут, от слова никогда )
Дмитрий23.06.2018
14:45:51
14:45:51
@media удобно писать, переменные юзать, да много чего, каждый свой набор создает со временем
Приведи пару примеров, плз. Потому что в статье которую читаю, пишут только про префиксы. Я вот и не понял нафиг для это стол ко времени в scss тратить если есть autoptrfixeridkfa23.06.2018
14:46:37
14:46:37
видимо статья такая попалась, ща посмотрю что сам юзаю
Mr.GoLd23.06.2018
14:52:06
14:52:06
Заплачу солидную сумму тому кто поделится багами в сфере рекламы в ФБ и Инсте и т.д. ! В ПМ !
idkfa23.06.2018
14:52:24
14:52:24
в sass следовать всем правилам стайл гайдов и линтеров не надо конечно, многие совершенно идиотские, хз кто их придумал, наверное уже закрыли в дурку его -- как пример: все цвета объявлять переменными и писать ВСЕ цвета в виде $cite-color и т.п.
Daniil23.06.2018
14:53:00
14:53:00
правила для лохов
idkfa23.06.2018
14:53:19
14:53:19
но отдельные цвета юзать удобно, у меня обычно макс 5-10 получается
font-family тоже удобно, когда много шрифтов в проекте, типа
$body-font-family: "Roboto", Arial, sans-serif;
$primary-font: "Roboto", Arial, sans-serif;
$secondary-font: "PT Serif", serif;
$condensed-font: "Roboto Condensed", sans-serif;
потом пишешь font-family: $secondary-font; и ок
в общем глобальные переменные удобно юзать, какие именно зависит от проекта
для брейкпоинтов миксины оч удобно, типа @include breakpoint(xlarge) { padding: 40px 15px 35px; }
idkfa23.06.2018
15:01:00
15:01:00
для BEM модификаторов еще юзаю миксин, вроде всё, больше для себя полезных не нашел
миксинов много написали уже разных, надо просто подбирать индивидуально, если упрощают разработку и поддержку, то юзать канешн
Дмитрий23.06.2018
15:08:02
15:08:02
Welcome Bot23.06.2018
15:44:18
15:44:18
Привет Ведьмак !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl
Aslan23.06.2018
15:46:37
15:46:37
Привет ребята!
собственно есть такой вопрос
есть следующий класс, в котором сидят элементы
<div class="row1">
хочу при условии <=500px ширины скрывать его, то есть пишу следующий код
@media screen and (min-width: 0px) and (max-width: 500px) {
.row1 {
display: none;
}
}
но он не работает, в чем может быть трабл?
Anton23.06.2018
15:47:43
15:47:43
min-width: 0px какой смысл
GoogleAnton23.06.2018
15:48:25
15:48:25
оно и так от 500 и в ноль при max-width: 500px идёт
А что касается того, что не работает — а как вы проверяете?)
Aslan23.06.2018
15:49:10
15:49:10
перезагружаю на сайте
Anton23.06.2018
15:49:19
15:49:19
@media (max-width: 500px) { ... } достаточно
Aslan23.06.2018
15:49:30
15:49:30
лол
AdminERROR: S client not available
Anton23.06.2018
15:49:49
15:49:49
на каком устройстве, в каком браузере
Aslan23.06.2018
15:49:55
15:49:55
спасибо за правильный вопрос, решилось путём Ctrl + F5, хотя странно, т.к сижу в инкогнито)
??
LZD6423.06.2018
15:50:25
15:50:25
Привет ребята!
собственно есть такой вопрос
есть следующий класс, в котором сидят элементы
<div class="row1">
хочу при условии <=500px ширины скрывать его, то есть пишу следующий код
@media screen and (min-width: 0px) and (max-width: 500px) {
.row1 {
display: none;
}
}
но он не работает, в чем может быть трабл?
у меня работает https://codepen.io/anon/pen/gKKGQwAslan23.06.2018
15:50:26
15:50:26
Опера, через консоль разработчика
Anton23.06.2018
15:50:57
15:50:57
сужаешь окно до 500 пикселей?
Aslan23.06.2018
15:51:03
15:51:03
у меня работает https://codepen.io/anon/pen/gKKGQw
собственно нужно было Ctrl + F5, забылся как-то этот моментда
то есть при мобильной версии чтобы исчезал этот блок
Anton23.06.2018
15:51:32
15:51:32
Оно должно работать, либо твои стили не применяются почему-то
Aslan23.06.2018
15:52:28
15:52:28
Оно должно работать, либо твои стили не применяются почему-то
ну, уже третий раз повторюсь) заработало, просто нужно было путём Ctrl + F5 рефрешнуть)Anton23.06.2018
15:52:43
15:52:43
в следующий раз сначала несколько раз перепроверь, чем сюда писать
Aslan23.06.2018
15:53:17
15:53:17
окей, спасибо все же за правильный вопрос)
Google
Konf23.06.2018
16:02:13
16:02:13
Народ, вопрос: как заставить browserSync, подключённый через gulp, обновлять страницу Open Server'а ?
idkfa23.06.2018
16:06:15
16:06:15
Народ, вопрос: как заставить browserSync, подключённый через gulp, обновлять страницу Open Server'а ?
не знаю что такое open server ) с чего бы одному серверу обновлять морду на другом?прокси настрой
Konf23.06.2018
16:07:02
16:07:02
если по простому, open server - симулятор web сервера на компе. это нужно для того, чтобы работал php
не совсем понятно что ты имеешь в виду
idkfa23.06.2018
16:10:18
16:10:18
допиши в конфиг browsersync: proxy: 'mysite/new-page'
Anton23.06.2018
16:10:42
16:10:42
"если по простому, open server - симулятор web сервера"
Serega23.06.2018
16:11:10
16:11:10
Anton23.06.2018
16:11:26
16:11:26
Никогда такой формулировки не слышал))
Михаил23.06.2018
16:14:37
16:14:37
Всем привет. Почему картинка с абсолютными размерами img (width:50mm; height:50mm) в компьютерном браузере ещё более-менее имеет размер 5×5 см, а на смартфоне отображается как 2×2 см? Масштаб везде стоит 100%.
Смартфон 5 дюймов, экран 1280×720.
Монитор 21", экран 1600×1200.
idkfa23.06.2018
16:18:39
16:18:39
что это за абсолютный размер в мм? ))) от размера пикселя зависит жеж
Михаил23.06.2018
16:20:06
16:20:06
В CSS можно задавать абсолютные размеры — они пересчитываются браузером в пиксели автоматически, при этом он узнаёт у операционки реальные физические размеры экрана.
Anton23.06.2018
16:20:27
16:20:27
Всем привет. Почему картинка с абсолютными размерами img (width:50mm; height:50mm) в компьютерном браузере ещё более-менее имеет размер 5×5 см, а на смартфоне отображается как 2×2 см? Масштаб везде стоит 100%.
зачем вообще для браузеров размеры в миллиметрах?Только не говори, что ты линейкой измеряешь, что у тебя на телефоне там показывается..
Открыть в Telegram