ого сколько людей отозвалось, по верстке вопрос с гридом, пытаюсь сделать блок друзей, но не выходит в ряд вывести, либо столбцом выставляются, либо сваливает все в начало строки, вот цсс -
.friends-table {
margin: 0 auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "fav fav" ;
} - это куда выводить
.avatar img{
width: 30px;
height: 30px;
border-radius: 15px;
}
.avatar {
grid-area: fav;
width: 50px;
} - это что выводить
Давай мб и компоненту сюда, только скрином
Arthur
Mourat
ого сколько людей отозвалось, по верстке вопрос с гридом, пытаюсь сделать блок друзей, но не выходит в ряд вывести, либо столбцом выставляются, либо сваливает все в начало строки, вот цсс -
.friends-table {
margin: 0 auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "fav fav" ;
} - это куда выводить
.avatar img{
width: 30px;
height: 30px;
border-radius: 15px;
}
.avatar {
grid-area: fav;
width: 50px;
} - это что выводить
Если ты ты использовал SASS я дал бы тебе свои миксины для гридов. Легко использовать, работают в ie10-11
Arthur
Обёртку.. .friends-table - полагаю
Mourat
https://codepen.io/coder_space/pen/gjZyeK
Андрей
Андрей
Если ты ты использовал SASS я дал бы тебе свои миксины для гридов. Легко использовать, работают в ie10-11
SASS нет, я с таким не сталкивался, так понимаю это улучшеный цсс? видимо нужно его потом будешь еще подучить
Incredible
SASS нет, я с таким не сталкивался, так понимаю это улучшеный цсс? видимо нужно его потом будешь еще подучить
SASS это препроц. для "ускорения" работы с css
Mourat
SASS нет, я с таким не сталкивался, так понимаю это улучшеный цсс? видимо нужно его потом будешь еще подучить
очень рекомендую. тебе его даже осваивать особе не придется. самое полузное это вложенность, не придется кучу селекторов перепимсывать руками.
Для реакта его подключить просто. установи модуль node-sass и можешь называть файлы не css, а scss
Hennadii
Incredible
очень рекомендую. тебе его даже осваивать особе не придется. самое полузное это вложенность, не придется кучу селекторов перепимсывать руками.
Для реакта его подключить просто. установи модуль node-sass и можешь называть файлы не css, а scss
А потом у него будет прибаxанный по структуре css на выходе
Mourat
да, он сам делает css и подключает
Андрей
очень рекомендую. тебе его даже осваивать особе не придется. самое полузное это вложенность, не придется кучу селекторов перепимсывать руками.
Для реакта его подключить просто. установи модуль node-sass и можешь называть файлы не css, а scss
я и с обычным то не очень дружу, пока с реактом вожусь, попутно еще что то вряд ли смогу, но за подсказку спасибо потом доберусь обязательно!
Віталія
очень рекомендую. тебе его даже осваивать особе не придется. самое полузное это вложенность, не придется кучу селекторов перепимсывать руками.
Для реакта его подключить просто. установи модуль node-sass и можешь называть файлы не css, а scss
Мне sass именно нравиться тем, что не надо писать фигурные скобки и точку с запятой )
Incredible
я и с обычным то не очень дружу, пока с реактом вожусь, попутно еще что то вряд ли смогу, но за подсказку спасибо потом доберусь обязательно!
Лучше дальше спокойно используй модули css и не вникай особо в верстку, если конечно у тебя цель не React учить, а верстальщиком стать, тогда ладно еще
Nikolai
я и с обычным то не очень дружу, пока с реактом вожусь, попутно еще что то вряд ли смогу, но за подсказку спасибо потом доберусь обязательно!
А использовать гриды это принципиально? Можно же быстренько на флексах сделать.
Incredible
Mourat
нет я именно scss пользую, это тот же sass но со скобками )
Mourat
нет, есть SASS без скобок .sass и SCSS со скобками .scss
LESS это другой язык, очень похожий на SCSS
Mourat
SASS и SCSS это один язык, просто первый использует табуляцию вместо скобок
Андрей
А использовать гриды это принципиально? Можно же быстренько на флексах сделать.
нет, просто было интересно попробовать, да я подумал может вообще откуда то вроде primeng стили стащить, и не мучатся
Mourat
нафиг вам стили вообще, видели как у димыча страница выглядит )) тут главное что бы кнопки все работали
Mourat
но если вы самостоятельно занимаетесь версткой, GRID + FLEX это бомба
Андрей
нафиг вам стили вообще, видели как у димыча страница выглядит )) тут главное что бы кнопки все работали
:))) ну а почему бы и нет?:) хотя согласен, что тратить на них слишком много вревеми не стоит явно
Mourat
GRID + FLEX + Media query это адаптивная бомба
Mourat
Mourat
Какая кнопка на русской клаве вместо altGr?
Alexey
Обычный alt
Дмитрий
Клавиша ALT GR появляется на правой стороне клавиатуры при использовании некоторых неамериканских раскладок клавиатуры. Эта клавиша эквивалентна сочетанию клавиш CTRL+ALT и может использоваться для ввода различных дополнительных знаков, приведенных в следующих таблицах. Microsoft Word по-разному обрабатывает нажатие левой и правой клавиши ALT, что позволяет использовать сочетания с клавишами CTRL+ALT и ALT GR.
источник https://otvet.mail.ru/question/50820039
Дмитрий
https://ru.wikipedia.org/wiki/Alt_(%D0%BA%D0%BB%D0%B0%D0%B2%D0%B8%D1%88%D0%B0)
Юрий
Подскажите, что лучше выучить sass или less, что то одно, что б голова не сильно кипела на первое время
Дмитрий
Для меня незнакомы обе технологии. Судя по википедии у них разное назначение. Если судить по обьявлениям по трудоустройству то таких слов я не нашел. Делаю вывод: в реальных условиях это никому не надо. И лучше учить что-то более полезное.
Дмитрий
Думаю это более полезно https://bootstrap-4.ru
Дмитрий
Пробывал его в работе использовать. Очень приятная вещь.
Шахзод
Подскажите, что лучше выучить sass или less, что то одно, что б голова не сильно кипела на первое время
Я как верстальщик тебе скажу для начало можешь перейти в scss там более менее похоже на css просто прочитай или посмотри видео как им пользоваться и сделай какой нить проект с scss и все будет ясно/понятно!
Шахзод
И препроцессоры знать стоит облехчают тебе жизнь написания кода в css.
Дмитрий
Цитата "Несколько самых популярных CSS препоцессоров: SASS, LESS, Stylus, PostCSS". Получаеться чем больше препроцессоров знаеш тем лучше?)
Nikolai
Цитата "Несколько самых популярных CSS препоцессоров: SASS, LESS, Stylus, PostCSS". Получаеться чем больше препроцессоров знаеш тем лучше?)
Да, для резюме, по факту будешь использовать только один, который больше нравится.
Шахзод
Цитата "Несколько самых популярных CSS препоцессоров: SASS, LESS, Stylus, PostCSS". Получаеться чем больше препроцессоров знаеш тем лучше?)
Всех не обязательно знать! Например один из популярных это scss/sass ее и стоит учить! да и тут ничего сложно бональный css
Nikolai
Для меня незнакомы обе технологии. Судя по википедии у них разное назначение. Если судить по обьявлениям по трудоустройству то таких слов я не нашел. Делаю вывод: в реальных условиях это никому не надо. И лучше учить что-то более полезное.
Плохо искал в вакансиях это одно из требований, знание работы с препроцессором.
Юрий
Часто в вакансиях пишут sass/less.. бумтрап уже познал :) хотел чем нибудь ещё опыт дополнить
Akim
Дополни пагом
Akim
Хотя с реактом он вроде не работает
Юрий
Не, мне под реакт :)
Akim
И в принципе в реакт приложухах паг не нужен. Но если вакансии не реактовские, а просто нативно хтмл, цсс, джс то можно и паг
Akim
Очень полезно будет
Akim
Ну и дальше по списку гит, вебпак
Nikolai
Подскажите, что лучше выучить sass или less, что то одно, что б голова не сильно кипела на первое время
Выучи любой, там нужно только понять синтаксис и всё. Один будешь знать, другие поймёшь, принцип тот же, только синтаксис изменится. Удобно, что они также как в реакт позволяют компонентно писать стили а потом импортировать в один файл, чтобы не разбираться в 2000 - 3000 строчек стилей.
Akim
Подскажите, что лучше выучить sass или less, что то одно, что б голова не сильно кипела на первое время
писал на лесс, потом перешел на сцсс особо разницы не заметил, бери сцсс он популярнее
Юрий
Спасибо за ответы
Akim
Блин, не думал, что про это упоминать надо) БЭМ сейчас обязаловка, так сказать мастхэв
Akim
хотя по факту в препроцессорах по типу сцсс не весь функционал нужен, только модульность и вложенность максимум, потому что использование циклов, условий и всяких вкраплений программирования только усложняет чтение языка. Так что в итоге ты все равно не будешь использовать препроцессоры по максимуму
Nikolai
Блин, не думал, что про это упоминать надо) БЭМ сейчас обязаловка, так сказать мастхэв
Знаешь, у меня иногда складывается впечатление, что HRы тупо копируют требования из других вакансии сами не осознавая, что пишут. Смотрят, о а у меня нет таких требований, надо добавить этих незнакомых слов, вдруг пригодится. 😁
Akim
Знаешь, у меня иногда складывается впечатление, что HRы тупо копируют требования из других вакансии сами не осознавая, что пишут. Смотрят, о а у меня нет таких требований, надо добавить этих незнакомых слов, вдруг пригодится. 😁
Не везде, но многие так делают) Это просто неграмотные хры. Но без БЭМа сейчас действительно никуда. А так, я как-то читал требования под вакансию джуна-фронтендера, так там такие требования, что это какой-то джун-акселерат получается. Загадочная история бенджамина-фронтендера так сказать
Nikolai
Не везде, но многие так делают) Это просто неграмотные хры. Но без БЭМа сейчас действительно никуда. А так, я как-то читал требования под вакансию джуна-фронтендера, так там такие требования, что это какой-то джун-акселерат получается. Загадочная история бенджамина-фронтендера так сказать
Требования чуть ли не синьёра, а оплата джуна ))
Юрий
У меня по городу одни фуллстак разрабы на Джуниора. Я хз о чем думают, может ли впринцыпе Джуниор быть фуллстак?
Юрий
В вакансиях
Akim
У меня по городу одни фуллстак разрабы на Джуниора. Я хз о чем думают, может ли впринцыпе Джуниор быть фуллстак?
В теории да. Это когда ты в каждой из областей джуниор. Ну это мое мнение
Akim
Ну фуллстэк это такая тема для холивара, многие считают, что настоящих фуллстекеров не существует
Юрий
По мне так это просто не эффективно... Разве что сидеть на ставке на одной фирме и постоянно заниматься одним сайтом...
Akim
По мне так это просто не эффективно... Разве что сидеть на ставке на одной фирме и постоянно заниматься одним сайтом...
Ну знаешь, спорный вопрос, когда ты достаточно хорошо знаешь обе стороны ты вполне себе можешь быть неплохим кандидатом на архитектора. Правда для этого нужно несколько технологий знать, несколько стеков хотя бы на уровне джуна. Хз, может и есть такие вундеркинды, мало ли кого земля носит
Akim
Я вот хочу попробовать сам написать бэк под соцсеть
Akim
Хотя бы минимально
Akim
Тем более я во фронтенд перешел из сишарпа, так сказать задел на бэк есть в лице ASP.NET Core'а
Akim
web api
Akim
И все такое
Akim
тем более дотнет кор сейчас неплохо развивается и в планах у майков объединить дотнет фреймворк и дотнет кор, и уйдут они наконец от своей моноплатформенности под виндовз
Андрей
ReactDOM.render(<App addPost = {addPost} state = {state} />, document.getElementById('root')); подскажите пожалуста, передаю в апп функцию, но при этом переходя в апп, в пропс её нет, ВООБЩЕ НЕТ:(
Сергей
А addPost приходит откуда в index.js ???
Сергей
Импорт или ты достаеш его из стейта где то на месте ??
Nikolai
Seagull
здравствуйте
подскажите пожалйста почему на 2 страничке при нажимании на кнопку next page выбрасывает алерт, а должен выбрасывать на 10 странице так как allPages возвращает именно столько страниц
в методе checkPages если в if написать что page === 10 то работает но если написать allPages что тоже 10 то не работет
как решить проблему ??
вот код
https://codepen.io/nierdhaza/pen/gOYrVMZ
Nikolai
На следующем у тебя должно быть addPost={props.addPost}
Сергей
Странно очень...попробуй проэкт рестартонуть...бывают ошибки при рендере...
Nikolai
Дебаггером смотри в какой момент теряются. Мне помогало.