
Владислав
27.06.2018
10:02:26

Andrew ?
27.06.2018
10:02:27
что такого что ты копируешь стили с авокода

Shustry
27.06.2018
10:02:51
Гм. Я хз, чего на авокод бочку катите.

AlekVolsk
27.06.2018
10:03:01
а использую препроцессоры, переменные за меня авокод вставлять не будет

Google

Andrew ?
27.06.2018
10:03:12
ты можешь настроить
переменные
в авокоде

AlekVolsk
27.06.2018
10:03:41
вопрос исследовательский и одновременно вопрос вкуса
есть у меня нездоровая тенденция недоверять автоматике, сличком часто подводила

Andrew ?
27.06.2018
10:04:28
там нет автоматики
это psd
такое же как в фотошопе
и для верстки авокод быстрее фотошопа
.lod-product-slider{
background: #000;
.products-title{
padding: 0;
margin: 0;
position: absolute;
left: 0;
width: 80px;
height: 124px;
}
.container{
padding: 0px 100px;
position: relative;
color: #fff;
}
}
против
.lod-product-slider{
background: #000;
}
.lod-product-slider .products-title{
padding: 0;
margin: 0;
position: absolute;
left: 0;
width: 80px;
height: 124px;
}
.lod-product-slider .container{
padding: 0px 100px;
position: relative;
color: #fff;
}
чувк
это про то что не юзать scss все равно что тратить время в пустую

idkfa
27.06.2018
10:09:53
главное в sass и например BEM (или подобном нейминге), что у вас остаются блоки, которые можно в любой проект запихнуть, и не писать заново, а весь этот код из авокода + css просто мусор одноразовый

Google

AlekVolsk
27.06.2018
10:14:07
значит не приходилось на крупных проектах работать, с парой сотней типовых посадочных

idkfa
27.06.2018
10:15:32
btw, ускорение разработки не происходит из-за уменьшения кол-ва кода, значение имеет структура проекта и кода, линтеры опять же -- фактически нет отладки, косяков, не тратится время на это просто, когда следуешь норм стайл гайдам (можно своим, но придерживаться реально)

Никита
27.06.2018
10:16:11
Ребят, не могу понять, подскажите пожалуйста. На макете шрифт выглядить так, на деле в браузере по другому. С чем связано?
Слева макет

AlekVolsk
27.06.2018
10:17:00
шрифт не подключен по факту

Ivan
27.06.2018
10:17:00

idkfa
27.06.2018
10:17:04

Никита
27.06.2018
10:17:14

AlekVolsk
27.06.2018
10:17:19
или подключен некорректно

Никита
27.06.2018
10:17:29
А как подключить?

AlekVolsk
27.06.2018
10:17:48
недостаточно указать font-family, гугли @font-face

Никита
27.06.2018
10:17:58
Спасибо

idkfa
27.06.2018
10:18:46

Никита
27.06.2018
10:18:48
То есть шрифт нужно скачать и положить в папку "fonts"?

AlekVolsk
27.06.2018
10:19:12

idkfa
27.06.2018
10:19:52

AlekVolsk
27.06.2018
10:20:37
гугл-фонтс местами блокируется, некоторые тупые провайдеры слишком чрезмерно исполняют указы ркн

Google

Alexander
27.06.2018
10:21:34
Сейчас нужны только woff2 & woff
ttf для андроидов старых

idkfa
27.06.2018
10:21:52

Alexander
27.06.2018
10:21:57
И именно в таком порядке

AlekVolsk
27.06.2018
10:22:00
некорректно подключаешь, если тебе ttf выдает
а ты не скачивай

Alexander
27.06.2018
10:23:22

AlekVolsk
27.06.2018
10:23:43
а эти где-то еще сохранились?

Alexander
27.06.2018
10:23:46
Есть google font helper

Nicolay
27.06.2018
10:24:18
попробуй скачать отсюда https://google-webfonts-helper.herokuapp.com/fonts

AlekVolsk
27.06.2018
10:25:01

AlekVolsk
27.06.2018
10:26:26
либо, если нет woff/woff2, но есть ttf/otf, можно сконвертировать тут https://transfonter.org/

Никита
27.06.2018
10:26:46
Путь к шрифтам куда прописывать?

Alexander
27.06.2018
10:26:47
http://nicothin.pro/page/web-fonts

AlekVolsk
27.06.2018
10:27:31

idkfa
27.06.2018
10:33:11
гыгыгы, человек похоже уже не рад, что спросил ) этот Aileron еще скачать надо возможно

Никита
27.06.2018
10:38:08
Та чего не рад)
Скорее благодарен, что с такими попросами не послали нах.. гуглить

Google

Никита
27.06.2018
10:38:43
Скажите, а там где format указывать расширение шрифта просто?
Так правильно?
@font-face {
font-family: 'Aileron';
src: url('../fonts/Aileron.ttf') format('ttf');
font-weight: normal;
font-style: normal;
}

Admin
ERROR: S client not available

AlekVolsk
27.06.2018
10:40:14
нет, именно формат, у тебя уже все прописано было как надо

Никита
27.06.2018
10:40:30
А что значит формат?
Где его узнать?

AlekVolsk
27.06.2018
10:41:12

Никита
27.06.2018
10:41:37
Понял, спасибо
Искренне извиняюсь за столь тупые вопросы

AlekVolsk
27.06.2018
10:43:30
это не тупые вопросы, вспоминай заветы лысого вовочки - они более мудры, чем то кажется

Никита
27.06.2018
10:52:58
@font-face {
font-family: 'Aileron';
src: url('../fonts/Aileron.woff2') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aileron';
src: url('../fonts/Aileronbold.woff2') format('truetype');
font-weight: bold;
font-style: normal;
}
Сделал так, но все равно неправильно отображает
Может я что-то напутал в пути?
Все вот так лежит

Arseniy
27.06.2018
10:54:22
ну да, ../ означает вернуться на уровень выше

Igor
27.06.2018
10:54:24
/fonts/Aileron.woff такой путь пропиши

Никита
27.06.2018
10:54:26
Все, понял свою ошибку

Google

Никита
27.06.2018
10:54:27
Да

Arseniy
27.06.2018
10:54:27
да

Никита
27.06.2018
10:54:35
Я просто чет подумал, что css в папке лежит

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

AluV
27.06.2018
11:05:15
Hi ?
Подскажите пожалуйста, можно ли как нибудь приаттачить HTML внутрь SVG, ну то есть кружочки к векторным объектам аттачить и т.д. ?

Shustry
27.06.2018
11:09:21
Непонятно

idkfa
27.06.2018
11:11:05
foreignObject юзай (без IE только, раньше так было, ща может что получше есть)

Никита
27.06.2018
11:31:34
Ребят, почему не работает подчеркивание, вроде бы все правильно ведь?