Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа, и не один а двое, азазазза, кхм.Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0 >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. http://dash.generalassemb.ly/http://learnlayout.com/http://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://atom.io/ ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.http://denweb.ru/put-veb-mastera_sodВерстка по БЭМhttp://habrahabr.ru/post/203440/Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу:http://randomfederation.github.io/Шпаргалка от Громова по гитуhttp://nicothin.pro/page/gitТеория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingИспользуемые нынче технологии https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>585195 (OP)
Котаны-котята, что значит верстка динамических визуальных компонентов (select, datepicker, tree и т.д.) применительно к любому из популярных фреймворков – Angular / React / jQuery?В вакансии написано.
>>589145Не хочу наглеть, но ты неплохо соображаешь. Ответишь еще на пару вопросов?
>>589148Не понял. Можешь кинуть эту статью?
>>589198Я думаю, тут полно анонов, которые в разы больше знают, так что задавай, кто-нибудь и ответит. Лучше что бы это было несколько ответов, ибо один единственный ответ - не всегда истина.
Что скажете про csshat pnghat emmet и всё такое, если я совсем барбершопный нуб?
>>588558>>588559>>588560Спасибо! Госпади! вежливый и по делу ответ, я точно на дваче? или вы тут всех адекватов саккумулировали? > СПЕЦИАЛИСТссылку?
>>589220http://nnmclub.to/forum/tracker.php?f=958&nm=%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D0%B0%D0%BB%D0%B8%D1%81%D1%82http://nnmclub.to/forum/tracker.php?f=463&nm=%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D0%B0%D0%BB%D0%B8%D1%81%D1%82
>>589180 (OP)Аноны, смотрю тут видео про модульные сетки и не совсем понятно. Там спикер говорит что типо уменьшается окно браузера - уменьшается колонка и ее содержимое, в кач-ве примера <i> изменяется. А что будет если изображение будет в колонке? Как оно изменяться будет?
>>589220>или вы тут всех адекватов саккумулировали? Ну, тут действительно хороший коллектив подобрался, рабочая атмосфера тоже на уровне. С чем это связано — не знаю, но я только рад.
>>589253Добавлю, что игорь борисов на мой взгляд лучший рассказчик.
Если я верстаю неадаптивно, стоит ли прикрутить к body min-width эдак в тысячу пикселей, чтобы страницу не попидорасило?
>>589327да
Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить? При наличии портфолио конечно
>>589335Можно идти нахуй.
>>589253>>589280Еще одно, это мну нужно устанавливать все браузеры?портабельные версии подойдут?
>>589337>можно идти нахуй>>589280 накаркал.
>>589343Да ладно, от редких вскукареков никакой тред не застрахован.
>>589343Cпрашивает он, блядь, про фриланс, после продвинутого. Щенок ебаный, птенец, нихуя не знает, НИХУЯ, а уже фрилансить хочет.
>>589348Тогда ответь, что делать после продвинутого?
>>589351Читать допы, верстать и не задавать больше тупых вопросов.Ты НИХУЯ не знаешь.
>>589351да не слушай ты его. ересь порит какую-то. на фриланс можешь хоть сейчас идти, главное, чтобы ты ВЫПОЛНЯЛ работу в СРОК. А там хоть гуглом обмажься, когда верстать будешь
>>589357Спасибо.
>>589357А если не на фриланс? Что с работой в реале? Как оценить свои знания, и понять, что можно идти на собеседование?
>>589357В том-то и дело, блядь, что эту работу выполнять работу точно в срок он не будет.Господи, блядь, ну куда вы лезете впереди паровоза
>>589348чет ты мне напомнил егоhttps://www.youtube.com/watch?v=9UmRw_QiAAk
>>589367>Я уже сделал второй facebook, instagram, портирую GTA 5 на JavaScript и ничего с этого на заработал, а вы все лезете впереди паровоза!
Аноны в чем косяк, второй день не могу подобрать значение?
>>589276Ты про адаптивный имг? Я чет не совсем понял.
Анусы, жрать совсем нечего, из умений могу только сделать 5-ти страничную сайт-визитку. Можно с этим завалиться куда-нибудь? Хотя бы интернет отплатить.
>>589365>А если не на фриланс? Что с работой в реале? Как оценить свои знания,Фрилансом, лол. Или сделай проект какой-нибудь для себя. Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио. Алсо, если, вообще нет идей того, что можно сделать самому, то можешь стучаться с поиском работы в разные веб-студии и настойчиво предлагать сделать тестовое задание. Некоторые, не очень хорошие студии могут тебе даже продакшн спихнуть.>>589335>Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить?Ты неправильно немного ставишь вопрос. Ну откуда мы знаем, можно тебе или нельзя идти фрилансить? Человек сам определяет для себя уровень своих знаний и то, сможет ли он эти знания применить. Это как пикаперы, которые проходят сотни тренингов за сотни тысяч рублей, но всё равно остаются всратыми девственниками и ещё убеждают себя "ну вот ещё к этому схожу, он-то точно норм".Алсо, третий рабочий день подходит к концу. Сегодня я половину дня ебланил, сидя в этом треде, или листая хабр. Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.Через часик поеду за баблом от клиента. Господи, как же хочется съесть шаурмы. Вот просто до ужаса. Если мы с ним договоримся на 50%, то я тут же, сука, пойду и куплю себе сочную шаурму, со свининой, острым соусоми без лука. И буду счастлив.3-й день-кун
>>589365Берешь заходишь на ХХ.ру, читаешь требования. Обычно нужно: знания хтмл, цсс, жс, жквери, гит.это такие требование в дс к версталам
>>589387нет
>>589390Анон, не забудь, что я жду от тебя стори о том, как ты устроился. Запилишь сегодня вечерком? Тоже хочу на днях вкатываться, портфолио доверстываю.
>>589399расскажи че верстаешь.тоже скоро собираюсь
>>589390> Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио. Думаю с идеей что именно сделать проблем не будет, но это же нужно будет вывести в "рельный" интернет - а это деньги :(>>589393> хтмл, цссПо этим двум вопросов особо нет> жс, жквериГода на это хватит, чтоб получить нужные для реальной работы знания?я понимаю что люди разные и все такое, но так на вскидку
>>589402Я же не знаю, как ты учишь. Год вообще это как бы дохуя на самом деле.
>>589401Пинк адаптивно и резиново, сверстал все сайты с базового, сделал одну небольшую приложуху на чистом JS, ну и портфолио, но там простенький одностраничник.Осилил книгу Кантора еще.
>>589403> Я же не знаю, как ты учишьА я вообще не приступал еще, на сколько я понял, тут минимум два нюфага спрашивают, я и еще один.Я из конца прошлого треда, только заргался на htmlакадемии. Приступить смогу через дня два три. Просто интересно, вот и спрашиваю.
>>589405А ну у меня тоже самое, в принципе. Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.Че за приложение сделал?
>>589408Ты 29 летний с вагоном свободного времени?
>>589381Никто не знает или все зарплату пересчитывает?
>>589411> Ты 29 летний с вагоном свободного времени?Да
>>589414Найди готовое решение в интернете, да посмотри в чём у тебя было расхождение, что ты как маленький.Серьёзно, аноны, почему большинство людей ведут себя как маленькие дети? Они не умеют искать информацию, не умеют решать собственные проблемы. Задают какие-то совершенно глупые вопросы, вроде "можно ли после интенсива идти во фриланс". Почему так?
>>589414читаю шапку.
>>589417Я вот тоже никогда не понимал, почему вместо гугла спрашивают на двачах.
>>589390>Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.Можешь сюда закинуть как это должно выглядеть, а то я изучаю сейчас все эти jQuery и хотел бы сделать для практики что-то подобное, вечерком бы этим ради любопытства занялся. Я планирую понаезжать на работу в ДС через полмесяца верстальщиков/фронтэндером.
>>589381зачем ты сначала написал паддинг 5? а потом каждой стороне написал 15?нормальный паддинг подбери, видно же что большие отступы
>>589417я бегло погуглил на ища решения, но вспомнил воркач и грешным делом подумал, что подскажут без изъебств. Ошибся с кем не бывают
нарисуй в пейнте, я не прошу готовый дизайн, я его сам сделаю >>589422
>>589415хуя, а я 28 летний, но в js у меня уже познания имеются. Главный совет, если начал учить - не забивай на это, а то все пойдет по кругу как у меня, и тебе года не хватит. А так, это займет какое-то количество месяцев.
>>589426 Добра тебе
>>589327Можно не задавать, если у тебя у центровщиков прописан размер. А он как правило, прописан. Эффект тот-же. Но в качестве перестраховки можно задавать.
>>589437А мета вьюпорт всегда надо указывать?
>>589436Зашел попробовать...
>>589435Спасибо, обнадежил! Успехов тебе.Думаю часов по 5-6 в день хватит на это. До конца лета у меня каждый день свободен, ну может еще месяц-два потом.
>>589409>Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.Я тоже думаю склепать еще че-нить на бутстрапе+жкувери, типа познать как это делается в конторках.Да приложуха простецкая, небольшой калькулятор. Так тоже всякие велосипеды, типа слайдеров, на чистом писал, ну задачки от Кантора прорешал где-то 90%.
>>589472Да, еще вопрос. Вот в этой академии все через сайт делается, там окно с кодом + окно с результатом. Такой себе IDE для верстальщиков. Но вот я уроки эти пройду, в чем потом работать? Есть такое что то, чтоб сразу результат посмотреть, ну как d IDE для программистов? Или как вообще верстальщик верстает и смотрит что он наверстал? На вскидку не вспомню, есть это в пасте или нет.
>>589488в шапке же редакторы
>>589491Так там вроде просто текстовые редакторы?
>>589495нет, не просто. это тебе сейчас надо вбивать несколько значений, а когда ты будешь верстать страницы, то у тебя на порядок больше строчек кода будет. а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кода
>>589488>Есть такое что то, чтоб сразу результат посмотретьalt+tab в браузер или 2 монитор
>>589488Grunt+LiveReload или как-то так, не помню уже название таска. Вряд ли тебе эти слова сейчас о чем-нибудь скажут, лол, потом поймешь.
>>589503> а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кодаЭто ясно, я имею в виду сразу посмотреть что я накодил, уже непосредственно как это будет в интернете. Ну так на вскидку, когда-то я краем глаза читал про верстку там что то про джумлу бла-бла-бла, и подымали свой "сайт" на Денвере чтоб мол смотреть что они сверстали.
>>589519видел плюс-минус подобную реализацию только в "Coda", но там это было сделано через встроенный браузер. Наверно, с реализацией трудно. Ибо каждый браузер по-своему отражает информацию. Нет единого стандарта в браузерах.
>>589531А как тогда делать свое портфолио? Нужны же будут реальные работающие сайты, где можно будет кнопочки потыкать, походить по меню т.п. ? Я просто плохо понимаю как выглядит портфолио верстальщика нюфага (естественно ни одного реального сайта сделанного за деньги у меня не будет)Вообще план такой:Академия, видео курс один, второй, жс, жквери - все это время делаю что-то(что? сайты, макеты? я еще так и не понял) -> чувствую себя уверенно -> делаю портфолио, ищу работу, иду на собеседование.
Котаны, помогите доверстать таблицу к пинку. Нужно чтоб при разрежении >320px убирались слова внутри ячеек, а оставались только картинки (там галочки и крестики).Еще не понимаю пока как сделать ее слайдером тянущимся до 320px. Как ЖСом ее двигать понятно, но вот как увязать изменение позиции с увеличением ее размеров, ну в общем, вы наверное поняли...
>>589553Кодепен отклеился http://codepen.io/coalalala/pen/dXPBjX
>>589542макеты - это и есть сайты. у тебя картинки, а ты их "оживить" должен.
>>589206бамп
>>589542портфолио можно сделать на гитхабе.Туда и зальешь свои сверстанные макеты.
>>589519SublimeText + LivePage для хрома. Активишь на своей страничке лайфпейдж и в саблайме когда ctrl+s нажимаешь страничка в браузере сразу обновится со всеми изменениями.
Блять посоны, скажите пожалуйста, я один с такими дебилами работаю, или это норма?? Заказчик, будучи вроде как айти конторкой, то есть смыслит в технологии. Требует какую-то хуету.Яркий пример. Хочет слайдер, чтоб красиво переключался слева направо. И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.То же самое касается трехуровневых менюшек. Хочет чтобы они красиво показывались, но при этом в каждом уровне должен быть кастомный скроллбар, который внезапно тоже не способен функционировать без оверфлов хидден. А значит надо либо отказываться от идеи, либо писать отдельные меню и искуственно их позиционировать через ебучий джс.
>>589609>И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.Мне кажется это сделать не трудно. Достаёшь хтмл из слайдера, и вставляешь в любое место на странице. Надо писать дополнительный скрипт конечно же.
>>589609так и не понял почему что-либо вываливается. Асолютно позиционировать ховер подсказку относительно изображения не варик что ли
>>589637Видимо задание в макете предполагает что контейнер не обрезает ничего, то есть не имеет установленным оверфлоа. Когда он есть, спозиционированный блок, к примеру, под картинкой, попросту не будет виден за его границами, либо будет виден только частично. >>589624Этот прав, в том плане что вариант рабочий, но получается что на ровном месте надо писать дополнительный скрипт, провоцирующий кучу перерисовок в браузере, просто для того чтобы совладать с одним ебучим ховером.мимо
>>589652бля там пусть наедет на изображение, немного прозрачности и ок, товар-то без ховеро весь виден, навел инфу прочитал, убрал картинку полностью видно
>>589661либо на жсе написать, вообще же изи.
>>589661Я бы с радостью, но в макете четко указано как должно быть. Это не учебный проект, где можно просто взять и сделать как хочешь.
Поясните нубу, как задавать это расстояние правильно?Паддином синего блока или красного? Или вообще маргином?
>>589668ну тогда js, блок подсказки создай скрой, по наведению показывай, контент надписи можно тянуть от итема товара, или как там сделано кароче ты понял.
>>589670паддинг синего, что бы при любом контенте внутри никогда ничего не прилипало к его краям
>>589652ничего там перерисовываться не будет, ибо появляющийся блок вне потока, если я правильно понимаю как это должно выглядеть. А пара строчек лишнего жса еще никому не помешала
>>589670Дело вкуса. Если у элемента будет текстовый контент, тогда нужен падинг. Если в элементе будут только другие не текстовые элементы, то можно без падинга.
http://black-mask.org/http://recipebook.io/http://giroscooters.ru/начинающий веб-разработчик вкатился. Рейтаните мои сайтики.
Котаны, ну что, никто не хочет помочь с таблицей?http://codepen.io/coalalala/pen/dXPBjXНужно сделать как на пике.
>>589702Меня укачало.
>>589702Бля, ну нихуя себе начинающий. Чето мне расхотелось со своими говеными пинками и седонами пытаться вкатиться.
>>589705Хотя бы подскажите как это примерно реализуется, если лень в говнокоде разбираться.
>>589705Я бы сделал два разных компонента. Какого-то особого смысла выебываться и пытаться упихать таблицу в слайдер я не вижу.
>>589712Разумеется, разной должна быть только обертка, а внутренности можно и нужно переиспользовать.
>>589712То есть сделать тупа два варианта таблицы, и каждый на свое разрешение показывать? А как быть со слайдером - он должен тянуться, но при этом у меня меняются координаты позиционирования, соответственно мне надо как-то указывать в процентах, что ли, когда буду скрипт писать...
>>589713И как это реализуется, что-то не могу понять?
Больше всего, блядь, ненавижу, когда даунские разработчики в макетах для верстки вместо текста пишут Lorem upsum. Сука.
>>589714Ну и чем проблема написать тянущийся слайдер?>>589716Через общие шаблоны.
>>589720Ну ладно, что-нибудь придумаю.>Через общие шаблоны.А можно поподробней, для тупых?
>>589723Ну, jade там, jsx или ангуляровская ебота. Я не знаю что ты используешь. Или ты хедер и футер со страницы на страницу копипастишь?
>>589725>jade там, jsx или ангуляровская еботаЭти слова мне ничего не говорят, разве что про ангуляр слышал.>Или ты хедер и футер со страницы на страницу копипастишь?Ну да.
>>589702>http://black-mask.org/>6.8мб>300 килобайт стилей>1 мегабайт джс>5 мегабайт картинокМноговато. Маленькие картинки можно сжимать как ебучих шакалов, всем на них похуй. Со стилями и скриптами у тебя тоже походу кавардак.
>>589702Как делать такие сайты, чтобы прокручивалось вниз на целые секции?
>>589702>http://black-mask.org/на десктопе такой сайт хочется поскорее закрыть, а на мобилке так сразу же.
>>589738Продающая страница.
>>589559бамп
>>589702>http://black-mask.org/
>>589702Бля, че вы троллите, поясните за уровень этих сайтиков. Это же вообще топ-вышка-сайты или нет? Я вот например хуй знает как такое верстать сейчас, после четырех макетов и двух интенсивов.
>>589732Тебе по-моему рановато в программирование слайдеров.
>>589754Это достаточно шаблонные сайтики. Вот пример топов.http://void.hi-res.net/http://www.because-recollection.com
>>589754Где ты там топ-вышку увидел? Обычные говнолендинги с джиквери-плагинчиками.
>>589702Пилю такое за час-полтора на бутстрапе+готовые жиквери плагины. Хуита/10
>>589754>поясните за уровень этих сайтиковЯ мимохуй и чем вы тут в треде занимаетесь нихуя не понимаю, то есть, я обычное быдло.Глянул сайты - няшно, пиздато, плавно, на моём Кор2Дуо пашет нормально да и вообще заебись, а скорость загрузки на своих 16 мегабитах я вообще не заметил.Но они все какие-то... одинаковые, что ли. Видос или пикча на заднем фоне, пара форм на первом плане, всякая хуйня по бокам, панель наверху.
>>589758Примеры топов это vk.com, fb.com и me.com. А у тебя какая-то пыщ-пыщ ебота, которая даже на мобиле не открывается.
>>589206>>589559>>589741ну раз ты >совсем барбершопный нубто забудь про эти названия, пока опыта не наберешься.еммет чуть ли не мастхев, хотя кому то и обычного автокомплита хватает.плагины для фш, считаю лишними, тк и без них все легко и просто + они еще и платные
>>589767> vk.comВот это точно не топ с их кривым юзабилити на новом дизайне и топорным дизайном на старом дизайне.
>>589758Первое сказало что у меня говнобраузер а второе вообще не открылось.
Чёт смотрю макеты в интернете для верстки и так грустно становится. Везде то эти хуелендинги, то блять айфоны которые картинкой сука целые а на сайте они смещены вниз так что нижней части не видно, то блять потом у этого айфона оказывается 6 разных задников и они должны меняться. И самое пиздатое что ты хуй знаешь как это верстать, в особенности если у тебя макет под 1600пх а разрешение на ноуте меньше.
>>589773Мы про фронтенд-разработку говорим или про мифическое кривое юзабилити?
>>589774Удваиваю. Дауны, которые не поддерживают последнюю лису идут нахуй.
>>589710oveflow: hidden
>>589757Ну на чистом жс я свои велосипедно-костыльные писал, про ДОМ знаю, на жквери тоже прикручивал слайдер и, в-принципе, разобрался, как он работает.Неужели должен все это > jade там, jsx или ангуляровская еботазнать чтоб сверстать такой простой слайдер-табличку? Просто я не очень понимаю, что имеется ввиду под "общими шаблонами".
>>589777Да, я в глаза продолбился, думал, что речь про хипстодизайн.
>>589758Первый не работает, а второй да, охуенен. Даже не представляю, как такое сделать. Интересно, сколько на него времени потратили.
>>589778Это говно даже IE не открывает. Пиздец, они обрубили половину потенциальной аудитории.
>>589754У меня одногруппник-еблан клепает такие шаблонные сайтики по 10к+ за штуку, перерисовывает немножко дизайн в фотошопе и рубит бабосы, а я тут сижу учу джабаскрипт и аякс, то там, то сям, и до сих пор не могу никуда вкатиться.
>>589801Сук, чет у меня тоже безысходность, столько всего учить еще до устройства на работу, а сколько уже времеии потратил... Обидно будет, если так и не устроюсь на работу. Хотя нравится этим заниматься всем, причем не говнецо клепать, а что-то сложное делать.
>>589758>http://www.because-recollection.comО Боже, что это? Зачем это? Это охуенно!
>>589812А мне предлогали, но я не могу преодолеть себя и выйти из дома. Что-то типа контент менеджера, говорит работы на два часа, прийти в офис разместить пару новостей на сайте и т.д. так как им лень этим заниматься.
Котаны, что такого сверстать, чтобы не стыдно было приложить к портфолио?
Лоллирую с себя.Нихуя, считай, не умею, а заказов уже навалило пиздец, ничего не успеваю.Тут-то и понимаешь, что в айти надо было еще раньше идти.
>>589835Реальный проект.
>>589758Я кончил.
Дайте макет для верстки. Только для даунов совсем. Чтобы не ебаться с адаптивностью и резиновостью или как там это называется. Хочу руку набить и в продвинутое лезть.
>>589846в шапке
>>589848Если ты про макеты от академии, то нет.
>>589851почему?
>>589852Потому что они просто шароебятся по таким же сайтам, по каким шароебился я и выбирают первый попавшийся. Как такие верстать я не знаю.
>>589855Ну так смотри интенсив, блять
>>589857В базовом совсем для даунов, их все я сверстал.
>>589841Где заказы взял?
>>589860То там, то сям. Все по знакомству.
Поясните мне за модульную верстку блоками. Я правильно понимаю, что таким блокам просто задаётся процентный видтх и всякие паддинги, чтобы конкретно ширину в пикселях не задавать и они по браузеру тянулись? А если в таких блоках будет изображение, как оно себя вести будет?
>>589842Типа сверстал десяток хуевых страничек - взяли на работу, и там уже чему-нибудь да научишься?
>>589835http://ludwigbistronovsky.ru/new/http://ludwigbistronovsky.ru
>>589897У знакомых поспрашивай. Ты охуеешь сколько вокруг разных мелких веб-конторок. Кто-то да подкинет реальную работу за еду.
Да подкиньте макет уже. Чтобы я не охуел.
>>589935Кстати да. До сих пор никакие академии не проходил и вообще на стадии влажных фантазий. Друг учил верстать пару недель несколько лет назад и потом я тупо всем говорил что планирую изучать "сайтостроение". С тех пор уже три одностраничника делал друзьям не за еду а зза 3-5к. Знакомства решают. Это да.
И сразу вопрос. Как эту выступающую хуйню правильно верстать? Маргином что ли?
Аноны, подскажите, а как сделать блог без использования WordPress и PHP?Имею ввиду, как вообще сделать систему, чтобы клиент мог сам что то добавлять на сайт?WordPress не подходит так как в нем не могу понять как нормально настроить дизайн.
>>589942Что же вы такие беспомощные.Вот, держи, специально для тебя выбирал:http://freebiesbug.com/psd-freebies/allenia-psd-website-template/ — Это чтобы ты охуелhttp://freebiesbug.com/psd-freebies/shophia-ecommerce-template/ — Это чтобы ты потренировал верстку быдломагазиновhttp://freebiesbug.com/code-stuff/elegant-free-html-psd-portfolio-template/ — Это простенький, но зато с адаптивностью
>>589975Ох какой простой легкий. ОТ души
>>589976Сразу скажу, что там нужен жабаскрипт (без него будет нелепо смотреться) и дизайнер немного уебан, под мобилку макет не отрисовал.
>>589975Спасибо, анон!
>>589978Не за что. Если решишь верстать алению - советую не заморачиваться с перестройкой сетки, я вот заебался и не осилил. Хотя сейчас, наверное, осилю, js прокачал немного, но мне лень.
>>589973>не могу понять как нормально настроить дизайнТы сформулировал слишком сложную для тебя задачу.
>>589971можешь маргином, можешь позиционированием
Хотите знать, что такое дизайнер-уебан? Вот вам цветовая схема проекта.С заказчиком еще не говорил, но уже обобщил это говно до 7 цветов.
>>58998350 оттенков серого)))))0
>>589971Мне кажется, что если у тебя контента на странице будет меньше чем на макете, то тогда этот выступ исчезнет.
>>589985Ты как никогда прав.
>>589971Я бы псевдоэлементом белую полоску прилепил.
Посоны, решил вкатиться в этот ваш фронтенд, но охуел на этапе выбора технологий. Это актуальный стек? Реакт, реду(а)кс, вебпак. Что еще?
>>589995Может стоит с верстки вкатиться?
>>589995Для прошлого года актуальный.
>>589995А какая у тебя база то? Если ты опытный похапэ/пифон/руби погроммист и надеешься вкатиться в джс за неделю-месяц, потому что "ну эт легкий язык для даунов, ну там баннеры клепать, формочки подсвечивать)))", то я тебя разочарую.
>>590000Недавно переписали весь фронт на мобх и собственную либу vDom + ролл ап сборка с шатанием дерева. Граф ещё используем, но это такое, мне кажется с хттп2 рест лучше будет, привычней как-то.
>>590005Мне просто нравится картинка.А еще у меня странная мечта погрузиться в лисп.
А еще я сейчас пилю свой велосипедо-слайдер с опциями и охуеваю немножко. Наверное, мое поделие можно будет занести в палату мер и весов индусского кода.
>>590009Потому что можем!!Ну а реально там конечно не с нуля написана. Где-то на 500 loc чужого кода, в том числе дифф алгоритм. Просто такая политика компании, использовать in house штуки по возможности. Плюс она быстрая , оптимизированная (раза в 4 быстрее реакта), правда не все возможности далеко есть, но для наших конкретных целей то что нужно.
>>589971Если ты еще здесь, анончик, то меня твой вопрос реально заинтересовал. В итоге смог реализовать вот так. http://codepen.io/anon/pen/xOGxJx?editors=1100На заполнение контента реагирует положительно
>>590001Писал фронтенд 8 лет назад (ололо, шестой осёл), после ушел в другую предметную область.
>>590013Вы уперлись в скорость реакта? У вас самописные ОС, IDE, браузер, либы?
>>590050Либ да, есть несколько. Всё остальное нет конечно, лол. Хотя пара плагинов есть для атома самописных.Был фронт на реакт+редакс, вот решили переписать на mobx, он сам по себе быстрее редакса раза в 2, ну а держать реакт даже смысла не осталось почти, т.к. все стейтлесс на 90%. Наша либа весит 5кб по сравнению с 40кб (не помню 40 или 48 весит реакт) реакта.
>>590052Какой объем кодобазы был? Что-то тормозило?
>>590053Слушай, хз, точно не скажу. Размер конечно бандла вебпака был 200к loc примерно. Т.е. около 6 мегабайт. Но он конечно в чанках отдавался.Да, подтормаживание было. Например при сортировке в реальном времени. Допустим есть 300 неких объектов, которые в виде списка выводятся на страницу. Список сам виртуализированный, но в памяти то весь объект лежит всё равно. И есть десяток фильтров, и вот в прямом эфире должны они фильтроваться и отрисовываться, да ещё с FLIP анимацией простенькой. Т.е. там условно юзер потянул за ползунок цены, и пошла поехала фильтрация. Вот эта тема лагала, приходилось на все ползунки дебаунс ставить. Сейчас не лагает.
>>590058>конечного бандлабыстрофикс
Запилила для дипломной работы, жду нормальной критики: https://sevenka.github.io/cn-department/Страницы частично генерятся на Jekyll https://jekyllrb.com/на главной странице gh-pages скачанная страница с ужасной версткой, скоро там будет нормальный сайт
>>590063Вылизал бы тебе писечку, Окси!
>>590065Забыл подписаться.Безрук
>>590063Слайдер очень странно работает, резко дергается и картинки не сразу появляются.
>>590066лол, поржала, спасибо :D
>>590067тестили с парнем на разных устройствах, все было ок :(
>>590063Что за движок? Откуда генеряться другие страницы?
>>590070>с парнемБля, пацаны, отступаем.
>>590074статический генератор, ссылка была в посте, напишу ещё раз https://jekyllrb.com/
Что-то тред дохуя популярен. Откуда такой наплыв?
>>590076А, все, спасибо
>>590063Слайдер с кругами какой-то унизительно медленный.
>>590078В сезон отпусков у бездельников случается подрыв от осознания собственной беспомощности. Сезон стимулов!
>>590063Галерея выглядит отвратно из за белых оступов. Понятное дело, что решения с помощью css нету. Но все-таки можно это исправить с помощью JS.
>>590083А разве он уже начался?
>>590070Слушай, давай я тебе помогу, расскажу как сделать слайдер крутой и.. wait a second>с парнемДа пошла ты нахуй селедка ебаная!
>>590069Максимальное время транзишнов 400мс, у тебя слайдер дцпшник.
>>590090могу объяснить только тем, что с большей скоростью не успеешь прочитать самую длинную надпись под картинкой
>>590086Ну многие на май берут чтоб вместе с первомаем и девятомаем был охуенный месяц. Куча знакомых разлетелось кто на кипр кто в испанию. Фоточки-зависть-кладбище-пидор.
>>590091Не таймер на переходы, а время самих переходов.
А, еще фон хедера так сильно не жми, артефакты слишком бросаются в глаза.
http://glivera-team.github.io/how-to/2016/05/02/how-to-start.htmlЧто скажите? нюфаг этого треда
>>590098говно
>>590098У нас шапка пизже.
>>590095вылечила слегка ДЦП
Поясните за jade, надо вкратце ознакомляться или нет, а то что-то в треде стали часто упоминать его.
>>590106
>>590106В любой сфере "ознакамливаться" нужно с фундаментальными принципами, а не инструментом который позволяет быстрее верстать опытным спецам и осваивается за день максимум.
>>590098текст телеги должен состоять ровно из одного предложения - "идите нахуй, верстал уже и так как собак нерезанных".
>>589706>>589707>>589734>>589738>>589751>>589754на самом деле, это сайты, которые делает какой-то школьник-хохол за еду. Вчера ради интереса зашёл посмотреть группы верстальщиков в вк на предмет работы, там и обнаружил этого кадра. Такую йобу он готов сделать за 50 долларов, и это ещё с адаптивом. Кстати, вчера удалось здорово его потроллить, предложив работу с бюджетом в 40к только на офин фронт-енд, лол с тех. заданием, в котором сверстать нужно было, обязательно используя препроцессор less, бэм-нейминг и в котором было запрещено использование жквери. Пояснял ему, что он говнокодер, что я, как бэк-енд разработчик лол, буду ругаться на его говно матом и желать ему смерти, что если он не перестанет говнокодить, то всю жизнь будет работать за еду. Спросил, чем флексы лучше флоатов, чем флоаты лучше флексов, зачем нужны спрайты, как отцентровать блочный строчной элемент по вертикали он, кстати, честно сказал, что не знает и не пошёл гуглить. В итоге ссылки на три интенсива показал. Такие дела.
>>590129Добра тебе. Сука пиздец, разрушили страну и теперь за еду работают сук.
Котаны, расскажите кулсторей про собеседования и как нашли работу.Хожу, обиваю пороги, наблюдаю какой-то пиздец. Либо откровенное днище, которые вроде могут тебя взять, но то высылают не то тестовое, то тупят по несколько дней, то не отвечают. То готовы сразу тебя взять, после пяти минут устных переговоров.Разумеется, у днище-компаний процветает полный пиздец - ни систем контроля версий, ни препроцессоров, нихуя, в общем.Либо есть модные конторы, с печеньками и игровыми-массажными-залупными комнатами, у которых нормальный набор технологий, но таких великовозрастных долбоебов без опыта как я, не рассматривают.А работа нужна, ибо на жрат уже денег нет. Идти в говно-контору и набивать там опыт, стараясь свалить при первом удобном случае, или еще попытать счастья?Пикрил - верстка одного из сайтов, который сделала одна из контор, куда я ходил.
>>590133доску перепутал?
>>590136Какой лвл то? Может ты себя накручиваешь по поводу возраста.
>>590006То чувство, когда в других языках это всё называется библиотекой.
>>590136> Пикрил
>>589276Смотря как задан width. Если в % то будет уменьшаться. Если в px, то вылезет за пределы колонки.
>>590143я так понимаю это из того же разряда
>>590146что было в резюме?
>>59013927Да, наверное, накручиваю, причина скорее в том, что я потратил очень много времени на разбор всего этого барахла, нужно быстрей искать работу, а вокруг какое-то дикое говно. Подкатывает уже депрессивное состояние. Не рассчитал я со временем, да.
>>590146Хм, я тоже могу поотвечать на такие охуительные вопросы. Только никто не звонит.
>>590149Ну не траль плис.
>>590153Функция сохраняет переданные в нее переменные при ее вызове.Там довольно муторное определение, если без гугла, то я бы как-то так ответил.
>>590155Ну это шутка такая же. Расскажи в кратце про пет-проекты. Плюс у тебя, оказывается дохуя опыта в IT, а это же решающий фактор.>>590157Сохранить данные в этой функции, тот же счетчик по вызовам этой функции.
>>590160Я тоже спать пойду, завтра подумаю. Я бы сказал, что ради ограничения области видимости, чтобы не перетереть переменные ненароком.
Котаны, поясните, в рамках БЭМа для текущей страницы в главном меню можно использовать просто дополнительный класс active, или нужно изъёбываться и к классу .top-menu__top-nav__item добавлять ещё модификатор .top-menu__top-nav__item--active вторым классом?
>>590166> top-menu__top-nav__itemразве может быть два элемента у блока?
>>590167сам не знаю, но мне это показалось логичным.
>>590168кури документацию. Если у тебя __top-nav это навигация, то это уже отдельный блок внутри top-menu, а не элемент. Лучше так:<top-menu__top-nav> <top-nav__item></></>
>>590169Понял, спасибо.
Аноны, как думаете, почему добавление псевдоэлемента after урезает ширину контента, задаваемую автоматически? С псевдоэлементов before почему-то такой проблемы не возникает.
Аноны, что прошли Кантора, это нормально, что я не решаю половину его задач. После каждой главы руки все сильнее опускаются, чувствую себя тупым пиздец. Вроде все решения разбираю, и когда возвращаюсь через пару дней, то могу сам решить. Но все равно напрягает, что я ни хуя не могу сам осилить.
Аноны, посоветуйте какую-нибудь линейку для винды, чтоб можно было по хоткеям измерять расстояния в браузере.
>>589180 (OP)Книжки O'reilly кстати помогают - которые "веселенькие", с картинками на манер фильмов 60-х годов и т.д.. Ну там правда многие момент опускаются, но в целом для нуба самое то.
>>590173Нормально. У меня так же было.
>>590169Анон, как думаешь, может вообще не стоит делать вложение блоков друг в друга на уровне селекторов?
>>590189Не понял. Ты не хочешь один блок в другой вкладывать? Почему?
>>590190Не, в бэм-нейминге я думаю просто не делать селекторов уровня block__block, а если нужно будет кастомизировать именно вложенный блок, буду либо применять модификатор, либо вложенность в селекторах.
Читаю ваш тред и хуею. В наше время совсем не осталось способов делать легковесный accessible веб без зондов-мокрописек которые заставляют тормозить браузер и жрать оперативу гуглоподелие? Или этим занимается бэкенд?
Котаны, я так понимаю, адаптивные сайты верстают все на бутстрапе, а не вручную через медиа-выражения?
Господа, поставил карусели бустраповской позицию абсолют, а следующий элемент, который после нее идет, имеет позицию релатив. Если след. элементу ставлю позицию тоже абсолют, то ушки у карусели работают, а если релатив, то не работают. В чем проблема?
>>590204Ну, я, например, да. Можешь только сетки из него вытащить. http://getbootstrap.com/customize/
Верстаны, какую ширину надо задавать боди, чтобы на разных мониторах верстка смотрелась вменяемо? По ширине макета max-width? Или ничего не задавать?
Котаны, как работает этот треугольник, что-то я вообще не понимаю https://codepen.io/rqrqrqrq/pen/NrWXbQ?
>>5902321000 пикселей. Если хочешь, чтобы вёртску не пидорасило, когда пользователь уменьшает экран, используй min-width.
Верстаны, почему могут не работать спрайты при hover'e? Сталкивался ли кто-нибудь с подобной проблемой?
>>590234Алсо, перепишите мне его на sass позязя, а то в less вообще не секу.
Утро в тредик, ребзя. А нашим дальневосточным анонам хорошего рабочего дня. Верстальщик-четвёртый-день-кун проснулечки, лапками потягулечки, глазки сонненькие.Такой пиздец под утро приснился. Снилось, что я вижу ту WEBM-ку из русского сериала, которая С ПЮРЕШКОЙ, С ПЮРЕ-ЕШКОЙ! Только она задрапирована красным цветом, а на лица мужиков наложены эффекты и они замогильным голосом разговаривают:— Да ты поторопись, у нас сейчас обряд! Жертвоприношение!— С грешниками?— С блудницами, с блудни-ицами!И я в охуевании просыпаюсь.Тут один анон просил рассказать, как я устроился. Няш, прости, вчера на радостях, что получил бабло от заказчика, даже за комп не садился. Штуку потратил на еду, забил крупами и овощами всю кухню, купил мяска, фруктов, в общем, заебок теперь с едой. Закинул на интернет, на телефон, отдал долги какие смог. Короче, почувствовал себя человеком, в кои-то веки.Так вот, история про устройство. Я просто мониторил HH как-то и увидел вакансию "HTML-верстальщик". Требования там были небольшие, зарплата от 25К, ну и я и отправил им резюме, накатав к нему сопроводительное письмо, а-ля "Заинтересовала ваша вакансия, бла-бла-бла... что я фрилансер, который, в данный момент, ищет стабильную работу в веб-студии".Потом мы списывались уже по почте, они прислали мне тестовое задание на вёрстку главной страницы интернет-магазина (сделал ~ за 7-8 часов и то не до конца), кстати, я думал, что это очередные кидалы и мною сделанная страничка пойдёт в продакшн, но как оказалось нет (за что этим ребятам жирный плюс), она уже у них была свёрстана и они сравнивали мою вёрстку и их спеца. Моя им очень понравилась, их не смутило, даже то, что я не доделал до конца, короче, пригласили меня в офис.Далее, что самое приятное, офис оказался относительно рядом с местом, где я живу, буквально 7-8 трамвайных остановок (т.е по умолчанию никаких пробок). Ну, я скатался, оказалось, что это типичная провинциальная веб-студия, работает 6-7 человек в офисе и пара на удалёнке, плюс директор. Набор стандартный: дизайнер, верстальщик, программист, сеошник, проект-менеджер.Беседовали мы недолго, минут 20 где-то. Спросили обо мне, моих скиллах, образовании. Но последнее уже так, на уровне "за жизнь". Спросили, сколько я в теме веба. И сказали выходить в понедельник.Ну я и вышел. Лол.Всё, посоны, опаздываю уже, голову даже не успеваю помыть, с этим вашем тредом, лол, остальное допишу потом, уже на работе.
>>590240Спасибо няш, это я тебя тут сижу жду, думал что уже не напишешь. Запиливай дальше, как приедешь, еще сколько тебе лвл и прочее, с какими скиллами вкатывался, есть ли вышка и т.п.
Ух, сверстал наконец-таки главную barbershop'a на флексах и по бэму. Рейтанитеhttp://frollodecol.github.io/barbershop/index.html
>>590063сколько времени ушло?
>>590250ты на фон две картинки положил, которые смело можно было в одну обьединить
>>590250 ТАК ВЕРСТАЮТТОЛЬКО МУДАКИ
>>590250И за это кому-то платят зарплату? Серьезно?
>>590258С чего капчуешь?
>>590258посмотрел со всех браузеров, даже с ослика, даже с тора - всё нормально.
>>590256пофиксил
Лиса 110% масштаб
>>590255подумал, что место дороже будет. Две объединённые картинки даже в жпеге больше весят.
Проблема на 110%, отформатируй столбцы эти чуть пошире
>>590234защеку тебе пояснил "котан")))
>>590277Нашёл, правда, у меня на 110% всё тоже работает норм, на 90% и 80% первый и третий блок чутка поднимаются. Думаю, это некритичная издержка флексов и с ней можно жить.
>>590277Просто если я отформатирую чуть пошире, возможно опять что-то произойдёт, уже на другом масштабе.
>>590286спасибо, анон. Там надо использовать align-items: top
>>589006А как кастомную отметку сделать на карте в Нердс? И зависит ли это от того, чью карту брать, гугла или яндекса?Или метка сверху ставится абсолютным позиционированием? Но ведь эта большая метка должна двигаться вместе с картой при ее перетаскивании мышкой?
кум, которому пару тредов назад должны были прислать тестовое задание из маркетологической конторы, репортинг.в общем, прислали мне эти маркетологи ЛЕНДОСИЩЕ НАХУЙ, пнгшка для пиксель-перфекта например вышла в 16000 пикселей высотой. я заебался уже тогда, когда прокручивал его в фотошопе (открылся он кстати только со второго раза). алсо куча всякой шняги на жс, счетчик обратного отсчета, калькулятор параметров товара, слайдер, картинки товаров на попапе по клику. еще в калькуляторе кастомизированная форма, селекты и чекбоксы, которые без всяких хитроблядых хаков не застилизуешь.делал в адовой спешке, ноут сука дико лагал от такого ахуевшего файла в фш, страницу браузера перезагружал по 10 минут, нервы себе попортил изрядно. осознал, что когда речь идет о больших объемах в заданные сроки, верстаю я как говно. с бэмом обосрался по полной, потому что даже нихуя не прикинул, как все буду херачить на блоки и т. д, сразу полез пейсать. по тем же причинам вместо картинок нахуячил сраных дивов с фонами, и проч. в общем, уже на практике понял, что даже если макет сдавать через час, все равно надо отвести время на какое-то предварительное планирование, а не сразу лезть в залупу.насчет адаптивности сразу понял, что даже если и осилю, времени уйдет просто дохуища, поэтому от этой затеи отказался.разумеется, задумался о возможном кидалове, но обнаружив в сети уже сверстанный вариант этого лендоса, немного успокоился. решил что хер с ним, если что закину в портфолио, да и опыт какой-никакой. кстати из этого сверстанного варианта ничего не брал, ибо палево. сроков мне не ставили, но я решил, что отправлю то, что успею за неделю. за неделю я его сверстал и наговнокодил на жуквери слайдер, счетчик и калькулятор, плюс немного надо было для стилизации формы. закинул на гитхаб, в среду отправил им ссылку. сегодня перезвонил, мол, я вам там отправил, там, если че, не попало ли в спам. нет, говорит, пришло. в целом тип неплохо, но есть проебы по макету, отступы-шрифты (а я-то хоть и юзаю пиксельперфект, но за каждой сраной строчкой не гоняюсь до 100% соответствия, ибо затея это тухлая). ну щас говорит, программист посмотрит, там, качество кода, хуе-мое. от слов качество кода я приуныл, но думаю, надежда все-таки есть.такие дела.
Ребят , адаптивно почти не пробовал верстать, совсем чуть чуть. Хотят взять в хорошую контору, но там будет адаптив по любому. Идти или без хороших навыков адаптива не справлюсь?
>>590136Если опыта именно работы в конторе нет - начни с чего-нибудь. Конечно крутым ребятам не нужен чувак без опыта работы, которого только учить придется хуй знает сколько времени. А так будет рабочий опыт, портфолио по-толще и знание как делать не надо.
>>590337Ты дурак?
>>590343спс
>>590311А мне на неделю дали задание заверстать интернет-магазин. Тестовое оплачиваемое, конечно. Адаптив, страниц штук 10. Тоже понял что оьосрался со сроками, 1 день настраивал галп, разбирался с bootstrap-sass и его структурой, чутка начал верстать хедер. Второй день - заверстал футер, долго ебался с навбаром, т.к. тот никак не хотел работать, собирал картинки для ебаного спрайта. Сейчас уже третий день, а готов по сути только футер, и половина хедера. Обещал им сегодня прислать главную страницу готовую. Чувствую, обосрусь.
>>590348Не за что. Берут - иди. Работодатели осознают риски взять новичка гораздо лучше тебя. Для них это бабки, а тебе все равно опыт в копилку.
>>590349Это понятно. Просто переезд в другой город, и если обосрусь, то потеряю работу, на которой нахожусь сейчас.
Хм, последние ~3 треда много стало историй о собеседованиях и даже о работе, хотя до переименования во фронтенд-тред тут все верстали нердс и барбершоп, а работа была чем-то уровня слухов.Аноны прогрессируют и это очень радует, жаль что я полгода назад забил и придется начинать почти с нуля, понимаешь всю катастрофу проебанного времени.
>>590380Да ну нахуй, это же хуево. Итак работы нет, еще и все лезут сюда, как тараканы. Я вот вообще не понимаю как в такой конкуренции жить. Это же вечно будешь бояться за свою жопу, каждый день придется учить новые фреймворки, а к 30 годам станешь никому не нужным куском говна и тебя заменят на 18-летнего джунеора с двумя высшими образованиями, который верстает лет с 5.
>>590384Зато Альцгеймера не заработаешь.
Почти доверстал таблицу пинка, понимаю, что без кода со скриншотом иду нахуй, но не могли бы вы хотя бы примерно подсказать, как сделать так, чтобы на разрешении до 700px (планшетного), столбцы тянулись на всю ширину страницы?Пытался задать td {width:100vh} и в процентах, но получяется какая-то лажа полнейшая.
>>590392
>>590387Жрать-то что будем?>>590394То есть если углубляться в хардкорный ЖС и интерфейсы, а не верстать лендинги на жкувери, то можно заработать на хлебушек с маслицем?
>>590392>width:100vhvh это же высота.
>>590401Точно, спасибо, анон!
Аноны, потратил на вёрстку главной барбершопа, статичную, целых 10 часов с небольшими перерывами. Я потерян?
>>590384>Я вот вообще не понимаю как в такой конкуренции жить.Какой конкуренции то блять? Ты с ней где-то сталкивался? Локтями с кем-то за вакансию толкался? Тебя уволили из офиса со словами "да вас фронтендеров на одну вакансию по сто штук, найдем другого"?Потому что если нет, то ты просто ноешь без причины.
Читаю доуи по бэму, там они учат отделять модификатор от элемента одинарным подчёркиванием, на курсах академии учили отделать модификатор двойным тире. Как думаете, кого слушать?
>>590455Ною потому что на мой миллионник 1 вакансия верстальщика, и та от 1года опыта работы. Остальные фронт-енде вакансии с охуительными для нуба требованиями и, опять же, с опытом работы.
>>590393В общем сделал я ее тянущейся, но!Как теперь сделать, чтобы ЖС отсчитывал ее offsetWidth в момент клика по навигации и соответсвенно правильно промерял координаты. А то у меня вроде примерно хорошо прокручивает, но только дернешь разрешение, то он все еще по старой прокручивает и получается немного неточно. Если кто-то что-то понял, подскажите, как быть, а то я думаю забить уже.
>>590467Так что тебе мешает получить этот опыт работы?И должность верстальщика, который круглыми сутками занимается переводом из psd в html тебе самому не нужна.
>>590311А сколько там зп обещают?
Парни, как задать цвет от изначального цвета? Поясняю:есть две одинаковые кнопки, но с разным цветом рамок. Хочу чтобы при наведении они чуть меняли цвет своих рамок, но не хочу прописывать отдельные классы для этого. Вроде бы через гба как - то можно было
Flexbox в 2016-м — нормально? Заказчик не шарит, просит принять решение самому. Посмотрел поддержку на caniuse: с десктопными браузерами все ок, а мобильные — хуй знает. У меня самого допотопный телефон, не понимаю, нормальные люди обновляют свои смартфоны так же как обычные пекарни?http://caniuse.com/#search=flexbox
>>590477либо препроцессоры, либо opacity.не совсем понял тебя
>>590476>Так что тебе мешает получить этот опыт работы?1. Без опыта меня не возьмут на работу.2. Чтобы получить работу, нужен опыт.3. Go to п.1.
>>590511Но ты можешь получить опыт, не работая в конторе. Можешь освоить интенсивы, можешь фрилансить. Можешь хоть свой проект пилить и самостоятельном онетизировать. Всё в твоих руках.
>>590517Да ладно, я знаю что ною как уебок, просто давеча турнули с вышки 4 курс, были надежды что она компенсирует недостаток опыта.
>>590524не компенсирует
>>590533Ну и хуй с ней тогда, наверное даже восстанавливаться не буду. Все равно специальность не нравилась.
мля, я такую хуйню наверстал, зак наверняка пошлет с оплатой. ну а че он думает можно красиво сверстать целых 7 страниц всего за три дня еба. у меня уже киста в жопе образовалось от круглосуточного верстания за монитором.
Верстач, что за хуйня? Почему оно настолько по-разному отображается?
>>590384Чего их учить, за день разбираются и за неделю обкатываются. По сравнению с необходимым базовым стеком это так, ерунда.
>>590234Ты че пинк верстаешь? нахуя там градиент?http://codepen.io/pidaraha/pen/vKOXVjИспользуй трансформ
Пиздец, какой-то три дня из кожи вон лезу и верстаю, зак пишет, что у них штатный верстала этим занялся уже. Я больше без предоплаты нихуя не возьму на этом фл.ру.
>>590637два чая этому, фреймворки учат не потому что это модно, а потому что надоедает писать одно и то же и понимаешь, что с помощью фреймворка сделаешь всё гораздо быстрее.
>>590641А мне дали предоплату, но я все равно по срокам обосрусь. Придется, чувству, все вернуть.
>>590640Ну ебать, спасибо. Столько-то ебался с этими треугольниками, а оказывается все так просто.
>>590663На самом деле, я хотел еще в прошлом треде ответить на твой вопрос: "как сделать такой кривой блок". Но потом какой-то анон кинул решение с градиентом. Я посмотрел его, проиграл и мне стало лень отвечать.
>>590507Нормально, у меня даже на нокле 920 с мобильной шиндой нормально открываются криво сверстанные на флексах макеты.
>>590380Какая работа еще маня? Весь мой успех: верстка рассылки за 500 рублей, хоть про-аккаунт окупился. А сейчас меня зак без предоплаты вообще кинул, мразь, когда я уже пол-сайта сделал.
>>590234Я щас тебе в жопу котана засуну, школомразь ебливаия, если еще раз "котаны" напишешь, сучка.
>>590701Ну ты чего, котан-коняра?
>>590697>>590701Мсье, приложите пакетик льда к вашему le perdaque
>>590508Я про обещанную зарплату, если возьмут. Просто интересно, на какой уровень ты сейчас претендуешь.
>>590701Лол, котан, я всегда почему-то в версткач-треде, обращаюсь к анонам "котаны". Чет вообще проиграл с тебя.
>>590725я промахнулся, анон, не тебе ответил.Кстати, по поводу js хотелось бы вставить три копейки. Те, кто сильно зависит от мотивации - ни в коем случае не учите learn.javascript.ru в самую первую очередь. Вместо того, чтобы оживлять страницы, вы будете херачить относительно сложные скрипты, и при это примерно пару месяцев, пока не дойдёте до второго раздела, так и не будете понимать, зачем, собственно, это всё нужно. Лучше начните с того же интенсива от академии, или ещё чего подобного, и только потом переходите к Кантору.
>>590746Я первую часть учебника вообще не очень понял, особенно что там ближе к концу идет, т.е. всякие тонкости языка и т.п. А потом из-за этого у меня возникали часто трудности со второй частью, хотя в работе с ДОМ почти ничего сложного и нет. Хочу вот второй раз прочитать этот учебник, уже на понимающую более-менее голову.
Котаны, прописал в gitignore все папки, которые мне не нужны, а он все равно все подряд заливает ("git add ." пишу). В чем может быть причина?
Посоны, может кто-то ответить почему медиавыражения не применяются при смене ориентации девайса? И что делать чтобы они применились. Заказчик требует. Использую запись типа@media ( max-width:470px )При перезагрузке все заебись, а когда меняется ориентация девайса - не срабатывает.
>>590840@media screen and (orientation: landscape), screen and (min-width: 480px) { ... }
>>590851только свои параметры подставь
Привет, верстаны. Посмотрите, пожалуйста, на мою верстку. Она фиксированная и несложная, но у меня все равно есть ощущение, что я наговнокодил. Интересует вот что:1) Код? Более менее адекватный? Или можно плакать?2) Как выглядит сайт на вашем разрешении? У меня на 1366 все хорошо.3) И, наверное, самый важный вопрос. При обычном масштабе основное содержание примерно равно горизонтальному главному меню, но если чуть приблизить, на 110%, то основное содержание становится меньше. Я думаю, что это из-за центровщика, но не понимаю каким образом так получается и как это исправить.4) Ну и вообще хотелось бы побольше обоснованной критики и замечаний.http://escapiuw.bget.ru/
>>590851можно ж короче это записать@media (min-width: 480px) and (orientation: landscape) { ... }
Палю годноту флексыhttp://rgho.st/8y9gwn7TS
Все меня заебало. Отослал рассылку через gmail, нормально все там у тега img src стоит и картинки на сервере. Присылают грят, у них *сервер емейл). картинки которые через img прописаны не грузятся. да ебаны в рот почему у меня все грузится? Попытался бэкраундом к колонкам таблиц поставить, вообще все поехало. ну нахуй эту верстку за 500 рублей сраных, два текста бы уже написал и меньше парился.
>>590774
>>590864Ширина экрана x1287 горизонтальная прокрутка.Код тоже хреновый. Куча заданных ненужных размеров.Алсо пикрелейтед.Подробнее расписывать - нету времени.
Почему раньше в корневой папочке node_modules были записаны только мои плагины, а теперь там сразу же после установки лежит куча говна?
>>590774Бля, ну серьезно, он опять сука пушит 400 мегабайт. Я уже и через rm почистил, все равно он сука не игнорирует то что прописано.
Это же ебать как неудобно теперь
>>590864Дальше не смотрел. Никогда не задавай размеры боди.>>590876А ты быстр.>>590895Вангую кривые пути.
>>590905> а ты быстрТак я уже давно её к себе забрал, просто только сегодня воспользовался. Как по мне - годнота.
>>590906Так вот, хотелось бы поделиться с менее осведомлённым аноном, не всё же мне только вопросы задавать.
>>590906>>590907Ну просто эту шпаргалку уже раз 5 в тредик вкидывали. Хотя ты прав, лучше больше, чем меньше, хорошая штука.
>>590898Куча заданных ненужных размеров? Например?На пике у тебя масштаб 100%? Потому что у меня такое только на 33%. Блять, я так заебался постоянно косяки подобные править.
>>590905Я уже вообще не понимаю, где и что нужно. Першин в интенсиве же говорил, что нужно. И без фиксированного размера у меня шапка улетает в сторону при изменении масштаба. Просто пиздец. Я запутался.
>>590250Ты актив кнопкам не прописал.
Почему никто не любит пилотов, юзающих дронов?
>>590936Упс мисанул тредом.
>>590924Ну хотя бы так. http://codepen.io/anon/pen/ZOGLEo
В WP треде спрашивать бесполезно, там никого нет. Спрошу тут.Как, КАК редактировать адреса ссылок в WordPress? Я не понимаю их логики. Допустим, есть сайт www.site.com. У него есть страницы, которые нужно чтобы в ссылках назывались 0, 1, 2, 3 и так далее. Но чтобы перед номером страницы всегда стояло /articles/. Т.е. финальный вариант ссылок на страницы должен именть вид www.site.com/articles/0, www.site.com/articles/1, www.site.com/articles/2 и тому подобное. Как это сделать?
>>590957Ну не в ворд прессе это папки. Папка артиклес, а в ней файлики. Мб в вордпрессе тоже есть папочки для страниц или группы?
>>590944В том - то и дело, что мой хедер не в центровщике
>>590969Пересмотри интенсив, ты все сделал неправильно.Можешь вообще каждому элементу прописывтаь width 1300; margin 0 auto; если хочешь.
>>590974Почему неправильно? Есть хедер и основное содержание. Хедер должен растягиваться, основное содержание должно центроваться. Я не выебываюсь, просто мне нужно понять
>>590974>>590982Как отправил сообщение, так дошло. Задаем контейнер внутри мэйна, а не самому мэйну, и тогда все будет заебись, я прав?
>>590982>>590984Зачем тебе в этой верстке тянущийся хедер вообще? Задавай ему размер и центровку, или запихивай все в общий враппер, где будет центровка с размером. А так да - пишешь что-то типа<header><div class="header-content"></div></header>, хедеру задаешь фон, например (если хочешь, чтобы он на весь экран был), контенту размеры и маргин 0 авто, профит.Ты прописал размеры в боди и у тебя все разваливается к херам, контент съезжает влево на большом мониторе и вообще все грустняво.Это же все на барбершопе разбирается, ты его не верстал, что-ли?
>>590992Блин, какой-то я косноязычный, лол, сам себя читаю и охуеваю. Вот, например, простенький макет верстал когда-то, фон на всю ширину, контент центрируется http://acilsd.github.io/olivia/ Там правда флексы-хуексы, но суть не меняется.
>>590992Да вообще, глядя на его сайт, хочется взять, удалить и заного написать, чем разбирать его ошибки.
>>590999Я когда-то так и сделал со своей седоной, так что это не самый худший вариант.
>>590686Да градиентом норм, ему же советов али еще проще, через псевдоэлементы.
Аноны, немного флейма, но надеюсь не погоните. Уволился с работы прошлой, есть 1-2 месяца, чтоб выучить верстку, js (да, я охуел, лол), чтобы устроится на 35к в ДС. Не буду спрашивать, реально ли это, т.к. надеюсь на лучшее. Так вот, к сути. Учил кто-либо из ва успешно по 8-12 часов в день? ПОнимаю ,что все субъективно, но просто интересно.Есть еще всякие ноотропы, но планирую ограничиться 3-4 кружками кофе. Двачую анона в начале, что адекватный тред.
>>591007Css-html за 2 месяца реально даже по 6 часов в день и без всяких ноотропов. А вот js уже нет.
>>591007За 2 месяца ты научишься делать шаблонные действия, уровня сверстать лендинг на бутстрапе и прилепить к нему jq-плагинов для красивостей, на 35к это не катит даже в ДС.JS ты точно не освоишь за это время, а вот верстку на хорошем уровне (включая кастомные сетки, флексы, анимации, автоматизацию, кроссбраузерность и прочее) - сможешь.
>>591007js с версткой за это время не выучишь.
>>590960Не знаю. Я вообще с ним впервые работаю. И ничерта не получается. Пиздец, я уже ненавижу ВордПресс. Постоянные проблемы на пустом месте. В чем вообще такая грандиозная проблема дать пользоватлю возможность обозвать URL как ему захочется? Пиздец.
>>591014Я пока что полный нуб в терминологии, но первый пункт-это верстка + js? Судя по второу пункту верстка будет еще ок, но для ДС-мало?>>591012Спасибо, анон
>>590992Я все макеты верстал и походу во всех такие ошибки делал, хотя смотрел с разных устройств и везде они хорошо выглядели. Зачем хедер тянущийся? Ну, смотри на пик. Я решил, что это вполне себе нормальное решение.
>>590999Лучше бы указал на конкретные ошибки, чем просто так пиздел.
>>590584Зачем брал такой заказ, сразу же понятно, чем это обернеться
>>591007Устройся пока на другую работу. Хоть 2/2 грузчиком/официантом. Главное, чтобы на еду хватало. Всё свободное время уделяй вёрстке. Как почувствуешь уверенность, покидай резюме и портфолио по конторкам ДСа. Когда подпишешь с ними договор, тогда и увольняйся.1-2 месяца по 12 часов в день это очень тяжело. Время будет идти, а денег прибавляться не будет. Это очень сильно давит. Да и вообще, низкоквалифицированная и низкооплачиваемая работа гораздо сильнее мотивирует быстрее всё выучить и устроиться в тёплый офис за х2+ предыдущей зарплаты.
>>591034Спасибо. Была мысль вернуться в одну контору сап, где я работал. Месяца 2-3 там посидеть, в тепле и все такое, заодно учить.А можно найти учеников, лол. Еще раз спасибо.
>>590686Я и сам уже отказался от градиентов, они на маленьком dpi дают "лесенку" что-ли. Но я сделал через псевдо с бордерами.
>>591017Первый пункт это все сразу на убогом уровне, такое в принципе нигде не нужно, разве что на фл.ру лендинги за косарь верстать. Второй пункт - верстка на хорошем уровне (2-3 месяца в зависимости от твоих способностей), дальше за месяц осилишь основы джса (самые-самые основы) и уже можно будет рассылать резюмешки (я примерно на таком уровне, разве что в js продвинулся чуть дальше, могу свои велосипеды писать).>>591025Ну вот открыл я твой сайт на 24 дюймах и все уехало влево. > вполне себе нормальное решениеНе вижу обоснованности, дизай сайта убог. Зеленая полосочка явно не тянется на всю ширину, фон всего контента - белый.
>>591016Крепись, это только начало. Я с этой хуйней имел дело два раза за последние полтора года. У меня до сих пор лежит на локальном серваке сайт, который пилил для себя, но так и не допилил. И я как только я думаю, что может попробовать еще разок, меня аж трясет.
>>591044Вы заебали, я понял, что моя верстка полное говно. Может кто нибудь ответить, что сделать, чтобы сайт более менее выглядел?- ширину из боди убрал.- убрал центровку мейна и добавил его контенту.
>>591041Зачастую правильное решение приходит после того, как другое - доказало свою неэффективность. Полезный опыт в любом случае.Я уже схоронил десяток решений для нетривиальных дизайнерских прихотей , с которыми в будущем могу столкнутся. И решить их уже не займет много времени.
>>591059добавь на кликабельные элементыcursor: pointer
Товарищи, вот это говно как верстать? Была идея две колонки с текстом зафлоатить одну налево, вторую направо, а второй псевдоэлементами палки нахуярить. Есть лучше варианты? Потому что мне мой кажется каким-то неандертальским.
>>591059У тебя макет под какое разрешение? На 24 дюймах открыл правда на 1600 на 900 и по горизонтали полностью в экран не влезло.
>>591076SVG прямоугольники просто. В плане полосок.
>>591080Бля, а что если их засунуть в отдельный див, и каждой палке задавать процентный видтх? Как на колонке справа, где текстом написаны проценты?
>>590251в общем в неспешном темпе где-то неделя ушла, при этом пришлось резко разбираться с генератором, т.к. он изначально не планировался
>>590864боже какой пиздец.
>>591081С свг тоже так можно.
>>591084Хорошо, а тексты в колонки и зафлоатить?
>>591085Вероятно да.
>>591085Гибкая коробка
>>591105Я не понял, о чём ты. Только флоаты и инлайн-блоки знаю. Пока лезть дальше не хочу.
>>591059Ну хули ты хочешь. Какого хуя ты верстаешь под x1366?У меня, например, x1366, но панель задач не внизу, а сбоку, поэтому мой вьюпорт - 1280px. Из за этого у меня горизонтальная прокрутка.А как быть людям к которых экран еще меньше? Ладно там хипстеры на макбуках должны страдать, НО БЛЯТЬ ТЫ ЧЕ СУКА НЕ УВАЖАЕШЬ ВЕТЕРАНОВ?
>>5910781366 х 1700
Снова реквестирую бесплатный плагин для фотошоп для получения css теней и градиентов одним кликом.
>>591110Какое то нестандартное...
>>591064Согласен. Просто сделать фон задав элементу фон казалось, хмм, семантичнее что-ли, лишние сущности не плодятся. Кто ж знал, что при отрисовке псевдо-элементов сглаживание работает, а на градиенте рубит по-пиксельно.
>>591059Ничего. Не обижайся, но это надо полностью переверстать.
>>591124Я ему тоже самое сказал, но он назвал меня пиздуном
>>591073Есть же. На ссылках и кнопках.>>591083Ты пидор.>>591109А как блять верстать, если макет по ширине 1366? Я же не буду искусственно блоки ужимать.>>591124Мне не обидно, но я хочу узнать о своих ошибках, чтобы не допускать их. И ты какой - то категоричный совсем. По гуглу сайт набирает 85 баллов, валидатор ошибок не видит. http://escapiuw.bget.ru/Поправил. Так лучше?
>>591126Я же сказал, что понимаю, что верстка хуевая, но не понимаю почему именно. А вы говорите надо переделывать полностью, но, блять, почему? Что такого ужасного?
Котаны поясните пожалуйста, почему джиквери плагины подключаются записью типа $(".some-plugin-class").initFunction();Но я не могу то же самое сделать на нативном. То есть я не могу сделать такvar plugins = document.querySelectorAll(".some-plugin-class");for( var i = 0; i < plugins.length; i++ ) { plugins.initFunction();}и т.д.
>>591129Нет, не лучше. Пикрелейтед. Если ты подождешь пару часов, пока я тут не закончу ебаться с патентами по просьбе la Maman, то я тебе подробно распишу.
Как придумать дизайн портфолио?
>>591133может надо так:plugins.initFunction();мимо ньюфаг
>>591144блятьplugins.initFunction();исправил
>>591143Остановись. Сядь. Закрой глаза. Представь, что ты американский хипстер из Силиконовой долины с зп около 10 к грина в месяц, пользуешься только продукцией Эпл, голосуешь за Хилари, и у тебя отбелен анус (не спрашивай).Потом открой глаза и придумывай дизайн, памятуя об этом образе.
>>591142Буду очень благодарен тебе. Конечно подожду.
>>591145>>591144лол, почему квадратные скобки не отображаются.>>591133 я так понимаю, что у тебя индекс в квадратных скобках присутствует.
А если логотип в хедере сделан текстом, его каким тегом оформлять?
>>591152Да, это особенность двача.
>>591154a
>>591157Там просто есть в ul вкладочка "home" а я подумал что две ссылки на главную как-то тупо.Хотя тоже хотел тупо в ссылку засунуть.
>>591129>>591142в хроме нормально в сафари пикрелейтед
>>591157Чому не в h1>a ?Где вообще юзают h1? Он же должен быть один на страницу, а часто больше всего под него подходит лого.
>>591188А что если лого, скажем и в футере тоже?
>>591112Этот что ли?https://csshat.com/
>>591191Ну в h1 основное лого, в нем блок лого просто в ссылке. Соотв в футере просто блок лого.
Я чёт нихуя не понимаю.Какие-то перепроцессоры, эммиты, авокоды... а тогда нахуя хмтлакадеми свой интенсив продаёт? Если есть всякие штуки, которые все практически делают за тебя, в чём работа верстальщика-то потом будет заключаться?Короче пиздец, поставил эммет и теперь вместо того чтобы думать, как сверстать тот или иной элемент я ебусь с семантикой эммета.
>>591253>перепроцессоры, эммиты, авокоды>всякие штуки, которые все практически делают за тебяТы не ведаешь, что говоришь>я ебусь с семантикой эммета.потерпи, это многократно окупится
>>591253Это лишь инструменты, никто за тебя ничего не сделает, лишь упростят работу.
>>591256Блять, вот я только что зашел на страницу какого-то чувака из ХМТЛ, который говорит что АВОКОД это супер-пупер-мега-ультра-хардкор маст хев. Пиздец.
>>591253>нахуя хмтлакадеми свой интенсив продаётну сам-то подумай.
gulp-autoprefixer на какие версии или проценты у вас настроен? Бля, даже когда дефолтные >1% он префиксы практически никогда не ставит.
Пацаны, как такие фичи правильно делать? картинка бэк или как-то задавать цвета и поворачивать слои в цсс, поясните плиз?
>>591283я это делал фоновым градиентом
>>591283http://codepen.io/pidaraha/pen/vKOXVj
>>591287А под углом как сделать?
>>591283Скидываю еще раз.http://codepen.io/pidaraha/pen/vKOXVj
>>590129Я бы с ним подружился, пояснял бы ему за основы и прочие ништяки, а он мне пояснил бы как прикручивать плагины такие.
>>591290Благодарю.>>591288
>>591296Подписывайся, ставь лайки. В дальнейшем там будет много полезного контента. нет
>>591288говно какое-то, а не градиент
>>591151Ну вот как-то такhttp://codepen.io/anon/pen/vKOmxb
>>591303я тоже хуячил бэкграунд-градиентами такие линии, но они ебано смотрятся, с какими-то зубцами. особенно в хромоногом.
>>591303Так это не градиент, ньюфаня
>>591303это ты какое - то гавно, а не градиент
>>591306Я бы отсосал тебе, если бы был пидором. Спасибо. Но. Тебе совсем делать нехуй что ли?
>>591314Ага
>>591076Это похоже на таблицу.
Что после базового интенсива делать?
>>591332Продвинутый
>>591319Есть парочка вопросов.1) Почему ты изменил цвета с хекса на ргб? Имеет какое - то значение или тебе просто больше так нравится? 2) Почему размер контактов 1030 - это пиздец? Хуево рассчитанный размер? Или то что я вообще его задал? 3) И не совсем понял насчет центровщика, смотри, ты задал его в 1366, но ведь это вся ширина макета, а мэйн контент занимает 1240. Задать специальный центровщик для мэйна?
>>591337Бля.
Ребзи, вот сейчас смотрю базовый интенсив (5 урок), в голове полная каша состоящая из свойств, тегов и прочего, к макетам пока не притронулся, ибо все вперемешку. Это норма или я тупой и мне нихрена не светит?
>>591345Ты курсы проходил?
>>591348пробовал восемь курсов, из них только 4 первых закончил полностью
>>591353Я хз, тупой ты или не тупой, но с таким отношением к делу можешь уебывать и не мечтать о профессии.>пробовал восемь курсов>из них только 4 первых закончил полностью
>>591341И вдогонку:4) 1366пх ширина сайта, значит на меньших мониторах будет появляться полоска прокрутки?Даже у меня на 1366 возникает
ПОЧЕМУ ЕБУЧИЕ ПРЕФИКСЫ НЕ СТАВЯТСЯ!!!
>>5913411. Просто я сижу на своей любимой древней лисе, они твои хексы перевела в ргб.2. Потому что. У тебя каждый контакт - отдельный блок, можно добавлять еще блоки, вот я открыл филиал этой шараги в урюпинске, и... дальше думай сам.3. Я задал 1366 от балды. Можешь вообще без центровщика, весь контент засовываешь внутрь одного дива с классом wrapper, врапперу задаешь размеры. >>591357Да, у тебя фиксированная верстка, сначала с ней разберись, попытка что-то резиново тянуть тут только все усугубит.
>>591356думаешь, сперва нужно их полностью пройти?
>>591359Спасибо за помощь, мужик!
посоны, вы че, а? >>591275вы дефолтный используете и не пишете аргументы?
>>591307епта, сейчас вгляделся в свой макет и там правда есть зубчики, ужос
>>591366пиши last 2 version и не еби мозги.
>>591377лучше уж ничего не писать, мне кажется, версии пару раз в месяц выходят
>>589702ахуенный шутник, всех затралел.
>>591283>>591287>>591288>>591290Зачем выебываться? Посмотрите, как здесь это сделано. Дешево и сердито.http://7sait.spb.ru/portfolio/mobile-systems/redesign-amrest-mobile/
>>591392Ну да, как вариант, просто картинкой, как в седоне с теми треугольниками
прошёл курсы, скачал и прошёл два интенсива, сверстал барбершоп и пинк, как мне теперь в базу выпускников попасть? https://nexus.htmlacademy.ru/
>>591410Заплатить.
>>591410ты забыл денежки занести им, чтоб в базу попасть. А вообще эта хуета тебе ничего не дает. Сейчас каждый шакал на инфо бизнесе этом деньги делает, у каждого школа выпускников. На работу пойдешь тебя не в базу будут искать, а дадут тестовое и посмотрят как ты обосрешься, и поебать там сколько ты курсов прошел.
>>591412Двачую. Всем хороша академия кроме нелюбви к бущенному трапу. Пидоры блядь. Весь интенсив в уши дули, мол бутстрап это для нубов. И что я слышу от первого чувака, который мне ответил по поводу вакансии на мыло?!! Покажи макетик на бутстрапе!
>>591392Просто охуеть как дешево!
Слушайте, продвинутый интенсив невозможно слушать. Звук как из сортира, микрофон скрипит, пердит и хрипит. Есть какая-то альтернатива подобному? Вот я прошёл базовый, по какой программе дальше двигаться?
>>591488Как вариант, просматриваешь презентации из продвинутого, все допы и начинаешь верстать адаптив.
>>591491Просто там шаринг экрана, которого естесно нету в пдфах. Текстовые лекции может почитать на том же самом вебрефе?
>>591488Это наверное кто-то на свой мик писал то что из колонок идет, лал.
Котаны, поясните за ASP.NET, в некоторых вакансиях встречается. Нахуй он нужен и кому? Что это вообще?
>>591496Это бекэнд, типа фреймворка от Майкрасофта.
>>591496это редкий бэкэнд, насколько я понимаю, дорогой аналог php
>>591506для илиты
>>591507именно, когда слышу "дотнет", я сразу понимаю кто в этом мире хохяин и кто я.
Охуеть, тред в /wrk лучше чем треды в /webКотаны, поясните за жс фреймворки. Какой перспективно учить? Скажу сразу, не работал не с одним, но неплохо знаю нативжс и жквери. Если быть точным, то выбор:- Angular/Angular 2 - второй вроде в бете, если начинать пердолится в первый, будет ли актуально? Ссыкотно учить то, что скоро скурвится в deprecated, хотя бесполезным всеравно не назвать- ReactJS - вроде как популярней, проще, более гибкий. Но это со слов всяких васянов. Я так понял, сам по себе мало полезен, нужен в связках с чем то еще типа Redux- ExtJS - вообще хуй знает, но попадались вакансии по работе на нем.- Backbone - васяны говорят утрачивает популярность и применяется в основном для небольших приложений/решений. Почему - не знаю. Может анон пояснит.Вобщем, кто в теме, работал с чем то (или со всем вместе) - поясните по хардкору. Куда направить усилия чтоб, скажем, потратив полгода на изучение (в свободное от основной работы время офк) не остаться в состоянии "ну да, чет там читал про %фреймворк_нейм%", а реально апнуть навык.
По поводу дноработ не согласен, ну по крайней мере если у тебя не железная воля. Даже с графиком 2/2 есть шанс, что оставшиеся два выходных ты будешь тупить за пекой, смотреть в потолок и вообще оправдывать свою лень тем, что ЭТО ЖЕ МОИ ВЫХОДНЫЕ.Имхо, если финансы позволяют мамка кормит и из дома не гонит, лучше учить фронтенд, не занимаясь ничем другим.
>>591538Согласен, особенно если работа связана с физ. трудом, то хер ты че на выхах сделаешь
>>591538>мамка кормит и из дома не гонитПри таких условиях выучишь дай бог лет за 10. После того, как выперли из универа за низкую посещаемость офк, сидел месяца 4 на шеях у мамы. Мотивации 0.Впрочем, мб я один такое ленивое гавноХватило ума свалить в миллионник, снять кв и устроиться на гавно-работу. Сначала, мясником на крытом рынке, лол, 6/1 с 7 утра (приёмка тушек) и до 7 вечера + дорога туда/обратно ~2 часа. Вот это жопа, да. Выдержал немного, чуть больше месяца. Благо платили ежедневно. Потом работал официантом 2/2. Тотальная лафа после предыдущей работы, но ноги также сильно ныли к концу смены и напоминали, что неплохо бы сменить профу. Тут уже и времени свободного было прилично. Хотелось бы закончить словами "а теперь я мидл-фронтендер с релокейшном в бездуховную", но увы. Свободное время потратил на изучение онлайн-покера. Однако сейчас покер медленно, но верно умирает. А я всерьёз подумываю кэшаутнуть все деньги, заблокировать свои акки и пойти куда-нить мыть толчки 2/2, чтобы вновь мотивировать себя на быстрое и старательное обучение. В этот раз уже вёрстки.
Насколько полезен Jade в мелких и средних проектах? Насколько силен профит от юзанья его?
>>591548Html-academy \не вкатило?
>>591552Вкатило, почему же. Я насчёт мотивации тут распинаюсь.Прошёл всё, что есть по вёрстке на codeacademy. dash.ga.co кстать из шапки тоже очень понравилcя. Есть много того, чего нет на CA. На фрикодкэмпе зависал активно с месяцок. Добрался до algorithmic scripting. Прошёл курсы на сайте хтмлакадеми, начал смотреть базовый. Всё это происходило с перерывами в пару месяцев из-за отсутствия мотивации. Нужно выбросить себя в херовые условия, тогда и зашевелюсь. По-другому у меня не получается :с
>>591523Реакт учи. Ну и можешь второй ангуляр потихоньку. Первый смысла нет, т.к. он уже устарел и его используют скорее по инерции.
>>591293он бы подумал, что ему эти всякие основы не нужны.
>>591332только перед продвинутым сверстай все макеты из базового, чтоб руку набить.
>>590129Пиздец.
>>590129Пиздец, с такими школьниками можно и не соваться в индустрию. Пойду в пятерочку.
>>589762зис.
>>591585там нет ничего сложного, а сделал он это, наверняка, по урокам с ютуба.
>>589702хах, адапитвность гугл карты не осилил.
>>591589там ничего сложного, все на готовых плагинах я знаю, но сам факт, что сраный школьник делает такое за 50 баксов, что же он будет делать и за сколько в мои 30? И это пока я целый месяц трачу время и рву жопу на фл.ру в надежде взять заказ хотя бы за 500. наверное, зря я все это делаю, надо было себе мужа-спонсора искать, как мамка советовала, а не строить из себя сильную-независимую женщину.
>>591592>представиться тян на анонимной имиджбордеэто не очень хорошо, не делай больше так, пожалуйста>что же он будет делать в свои 30он не знает, что такое спрайты, он не знает, что такое флексы, то, что он может делать такое сейчас, не даёт ему особых преимуществ перед адекватными разработчиками.
>>591593Спрайты вроде скоро устареют, не?
>>591593и ещё не забывай, что он хохол и для него это треть нормальной зарплаты взрослого. Индусы тоже вот демпингуют, уже лет как тридцать, но работы у грамотных разработчиков от этого не убавилось.
>>591594Вполне возможно, эту технологию вполне можно автоматизировать.
>>591596Не в этом смысле. Типа новый протокол передачи данных на пороге какой-то http новой версии и там все эти запросы на сервер будут уже как-то оптимизированы и спрайты будут не нужны.
>>591597Думаю, так оно и будет. Уже сейчас сборщиками все картинки можно связть в одну, а потом дать браузеру разобраться с ними.
>>591597В http2 запросы не последовательные, а параллельные. Это круто конечно, но фиг знает когда это можно будет полноценно использовать.
>>591607Вот да точно.
>>591211он платный
>>591610хотя всё нормально, нашёл на торентах и установил. Как стану успешный разработчком куплю я серьёзно
>>591538Человек который будет в выходные тупить за пекой тем более будет тупить за пекой если его никто никуда не гонит. Тут вопрос безвольного хуйла, которое непонятно как будет учиться, а затем непонятно как будет работать и непонятно как на работу устроится.Лучший вариант - это на старой работе накопить денег на 3-6 месяцев и сесть захардкорить.
>>591548А что там с покером сейчас? Почему он умирает?
>>589206csshat - мастхэв, для всех, даже для конченых нубов. Поставил пиратский плагин и чуть не обкончался от его охуенности. Качай на рутрекере, версию 2.1, она прямо в первой выдаче от гугла.
>>591641потому что число долбоёбов, которые хотят там заработать, стало гораздо больше числа долбоёбов, которые приходят просто чтобы поиграть.
Котаны, как сделать тянущийся на всю ширину адаптивный треугольник, который закрывает сверху карту в пинке?Пока что-то невнятное получается: http://codepen.io/coalalala/pen/wWapQO
>>591687Ну и что? Очевидно даже если там останутся одни долбоебы хотящие заработать, уровень у них будет разный и кто-то все равно непременно отожмёт деньги и всех остальных за столом.
>>591742много факторов. Все действенные стратегии уже есть везде в открытом доступе, в покере очень много решает автоматизация.
>>591742ну и удача, разумеется. У просто прошаренного игрока есть неиллюзорный шанс обыграть гуру, даже на долгосрочной перспективе.
>>591748У нас такой в магаче отписывается. Мол удачка закончилась - помогите.
>>591076Лол, всегда проигрываю с этой хуйни. Как вот вы проценты знания оцениваете у себя? 58% JQuery, вообще охуеть. Типа выучил 58% плагинов или что?
>>591143Я просто вводил в гугле: "front-end dev potfolio" или что-то типо того, и пиздил у всех что понравилось.
>>591767У Лебедева.
Ананасы кто может по хардкору пояснить за цены на верстку или ссылку дать? Пробовал гуглить разбег дикий и посты 2000 года, хотелось бы сегодняшние знать. Да и многим будет полезно и интересно, сколько просить за вертстку той или иной стр или проекта целиком. По детальнее если возможно
>>591776Видел Барбершоп у академии? Вот на все 4 страницы или сколько их там человек на окладе в 20 к должен затратить 10 часов своего времени. Вот и считай короч.
за lp дают 15$ это же ппц, еще админку ему прикрути и отправку форм на mail, к посту о ценах на верстку
>>591779ну они говорили тип брать по 200 р/час на барбер уходит 10ч и отсюда 2к, нв веблансере сейчас смотрю заказы и цены.
>>591787Врут пидары. Они про бущенного трапа мне врали!!! ГРРРРР!!!!
>>591741ты сука тупая мразь уже всех заебала тут! Хули ты по всякой хуйне спрашиваешь нас? САМ ДЕЛАЙ БЛЯТЬ, ИНАЧЕ ТЫ НИХУЯ НЕ ЗАПОМНИШЬ И НЕ ПОЙМЕШЬ, КАК ТЫ ЭТО ДЕЛАЛ!
>>591791Тихо, тихо. Он же заикаться потом будет.
>>591790Нихуя я не понял
есть тут аноны, которые подключали бутстрап через галп?Также хотел бы узнать такую штуку, пытался верстать помню на бутстрапе, и он ставил например черный фон в хедере, перекрывая мои стили. Как это устранить, кроме как внутри файлов все менять?
>>591556Мотивация нужна тем, кто вкатывается в айти (и фронтенд в частности) ради мифического бабла и вылезаторства. Мне вот просто дико доставляет копаться в коде, ловить ошибки и фиксить флексы под ие10 (кроме шуток, это прикольно). Я так даже несколько отклонился от программы обучения и две недели потратил на рельсы, просто потому что это классно.
>>591741Видишь непонятную хуйню?Не знаешь, как ее сделать?Что-то куда-то красиво выступает?Неоднородная адаптивная маска?Непонятная загогулина?Быть может, странная тень, которая не совсем тень?Дизайнер ебанулся?Семь бед — один ответ:П С Е В Д О Э Л Е М Е Н ТСЕВДОЭЛЕМЕНТ
Только что досмотрел базовый интенсив. В при
>>591776BUMP
>>5918387500 рублей
>>591851это тип ты в месяц столько зарабатываешь?
>>591877весткой?
>>591877иди нахуй тоже, как этот даун >>591741. тебе сказали 7500 зарабатывает верстала, что тебе еще надо? Думал тебе тут назовут сумму в пять нулей? Пошатнул твой мирок? Иди нахуй короче
Платина, но всё же.Расскажите, какой вы используете препроцессор.Как думаете, какой препроцессор будет полезнее мне, если в дальнейшем я собираюсь серьёзно учить и бэк-енд?
>>591904Исторически так сложилось, что scss используют те, кто любит грамотный стиль кода. Лесс используют тупые пезды и выпускники различных говнокурсов. А стайлус используют те, кому хочется выебнуться. Еще есть сасс-петушки, но не стоит вскрывать эту тему.На самом деле похуй, различия минимальны.> собираюсьСудя по тому, что ты спрашиваешь, какой препроцессор КАСКАДНЫХ ТАБЛИЦ СТИЛЕЙ будет полезен для бэкенда, тебе предстоит еще довольно долго собираться.
>>591801Да тебе в чем угодно было бы колупаться классно и скажи мне что я не прав.Что до меня, то я например тоже с удовольствием колупаться в коде, но полностью отдаю отчёт себе в том, что если бы за это не платили довольно много я бы занялся чем-то другим. Может трейдерством, или маркетингом.Что до мотивации, то мне вспоминается цитата Лебедева на тему как себя мотивировать. Да никак, оставайтесь в жопе! Деньги вам дадут, перестанете быть уебками, хуле вам ещё надо, пидоры?
>>591980и чем это сцсс лучше сасс? вообще не вижу разницы кроме, что надо ставить {} в сцсс, а в сасс не надо.
>>591980>будет ползен для бэк-ендапросто хотелось бы взять препроцессор, который по структуре своего кода ближе к серверным языкам, чтоб потом их изучение стало проще и интуитивнее.
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
>>591814Двачую
>>592008бери наиболее популярный - scss/less. Я взял scss, так как он был самым популярным, ну а также, в отличие от стилуса, он похож на css и совместим с css.
>>591995> не платили Ну вот и вся суть - ты сюда лезешь ради денег, поэтому тебе нужна мотивация. Не как что-то плохое, просто у меня другая ситуация. Мне нравится фронтентд, я могу 5 часов колупать рандомную js библиотеку без какой-либо мотивации сверху или те же 5 часов верстать какую-нибудь концептуальную хрень на флексах, и чтобы она на ие10 нормально работала.>>592003> надо ставить2016 год, фигурные скобочки и двоеточия проставляются автоматически во всех нормальных редакторах (и в ненормальных тоже, я вот на атоме сижу). scss лучше сасса хотя бы тем, что он полностью совместим с обычным цсс, плюс приучает к нормальному код-стайлу. >>592008Тогда scss. Там и переменные строго объявляются, и экстенды есть, и прочие плюшки, и сам по себе выглядит более "строго". лесс более раздолбайский и вообще как-то неприятно выглядит, чем-то на пэхапэ похож, повсюду @, странные миксины, вот это вот все. Я вообще попробовал все. Мне понравился scss и stylus, остановился на первом, т.к. он намного более распространен.А вообще все это вкусовщина, не надо думать, что я тут с пеной у рта доказываю крутизну scss.
https://2ch.hk/wrk/res/592072.htmlhttps://2ch.hk/wrk/res/592072.htmlhttps://2ch.hk/wrk/res/592072.htmlhttps://2ch.hk/wrk/res/592072.htmlПЕРЕКАТ
>>592032>Ну вот и вся суть - ты сюда лезешь ради денег, поэтому тебе нужна мотивация. Не как что-то плохое, просто у меня другая ситуация. Мне нравится фронтентд, я могу 5 часов колупать рандомную js библиотеку без какой-либо мотивации сверху или те же 5 часов верстать какую-нибудь концептуальную хрень на флексах, и чтобы она на ие10 нормально работала.Я вообще не понимаю о чем ты. Я тоже легко могу потратить на изучение фреймворка из чистого интереса много часов. Но интерес мой будет происходить из мотива, сделает ли этот фреймворк мою работу быстрее/лучше/качественнее или хотя бы даст понимание каких-то новых принципов, которые можно встроить в работу. Если я заранее буду знать, что этот фреймворк - говно без задач написанное инвалидами для инвалидов (это просто пример, ничего конкретного ввиду не имею) то мой интерес испарится и будет только скука.
>>592032И да, разуй глаза, мне не нужна мотивация.
>>589196Тебе придется делать кастомные селекты, input'ы и прочую формочную поебень на js и jquery вместо того, чтобы пользоваться готовыми инструментами html5. И реализовывать это придется на angular и react. Енджой ер 2006
>>589351После продвинутого пиздуй учить js, потому как без него ты практически нигде не нужен, почти все заказы по верстке на фрилансе требуют js