Рейт верстку, как получилось, нормально?https://vertically-challenged.github.io/Device/https://vertically-challenged.github.io/Device/catalog.html
>>205025596 (OP)Эх, а я помню тебя, ещё когда ты сделал Лови залупу, а теперь вон как вымахал в скиле! Удачки!
Логотип увеличить надо и сдвинуть немного влево. Чтобы не было такой тупой вертикали. И по второй ссылке, там где цены на палки, саму цену может убери на картинку прям?
>>205025596 (OP)КредитЗалезть в долговую яму стало проще! Кредитные консультанты подберут для вас наиболее выгодные условия кредита. Выгодные для нашего банка, разумеется.Обосрался.
>>205026018Там должен быть выбор цены, но я пока-что такое сделать не могу, тк не знаю js и вообще ньюфаг в мамкакинге. Алсо по клику на карту и на кнопку "напишите нам" должны открываться модалки, но я это тоже не сделал, тк еще не знаю js, поэтому модалки просто с display: none; и толко изменив это в файле стилей, можно будет на них посмотреть
Хорошая попытка в эксперимент, но нет. Далеко не сразу понял, что за закорючка.>>205026506Охуенно видно, совсем глаз не напрягает.
>>205025596 (OP)дурной тон, использовать фиксированную высоту height: 323px;ты же сайт верстаешь а не буклет.На маленьких экранах <1200px фон едет, появляются ненужные отступы.
>>205026691Ну это не адаптивный макет, дальше буду верстать какой-нибудь уже адаптивный.Алсо я и без адаптива где-то дня 4 потратил, это нормально?
>>205026926ну если ты все 8 часов верстал каждый день, то конечно это долго. В идеале такой макет верстается часов за 6-8
>>205026938Это интенсив? Да. Вроде это как самый сложный макет для верстки из их интенсива, поэтому решил сверстать его.
>>205026926кстати могу подсчитать долго или нет в денежном эквиваленте, а ты потом сам решишь, норм или нет. Во сколько час своей работы оцениваешь?
>>205025596 (OP)Чего тут рейтить то? Макет без адаптивки. Классы из головы. Каждый элемент без наследования, никакой структуры. Элементы все типа 732 пикселя ширина, 28пикселей маргин топ. 1280 - прокрутка. Нахуй такая вёрстка нужна, когда такую же статичную хуйню можно выгрузить на абсолютах за пару секунд в любом сервисе. Хоть с фигмы, хоть со скетча, хоть с псд.
>>205027905Ты хочешь сказать, что я пока что совершенно бесполезный хуй? Но на html academy говорят, что с таким уровнем знаний я уже могу вкатиться в 25к в месяц, они обманывают?
>>205026139>скок зарабатываешь на этом?Нисколько >как называется твоя профессия ?Тупая и бесполезная малолетняя макака, младше 25 лет, даже не программист
>>205027393Оценить рентабельность работы, умножай кол-во потраченных часов на свою ставку. Итого если ты 4 дня верстал, то твоя работа стоит 256$ или 16 640 руб. По опыту скажу что такого клиента тяжело будет найти,за эти 16 640 рублей могут макетов 10 внутрянки накинуть)
>>205028247Я не знаю как про вкатится. Вкатится можно и с нулевыми знаниями. Я тебе говорю про твою вёрстку. Твоя вёрстка - бесполезная хуйня статичная. Вот пример. Очевидно, что штрих - элемент заголовков. На кой хуй ты его привязал к секции? Ты понимаешь, что данный элемент невозможно будет использовать в других частях сайта? То что ты сделал - сверстал макет так, как верстают его программы. Т.е. на деле всё красиво, а чуть добавили текст, добавили страницу, изменили блоки и у тебя разъебало весь сайт. Вот о чём я говорю.
>>205025596 (OP)Ну вроде норм верстка, как верстка, по сетке смотреть не стану, лень, но дизайнер/заказчик — ебать говноеды.
Могу совет дать, забей на "правильность" htmla, типа <fieldset> <legend> <section> вот это все говно не нужно. и ID-ы тоже не нужны лишние. тупо все дивами делай с классами и все.
>>205029067вообще рынок верстальщиков в данный момент перенасыщен, школьники готовы верстать за 500 рублей макет. Золотые времена прошли, школотроны задемпинговали.
>>205025596 (OP)Какое убожество блять. На каких даунов ебичей такое говно рассчитано? Нахуя вообще. Лишний раз убеждаюсь, что макаки в пидарахе занимаются ебанутой хуйней.
>>205029427Ну я планирую выучит JS и стать front-end developer-ом, а не просто верстальщиком. Смогу ли я в 300k со знанием JS, или во front-end тоже все перенасыщено школьниками?
>>205029404Ты тралишь? Почему ты не могу просто звернуть весь блок в див дисплей флекс. Задать каждой части флекс 1. Вместо этого ты на кой-то хуй юзаешь флоат, а внутряк инфоблока у тебя вообще хуй пойми как на отрицательных маргинах работает. Какого хуя ты не мог просто сверстать всё поочерёдно? 1 лишнее слово и твой макет разъёбывает.
>>205029740ну просто верстальщиком за 25 руб, я думаю тебя никуда не возьмут. Обычно после верстки тебе надо будет еще и на движок все это дело сажать.
>>205029899Ну чтобы сделать такое через flex, нужно было обернуть заголовок и описание в div, поместить этот div вместе с img в section, которому задан display flex? Но что делать, если в такой ситуации отвалятся стили, тогда картинка будет отображаться над заголовком, а не под, разве это не плохо? Так можно? Стоит ли вообще думать о читабельности html на случай отвала стилей, или лучше подумать о том, чтобы макет не разваливался от лишних слов?
>>205030444хули у тебя текст не центрирован и так далеко от изображений?и что блядь за соотношение размера шрифта и иконок?
>>205030375>Ну чтобы сделать такое через flex, нужно было обернуть заголовок и описание в div, поместить этот div вместе с img в section, которому задан display flex?Так нужно.>Но что делать, если в такой ситуации отвалятся стилиСхуяли они отвалятся?>тогда картинка будет отображаться над заголовком, а не под, разве это не плохо? Так можно?Открой ЛЮБОЙ сайт. Например вайлдберрис - карточку товараТы видишь здесь ебалу как у тебя с заголовком? Это вас в академии научили заголовок ставить над пикчёй? Я сомневаюсь, что для сео это играет какую-то роль, если мы не в 1995 году.>Стоит ли вообще думать о читабельности html на случай отвала стилей, или лучше подумать о том, чтобы макет не разваливался от лишних слов?Что такое отвал стилей? Я такого термина не знаю. Когда ты верстаешь ты должен думать лишь о трёх вещах.1) Что будет если текста в итоге будет больше/меньше2) Что будет если надо будет сделать 40 таких страниц из этих элементов3) Что будет, если мою ебалу будет разбирать другой программистТы по всем 3ём пунктам проебал в ноль.
>>205031104>Это вас в академии научили заголовок ставить над пикчёй?Да>Когда ты верстаешь ты должен думать лишь о трёх вещах.>1) Что будет если текста в итоге будет больше/меньше>2) Что будет если надо будет сделать 40 таких страниц из этих элементов>3) Что будет, если мою ебалу будет разбирать другой программистВ академии об этом не говорили, там сказали, что нужно сделать красивый html, а с помощью стилей можно сотворить любую хуйню, и не важно, как она работает, главно - красивый html на случай ОТВАЛА, когда на сайт зайдет какой-то конч через EDGE Я проебал время зря на курс от html academy? Что почитать/посмотреть, чтобы все-таки научиться нормально верстать?
>>205025596 (OP)Братан, кнопки меню надо ВСЕГДА выделять. Как угодно, сделать цвет на пол тона ниже или иначе. А так выглядит слитно, и глаз не цепляется. Какойнить даун зайдет и будет тупить...
>>205031624Ангуляр spa приложения для европейской компании на аутсорс и нет я не фантазёр, но не хочу лишиться работы из-за того, что группа школьников будет дудосить и фотожобы делать с моей харей.>>205031702>ДаНу если мне не веришь - попробуй найди хоть 1 сайт 2ух колоночный, где делали подобную хуйню.>В академии об этом не говорили, там сказали, что нужно сделать красивый html, а с помощью стилей можно сотворить любую хуйню, и не важно, как она работает, главно - красивый html на случай ОТВАЛА, когда на сайт зайдет какой-то конч через EDGEМогу лишь предположить, что это делали для того, чтобы вам устроиться в мухосранск контору с нулевым директором, который увидит красивый макет сидя со своего ХР и обдрищется от радости. У тебя вполне есть шанс устроится куданибудь в химки на 30-40к с таким багажом. Проблема только в том, что это не работа а обман людей по сути. Это как новостройки сдают с бумажными стенами и окнами со щелями. Всё красивенько, а на деле нихуя ты с эти уже не поделаешь. только выбрасывать.>Я проебал время зря на курс от html academy?Ну я хз сколько ты потратил времени и денег. Знания цсс всегда полезны.>Что почитать/посмотреть, чтобы все-таки научиться нормально верстать?Во первых в 2к19 на голом цсс уже не верстают. Посмотри что такое цсс фреймворки. Бутсрап или матириал. Это такие вот библиотеки классов. На ютубе полно пояснений. Во вторых почитай БЭМ методологию. Это то как надо в 2к19 называть классы. Как со всем разберёшься посмотри в сторону сборщиков. Вэбпак или галп. Особо не вникай, просто найди готовую сборку. В инете куча инфы как ставить с нуля. Там уже разберёшься с препроцессорами. Это такая хуйня, которая позволяет красивее и удобнее писать цсс. С подобными знаниями можейшь выйти на 50-70к по москве.
>>205032829>50-70? Не густовато как то для мскНу я хз. Получать 60к мало, за то что ты по сути 2-3 недели поучил какую-то хуету? Другие люди за такое 5-6 лет в институте жопу просиживают.
>>205032962Да я ж из мухосрани анон, для нас такие зп космос но судя по отзывам в мск меньше 100к получают только дворники всякие. Понятное дело что это троллинг, но если съем комнаты стоит тыщ 30, что тут скажешь
>>205032573>цсс фреймворки>БЭМ >Вэбпак или галп>препроцессорамиПланировал перейти ко всему этому после изучения JS, я правильно планировал, или лучше сначала разобраться со всем этим, а потом уже вкатываться в JS?
>>205033187Ну это просто ты обдвачевался. 100к не в айти это максимум по сути. В айти - 150. Ну это по больнице в среднем, естественно есть и те, кто получает 30кк секунда. Так то обычная зп в ДС те самые 50-70к. Охранники - кассиры тысяч 30-40.>>205033420ЖС куда значительнее и обширнее, чем это всё. Там много сложных для понимания вещей и левых библиотек. Советую изучать его после того, как устроишься верстальщиком куда-нибудь. Время сэкономишь себе.
>>205033899Ах да. Совсем забыл. Советую так же посмотреть в сторону фотошопа и фигмы. Так как ты вкатываешься в "конторку", то резать сайты себе будешь сам.
>>205034086Ну печальненько. Ну по ЖС я тебе помочь не могу. Тут слишком много учить и какого-то просто способа нету. Тут и легаси жс надо знать, надо понимать ес новые, надо джейкьюри знать, понимать асинхронность, с листами работать. Дохуя всего.>>205034156Нет, именно резать. Ещё повезёт, если в макете не будут слиты слои.
>>205035147Да там выучить то всё можно за пару недель. Тут проблема в том, что надо значить чего учить. Тут нету вот хуйни типа как я тебе сказал. Учишь то, то и вот то.>>205035332Тебе ебанутый дизайнер вкатывальщик высылает макет в корел дро. Картинки метр на метр. Фон повторящийся слитый в одно полотно. Иконки маской в кружках.>>205035368Всмысле нахуя? Потому что он везде используется. От васянских сайтов на коленке до проектов за 3 ляма евро.
>>205025596 (OP)ну ок, давай пробегусь раз уж просишь:пик 1почему по ховеру анимашка плавная, а как увожу мышку, схлопывается быстро? гугли keyframesпик 2 либо юзай бем либо css modulesсобственно где адаптив?https://github.com/vertically-challenged/Device/blob/master/style/normalize.cssnormalize.css должен подключаться из node_modules каким нить бандлеромstyle.css и style.min.css в одном месте ( обычно есть разделение ) src/distгугли про gulp/webpack/scss/https://github.com/vertically-challenged/Device/blob/master/style/style.css#L535от таких селекторов тоже избавляйся, в чем проблема была класс навесить?
>>205041448алсо нужна минификация html/cssвырвать common styles из всех страниц и подгружать отдельно.крч первое чем те стоит заняться это препроцессоры и методология.Такая хня
>>205032573> Во вторых почитай БЭМ методологию> 2к19> Это то как надо в 2к19 называть классы> Бутсрап или матириалkekмимо>>205041448
>>205025596 (OP)Классно) для кружков в кружках используй выравнивание с помощью transform: translate -50 -50 и top 50 left 50. А для сабменю opacity что бы можно было применить transition
>>205041735>пиздежьbbc.comamazon.comebay.comМало? Или не современно? Ну вот тебе epicgames.com>>205041991?
О, привет лови-залупу-ОП!Мне нравится. Правда лучше сделай чтобы инверт цвета текста был построчно, а не в строке.
ОП сама верстка в данный момент это не благородное дело. Вкатывайся лучше в какой нибудь ЯП и учи английский.
>>205051852больно видеть как люди в 10 000 раз менее талантливые чем я пытаются развиваться пока я играю в доту
>>205052130Неебически огромная конкуренция + необходимость знать дохуя различных фреймворков, которые выходят чуть ли не каждые полгода.
>>205051696Могу только по связке сказать php+js+html, именно отдельно JavaScript без понятия, надо смотреть. Эта связка например дает виток Bitrix, Bitrix24 - очень выгодно изучать (становишься узкоспециализированным), зп там топовые по России. Только вчера мне в LinkedIn 4 хеадхантера написали про bitrix24.
>>205052408здравствуйте я начинающий разработчик последний месяц большую часть времени потратил на изучение бем и тоже вот закрадываются подозрения что это параша ебаная долбоебская нахой какие у вас аргументы чисто свериться
>>205052426>дохуя различных фреймворков, которые выходят чуть ли не каждые полгода.Пиздеть то не надо, на одном реакте можно выехать.
>>205052668>Почему нет адаптации?Потому что макет не адаптивный >Почему нет флексбоксов?Есть>Почему ты используешь li вместо div?Где?
>>205052586просто с детства сколько себя помню в любой компании объеденной общей целью был самым ценным ресурсом схватываю все на лету iq142 плюс бабушка\учителя\психолог так говорили но мой потенциал сдерживают некоторые психологические проблемы
>>205052943Так это же список категорий. Да, выглядит как квадратики с подписями, но по логике это же список
>>205052668>Почему ты используешь li вместо div?Тут все правильно, любой семантический элемент, если он правильно применен, будет лучше дива. Гугли про доступность.
>>205052981>iq142 плюс бабушка\учителя\психолог так говорили>но мой потенциал сдерживают некоторые психологические проблемыТаблетки пьешь?
>>05025596честно собирался дать аргументированную критику но просмотрев где то четверть кода вижу список ошибок содержал бы трехзначное число пунктов в общем пока что очень хуево не знаю даже что посоветовать не сдавайся приноси через годик верстку вот
>>205053780хуй знает с чего начать даже чеслово ну ты просто нихуя не умеешь верстать абсолютно то есть даже если я тебе сейчас по пунктам все распишу ты не научишься фундамента нет ни малейшего
>>205053493Можешь посоветовать курсы/книги или просто обозначить темы, с которыми мне бы стоило ознакомится, чтобы так не верстать, не обязательно же разбирать каждую ошибку
>>205053956да со всеми темами банально по названию классов видно что ты омеба с попыток в семантику на твоем уровне отдельный ор
Пиздец токсичные вротэндеры на харкаче. Оп, положи хуй на это всё, вкатывайся во что-нибудь нормальное, пистон там, сисярп
>>205052863>ЕстьТогда почему сайт не адаптируется? Если весь сайт сделан на флексбоксах тогда он автоматически стает адаптивным.
>>205033899> обычная зп в ДС те самые 50-70кЧушь. На любой работе платят от 40к на старте, средняя в районе 80к, не хуепинатели получают 120к.