Zdarova90210
Кстати про шрифты, давно хотел кашу из головы убрать. Смотрите. Если кэнайюз говорит что форматы шрифтов woff (http://caniuse.com/#feat=woff) поддерживают почти все браузеры и очень многие woff 2 (http://caniuse.com/#feat=woff2), означает ли это, что я мне необходимо подключать только эти 2 формата и этого хватит по крайней мере для современных браузеров? Я пробовал. Но в итоге даже в последнем хроме шрифт отображался некорректно. p.s. форматы woff и woff2 получал путём конвертации из otf или ttf. Не помню точно. Кто-то может разложить по полочкам этот вопрос. Или дать почитать что-то дельное.
Zdarova90210
А как доподключил otf и ttf то стало норм
Anonymous
Подскажите сайты, где можно найти разнообразные готовые CSS, чтобы палитра сайта хорошо выглядела
Максим
главное не подключать сначала вофф 2 а потом уже вофф
Максим
остальные не нужны в принципе
Kate
+
Kate
Подскажите сайты, где можно найти разнообразные готовые CSS, чтобы палитра сайта хорошо выглядела
погугли color palette там тонна сайтов, предлагающих набор подходящих друг другу цветов, можно выбрать сколько ты хочешь цветов и тд
Nafikov Ilmir
Подскажите как реализовать, чтобы на мобильных устройствах фон двигался при движении телефона
Kate
открой демо на телефоне, мб подойдет такое
Marseille
Подскажите сайты, где можно найти разнообразные готовые CSS, чтобы палитра сайта хорошо выглядела
https://www.design-seeds.com/blog/ можешь еще по такому принципу цвета подбирать
Zdarova90210
@EkaterinaSava Максим Спасибо большое, вероятно что-то не так подключал. Перепроверю. Ещё только вопрос сразу возник. А если в сети не нашлось шрифта в woff форматах, то без разницы из какого формата генерировать woff? Из ttf или otf.
Kate
да вроде бы без разницы, надо глазами смотреть, потому что чаще всего это зависит не от формата, а от самого конвертера
Максим
та вроде да, на transfonter.org ток делай их
Максим
а не на левых каких-то сайтах
Zdarova90210
@EkaterinaSava Вооот оно что. Спасибо. Обращу внимание. Максим В следующий раз попробую именно этот сервис, спасибо. До этого конвертил на фонтскуирелл.
Kate
я на белке почти всегда конверчу )
Kate
за сайтец выше тож спасибо, надо будет потестить
Максим
на трансфонтере можно подгрузить все фонты сразу
Zdarova90210
Вот так же фигня сейчас, но ради эксперимента попробую и там. Хотя, раз у @EkaterinaSava на белке всё ок уже не первый год, значит я что-то делаю не так просто)
Eugene
ну ты сразу вопрос кидай:)
Galeups
стоит ли использовать object-fit для расположения картинок в блоке? или ещё рано, чет IE не поддерживается
Kate
есть полифилл
Kate
поэтому да, можно (я бы сказала, нужно)
Galeups
есть полифилл
а можно глянуть, буду очень благодарен
Galeups
данное свойство, только узнал, это праздник какой то )))
Eugene
Яндекс вакансию прислали, лол
Kate
а можно глянуть, буду очень благодарен
я вот этот юзаю https://github.com/constancecchen/object-fit-polyfill
Kate
или вот этот посмотри https://github.com/bfred-it/object-fit-images
Kate
там есть табличка сравнения этого и того, что выше
Eugene
или вот этот посмотри https://github.com/bfred-it/object-fit-images
чувак с таким фейспалмом писал этот полифил:D
Kate
)))
Nafikov Ilmir
тестирую рекомендованный parallax.js, что то не получается пока. Подскажете в чем косяк https://codepen.io/Sparrow95/pen/BZvEOd
Никита
Подскажите сайты, где можно найти хорошие PSD-макеты для тренировки верстки
Максим
тестирую рекомендованный parallax.js, что то не получается пока. Подскажете в чем косяк https://codepen.io/Sparrow95/pen/BZvEOd
Ты консоль то открывал? Библиотеку хоть подключи которую используешь!
Nafikov Ilmir
все подключено
Максим
все подключено
ну значит или мы разные ссылки смотрим или меня Chrome на*бывает, что типа класса Paralax нет. и во вкладке Settings->JavaScript Ни чего не подключено на сайте
Nafikov Ilmir
https://codepen.io/CSS_Masters/pen/dCEoK
Anonymous
Такой вопрос: на сайте в css подключены три шрифта (названия: ***, ***-Bold и ***-SemiBold) через @font-face, указаны для каждого параметры font-style: normal и font-weight: 400. Я думал, что там используются селекторы вроде b { font-family: ***-Bold }, но это не так. Каким образом это работает?
Nafikov Ilmir
здесь все работает хотя в консоли тоже неопределен
Anonymous
Переименуй все шрифты ко одному названию и все
Переименовал к одному названию и поставил разный font-weight, все работает. Но я не могу понять, как на том сайте так же все работает, хотя названия шрифтов разные...
Vyacheslav
Хрен его знает. Но как я сказал, так правильно ))
Евгений
как сделать такую фигуру?
Евгений
AlekVolsk
свг
Евгений
а кроме?
AlekVolsk
clip-path, canvas
Vladislav
Товарищи топовые верстальщики. Нужен совет по "плюшкам" и "штуковинам". Короче, надо будет верстать огромнейший проект, в котором частенько встречаются одинаковые элементы. Хочется верстать это быстро, и не запутаться. Т.к. до сегодняшнего дня я только глазком видел, что такое jade и работаю с sass, хотелось бы узнать полный список инструментов для быстрой и качественной верстки, в которой легко ориентироваться. Делать все буду строго по БЭМу, соответственно нужны какие-то миксины соответствующие (если есть такие), и прочее. Пока у меня в голове такой пак: - Sublime Text 3 как редактор (привык) - Gulp - Sass - Pug (Jade) Вот вопрос: нужны ли обработчики препроцессоров, или они уже есть в галпе? И поправьте, где что не так, чего убрать или добавить. Заранее огромная благодарность всем!
AlekVolsk
Товарищи топовые верстальщики. Нужен совет по "плюшкам" и "штуковинам". Короче, надо будет верстать огромнейший проект, в котором частенько встречаются одинаковые элементы. Хочется верстать это быстро, и не запутаться. Т.к. до сегодняшнего дня я только глазком видел, что такое jade и работаю с sass, хотелось бы узнать полный список инструментов для быстрой и качественной верстки, в которой легко ориентироваться. Делать все буду строго по БЭМу, соответственно нужны какие-то миксины соответствующие (если есть такие), и прочее. Пока у меня в голове такой пак: - Sublime Text 3 как редактор (привык) - Gulp - Sass - Pug (Jade) Вот вопрос: нужны ли обработчики препроцессоров, или они уже есть в галпе? И поправьте, где что не так, чего убрать или добавить. Заранее огромная благодарность всем!
в галпе есть компоновщики и компрессоры, а также автопрефиксер, вместо саблайма я взял бы более мощный и бесплатный vscode
Vladislav
в галпе есть компоновщики и компрессоры, а также автопрефиксер, вместо саблайма я взял бы более мощный и бесплатный vscode
Вот смотри, чтобы у меня обрабатывался sass (то есть компилировался в css) я ставил двигло руби. И уже через нехитрый батник запускаю обработчик сасса на лету. Если будет галп, подобного рода махинаций не потребуется, или всеже надо будет ставить какую нибудь ноду, к примеру?
Vladislav
Я бы прям почитал статьи на эти темы, если вдруг есть у кого
AlekVolsk
нода, в ноде галп, в вскоде конфиг для галпа и все
AlekVolsk
либо: нафик ноду и галп, ставь коалу и компиль сасс коалой, на выходе уже пожатый единый css-файл
Vladislav
Так, но есть еще и pug
AlekVolsk
он-то тебе в верстке зачем?
Vladislav
Как я понял это же препроцессор для html, не?
Vladislav
Или это шаблонизатор?
AlekVolsk
хз, я не любитель этого, я пишу чистый код
Сергей
с шаблонизатором приятней
Сергей
удобней
Vladislav
Мне всегда казалось, что jade (pug) это как sass, только для html. Типа, удобнее и быстрее делать верстку
Vladislav
Разве нет?
Eugene
его часто в качестве шаблонизатора на бэкэнде юзают. ну в ноде например
Vladislav
Как смарти в пхп?)
Eugene
http://www.embeddedjs.com/ еще есть такое
Vladislav
Сложноооо. Короче, хочется что-то типа компонентной верстки. Сделал форму, лежит у тебя файлом аккуратно. Берешь и подключаешь ее, куда надо. Как то так.
Eugene
React/Angular :)
Eugene
там все компонентно:D
Vladislav
Ноуп
Vladislav
Я не фронт)
Vladislav
Там отдельно будет чел по JS
Vladislav
Отдельно буду я)
Vladislav
Как верстак
Eugene
http://handlebarsjs.com/ еще такое есть
Eugene
ну если верстак, то pug вроде норм)
Vladyslav
Товарищи топовые верстальщики. Нужен совет по "плюшкам" и "штуковинам". Короче, надо будет верстать огромнейший проект, в котором частенько встречаются одинаковые элементы. Хочется верстать это быстро, и не запутаться. Т.к. до сегодняшнего дня я только глазком видел, что такое jade и работаю с sass, хотелось бы узнать полный список инструментов для быстрой и качественной верстки, в которой легко ориентироваться. Делать все буду строго по БЭМу, соответственно нужны какие-то миксины соответствующие (если есть такие), и прочее. Пока у меня в голове такой пак: - Sublime Text 3 как редактор (привык) - Gulp - Sass - Pug (Jade) Вот вопрос: нужны ли обработчики препроцессоров, или они уже есть в галпе? И поправьте, где что не так, чего убрать или добавить. Заранее огромная благодарность всем!
Ты мыслишь правильно Я именно так и работаю с большими проектами Тебе нужно разобраться как это все настроить ?