Нормально

Как и к бутстрапу

Да вроде так и есть одинаково

Ну к примеру, если хочешь сделать прилагу для портфолио, и с вёрсткой так себе, сайт лучше не доверстать, либо заюзать материал к примеру

Ребят, такой вопрос. Делаю сайт своему вузу для журнала. Мало того что они все тянут, так ещё и дизайнер сделал просто шлаковую шапку. Хотел использовать сайт для портфолио, но с таким дизайном будет просто стыдно. Вопрос, как намекнуть дизайнеру что он сделал говно, даже если дизайн шапки уже утвердили?

😂👍

Покажи нормальные работы ему, и скажи я бы сделал так

Он ещё так сделал. Вот типо FHD монитор. Сайт занимает грубо говоря 70% страницы. И шапка какбы тоже 70% а слева и справа просто заливка цветком этим и все. А у него шапка на 100% страницы

Она ещё так убого сделана сверху и снизу обрезано просто. Там ромбы, и они прям обрезанные

Лол

скинь скрин

Щас не дома

Могу вот так

Чтобы вы поняли про обрезку внизу и сверху

Ну вот

Тут на 1920

И как бы там нет отступов слева и справа👍

обрезка нормальная, ИМХО выглядит норм. Ограничь просто размерами сайта, чтоб вправо-влево не вылазило. Добавь мож каких-нить анимашек для шапки и будет ничо. Вроде и по шаблону и норм выглядеть

Всем шалом братья и сестры ✋

Всем шалом братья и сестры ✋

ты мой незапланированный брат?

все норм не переживай)

Ещё бы отцентровать всё между ромбами, чтобы глаза не выедало))

Это тоже

Раз это тебе для портфолио - воспользуйся советом древних: "Мы твой недуг в подвиг обратим!". Реально погугли прикольные эффекты для анимаций, может даже интерактивные, и заюзай. Будущим работодателям можно будет 2 дока показывать - макет (говенный) и твоя реализация (конфетка).

Раз это тебе для портфолио - воспользуйся советом древних: "Мы твой недуг в подвиг обратим!". Реально погугли прикольные эффекты для анимаций, может даже интерактивные, и заюзай. Будущим работодателям можно будет 2 дока показывать - макет (говенный) и твоя реализация (конфетка).

Ахахха, если бы был макет хотябы😅

Ахахха, если бы был макет хотябы😅

Похожих по структуре очень много, тот же самый земфорест

И кстати да, он. Кидают шапку картинкой. Я так понимаю надо просить ПСД и анимировать просто по частям

можно да, но если совсем тугой дизайнер - в принципе т.к. картинка будет откеширована, ты можешь использовать дивы с оверфлоу хидден и распологать картинку в диве так, чтоб отображалась только та часть, какая тебе нужна

так часто делают со всякими мелкими картинками или степ-анимацию

чтоб не 10 мелких иконок заливать, а одну картинку, и отображать только тот кусочек, который нужен.

Ля, я не такой профессионал😅

вот научишься :) Правда это конечно больше вопросы верстки

Ладно, будем пробовать

Но я кажется +- понял

Но это не точно

да там все просто. Хочешь взять левый ромб например (его размеры пусть 60*60px). Делаешь див с размерами 60х60 и оверфлоу - хидден. Вставляешь в него исходную картинку по левому краю, все - отображается только твой ромб. Анимируешь соотв. див целиком! Иначе могут быть случайные косяки. Хочешь надпись взять - посмотрел размер, сделал див таких размеров опять с оверфлоу - хидден. Вставил эту же картинку и сдвинул влево так, чтоб край надписи совпадал с краем дива как тебе надо. От картинки останется только надпись. Рисунки и т.п - всё так же можно сделать. Есть очень прикольные эффекты, где так картинку бьют на полоски и каждую полоску анимируют отдельно. Можно сделать классные эффекты появления и т.п. на чистом CSS даже без джаваскрипта. Чтоб самому не парится - погугли pure CSS эффекты для картинок, там море классных примеров. И не стесняйся их применять.

Ладно, будем пробовать

я правильно понимаю, тебе дизайнер дал шапку только картинкой, а ты пытаешься её ещё анимировать?)

Нет не понял

Я не пытаюсь ничего анимировать

Анимировать ее предлагают местные жители😅

Но для этого просто псдшку надо взять

И кое какие анимации легко будет накидать

ага для начала psd было бы неплохо)

Ну вот я и говорю

если хотят анимацию нормальную)

Ну я правок накидал

Там ромбы от краев на разном расстоянии, то что вцентре тоже не центрировано относительно ромбов

Сделает будем просить псд

не ну дизайнер так видет, остальным подходит, если это для вуза, то какая разница) если не нравится шапка так ему и скажи: кривовато както, может выровнять по человечески?) Ты хочешь этот сайт на реакте писать? Просто если это обычная верстка сайта для вуза, кому он нужне если ты конешно не хочешь на версталу идти?

не ну дизайнер так видет, остальным подходит, если это для вуза, то какая разница) если не нравится шапка так ему и скажи: кривовато както, может выровнять по человечески?) Ты хочешь этот сайт на реакте писать? Просто если это обычная верстка сайта для вуза, кому он нужне если ты конешно не хочешь на версталу идти?

Да просто верстка

Ну типо сделать красиво

Чтобы было потом что показать людям и было не стыдно😅

Реакт я толком ещё учить не начал

К курсу только приступил)

Подскажите, плз почему нельзя использовать стрелочную функцию? если написать обычную createTodoItem() {}, то ошибки не будет class App extends Component { maxId = 100; state = { todoData: [ this.createTodoItem('Drink Coffee'), this.createTodoItem('Make Awesome App'), this.createTodoItem('Have a lunch'), ], } createTodoItem = (label) => { return { id: this.maxId++, label: label, done: false, important: false } } Ошибка: TypeError: this.createTodoItem is not a function new App src/components/app/app.js:16 13 | maxId = 100; 14 | 15 | state = { > 16 | todoData: [ | ^ 17 | this.createTodoItem('Drink Coffee'), 18 | this.createTodoItem('Make Awesome App'), 19 | this.createTodoItem('Have a lunch'),

Нужно bind

Забиндить метод в контрукторе

constructor(props) { super(props); this.createTodoItem = this.createTodoItem.bind(this); } Попробуй, может поможет не уверен

стрелочные функции уже привязаны к this)

Подскажите тут мы рассматривает соц сеть А что вылаживать на сервак чтоб все работало Что какие папки и куда

https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA

Вот канал по css

https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg

Вот ещё

https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog

3 канала посмотри там все топовые эффекты с примерами

Online tutorials top канал

Подскажите тут мы рассматривает соц сеть А что вылаживать на сервак чтоб все работало Что какие папки и куда

Я ещё не добрался до этого но скорее всего сервак на node.js должен быть и соответсвенно из package.json установятся все необходимые модули для корректного отображения.

Я ещё не добрался до этого но скорее всего сервак на node.js должен быть и соответсвенно из package.json установятся все необходимые модули для корректного отображения.

Мы создаем build версию в которой только html,css,js. Node js на сервере не нужен

Подскажите тут мы рассматривает соц сеть А что вылаживать на сервак чтоб все работало Что какие папки и куда

yarn build/npm build и просто залить содержимое на сервер через ftp,ничего сложного

Всем привет. Подскажите плиз, через axios получаю с сервера данные. Далее полученный объект мапаю, вот почему я могу получать данные без вложенности, например item.id, а с вложенностью (например item.car.id) пишет undefind?

В сам car видит? Без id

map видит массив с елементами при вызове car,а что внутри он не понимает,поэтому тебе нужно еще раз использовать map для получения car.id.Попробуй написать просто car и будет ошибка мол если ты хочешь вывести массив используй map.

Только я не уверен, что это правильное решения)

напиши,пожалуйста получилось ли

В сам car видит? Без id

Видит, а вот когда добавляешь через точку внутреннее св-во, он пишет, что не может прочитать св-во у undefind

А если так item.car[‘id’]?

А если так item.car[‘id’]?

Нее, так тоже пробовал