Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это [YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video) >Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.>Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================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Прошлый тред >>579597 (OP)
Вкатился
из "новенького"1) https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%83%D0%BB%D1%8F-%D0%B4%D0%BE-%D0%B3%D0%B5%D1%80%D0%BE%D1%8F-front-enda-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-f524d668f328#.gbnurxact2) https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%83%D0%BB%D1%8F-%D0%B4%D0%BE-%D0%B3%D0%B5%D1%80%D0%BE%D1%8F-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D1%8C-2-25f19e56eb29#.qh8mt1cjg
Сходил на собесед на должность джуниор макаки верстальщика, в требованиях было написано знание основ нтмл и сss БЕЗ ОПЫТАДали тестовое, сказали на, верстай дружок, потом это на битрикс поставьВ жизни не один сайт не верстал более менее годный, только на бутстрэпе собрал бабе за полчаса сайт-визитку-личный блог с парочкой связанных страниц между собойС псд макетами дел вообще не имел, ну как спиздить кусок макета я есесна знаю, только от этого не легчеКак верстать футер вообще понятия не имею, т.е че вырезать а че кодом сделатьВы мне хоть скажите направьте на путь правильный как это гавно слепить меню + лого вверху с цифрами кнопками
>>585302
>>585307У меня только 1 вопрос: ты сейчас у них в офисе или у себя дома?
>>585302> windows xpА по теме, нахуй ты пошел на работу устраиваться если даже основ не знаешь?
>>585312>>585313двачую этих сударей
Фронтенд разрабы, верстальщики, опытные и джуниоры, вы очень нужны! Предлагаю работу, спрашивайте, или пишите divanoff.anton@yandex.ru
>>585317что знать надо? какие деньги?
>>585320Нужны JS`ыУровень разный, будет здорово, если вы что-то делали или хотябы слышали о React.JS
>>585321тебе в /pr тогда
>>585320По деньгам, в зависимости от вашей крутости, так что это обговаривается при встрече и более близком знакомстве. Могу сказать только, что адекватный джун получает 50к + велкам бонус и бонусы за различные достижения!
>>585322Списабо, а где UX боги обитают?
>>585325/web
>>585312 дома у родственников в 500км от своей сычевальни с йоба-пекарни капчую. хуй знает как я на этом кудахтере что то сверстаю, тут фш по 10м запускается, но это опять же меня мало беспокоит
>>585330нахуя то с телефона экран фоткаешь?
>>585330Проиграл с тебя.
>>583690Что за плагин?
>>585333в пеинте дольше вставлять получится.
>>585302ну ты и нищенка
Вот что это за фигня, почему у меня так медленно работает командная строка? Даже не то что модули медленно ставятся, не только, вот сейчас я вбил команду "rm node_modules -r" и эта хуйня выполнялась секунд 10-20. Почему так?
>>585347бедность - не порок, тем более, в сраной рашке, где зарплат хватает только на то, чтобы дожить до следующего месяца.
И еще, почему когда я ставлю gulp в папке "node_modules" присутствует огромное количество непонятной хуйни, раньше такого не было, раньше там были только модули, которые я сам лично ставил.
>>585317Удаленка или офис?
>>585347алло осетр, ты читаешь хоть немного что я пишу?Мой пк в другом городе, здесь люди планшетами телефонами обходятся, им неипацо крутой компьютер не нужен
>>585357> алло осетрПроиграл с этого слэнга.
>>585354Сейчас набираем команду в офис нужно 5 человек, потом берем еще удаленщиков.
>>585364когда будете удаленщиков набирать - отпишись здесь плиз
>>585302чувак, я бы лично такое "тестовое" не выполнял за просто так (сверстать да еще и посадить - нахер пусть идут.
>>585321Я слышал о реакте и ангуларе, а что у тебя там?
>>585375У них в треб. указано было БАЗОВОЕ знание хтмл верстки, в обязанностях совершенствование ее, изучение битриксаМожет я с другой планеты и у меня представление о базовой верстки свои, но хуячить сразу же готовый макет (пусть без свистелок-перделок) это много
>>585382да какая разница в тестовом обычно дают какую-нибудь левую хрень сделать, которую применить толком негде. Там презентационную страничку свою с заполнением данных, или какое-нибудь устаревшее дерьмо простенькое, или один компонент, например форму. Не дают в тестовое сверстать целиком страницу сайта и посадить. Это уже не тестовое - такое оплачиваться должно
>>585382ну, верстать обычный статичный макет без яваскрипта это действаительно базовые знания вёрстки.
>>585376Реактджс
>>585401На бэкенде node.js python golang
>>585390анон, ну вот это для сравнения мне питерская контора прислала, должность младший веб разработчикС этой я поебусь-поебусь, да сделаю, моих знаний хватит пожалуй, а с сайтом я хуй знает что делать по сути
>>585409Ну так, вот про подобное я вот тут говорил: >>585388это нормальное тестовое, а предыдущее - какая-то хуйня
>>585409Это же вообще изи.
>>585414не заметил, они там будут смотреть в первую очередь на кроссбраузерность
>>585401>>585402Так ты реально ищешь соискателя? Я написал несколько тестовых сайтов на реакте около нового года. И в ноде разбираюсь.
>>585409зачем они изъёбываются с полем для ввода телефона, некрасиво и геморно же.
>>585417ие 6?
>>585420одну джиквери библиотеку подключить надо же, ты чего.
>>585421копипаста с их письма--- Необходимо ее сверстать, функция отправки не нужна, только верстка. В первую очередь будем смотреть кроссбраузерность формы, в т.ч. и в IE---
>>585417Всмысли
>>585426И не сказали под какой ие верстать, ясно.
>>585424>>585426верстай под десятый ие, там всё норм работает.
>>585436туда то я точно не поеду. уж слишком далекопросто для сравненияиз этого же города (где я сейчас нахожусь) звали тоже верстать куски за главным, но они чет не перезванивают, видимо нашли/забили на меня
>>585302>на, верстай дружок, потом это на битрикс поставьЯ бы таких пидорков нахуй посылал при первой же возможности. Это не тестовое нихуя. Тестовое по верстке - сверстать формочку или что-то типа того, что не отнимет у тебя времени больше часа. Остальное хуярь только платно.А тебе предлагают сверстать целую страницу и еще посадить ее на движок. Шли их на хуй, даже если тебе жрать нечего, и это последняя работа, на которую тебя могут взять. Серьезно, ты должен себя уважать.
>>585460Согласен. В хороших компаниях тестовое это что-то эфемерное, непрактичное. Когда я собеседовался в одну американскую, то там мне предложили сверстать один блок типа плиточной менюшки как в винде последней, если собеседуешся на джс дева, то добавляют задание в одну из плиток написать алгоритм смены новостей получаемых из файла. Такой тип заданий - самое то. У опытного займет пару часов, у неопытного много больше, но все равно - не полноценный макет верстать.Разве что четко оговорено что задание платное, тогда можно еще думать.
>>585466так я и за деньги на данный момент это не сделаю.
По поводу пасты, >пришел к успехуВсм? На работу устроились? Всего два человека?
>>585475Значит, иди смотреть интенсивы. Все просто
>>585477На самом деле больше, как минимум 3.
>>585477В каждом треде спрашивают.
>>585418Да. Только Москва и фуллтайм.
>>585418Если интересно, пиши на почту divanoff.anton@yandex.ru
>>585494а сейчас есть дефицит кадров во фронте в дс?
>>585524Да
>>585494прошел курсы по HTML5/CSS3 в "Специалисте", прочитал "Большую книгу CSS". Сейчас на Академии учусь. Интересна работа, но знаний моих будет явно недостовать. Готов за 40к начать.
Одни диванные погромисты, сидящие на мамкиной шеи, которые думают, а ля ща я еще подучусь и пойду сразу получать зп 250к.Пока вы втыкаете в очередной видеоурок "как легко заебашить спа на ангуляре", все вокруг движется и девелопится. Сидя дома нихуя хороршего не будет. Нада идти в проект и походу, в команде получать ценные знания и превращать их в реальные штуки, которые выполняют бизнес-функции и приносят денги!
>>585536лол
>>585536> Готов за 40к начать.Проиграл
запилите один официальный оппик для тредоса.
>>585536Чет ты охуел мальца.
Сколько нужно времени для изучения клиентского жса и жквери?
>>585547вся жизнь.
>>585547Вы заебали с такими вопросами
>>585550поддвачну
>>585536версталы без js ненужны. вообще.
После уроков Специалиста можно работать идти?
Аноны, предлагаю запилить небольшую команду, которая будет подпинывать друг друга и совместно работать над учебными проектами, приобретать, так сказать, опыт командной работы с гитом.
>>585562ты неправ.
Кому-то заняться нечем? Что за шитпостинг в треде?
>>585567ок
>>585570Посмотри на реакт и ангуляр
>>585562Откуда вы вообще такое взяли?Люди до сих пор пилят говносайты где джс не нужен, максимум написать легкий скрипт на джиквери или прикрутить говнобиблитотеку
>>585566Да.
>>585575не для всех сайтиков нужны реакты и ангуляры так томимо
>>585574Кто заинтересован, напишите в скайп всех же он устраивает в качестве средства коммуникации?frollodecol
>>585580Ну конечно пилят, согласен, но веб стремительно шагает вперед, вся эта интерактивность, сложные интерфейсы вот это все, без жс никуда..
>>585584носился тут тоже один хуй со своей конфой, но потом исчез.
>>585589Для тебя всю эту интерактивность написали уже, осталось подправить слегка код и всё. Йобу пилят на ангулярах, но большинство сайтов - говнецо то еще, где из джса слайдер и еще какое-нибудь паралакс говно и модалки.
>>585596не, конфа это не очень годный план. Лучше команда в 3-4 анона, постоянно работающая над чем-нибудь совместно, с отсеиванием просто числящихся.
Иду на работу, че там делать надо будет?
>>585624Работать.
>>585624кем?
>>585626Front-end developer
>>585601>На мой взгляд, самая бесполезная форма покерного развития - это обсуждение игры с людьми, которые примерно одного с тобой уровня. Поэтому при общении на игровую тему оба собеседника должны четко осознавать, кто в этой паре более силен и выступает в позиции учителя. Причем если расход игроков в уровне не очень высок, то такая форма обучения полезна с обеих сторон: общение с позиции ученика выстраивает твою базу, учителя - цементирует.это применительно практически к любым совместным занятиям. Так что сразу распределяйте роли и определяйте у кого опыта больше чем у других. Это типа совет
>>585629Пить смузи, делать фотки в инстаграм и т.д.
>>585634Спасибо за годный совет %%:)%
как подогнать их под форму?Надписи через <p>Поля ввода через <input> <textarea>Какой атрибут то вводить и к кому?чет я не понимаю.
>>585624Что умеешь, сколько учил, как работу нашел?
Насколько нормально, что вот это все ставится больше минуты, после того как я написал npm install?
>>585351Не хочу скатывать тред в политач, но мне просто интересно, в какой по твоему стране средней зарплаты хватит на то, чтобы не только выжить на следующий месяц, но и откладывать деньги?
>>585705ты скатываешь, пиздуй в политач
>>585705Это слишком общий вопрос, зависит от многих условий.
>>585702Зависит от твоей системы и твоих интернетов. А вообще нормально вполне, тяжелый конфиг.
>>585699под фон т.е спутал
>>585714выложи код, так проще будет понять
>>585624>>585625Сейчас бы в 2016 РАБотать, а не фрилансить
>>585716сразу оговорюсь: Код это тихий ужас какой тоhttp://pastebin.com/DTeXiq3H
>>585705в развитых странах, в той же США. Анон, уехавший по work & travel, рассказывал, что получал в месяц 2к бачинских, а на жизнь тратил 800, живя в съёмной студии и особо ни в чём себе не отказывая. Другое дело, конечно, что уровень потребления в развитых странах выше, и там жизнь кажется фиговой не без еды, а без какого-нибудь нового айфончика.
>>585735>pastebinпопробуй еще раз.
>>585741Это ты меня стебешь или яе? На гитхаб я не знаю как, не доводилось
>>585746Ну тогда забей пачан, на работу тебя без гитхаба не возьмут
>>585746ИЗ ШАПКИЗадачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.юзай: codepen или jsbin или plkr или jsfiddle
>>585757возьмут, есть конторы, которые о нем даже не слышали, лол) Где нет никаких трекеров, люди считают что работать в консоле - удел долбоебов и т.д. и т.п.
>>585765да, сразу припишу, что мимо-анон
>>585765
>>585768ну еще я видел вакансию, где хотели чтобы верстальщик был еще и фотографом и мог в случае чего поставить винду и заправить принтерв месяц предлагали около 120-150 баксов, точно не помню
А покежьте свои портфолио. Очень уж мне интересно. Сам начинай портфолио делать
>>585759http://jsbin.com/ruhakoviya/1/edit?html,css,output
>>585788не чувак, так дело не пойдет - садись смотреть базовый
>>585788двачую его >>585792 ты там что-то совсем нагородил. сначала стили пишешь в хэде, потом еще стиль применяешь в обычном абзаце. у тебя куча-мала всего.
>>585788Лол, вот это код. Удваиваю господ сверху. Тебе с таким кодом ловить нечего. Изучай основы.
>>585811>>585808>>585792ну а я ведь предупреждал)
>>585815зачем ты стили внутри тега пишешь? пиши их в ксс. подруби картинку через имгур какой-нибудь. хотя бы подгонять будет проще
>>585788 <link rel="stylesheet" href="css/bootstrap.min.css">на кой оно тебе? тебе же форму простую надо сделать
>>585792двачую
>>585350так ты папку с нодой удаляешь. Там же 10ки тысяч папок. Нормальное время. Троллишь?
>>585826это я сначала тестовое пытался сделать где целиком сайт сверстать надо, но понял что не по силам и плюнул
>>585830я удаляю ее через проводник меньше чем за секунду, а здесь это занимают на порядок больше времени
>>585824я хтмлакадемию проходил год назад, если не больше, а применять навыки за этот год ниче нигде не применял, вот и каша в голове сохранилось, то и писал.да и эту форму я никому отсылать не собирался, для себя так сказать
>>585834ты растерял знания. в этом деле, особенно по началу практика решает. ты сам думаешь как применить, в голове откладывается лучше, чем если делать задания уровня "поменяйте цвет у шрифта и сделайте отступы внутрь"
>>585838так я и не отрицаю этого
>>585538Этот прав, но не совсем. Можно точно так же работать в команде, хуярить классные вещи, но на удаленке сидя дома.
>>585834качай из шапки базовый интесив и вкуривай его, верстая макеты, которые там даются.
>>585841Удаленка требует прокаченных скилов не только предметной области, но и таймменеджмента, самоконтроля, ответственности и т.д. Ибо сидя дома очень легко прокрастинировать..
>>585853вот это сильно двачую, я сижу дома и почти ничего не делаю целыми днями
>>585855занимаюсь по 6 часов в день, испытываю угрызения, что остальное время уходит на всякую хуйню (
>>585855жиза
>>585855у меня бывают недели, когда я ботаю сутками, забывая о сне и отдыхе, как будто обспидованный. Зато потом, разочаровавшись, что изучение будет очень долгим, руки опускаются и я начинаю сидеть и нихуя не делать месяцами.
>>585865То же самое, только 8 часов а не 6.
>>585870сколько времени уже выдерживаете такой режим? Сколько всего освоили? Занимаясь эти 6/8 часов, не держите в соседних вкладках двачи и прочую хуйню?
>>585869Вещества попускают ))
>>585865я ебанный пинк не могу заставить себя сверстать уже вторую неделю, хотя по большей части мне это просто не интересно, нет мотивации.
>>585869Я думаю практически у всех бывают простои, когда 3-4 дня подрят вообще ничего не делается. Все-таки трудно постоянно въябывать на перспективу, если от этого нет отдачи в виде бабла
Просто напомню...Я работаю в компании, где мы хотим реализовать амбициозный проект, - CRM/ERP/SharedServices систему с всякими плюшками, такими как скрин-шаринг, интеграция с SIP, WebRTC звонки внутри и т.д.Приглашаю в команду как опытных JS ниндзь, так и интересующихся джунов с горящими глазами.Стек технологий:На клиенте React.JS + React NativeНа сервере Node.JS, Go, Python - кому что ближе, ибо архитектура позволяет делать независимые микросервисы, используя оптимальные технологии.Мы предлагаем: - Офис в центре ДС; - Бесплатная еда (полноценный обед в ресторане нашей компании); - Комфортное рабочее место (современный ПК, ось и инструменты для разработки выбираете себе сами); - ЗП + "welcome bonus" + бонусы отличные бонусы за релизы в срок; - Ну и конечно дружный коллектив, возможность развиваться, изучать новые технологии и применять их на практике.У нас уже есть рабочий прототип с некоторым функционалом, но в данный момент мы прекратили разработку и изучаем рынок/проектируем архитектуру/выбираем стек технологий.На данном этапе нужны люди именно в офис в Москве, в дальнейшем планируем нанимать удаленные команды.Спрашивайте, или сразу пишите мне на divanoff.anton@yandex.ruПока только фуллтайм, Москва.
>>5858725 дней в неделю, уже 3 месяц. 8 часов, это "чистое время" с некоторым отвлечением на ленту твиттера, этот тред + жрат, дела по дому. Грязным уходит часов 10-12.> Сколько всего освоили?2 интенсива от академии + Кантора 2 раз перечитываю + читал некоторые главы из фленегана и "Выразительного жса". Сейчас курю учебник по jquery.
>>585885и с этими знаниями до сих пор боишься идти работать? Или думаешь, что освоил пока ещё немного?
>>585876Работая удаленно и обучаясь, всегда есть риск что что-то ты будешь делать слишком долго, тратя свое время, а профит получишь лишь после того как все сделаешь, т.е. этот момент может никогда не наступить.. Работая в офисе, - ты получаешь ЗП, что автоматически мотивирует тебя + премии.
>>585872ну я проходил базовый и продвинутый занимаясь по 4 часа примерно. Потом стало стыдно, что так много времени уходит в пустую. Сейчас вот по сути только первый месяц подходит к концу когда по 6 занимаюсь - штудирую Кантора (учебник + видосы). В середине месяца вроде отписывался тут, что первую часть прорешал (где сам язык). Думаю, еще уйдет около полумесяца на добивания дополнительной части учебника и главы из второй части.придерживаюсь техники помодоро, по ней отвлекаться нельзя. Сейчас вот зашел на двач почиткать че тут написали.
>>585889>отвлекаться нельзяа у меня на одном мониторе - интенсив, а на втором - этот тред. Такие дела.
>>585887Хочу довести ЖС до более менее приемлемого уровня, все-таки без него трудно найти работу, даже в ДС. Надеюсь, что за месяц управлюсь.
>>585875Бля, ты это я. Вот ровно 2 недели пинаю хуйни и немогу хаставить себя начать верстать пинк.
>>585895Если ты в ДС, приходи к нам и начни работать.
Программирование сегодня — это гонка разработчиков программ, стремящихся писать программы больше и с лучшей идиотоустойчивостью, и вселенной, которая пытается создавать больших и лучших идиотов. Пока вселенная побеждает.— Rick Cook
>>585896 Многие из вас знакомы с достоинствами программиста. Их всего три, и разумеется это: лень, нетерпеливость и гордыня.— Larry Wall
>>585853Да, тут ты тоже прав, но и работая в офисе, человек должен быть ответственным и способным к самообучению. Некоторые умудряются и на работе опаздывать и прокрастинировать.Олсо, уже 4 дня работаю через силу по пару часов, после чего люжусь спать часа на 3-4, после чего снова залипаю в код. Страшновато, ведь за неделю нужно сверстать 2 сайта, а у меня конь не валялся, только заканчиваю главную страницу. Делать совершенно ничего не хочется.
>>585896Пинк очень изъебистый, я на него дня 3-4 потратил.>>585897> приходи к нам и начни работатьКуда к вам?
>>585902Если интересно, давай продолжим общение по почте divanoff.anton@yandex.ru
>>585903У меня уровень не соответствующий. Я ни реакт, ни ангуляр в глаза не видел. У меня нативный жс еще хромает на обе ноги.
А я таки заставил себя доверстать пинк, т.к. просто не нашел больше годных макетов с предусмотренной адаптивностью, готовыми свг и ретиной. Итого у меня 7 макетов (это если считать барбершоп на флексах), больше верстать вникуда не могу себя заставить. Планирую сейчас все свои проектики обмазать джаваскриптом, слайдеры там написать самостоятельно, аяк-хуякс, валидация и прочая базовая хрень.
>>585853бля, посмотри вакансии полностью удаленных компашек, они там по дефолту сидят в скайп конфе, в конце раб для все отчитываются что сделал, что завтра будешь делать, есть ли проблемы. Ахуеешь проебываться.
>>585895Сейм шит, но у меня есть рабочий проект один законченный, сейчас его поддерживаю время от времени. Делал для родственников, лол.Надо додрочить нормально жс, а то я могу набыдлокодить, но чувствую, что какую-то хуйню делаю, хотя всё работает. Сейчас пока такие планы: ванила, жиквиери, нода+фреймоворк.Параллельно: триз + математика.Внезапно, обосрался при изучении потому, что забыл как решать простые уравнения, ахуеть вообще.
>>585955а работу когда собираешься искать?
как учить жс, если вы, например, устроились верстаком и хуячите псд весь день? по вечерам/выходным?
>>585966да. И просить на работе давать поручения посложнее, чтобы применять знания на практике.
Ну вот сверстал первый сайт. Оцените.https://tothepoint123456.herokuapp.com/
>>585973Неплохо.
>>585973нириспонсивно
>>585979хотя для первого похуй
>>585979Да. Я просто без сетки делал. А когда понял, что она бы пригодилась, стало похуй.Следующий сайт буду с сетками клепать.
>>585973Простенько, но макет симпатичный.Для первого раза норм.в код не заглядывал
>>585966Ты где такую работу видел, чтоб чисто псд ту хтмл? Мне кажется, даже в самой задрыщенной конторе из двух с половиной человек половину времени тебе придется ебаться с цмс, джиэс, пхп, и их разными фреймворками/библиотеками.
Кстати, вопрос опытным фронтовикам. Как часто вам приходится раюотать с цмс? Будь то создание собственных тем прл них, или редактирование каких-то существующих?
>>586048нормальные фронтовики в нормальных конторах в цмсках не копаются - у них только js с фреймворками. Даже для верстки зачастую отдельный чел
>>585195 (OP)Откуда взялся отступ между блоками?http://codepen.io/tvoibatya/pen/GqRejm
>>586047именно в задрощенной конторе он и будет человеком-оркестром. А вот конторы посерьёзнее, бывает, нанимают чистых верстальщиков, так как им можно платить меньше.
>>586048Никогда не приходилось.
>>586059потому что заголовок изначально имеет свой margin. Просто обнули margin его у заголовка.
>>586066блять, лишнее слово, но похуй, ты понял
>>586059margin: 0; задай для контейнера "Services we provide"
>>586068>>586070Спасибо!
http://kremlin.ru/лал, это бэм штоле там?
>>586075Насколько я знаю, сайт верстал этот парень https://youtu.be/tdRuZfZW99Aа он проповедует БЭМ
>>586079не, он старый сайт верстал>>586075и походу тут не бэм, а смесь разного
>>586081>смесь разноговот и я сижу втыкаю и хуй пойми.
>>586079>сайт верстал этот пареньхуясе, обычный какол-фрилонсер?
>>586075<div class="content__in content__in__large">
>>586086тут он говорит что раньше делал (я отметил время с которого слушать)https://youtu.be/RvZoTU741Es?t=2m13s
Правильно ли я понимаю, что этот ваш БЭМ, по сути, просто отказ от каскадирования в пользу отдельных стилей для каждого элемента + система именования этих стилей?
да
>>586138>>586126
>>586126Полного отказа от каскада нет
>>585955Ну не знаю, боюсь на ноду с фреймворком времени у меня не будет. Надо уже на работу устраиваться, в процессе буду учить.
Поясните за БЭМ. Почему вы вообще поклоняетесь этой хуиты, вы что ебанутые?
>>586145>Поясните за БЭМГовно без задач. Самое мерзкое что работаю в конторе по этой методологии и знаю о чем говорю. Когда выдумываешь нейминг для класса, дольше чем верстаешь это пиздец.
Ребят, смотрю базовый интенсив от хтмлакадемии, а там говорят про личный сайт, который делают с наставником. Мне стоит его делать, если я мало что понял? (Пытался сделать nerd's, сделал навигацию, но затупил сразу на слайдере вот этом)
>>586173Слайдер будет разобран в 6 уроке. Пока смотришь первый раз можешь за ними барбершоп повторять. Посмотрел урок, сделал курсы из дз, прочитал допы, потом все закрыл и повторил то что делали на уроке сам. Потом когда видосы глянешь все уже сядешь и нердс верстать и остальные макеты. Так будет проще учиться, если без наставника
>>586171Придумывать хорошие и правильные имена - хороший скил. И в программировании в том числе. А то можно написать хуйволду, а через месяц откроешь и хер поймешь че ты имел ввиду и что это название означает
>>586183Спасибо! :)
>>586189Все должно быть в меру, избыточность бэма заебала до смерти, свои прежние работы в которых основой стилей была каскадность, вложенность и семантика уже вспоминаю с любовью, хотя они далеко не идеальны можно еще чище а бэм это просто каша из говноклассов, но деньги не пахунут, и приходится делать согласно стайлгайду студии.
>>586218Каскад - это лютое убожество, ноу дискасс. А вот что тебе мешает верстать семантично по бэму - хуй знает. Бэм очень популярен в СНГ, хотя я бы лично использовал smacss. Но на самом деле, это сорта одного и того же.
Зак спрашивает, как слать рассылку в теле письма. Там еще картинки есть. ебааать, я откуда знаю?
>>586231>Каскад - это лютое убожествоКлассная история бро>что тебе мешает верстать семантично по бэмуДействительно учитывая, что цель бэм отвязать блоки от семантики и привязать к логическому значению>Но на самом деле, это сорта одного и того жеОни похожи, но очень слабо smacss не ввергает тебя в бездну ональной оккупации и правила нейминга гораздо менее ебанутые
>>586246Дополню, что попытка запилить паттерны программирования в html заранее провальны ибо верстка скорее относится к типографике, а там все эти методолгие не упали нахуй
>>586274>интернет-магазин большой?Именно его я сейчас и верстаю. Предваряя стандартную мантру про то что мне вдруг понадобится поменять цвет у вложенной ссылки и бэм тут ахуеть как поможет, скажу:1. не поможет2. ни одного подобного случая не было за все 3 года работы3. если опросить 9999 фронтэндеров подобного случая не было ни у одного, я гарантирую это>Вы классы для БЭМа не руками пишете, надеюсь?Именно, говноедский сборщик от яндекса там и не применим (и слава богу) ибо проект перешел из рук в руки от другой студии, соответственно эту кашу из говно приходится приводить в человеческий вид, ну как в человеческий, такая же параша только теперь по бэм
Сука бесят еврейские задачки Кантора. Хитровыебанные до охуения.
Поясните за jade. Создаю main.jade. Потом в командной строке пишу jade main.jade и у меня генерируется какой-то main.fot вместо html.Что за хрень?
>>586313А все нормально
Хотел следующий сайт сделать на основе фаундейшена. А там сетка считается из емов и ремов.Ну нихуя себе, блядь.
>>586305Напишите функцию, которая возвращает массив функций, которые делают бочку и возвращают коэффициент вращения бочки, принимая на вход неограниченное число аргументов. Функция должна работать с любыми типами примитов.
>>586319Мне больше от задач по DOMу бомбит, но и это тоже
При добавлении новых файлов в проект gulp.watch не видит их и приходится перезапускать gulp в консоли, как это исправить?
>>586321Ну я просто, видимо, гуманитарий. С домом мне легко манипулировать, а вот с задачек а-ля "олимпиада" я офигеваю.
>>586323Залей свой галпфайл на кодепен, посмотрю.
>>586326Лол, а у меня наоборот.
>>586327https://jsfiddle.net/tzdzhwoL/
>>586331> jsfiddleНу ептаНе могу сейчас под утро понять логику твоего галпфайла, но вообще я watch выносил в отдельный таск и делал как-то так http://codepen.io/anon/pen/wWvLJy
>>586336http://codepen.io/anon/pen/qNBzXbРасписал немного, а где ты такой watch взял? Я с сайта browser-sync. Раньше у меня такой галпфайл был http://codepen.io/anon/pen/ZOEdJZ но была такая же проблема.
>>586341gulp-watch же.Мне кажется у тебя проблема в том, что встроенный watch говнистый, либо в том, что у тебя watch-таск по два раза рефрешится.Вот мое древнее, составлено по советам анонов с треда, работает как часы, правда без лайврелоада (он у меня был вообще-то, но я уже где-то месяц не верстаю и куда-то проебал) и под мою структуру проектов, думаю пофиксишь под себя без проблем.http://codepen.io/anon/pen/YWzoEN
>>586344>Мне кажется у тебя проблема в том, что встроенный watch говнистыйПоставил gulp-watch и все норм. Спасибо.
>>586346Да не за что.
Парни подскажите, как реализовать такие уголки для блока?Есть идея, сделать блок в блоке, и каждому через бефор и афтер задать по уголку, в сумме будет нужные 4.Но это лишний блок.
>>586378По-моему, можно делать псевдоэлементы для псевдоэлементов. Где-то читал, что страницу можно сверстать практически на одном css, правда, это то ещё извращение.
Даже не знаю как гуглить этот вопрос. Русский гугл выдает хуету про border-radius. Английский тем более меня не понимает.
>>586380попробовал, не работает
>>586282
>>586282>пиздишь про то какое БЭМ говно.Потому что он говно что с автоматизацией что без
>>586392Миллионы веб-разработчиков по всему миру не могут ошибаться.
Что бы там ни говорили про БЭМ. Он вывел меня и рабства одного многотысячестрочного файла, где отсутствовали какие-либо правила нейминга. Он подарил мне новый дивный мир, где все разложено по аккуратным понятным файликам длиной максимум в 500 строк. Мир, где не нужен вечный ctr+F.И, я не фанатичный бэмоеб. Я, пожалуй, даже неправильно его использую, взяв только то, что понравилось. Не стесняюсь вплетать в него каскадность, где это кажется целесообразным. Например, дам класс для UL, не даю классов его внутренностям - li, a - использую каскад для стилей. Практика показала, что это удобнее (именно мне, естественно), чем хуячить классы каждому.А уж про таблицы и говорить нечего. Достаточно и удобно просто задать table.table, а далее стилизовать каскадно. Если появляются какие-то отклоняющиеся элементы, не обломаюсь дать им отдельные не-бэм стили, типа .date, .time, чтобы не ебаться с длинными названиями (стилизую каскадно, .table .date, чтобы мочь использовать те же имена в другом месте не рискую пересечься в стилях).После первобытной однофайловой верстки, с которой выходишь из базового интенсива, БЭМ - настоящее откровение.
>>586378http://codepen.io/kotokrad/pen/xOxvapЕсли приходится поддерживать древнее говно - замени calc() на магические числа.
>>586399думаешь, помимо БЭМ-нейминга стоит освоить и всё остальное?
Аноны, подскажите, по какой причине могут не работать горячие клавиши для save for web?
>>586401Благодарю, интересное решение.К сожалению, не применимо при использовании прозрачного фона, который мне необходим.
>>586407Нашёл, нужно использовать правые кнопки, но почему так?
>>586402не думал, об этом. моя мысль о том, что бэм - это явно шаг вперед по сравнению с той неразберихой в стилизации, творящейся у всех новичков.Ну и как обычно критики критикуют, но ничего не предлагают взамен. Где хоть одна ссылка или пост про преимущества или вообще про технику другую? Да хотя бы ее название.
>>586414а почему ты считаешь, что все css-правила в одном файле, в том числе и на этапе разработки - это плохо? Есть же миникарта, комментарии, при помощи которых один файл можно разбить на блоки, ctrl+f в конце концов.
>>586409http://codepen.io/kotokrad/pen/KMKOJM
>>586378Ответили оперативно на стаковерфлоуhttp://stackoverflow.com/questions/37537299/styling-4-corners-of-block
>>586430зачем 4мя блоками это решать, когда уже есть решение с 1м?тем более можно вообще без лишних блоков как оказалось - >>586430
>>586417А почему ты когда изучаешь физику, не накладываешь себе на стол книги по эпохе возрождения, собрание сочинений Пущина, пару томов Ленина... Ведь на них есть же названия на корешках. Можешь, в конце концов, попросить мамку искать физику, когда вся эта поебота ненужная ее завалит.Я сам много верстал одним файлом, с комментариями, даже более менее упорядоченно. И долго на scss не считал даже нужным переходить. Потом пошел на продвинутый и первое же, что оттуда унес - это БЭМ.Это было незабываемое облегчение.
>>586432Предлагай другое. Целесообразно будет приму.Предложи что-нибудь для ul или table.>>ul li .some .stuffОдин небэм-класс в другом небэм-классе не использую. Максимум вот так:ul.header__list li a.green
>>5864481. использую2. не использую. Я неправильно написал, надо было: .header__list li a.green.3. Не понял, в каких случаях. Это же тем более каскадность уже.4. Не дорос до нее, не юзал. Что сам используешь?>>Это несущественно.Это ты про оптимизацию и ускорение? Для меня это еще пока мелочи.
>Как прошёл тринадцатый онлайн‑курс «Базовый HTML и CSS»В тринадцатом интенсиве Базовый HTML и CSS участвовало 446 человек. Успешно сдал свои выпускные проекты 221 ученик.переполнение рынка если не уже, до близко походу
>>586822это капля в море
Долго думал, палить ли годноту быдлу, но ладно, спалю.https://www.youtube.com/watch?v=8OH863Z_sVg&index=2&list=PLvWwA9iDlhHBqXPZlnpPjYGJFMhZNChCkну еще для размышленияhttp://lopart.by/ot-nulya-do-geroya-frontenda-chast-1/ (вторую часть сами найдете)
>>586889про обе ссылки я рассказывал. про первую в прошлом треде, про вторую кидал во стором посте этого треда >>585292
>>586401> width: calc(100% + 2px);ебать, что это за чудеса
>>586889после чего приступать к этому? После продвинутого интенсива?
>>586910после продвинутого интенсива гляну.
Фух. Заканчивается первый день работы верстальщиком в местной веб-студии. Сваял сегодня две странички, одну главную и внутреннюю, для местного, опять же, говносайта.В целом, обстановка нравится, хоть и холодно, да я ещё из-за своей нелюдимости не подходил даже к кулеру и чаю.Обещали 25К на испытательный срок, потом выше. Работа с 10.00 до 18.00, пятидневка.Сейчас вот думаю, как можно ускорить свою работу, потому что мне кажется, что я пиздец как медленно пишу код. Пока что пользуюсь единственный командой из Emmet-а, которая по tab-у раскрывает div с написанным классом. Лол.Такие дела, посоны.
>>586399Давать тэгам понятные классы придумали не в яндесе.
>>586401>width: calc(100% + 2px);кто тебя такому научил?
>>586927Хз, логика. Разве не для этого придумали calc
>>586921Удачи
>>586921не говорят, что ты тупишь или тормозишь? Яваскрипт пишешь? Какие вообще требования были к вакансии?
У меня webstorm пизданулся и не применяет emmet для первых элементов в теге body, но во вложенных применяет, и вообще в любом другом месте, хоть в теге head.
>>585702Зачем тебе отдельный веб-сервер, если есть браузер-синк?
Блятьсуканахуймразь, как сбросить настройки ебаного webstorma? Эта мразь поломалась и не дает мне использовать сокращения emmet в body, т.е. везде можно но не там.
>>586959ладно, вроде как разобрался, но это конечно полный пиздец, что это так легко можно поломать. Видимо я, зажав alt+enter поменял какую-то хрень в language enjaction у тега body, методом тыка вылечилось
хотя, не, еще не выличилось до конца, не работает бьютифаер
Блять, это просто пиздец, я не знаю как это говно вылечить
>>586985перекатывайся на сублайм
>>586990да это просто ебанный пиздец, даже гугл мне не дает ответа как это говно сбросить
>>586996ну значит не надо изъёбываться и пора перекатываться на сублайм, больше времени потратишь на использование неподдерживаемого говна.
>>586998у меня он есть, но джетбрейнс мне намного больше нравится, так что пришло время переустанавливать вебшторм.
>>587017Вебшторм сам себя не переустановит.
>>586395>Миллионы веб-разработчиковЧего сразу не триллионы то? слава богу вся эта параша не выходит особо за пределы снг, а вот в цивилизованном мире, да, про такое говноедство и не слышали, живут же люди (хотя справедливости ради надо сказать что и своего говна там хватает например атомарный-css)
>>586941не говорят, что ты тупишь или тормозишь? Лол, нет, наоборот говорят, что быстро делаю.>Яваскрипт пишешь?Не пишу, но плагинчики подключаю и настраиваю. Слайдер там, анимацию через wow.js и всё такое.>Какие вообще требования были к вакансии?HTML5, CSS3, JavaScript, jQueryзнание кроссбраузерной, адаптивной версткиверстка под мобильные платформыумение разбираться с чужой версткой>>586939Спасибо, анон.
>>587082Где-то я это уже слышалмимо
>>586822> переполнение рынка если не уже, до близко походуВау, ребята умеют еле-еле верстать фикс макеты, о господи, какой ужас, они займут все наши места!
Аноны, для саморазвития взялся сделать сайт знакомому. Нужно сделать 5-7 страничек простой визитки, НО!одна из страниц - блог, с возможностью добавлять записи и тд.Как это сделать? знаю поверхностно HTML|CSS немного Javascript. Попробовал сделать на WordPress, - никуя понять не могу, как редактировать страницы и тд. Помогите пожалуйста, скажите как это БЕЗ WOrdPress сделать
>>587085Проиграл.http://nicolasgallagher.com/about-html-semantics-front-end-architecture/https://github.com/google/material-design-lite/wiki/Understanding-BEM
>>587094Ты прав, чем глубже по интенсивам, тем больше закидывают. На про двинутом меньше гораздо, а он то более годный. Про жс вообще молчу, но жс курс академии не оче показатель.
C деньгами не очень. Покупать на последние деньги подписку на академии, или ну его? Базовые курсы понравились.
>>587100Пит буль. Соре за яблоко.
>>587101не стоит. скрины с продвинутых курсов в шапке треда.
>>587094На деле, последнее время появляется все больше и больше верстал, которые занимают низшие места в сфере фронта. Чем глубже во фронт, тем меньше кадров. Вывод, чтобы не было особой конкуренции, Углубляйся все глубже во фронт, развивайся, а не верстай лендинги всю свою жизнь.
>>587105не забывай, что многие эти низшие версталы прокачаются до приемлимого уровня гораздо раньше, чем анон, сидящий у мамки на шее и половину дня, в связи с низкой кратковременной мотивацией, скроллящего борды.
>>585292Переовдики с фрикодлагеря. Кто нибудь кроме меня проходит\проходил их курс?
>>587110>с низкой кратковременной мотивациейВ этом и беда большинства анонов(в том числе моя) как обезьянки от дофамина зависят. Дисциплина важнее мотивации, а дисциплина это привычка. Читайте "сила воли как развить и укрепить" и "сила привычки".
>>586822а ты хуле хотел. как сказал персонаж одной книжонки, тебе придется попотеть за свое жалование, сынок. поэтому думать надо не о том, что их много, а о том, как стать лучше и выдать на ротан всей этой ололокающей питушне.
>>586822Я тоже так думал, а потом пролистал их "выпускные" проекты на гитхабе и рассмеялся. Переполнение рынка, лол.
>>587142Не раз в тред кидали портфолио успешно окончивших базовый и продвинутый интенсивы учеников. Поднимает самооценку, лол.
Дают подработку. Надо сверстать страничку небольшого интернет-магазина. Дизайн очень простенький, делался под бутстрап. Всего 7 разных страниц. Дают неделю, и 2000 гривен. Не продешевил? Говорят, будут бонусы, если сделаю в срок.Уточню: это чистая верстка, без бэка.
>>587149Для подработки сойдет.
>>587149> бутстрапНу, в принципе норм, я бы за ~десятку килорублей сделал, неделя это даже слишком много, как по мне.
Привет, аноны.Я тут вёрсткой занимаюсь около месяца, просмотрел базовый, прошёл курсы и прочая хуйня. Сверстал тут страничку ориентируясь на макет, можете посмотреть? Там есть вдобавок псдшник исходный, правда он 1440px, а я верстал под 1200 размер, потому что резиново (или как это называется?) верстать ещё не умею.Короче, сайт тут - http://tvoibatya.github.io/ Если ты ещё код посмотришь, я вообще буду по гроб жизни благодарен - он тут https://github.com/tvoibatya/tvoibatya.github.ioВерстал на флоатах, потому что кроме флоатов и инлайн-блоков ничего пока другого не знаю, а тут вроде инлайн-блоков-то не так уж и много.Ну и конечно буду рад если укажешь на ошибки.
>>587180В целом неплохо. Макет простой, можешь попробовать сделать его адаптивным - смотри Итан Маркотт "Отзывчивый веб-дизайн" (2-е издание от 2014 г.), пока не обмазался мобайл-фёрстом из продвинутого интенсива.Олсо, есть мнение, что длительность транзишена и анимаций должна быть не более 400ms. В глаза бросается долгий переход цвета ссылок в футере.И хорошо бы прописать стили для :focused
>>587180зачем линк на код, если в инспекторе все видно, а jsa у тебя там явно не видно. Косяк с h2 заголовках, там после них псевдоэлемент, при увеличении длины заголовка наезжает на текст. Еще там есть косяк где ноутбуки, там кнопка уезжает при переполненни блоков.
>>587180РЕСПОНСИВНОСТИ нет.
Ребята, я хочу угореть по emам и remам, как модные бородатые стартаперы из сан-франциско, но в псд макетах всё в пикселях, и делать вёрстку в относительных величинах - крайне неудобно.У меня ПИКСЕЛЬ ПЕРФЕКТ от этого.
>>587180Вместо <a> должен быть <input type="submit">
>>587234А почему не баттон например?
>>587239Можно и батон.
Ладненько, спасибо тем, кто ответил.Я пока задам несколько вопросов.1) верным ли было решение в данном макете верстать всё на флоутах? Тут вроде бы инлайн-блоки только в списках применяются в li.2) Фотки и картинки (кроме ноутбуков в портфолио) засовывал в спрайты. Хорошая ли это практика? Или же в спрайты надо пихать только мелкие иконки а-ля ссылки на инстаграм, твиттер и прочее?3) И вообще все изображения (кроме логотипа и ноутбуков) были поставлены на фон дивов? Правильное ли решение? Потому что если у человека "отвалится" цсс, то он не потеряет ничего, если не увидит эти иконки, фотографии клиентов и тому подобное, т.к. изображение декоративное.
>>587252> если у человека "отвалится" цсс, тоТо отсутствие картинок - наименьшая из его проблем.
>>587254Ну, меня так на базовом интенсиве учили.
В треде их нет. Теперь ясно где они есть
>>587265Че эт за хуйня
>>587256Там еще к тому же обьясняли, когда использовать <img> а когда background-image. Видимо ты не до конца усвоил.Вот смотри пикрелейтед. Это у тебя секция "команда". В ней информация по каждому члену команды с фотографией. Так почему ты использовал тут background-image? Ведь эти картинки относятся непосредственно к контенту.
>>587275в хтмл-академии на старой глагне рожи с отзывами вообще были спрайтами захуячены.
>>587276Ну так они тоже развиваются, учатся. Вот в новой версии у них рожи тегом <img> сделаны.
>>587275Я рассуждал, что мне не важны лица людей, главное что я вижу их ФИО и статус. Поэтому захуярил как фон дивов. И да, на базовом интенсиве у них лица тоже спрайтами сделаны - >>587276
>>587265> на работе базу чищуВсе чаще убеждаюсь, что на такие курсы идут всякие mysql-"программисты", 1Сшники и 19-летние тянки.
Ой, я же хотел спросить. Фронтаны, как можно оценить свой уровень JS? Вот я могу решать всякие хитровыебанные задачки, могу запилить свой горизонтально-вертиальный слайдер с динамической пагинацией, ну всякие попапы, валидация и аякс отправка формочек, само собой. Но мне кажется, что я полное дно и ничего не понимаю. Какой-то ступорный этап в обучении настал, что делать - не знаю. Сразу реакт/ангулар учить, как в одном из прошлых тредов советовали? Или лучше уже искать работу за еду?
>>587231http://pxtoem.com/
>>587290Мне кажется лучше спросить в pr/
>>587290Даже на работе за еду нужен реакт или ангулар. Эти фреймворки упрощают написание кода в десятки раз.
Найс, у меня extract в брэкетсе опять пашет.
Мне вот интересно насколько наставники из хтмлакадемии помогают на их курсах. По их вебинарам складывается впечатление, что они тупо продают мечту лохам.
>>587322Я вообще не понимаю, как люди за базовый могут 12.500 отдавать.
>>587327Ну это типа для самых ленивых, которым лень гуглить, вкратце рассказать че да как. Продвинутый интенсив, по-моему, вообще халтура чистой воды. Я гораздо больше извлек из доп.материалов нежели из видосов.
>>587328доп. материалы откуда? из этих интенсивов, что в оп-пике в посте?
>>587329Да там есть пдф файл с допами по разделам, что в допах в оп-посте я не знаю, если честно.
>>587322>продают мечтуа то. самый ходовой товар в мире.
>>587331Мне просто интересно какой в итоге выхлоп от их курсов. Хоть 5% на работу устраивается. Я вот что-то сомневаюсь.
>>587334это спорный момент. может, человек курс прошел, а устроился только года через 2, например.
>>587335Чет я слабо представляю. И что он два года делал?
>>587337спроси у него.
>>587322Стандартные видеоролики по обучению чему-либо.Я в своё время учил хтмл с нуля по специалисту, там мужик с охуенным голосом объяснят на пальцах для домохозяек что к чему,плюс в специалисте обсуждают тонкости вёрстки для ие.Если что старый курс, а не новый. На торрентах их две версии.
>>587313>>587315>>587325Cпасибо. Начну реакт на неделе.В пр не пойду, там какие-то дикари сидят, начнут затирать про какие-нибудь паттерны, angular2 vs reacut-redux, разведут срач на 200 постов, а на вопрос не ответят.
>>587334В "мы вам перезвоним" вбрасывали статью, где говорилось, что из-за всяких гоайти в украине конкурс по 40 человек на место, при чем из этих 40, 35 - конченые дауны, абсолютно ничего не понимающие. Такая вот минутка мотивации.
>>587340специалист нынче смешняво выглядит на фоне ебучих хипсторков с флэт-дизайном головного мозга, этакий айсберг из начала двухтысячных. борисов у них ниче дядька, забавно толкует.
>>587345>35 - конченые дауныНо их же отфильтровывают и реальная конкуренция для анона это 5 человек на место?Хотя хер его знает, сейчас успех трудоустройства больше зависит от настроения ТП на приемке, а не от безумных умений кандидата.
>>587357Начальник рассказывал, что до того, как он взял моего предшественника, он где-то около 10 человек перебрал и все они были просто наглухо отбитыми даунами. Предшественник тоже не фонтан, но в принципе норм, на твердую четверочку все делал. Я не знаю, что он делать будет, когда я все-таки уйду через месяца три. Ну да похуй, не мои проблемы.Я к тому, что всю эту "конкуренцию" стоит бояться только на самых первых шагах. Чуть вперед вырвешься и все, ситуация кардинально меняется и уже hr бегают за тобой, а не ты за ними.
>>587180Логотип не вкладывают в nav. цсс на теги, лучше использовать классы.
Господа, из шапки: "http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган"Имеется ввиду учебник, который у них на сайте выложен?Ни интерактивных курсов, ни видео как у HTML-A у них нету?
>>587371У него вроде бы были скринкасты какие-то на канале.
>>587372Если канал на тытрубе, то там только по Node.js, Gulp и webpack, других Канторов я там не нашел
А есть тут аноны пользующиеся бутстрапом? Помогите найти, как сделать. В 3 версии можно перед скачиванием сделать настройки, которые будут содержаться в бутстрапе. Как сделать также на 4 версии, ну или хотя бы на 3.3.6?
>>587098И что это 2 статьи из буржуазныхинтернетов и что? какие отсюда выводы?
>>587359То же самое было на первой работе. До меня перебрали человек 10-15, и все были в разы хуже меня. И это при том, что я тогда только-только начинал верстать. Сейчас даже не хочу смотреть тот код, он ну очень ужасен. А когда я уходил, в фирме не могли найти замену, приходили люди, которые верстают при помощи position: absolute все блоки, вырезают тексты картинками из psd и прочее.
Парни, помогите, пожалуйста. Не врубаюсь, как сделать такое наклонное меню. С трансформ скью?
>>587401transform rotate у псевдоэлементов
>>587399а я ссусь кидать заявки в хх, так как у всех требование бутстрап. Могу в адаптивную верстку сам, но этот бутстрап не хочет поддаваться мне. Реально не могу переключиться от адаптивной на что-то похожее.
>>587410Такая же проблема. Подкиньте годноты по бутстрапу
>>587410Учится за пару дней на проекте, совершенно простейший фреймворк. Расслабься, кидай резюме и говори, что не юзал, но выучишь очень быстро. Достаточно почитать документацию и пару раз поверстать на нем.
>>587418>>587410freecodecamp, есть курс по бутстрапу (бесплатный), за час-другой проходится.
Аноны, как дела сейчас у дизайнеров на фрилансе? Появился заказик, хочу всё сделать сам, но в дизайн так и не могу. Сколько сейчас примерно стоит создание дизайна лендинга на вордпрессе (то бишь, длинная главная страница, а на дополнительных страницах - каталог, акции и отзывы) трудами фрилансера и на какое качество работы стоит рассчитывать? на всё про всё, учитывая и мою работу, выделено 20к, даже тз есть, осталось только утвердить макет
Аноны, срочный вопрос. Какой самый простой способ запилить включение в разные страницы одинаковых html-блоков, типа хедера или футера? А какой способ самый правильный? Не прибегая к php-темплейтам.
>>587402Не понял, ты имеешь в виду, сделать вот эти палочки-границы псевдоэлементами?
>>587401Ап
Кто нибудь использовал хтмл инклюды, как оно?
>>587394Какие еще такие настройки? Скачай для сасс да отруби все ненужные модули.
>>587569Кстати вопрос по sass bootstrap. Там чет совсем дохуя непонятных мне файлов. Они оказывают какое-то влияние на файлы из папки assets, или мне ихз можно просто удалить нахрен?
>>587578Там в стилевом файле главный есть, где все импорты прописаны. Берешь удаляешь все что нахуй не нужно и он становится легче и пиздаче, можешь и фонты с картинками удалить к хуям если только грид используешь, к примеру.
Мне так нравится ваш тред, тут хорошая атмосфера по сравнению со многими другими тредами в /wrk.Сам прошел половину курсов от академии в январе, потом посмотрел 4 интенсива и запал иссяк.Теперь вернулся, благо почти все знания сохранились в голове, пытаюсь учить дальше. Тема интересна, но вот как заставлять себя учиться постоянно — не знаю.
>>587581Нене, я это понял. Там просто в дистрибутиве куча файлов руби еще. Я вот и не пойму нахуя они.
>>587583тебе только assets надо, в остальном всякие зависимости для боверов и тд написаны, они тебе нахуй не нужны. тоесть можешь все удалить кроме папки ассетов, если с локала подрубаешь.
>>587588ОК, спасибо.
>>587582Учеба должна приносить удовольствие, это должно стать стилем жизни. Подумай, что тебе мешает, и реши эту проблему.
>>587582стимула нет у тебя. Мне вот жрать нехуй, знаешь как мотивирует, пиздец.
>>587598Это да. Скорее, меня деморализует то, что в моем ~100к мухосранске я еще не видел вакансий фронтендеров/верстал. Лишь изредка погромизды и сисадмины всплывают в списках.
Народ, у кого-нибудь есть "8-недельный онлайн курс «Advanced front-end»" Пузанкова - https://events.yandex.ru/lib/people/48223/?Поделитесь пожалуйста.
>>58752320к и стоит примерно. Дизайн - около 5-6 тыщ, остальное - верстка, натяжка и подключение жиквери, так что еще можно демпингануть в зависимости от того, как ты оцениваешь сам себя.
Посоны, идёт второй день работы в студии. Настроение норм, только жрать дома нечего и с работы сегодня пешком пойду, лол, ибо денег вообще ноль.Скажите, пожалуйста, один !important на джве страницы - это норм?Алсо, если потом кодеры будут ставить мою вёрстку на WP и там есть такой нюанс: у всех страниц сайта, кроме одной ("О компании") хлебные крошки сделаны по шаблону. И только на странице "О компании" блок с хлебными крошками обрамлён ещё одним блоком, потому что дизайнер решил, что так будет красиво.То им придётся, по сути, делать отдельную страницу а-ля about.php, так?>>586921-кун
>>587088точно такая же вакансия в городе висит и те же требования и та же зп...бля мухосрань у тебя не на 500к?
>>587584Смотри, я делал так, через скью.
>>587611Так примерно и думал. На какой бирже, по-твоему, лучше всего искать исполнителей-дизайнеров, с самым годным соотношением цена-качество?
>>587394http://getbootstrap.com/customize/#media-queries-breakpointsЭто?
>>587623Спасибо, мужик!Только один вопрос, не отваливается при изменении масштаба?
>>587588а что делать с форматом файлов? Там у всех scss, а мне что делать если надо sass формат. другой анон
>>587687sass и есть scss, модификация его
Парни, вот такой еще вопрос. Это заголовок. Как его лучше сделать? Сам блок обрамить, а заголовку задать position: absolute и нужный фон. Как идея? Не фиелдсетом же это делать.
>>587695отрицательный верхний маргин
>>587688ну значит если я буду писать как сасс все, не будет проблем с сцсс?
>>587541include-replace попробуй.
>>587684>Только один вопрос, не отваливается при изменении масштаба?Нет, не отваливается. Потому что absolute-координаты задаются по отношению к родителю. Хотя... если размеры родителя у тебя динамические, то даже не знаю.>>587618>точно такая же вакансия в городе висит и те же требования и та же зп...бля мухосрань у тебя не на 500к? Лолнет, город милионник в Поволжье.
>>587718Самара или Казань?
>>587423Очень поверхностный. Мне потом пришлось тут многое смотреть http://www.w3schools.com/bootstrap/default.asp
Ананасы, нам в команду на удалёнку нужен ещё один фронт (и бэк Django). Одного мы взяли ещё в позапрошлом треде. Нормальный проект, говнокод имеется, высоконагруженный, стабильный, не стартап, коллектив без мудаков, нормальная такса.Приоритетно:AngularJS, Stylus, jQueryКроме того:Gulp, Git, отсутствие бреда в нативном js.Выдам тестовое james.various@yandex.ru, кто уже делал в прошлый раз с массивами - дам другое.
Почему Ангуляр так востребован? Разве есть такой сильный запрос на spa? Или это сейчас на хайпе?
>>587797потому что любой сайт может быть спа и это очень круто и удобно.
>>587582"запал" это детский лепет. Я уже писал что от "запала" зависят всякие хомячки бесцельно проживающие свою жизнь и ждущие "мотивации" поднять жопу с дивана. Дисциплина важнее, можно привить необходимые навыки в самообразовании как силу воли, но это результат систематичной работы над собой, а не сиюминутного слабого кококо.Почитай "сила воли как развить и укрепить", на курсере запишись на "learn how to learn".
Верстаны, когда верстаешь фикс надо всем элементам прописывать ширины?Я раньше так вроде бы не делал, но сейчас сверстал сетку сайта, изменяю масштаб, шапка улетает куда - то в сторону, главное содержание нормально держится. Как так
>>587830Все, дошло. Как отправил пост - так сразу понял. У главного содержания есть центровщик, а у шапки нету. Спасибо, пацаны.
Суп котаны, только что из собеса в местную конторку. Чем оно примечательно, так это тем что в конце они меня усадили делать айкью тест. Я на такую хуйню не подписывался, думал вообще уйти, но все-таки решил.В с этим вообще сталкивались?
Анончики, начинаю работать с scss. галп-письки успешно подключил Пытаюсь понять, как лучше организовать файловую архитектуру проекта.есть папка blocks привет БЭМу Там блоки.Куда скидывать normalize.scss, bootsrtap.scss, variables.scss, mixins.scss, fonts.scss? Достаточно их скинуть в одну папку - vendor, ну или хз как её назвать, либо лучше раскидать их по нескольким папкам?
>>587853Поддвачну вопрос, сам сейчас верстаю первый проект на стеке scss+bootstrap+gulp+BEM
>>587851Какой-то бред, конечно. На мой взгляд, все эти тесты — говно и полностью умственные способности не отразят.
>>587851Ебанутая фирма ↔ Ебанутые собеседованияА слепок ануса делать не заставляли?
>>587851тест iq, пиздец. Просили бы вышку хоть тогда что ли. Я с одной конторой пиздел они сказали что перед собеседованием необходимо пройти тесты на логику. Из той же серии. Вот портфолио, вот примеры кода, дайте тестовое...нет, тест на логику, ебанутые хуле.
Если у ивана 6 яблок, а пети 3, то каким образом сереже это поможет в программировании на js.
>>587851А у меня есть шанс работы в банке за неплохие деньги.Но там надо будет проходить полиграф. Вроде никаких грехов нет, а всё равно как-то беспокойно что там могут спросить.
У меня вот icq 122, что, якобы, неплохо, но туплю с изучением верстки просто адово. Бредовый тест, если честно.
>>587874показатель iq это либо меньше 50 и ты даун либо больше и ты обычный человек, других градаций нет.
>>587873https://www.youtube.com/watch?v=51b9y5S0k4s
Второй рабочий день подходит к концу.Что-то я уже задолбался. Это всё потому, что все восемь часов я поднимался со стула только затем, чтобы налить себе чаю или кофе (принёс свою кружку, здорово, жаль только сахара тут, похоже, нет). Перед глазами коды, коды, коды. В левом глазу HTML, в правом CSS.Алсо, аноны, как вы работаете над вёрсткой? У меня вот открыт Sublime Text, в нём две вкладки. Левая чуть побольше с HTML-кодом, правая, чуть поменьше, с CSS. Очень удобно: хуячишь сначала логику в левом окне, забиваешь контентом, а потом описываешь стили в окне правом.Напрягает, что зарплату тут будут платить раз в месяц, а не раз в джве недели. Т.е. ещё 27 дней нужно на что-то жить и чем-то питаться.Сеошник заебал. Пиздит и пиздит не затыкаясь о всякой хуйне. То он хочет в баню пойти, то у него друг полсотни биткоинов намайнил, то, блядь, о Евросоюзе, то сидит-писается, что у него два сайта из под АГС вышли.А, вообще, в целом, обстановка довольно ламповая. Мне нравится дизайнер, хоть он и использует 10 шрифтов на одной странице.После часов писания кода есть желание пописать просто словами. Может завести бложек аутиста, куда сливать накопившееся за день, лол?
>>587905Пол экрана редактор, вторая половина браузер + лайв релоад. Зачем одновременно хтмл и цсс видеть понять не могу. Все равно сначала делаешь структуру в хтмл, а потом переключаешься на цсс и в штмл только иногда подсматриваешь или дополняешь по мелочи.
>>587905ты какой-то странный. И почему у тебя css файл меньше html'ьного?
>>587905обычно три окна, все как у тебя, но окно с sass разбито пополам, так как есть внизу окошко со значениями переменных, которые часто юзаются
>>587905Трансляцию на твиче замути из офиса. Поднимешь бабло на донатах. Главное поставь микрофон рядом с тем пиздуном.На втором мониторе браузер с лайврелоудом.
>>587916бро, как поделил окно сублайма напополам?
>>587918Это брекетс
>>587920не заметил, лол.А можно ли так же поделить окно в сублайме?
Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор. Какого-то профита или увлечения скорости от этих перделок не вижу.
Интенсивы html академии точно годнота? Начал смотреть, пахнет пидорашьей хуетой. Лектор говорит адобЕ, пиздец, адобе, блядь! Чатик с быдлом это тоже пиздец, я из за всяких мамкиных "буду верстальщиком епт гыыы" комментарии в курсах никогда не открывал, тошнить начинало, а теперь оно постоянно мелькает, наверное просто закрою эту область экрана в плеере.
>>587924я тоже без двух мониторов работал, но неудобно как-то. С двумя, пусть даже со вторым уёбищным, получше живётся. Тем более, они тысячу-полторы стоят.
>>587925как по мне - неплохо, но больше для структуризации знаний.
>>587925Нитакой как все интеллектуал хекка порвался, несите нового
>>587926Я прост с ноутом привык уже. Мне предлагали второй монитор подключить, но я отказался.
>>587918ГоризонтальноWin/Linux: ALT+Shift+2/3/4/5Mac: CMD+ALT+2/3/4/5ВертикальноWin/Linux: ALT+Shift+5/8/9Mac: CMD+ALT+Shift+1/2/3
>>587918https://www.youtube.com/watch?v=DXNDYe4Rpikисходя из этого видео - можно
>>587922Alt + Shift + 2
>>587931зря. Я сам к ноуту монитор подключил, который в кладовке нашёл, 1280*1024, с зелёной полосой посередине. И всё-равно с ним лучше, чем без него.
>>587922>А можно ли так же поделить окно в сублайме?View -> Layout -> Columns 2>>587924>Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор.Я тоже раньше так делал. Сейчас иногда лишь, когда возникает какая-нибудь особо заковыристая задача. Такой способ OCHE медленный. Я могу тебе посоветовать так ускориться, опять же, по собственному опыту. Есть плагин для Firefox, который позволяет хуячить стили прямо в инспекторе браузера, в live-режиме, а потом нажимать кнопку "сэйв" и они автоматически сохранятся в файле.>>587910>ты какой-то странный. И почему у тебя css файл меньше html'ьного?Очевидно же, потому что в CSS ты хуяришь почти что в столбец, в отличие от HTML.Второйдень-кун
>>587925ПУБЛИК АШТИЭМЭЛЬ, ПУБЛИК БЛЯДЬ АХАХА
>>587930Т.е. произношение лектором буквы е на конце слова как русккого е тебя не смущает? Ну иди еще адобе пхотошопа наверни.
Анончики, а вы как обычно вставляете svg картинку? инлайново или через src?
>>587925> Лектор говорит адобЕНу если это для тебя главное, то можешь дальше не смотреть.пиздец блять, хули вы такие претенциозные
У нас вообще принято Эдоуб называть, но правильно Эдоби
>>587946>>587952Я смотрю 90% материалов на английском. Благо их легко найти. А не тешу свое самолюбие посмеиваясь над ошибками других(причем ошибками непринципиальными). По делу он может и полезное что то сказать.
>>587955Для меня это не главное, но говорит об общей культуре человека, который проработав столько лет в сфере где важно хорошее знание английского произносит часто употребительные слова на уровне дцпшника из детского сада. Это всё равно, что говорить микрософт.
Тоже бесили комменты на интенсиве, особенно в первых выпусках. Какие-то чрезмерные смайлобляди, флудик, а еще некие уебки, которые прошарены чуть больше новичков и стараются блеснуть своими охуеть знаниями, типа ДА ТАМ ЛЕХКО, или вперед лектора ввернуть название какого-то метода или технологии. Мол смотрите, какой я умный.
>>587963>некие уебкиТо были наставники :)
>>587961> Это всё равно, что говорить микрософт.Ты мудак какой-то.
>>587965Нахуй они вообще пришли. Надо как в армии. Вы верстальные душары. На тебе еще мою работу. Для практики, ради твоего блага. А потом дембельский проект - чтоб все светилось, крутилось, пердело и летало по экрану. С поддержкой ie6 обязательно. Дух должен почувствовать боль олдфагов.
>>587976
>>587982кстати, именно так выглядит сайт, обвешанный с ног до головы всякой пердящей, выскакивающей и горящей ядовитым цветом хуитой.
>>587982марджини и паддинги за дагами и тувинцами расставлять будешь, понял зеленый
>>587982
>>587988Скажи IE круто!
>>587938а есть горячая клавиша для переключения между подокнами сублайма?из принципа практически не использую мышь
>>588032ctrl+1 2 не знал но интуитивно угадалось
>>588040Спасибо :)
Аноны, подскажите онлайн сервис или таск для гранта/галпа для очистки svg кода от мусора. Трассировку изображений делаю через inkscape.
>>588313gulp-imagemin, он использует svgo.
>>587647Тут не подскажу, у дизайнеров точно есть какие-то свои загончики а-ля фл.ру.
>>587853>>587856Тут подробно расписано: https://sass-guidelin.es/ru/#section-51Я в итоге все свои "домашние" проектики передалал, пикрелейтед, например. На самом деле все просто: там, где прописана сетка - это layout (хедер-футер-мэйнконтент, у меня еще пара блоков). Кнопочки, секшн/див с контентом, всякие дропдауны и прочая контентная хрень - компонентс. Хотя это все можно варьировать. Главное, шрифты и миксины с переменными не засовывать в компоненты, это как-то по-пидарски.
>>588347Бля, ну и говнокод, надо бы почистить, но мне так лень.
>>588347>>588352Ах, да, я тут забыл нормалайз удолить (я его не подключал в эту верстку).
>>587961Зато он знает то, что нужно знать тебе и закалачивает на этом бабло. Чувак, серьезно. Я как-то смотрел курс по экономике, в котором препод делал очень смешную ошибку в ударение какого-то экономического термина (из головы выпало сейчас какого), меня это дико смешило, но абсолютно не мешало. Такое вообще сплошь и рядом. Смотри и не выебывайся.
А есть гайд, по установке галпа?
>>588359Окей, схороню, а завтра посмотрю. Сегодня уже бошка не варит. А как быть с БЭМ? Допустим мы верстаем header. Его пихаем в layout. Но у хедера внутри еще есть блоки (menu, logo...). БЭМ же нам говорит, что для них нужны отдельные файлы, разве нет?
>>588384Или мы от БЭМ берем только именования классов? А файлы разбиваем, допустим как в гайде от sass.
>>588373Охуенный гайд есть на css-tricks. Называется gulp for beginners
>>588407пасиб.
Анон, планирую из фриланса переводчиком постепенно перекатываться во всякие фронтенды с погромированнием. Из опыта верстки только пара склепанных сайтов для локальной быдлоконторы лет пять назад, сейчас вспоминаю все по htmlacademy, учу javascript.Как можно с таким хуевым скилсетом найти работу, чтобы на практике уже применять?
>>588442берешь и ищешь без задних мыслей, естественно
Ребятки, как такой эффект для элемента сделать средствами css?
>>588470Вырежи ровно по контуру картинку, зайди на колорзиллу, вставь там картинку и оно выдаст тебе код градиента
>>588384Бэм-хуэм, структура проекта должна быть логичной, чтобы среди 1000 файликов можно было бы найти нужный при случае и пофиксить. Вот каждая кнопка по бэму - это отдельный блок, но мы их все стилизуем в общем компоненте _buttons, а не создаем с десяток независимых блоков а-ля _header-button, _content-button, _button-submit, _button-yandex--govno и так далее.
>>588471Можно же просто пипеткой взять два цвета по краям и все (даже один, справа белый, если я еще не совсем ебанулся тут).
>>588471Спасибо, но это скорее уход в прозрачность, нежели градиент.
>>588474тоже самое с хедером? всё что в хедере - стилизуем там? (лого, меню, user-block)? Меня просто самого напрягает постоянно создавать новые файлы под каждый блок. В принципе я бы согласился всё что в хедере - оформлять в header.scss
>>588476Но если фон совпадает, то оно и будет выглядет как прозрачность
>>588476ну так делай градиент с прозрачностью ептаhttp://codepen.io/anon/pen/wWBxqP?editors=1100
>>588478Ну смотри, у тебя есть _хедер, там ты пишешь, дисплей флекс, жустивай туда, элайн сюда — этот файлик идет в /layout. Потом у тебя в хедере есть навигация - это уже компонент, под него создаем файлик _навигейшн. Под ним, допустим, слайдер - это тоже компонент, _слайдер. И еще три кнопки, это тоже компонент, единый, _баттонс. В общем, БЭМ идет нахуй и на саму структуру проекта влияет косвенно. А вообще можешь делать так, как тебе удобно, главное основное разделение забацать (миксины-переменные-бутстрапы-нормалайзы-шрифты и прочее — отдельно, блоки/компоненты — отдельно). Все равно если на работу устроишься, будешь работать по корпоративным стандартам.
>>588478>>588499Ну и да, ничего критичного, если ты все стили хедера пропишешь в _header. Ну, не считая шрифтов и кнопочек всяких.
>>588501Ну почему я так часто использую "ну" в письменной речи? ИРЛ у меня с этим проблем нет.
>>588499Спасибо за разъяснение.
>>588502Потому что без него твоя письменная речь выглядела бы хуже, как-то более канцелярски и официально, что ли. Именно поэтому стоит использовать в ней слова-паразиты и смайлики :3
Нюфаг итт, 29 лет + вагон свободного времени. Ничего не знаю совсем про верстку, профессия была связанна с другим.Буду у вас жить.Начинать буду с этого:> Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS> http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.> Интенсивы от академии:> Базовый интенсив HTMLacademy за 2015 год:> http://nnm-club.me/forum/viewtopic.php?t=899131> Продвинутый интенсив HTMLacademy за 2015 год:> http://nnm-club.me/forum/viewtopic.php?t=900609Спасибо вам за тред и такую подробную шапку!Сразу вопрос:А что делать когда бесплатный вариант закончится и пойдут платные уроки?Ну кроме того, что покуать их, я не то чтобы нищий, но денег нет совсем сейчас, вообще нет - все трачу на лекарства (болею, по этому собственно и времени дохуя) до конца лета денег не будт точно.Есть еще варианты не в виде книг, а может обучающих видео или сайтов таких же? Или я соснул с html у же в начале.Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
>>588556теория продвинутых курсов - в шапке, видео интенсивов - тоже. Сначала освой базовый интерактивный курс на htmlacademy, потом смотри базовый интенсив и верстай 4 макета, потом - продвинутый. Потом глянь их интенсив по яваскрипту. После всего этого можешь искать работу на фрилансе.Непонятное спрашивай в этом треде.
>>588556>А что делать когда бесплатный вариант закончится и пойдут платные уроки?По моему, того что дается бесплатно плюс интенсивы вполне достаточно для изучения. Дальше можно просто много верстать набивая руку и восполнять непонятные места рандомными уроками с ютуба.
>>588556СПЕЦИАЛИСТПЕЦИАЛИСТВ разы лучше хтмл академи и предоставляет намного больше курсов.Там тебе как дауну будут объяснять что такое тэг и атрибут, а потом обойдут все правила вёрсток, плюс расскажут про тонкости вёрстки для старых браузеров. Только выбирай старый курс, который 2010 или около того.
Аноны, напомните, как называется бесплатный плагин для фотошопа, позволяющий быстро узнавать css элементов?
>>587614>Скажите, пожалуйста, один !important на джве страницы - это норм?не понятен вопрос, что значит один на две?>им придётся, по сути, делать отдельную страницу а-ля about.php, так?Лучше у них спроси
>>587614анон, а как выглядит рабочий процесс? Ты верстаешь там все 8 часов чуть ли не безостановочно, или вполне можно отдыхать?
Подскажите, как сделать, чтоб полосы были за телефоном.http://codepen.io/anon/pen/XKJxzE
>>588563Ну судя по тому, что они там что-то на Wordpress натягивают у них какая-то донная конторка, но у нас например вполне можно какой-нибудь фигней помаяться, если не долго. Некоторые даже мультики смотрят, пока какая-нибудь сборка идет. Причем начальник к этому нормально относится, да и сам бывает сидит Южный парк смотрит и ржет как дебил.А когда на собеседование в 2ГИС ходил, то вообще охуел от того, насколько там халява.
>>588568просто я бы охуел восемь часов подряд верстать, это ж не работа, а каторга, не ящики там какие-нибудь на складе таскать. В интеллектуальном труде перерывы же должны быть побольше, хотя бы минут 15 в час.
>>588571>верстка>интеллектуальный труд
>>588572Многие не могут осилить и её.
>>588574Я знаю. У меня друг как узнал, что я с нуля меньше чем за год до полтинника дошел, а он в это время въебывал на заводе за 20-25к, то тоже начал верстку учить. Но даже HTML Academy закончить не может. А если учесть, что он максимум час в день тратит на это дело и то не всегда, то такими темпами он на работу устроится лет через 10. И то, если весь веб специально остановится его подождать.
http://codepen.io/anon/pen/KMwGbXПомогите с кастомизацией селекта в форме.Если посмотреть в девтулс, то не смотря на заданные маржины для кастом-обертки .form__select_style, справа есть маржин, не понимаю откуда он вылез и наверно из-за него селект не встает ровно.
>>588576Понимаю, вот у меня, например, братишка 12 лвла на самом первом курсе не мог понять, что делать, пока я сам ему всё не показал. Даже не знаю, получится ли вырастить из него макаку, если даже с вёрсткой у него проблемы возникают.
>>588576У меня братишка 7 лвл, за неделю до полтинника в секунду версткой на таблицах дошел, так что сасай.
>>588583было б здорово, если б модератор банил таких школьников, чтоб они так быстро не переполняли этот тред.
>>588581инлайн-блок задай ему.
>>588584было б здорово, если б модератор банил таких фантазеров как ты, чтобы они так быстро не переполняли этот тред
Котаны, отчислили с 4-го курса перед самыми ГОСами, не сдал один предмет. Отчасти потому, что проебланил, ну еще последний год дрочил верстку и JS.Вот хочу пойти устраиваться версталой, портфолио уже есть, какие-никакие знания тоже. Что сказать по поводу образования? Это же наверное пиздец хуево для работодателя, еблан без диплома, которого отчислили с последнего курса? Как думаете? Стоит ли восстанавливаться потом, чтоб получить диплом? Насколько вообще котируют диплом у фронтов?
>>588621Если диплом не по вебу, то всем похуй.Если по вебу - будет плюсом (но только на начальной стадии при поиске работы, будешь выделяться).А вообще можно же всегда сказать, что учишься на вечном 4м курсе. Кто это проверять станет? А когда возьмут на работу и решат, что подходишь - тем более никого ебать не будет.Диплом нужен только в гос конторах и на больших заводах, где до сих пор социализм и "мы не берем в нашу лабораторию специалистов без высшего технического образования".
>>588617спасибо
ибать мой хуй, первый тред:http://arhivach.org/thread/3525/я таки его нашел.
>>586953я пока не сильно разбирался в этом, наверно забыл удалить один из них
Объясните нубу, установил гулп поработал на нем, потом вырубил комп и пошел спать. Как его снова включить?
>>588678соррян не так объяснился, я имел в виду, как его снова запустить конкретно с тем, чем я работал. Вот я запускаю командную строку и дальше не знаю что надо делать.
Привет, посоны.Третий день-кун пришёл на работу. Позавтракал дома чайком без сахара, на работе сеошник подкинул две конфетки "Ромашка", за что я ему очень благодарен. Под кофе они хорошо заходят. Пришёл счёт за квартиру. 3К + 3К за прошлый месяц, я тогда не заплатил, ибо денег не было, а потом, когда в середине месяца они появились, решил, что заплачу в этом месяце. Наивный мудак.Сейчас пока 10 минут я поебланю, потом приступлю к работе.>>588562>не понятен вопрос, что значит один на две?Ну просто в паре мест использовал в качестве костыля, чтобы не писать лишний класс, а просто перебить стиль другим. Вот и думаю, нормально ли это.>>588563>анон, а как выглядит рабочий процесс? Ты верстаешь там все 8 часов чуть ли не безостановочно, или вполне можно отдыхать? Да отдыхать-то можно и хуи попинать тоже можно, но я, во-первых, достаточно стеснительный и поэтому просто сижу и пишу код как ебанутый. Вот, ещё нахожу время и подвачевать.Сегодня буду делать страничку с формами и вкладками. Как мне не хочется эти формы делать, коробит меня от них. Оставлю напоследок, нахуй-нахуй. Алсо, раньше я делал вкладки на странице через label и скрытые радио-баттоны, но сейчас думаю не ебать мозги и поставить какой-нибудь плагинчик, либо, ещё лучше, взять готовый скрипт с решением, тысячи их в интернете.Мне нравится ламовая обстановка в тредике. Тут здорово. Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя. Все картинки и рекламу я уже нахуй порезал uBlock-ом, теперь хочется поменять некоторые стили на более приятные глазу.Такие дела.
Упомянутая выше статья про gulphttps://css-tricks.com/gulp-for-beginners/
>>588689Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь.У слоно-тян и правда такие сиськи, или это фотошоп?
>>588689бро, сколько у тебя мониторов на рабочей пекарне? Какие её характеристики?
>>587853бутстрап не совместим с бем
>>588690вот это то что ночью я сделал.Не помогает твоя команда так как я уже в папке вроде как открываю строку
>>588704Ну так пишешь gulp tasknameИли просто gulp, если прописал дефолтовый такс.Как ты его вчера-то запустил?
>>588704не еби мозги, читай статью >>588693
>>588708https://www.youtube.com/watch?v=vW51JUVT66wсмотрел как тут делают.
>>588712Но мне лень это смотреть. Я теоретически понял, что ты имеешь в виду под "запустить конкретно с тем, чем я работал" — внезапно, точно так же, как и вчера. Правда у тебя нет плагина gulp-watch, и тебе придется каждый раз ручками прописывать его после изменения sass файликов, но это уж ты как-нибудь сам разберешься.Тебе анон выше скинул статью, почитай. Еще на хабре есть руководство для даунов, я по нему в свое время настраивал https://habrahabr.ru/post/250569/
>>587791У тебя возникали ситуации когда приходилось перебивать стили бутстрапа? Как ты это делал, менял ли файлы самого бутстрапа или же просто перебиваешь стили своими?
>>588714он у меня есть
>>588694>Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь.Я третий день работаю, не думаю, что они так уж обрадуются моему заявлению. Ладно, как-нибудь пробъёмся. Мне ещё заказчик в конце недели должен 6К прислать за сайт. На это и надеюсь.>У слоно-тян и правда такие сиськи, или это фотошоп?Да, правда такие.>>588701Один монитор, лол. Квадратный. Все с этого прикалываются. Директор сказал, что скоро заменит, ибо все в офисе сидят с ёба-мониторами 1920x1080. Но мне не страшно, я, когда начинал только вливаться в веб-разработку, хуячил сайты на нетбуке с Atom-процессором. И ничего, жить можно. Правда сложно и совершенно не нужно.А пекарня хорошая. "8 ядер 8 гигов", печка 750Ti.
>>588716Лучше не менять оригинальные стили бутстрапа. Идея в том, что bootstrap.min.css лежат на многих популярных cdn и у очень многих есть уже в кэше. Общепринятая практика - свои стили поверх бутстраповских.
>>588738Т.е. открываем стр со всеми элементами бутстрапа, нужное меняем с учетом медиа запросов и все?
>>588755глупый вопрос, снят
>>588738Спасибо за исчерпывающий ответ!
>>588719Анончик, ты наверное кидал кулстори о том, как устроился, или нет? Если кидал, то я поищу.
>>588801Нет, анон, я не кидал, но могу потом написать кулстори, как я устраивался.
>>588566z-index: -1
>>588806Запили, буду ждать.
>>588689>Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя.В верхнем меню двощика > Настройки > Другое > Пользовательский CSS > нажимаешь на карандаш и пишешь свои стили. Галочку не забудь поставить потом.
Расскажите, как проходит собеседование на вакансию верстальщика? Что ждать там?
>>588821В первую очередь просят показать твой Барбершоп.Потом задают вопрос: "умеешь в адаптивность?"Отвечай кратко, без лишних слов - "Бутстрап".Желательно сделать серьезное лицо на этом моменте.Потом спросят: "Какие языки ПРОГРАММИРОВАНИЯ вы знаете"? Отвечай: "JQuery".Тут очень важный момент, не скажи по глупости "JS". Иначе провалишь сразу.
>>588850сомневаюсь, что будет именно так. Наверно будут гонять типа: "что такое DOCTYPE HTML?" и т.п..
>>588738А если в less/sass файлах что то меняю? или тоже не стоит?
>>588877а потом компилирую бутстрап.мин с них
Как в гитхабовский клиент на винде засунуть свой сайт? Я нифига понять не могу. Гуглил, но там везде статьи про консольки какие-то.
>>588884Ну и будет потом пользователь вместо то чтобы брать файл из кэша, качать твой bootstrap_VASYAN999_premium_edition.min.css. (в котором ты 2 цвета поменял) будь ты человеком, если берешь весь бутстрап, то правки вноси в отдельный css, подключенный ниже. Все же мы люди.Если уж очень хочется в одном файле, то заходишь на страницу генерации бутстрапа и выкидываешь все говно, которое тебе не нужно. На деле останется скорее всего grid system и еще что по мелочи. Все равно остальное руками писать придется.
>>588885Хочу показать вам на оценку нердс, но не могу с gh-pages разобраться
>>588893Я уж не говорю, что когда работаешь в команде и кто то будет работать с твоим сайтом потом, хуй разберется в этом перелопаченном бутстрапе. А правки в отдельном файле гораздо очевидней. Даже для тебя самого, когда будешь это через пол года изменять.
Здорово, тимлиды.Давно не заходи в тред, а он уже frontend стал.Появились какие-нибудь интересные материалы по js?p.s.Сегодня на работе отсылал скриншот в общий чат с проблемой по одному сайту. Случайно отправил скриншот всего рабочего стола и там было видно папочку с интригующем названием "XXX". Хорошо, хоть свёрнута была.
>>588885в шапке есть описание гита от анона, читай его.
>>588652>куча неактуальной инфыТакого не существует.>нет кучи актуальнойКакой же?
>>588908Я кароч понял как коммитить и все засунуть туда, но почему-то некоторые файлы не коммитятся. А именно иконочные шрифты.
>>588925Вот посмотрите что у меня получилось без иконочных шрифтов (они все равно только внизу для социальных кнопочек используются).http://lotar659.github.io/index.htmlОцените мой код пожалуйста.
Вот думаю насчёт спрайтов, катаны, и возникает вопрос - почему сервер на автомате не может сшивать все необходимые клиенту пикчи в одну сплошную, а браузер их уж как-нибудь самостоятельно поделить? Ведь вся эта ёбля со спрайтами - сущая несемантическая и долбоебическая хуита, которую, тем более, совсем несложно автоматизировать.
>>588918Неактуальна верстка на таблицах, флоатах, инлайн-блоках, старый доктайп, костыли для говна вроде IE6. Актуальны флексы, border-box, border-radius, CSS-трансформации, CSS-градиенты, SVG-спрайты, семантические теги, препроцессоры, сборщики, БЭМ и т. д.Поговорил с зеленым, блять.
>>588942Это автоматизируется, учи вебпак.
>>588928Весьма неплохо. Это всё ты сделал на базе базового интенсива? Сколько времени примерно ушло?
>>588948ясно, буду дальше ботать. Кстати, в интенсивах этот вебпак обозревается?
>>588949Кроме базового интенсива еще перед ним JS на learnjavascript учил, но понял что с таким кол-вом теоретических знаний и совсем без практики далеко не уеду и пошел интенсив курить. Верстал я это все, не считая перерывов, часов 20 очень примерное число, т.к. я не помню
>>588950Не знаю, вообще не заходил на эту вашу академию.
Как удалить папку на гитхабе? Я кажется понял как закоммитить иконочные шрифты, но для этого мне надо папку одну удалить.
>>588561бамп вопросу
>>588945>Неактуальна верстка на>флоатах>инлайн-блоках>костыли для говна вроде IE6>Актуальны>флексы>border-box>БЭМХаха рассмешил содомит. Это тебе дяди из хтмл академи рассказали? Ну-ну.На работе тебе скажут делать так, чтобы везде работало.
>>588955>20 часовкак-то долго слишком, всего-то на две страницы
>>588975Я ж говорю не помню, может и десять. У меня перерывы с неделю были просто.
>>588893Николай Громов так и советует работать с ним, берем лесс отрубаем не нужное, меняем переменные и компилим, генерация по сути тоже самое. Проблема будет с поддержкой только при отсутствии исходников. А так будет миллион строчек в которых я на 1px меняю размеры или отступы. Анон яро против изменения стилей бутстрапа, я понял
>>588983точнее не стилей, а переменных в лесс файлах
>>588976у тебя хед в боди закрывается
>>588988Упс, сейчас исправлю.
>>588893я только начал, по сути, изучать бутстрап и пока не понимаю как его лучше всего применить, я не собираюсь трогать стили, только переменные - размеры, цвета, отступы
>>588992Алсо смог добавить иконочные шрифты на гитхаб наконец-то. Теперь можете полную мою работу оценить.http://lotar659.github.io/catalog.html
>>588999трипл, а еще думаю, что в продакшен весь css единым мин файлом пойдет или нет?
>>589002Народ требует норм карту, а не картинки
>>589006Не делал норм карту потому, что не знал как туда кастомную отметку засунуть. Сейчас могу, но время чтобы сделать будет только послезавтра.
>>589013>Сейчас знаюФикс.
>>589004как правило, жквери и бутстрап всё-равно выносят отдельно, так как он почти у всех есть в кеше браузера.
>>589025т.е. браузер хранит эти файлы и использует на разных сайтах? а не для каждого свой так что ли?
>>585582>>585582объясните на пальцах, нахуя они вообще нужны эти ангуляры, эмбере, экспресы, реакты. Добавляют кастомные тэги, ну и нахуй это надо? Понятно, что я образно сказал, они там как-то систематизируют всё, но зачем?
>>588971Нет, я ни разу не заходил на академию. На работе мы не поддерживаем браузеры ниже IE 11, потому что их суммарная доля — 0,22%. Зачем пилить костыли ради 3,5 инвалидов?
>>589038Попробуй написать SPA без них и скоро сам поймешь. И нахуя ты Экспресс-то сюда приплел?
Верстаны, помогите, пожалуйста. Я вообще не понимаю почему появляется полоска прокрутки. Весь фаирбаг излазил. Удалил разные элементы и выяснил, что это скорей всего из-за центровщика, но до меня не доходит как именно. Вот ссылка на мой хост, гитом еще пользоваться не умею. Могу приложить архив с версткой. http://escapiuw.bget.ru/
>>586075Чёт проиграл.
>>589042вертикальная или горизонтальная? у меня ничего такого нет
>>589042Попробуй ширину контейнера 100% сделать.
>>589051Горизонтальная. У меня в эдже нет, а во всех остальных браузерах есть, что за пиздец
>>589039Потому что написать несколько специальных правил в отдельном файле - это не сложно, и ты расширяешь диапазон пользователей твоего сайта.
>>589055Задал. Полоса осталась.
>>589056я с лисы смотрю, нет ничего. а разрешение какое у тебя?
>>589056мак ос, хром. никакой горизонтальной полосы нет
>>5890611366. Она ведь не должна из нихуя вылазить. Пробовал также делать overflow-x: hidden. в Хроме нормально сработало, а в лисе полоса исчезла, но стрелочками все равно можно было перемещаться влево-вправо.
Вопрос по поводу кеша стилей и js, известных фреймворков они кешируются отдельно для каждого сайта или как в общую папку откуда браузер бете их и подключает к разным сайтам?
>>589065У меня твой хидер не влезает в экран.https://gyazo.com/fd6601fdfed1a05e7afc4cb7bbe6c2cd
>>589050что тебе не нравится? Путин - народный президент, который ориентируется на широкие народные массы, а не на буржуев с разрешением экрана 1920.
>>588961Левый регулятор не крутится.Это план?
>>589074
>>589065смотрел в 1366, с лисы и хрома полос нет
>>589074Да. Я просто не знаю как левую часть полосы-заполнителя привязать к левому регулятору, вот и решил убрать возможность крутить его вообще. Вправо полоса увеличивается/уменьшается путем изменения ширины, а вот как левую часть оживить я хз.
УРА, ПОСОНЫ, ЗАКАЗЧИК ПОЗВОНИЛ, ДАСТ ПРЕДОПЛАТУ, СЕГОДНЯ ВСТРЕТИМСЯ, БУДЕТ БАБЛО, ЗАЕБОК, ЖИВЁМИ это хорошо. Ибо когда сегодня утром уезжал, то даже интернет за неуплату Ростелеком отрубил.Третийдень-кун
>>589084Фрилансишь? Какое у тебя портфолио? Мне тут просто за месяц нужно как-то начать с верстки бабки получать, а то мне пиздец.
>>589042Горизонтальная прокрутка появляется после 1366px, потому что эта цифра задана в боди.
>>589042Убираешь у боди width: 1366;Убираешь .header-nav и полоса исчезаетНадеюсь, ты понял где проблема.
>>589078x1 - левый край полосыx2 - левый бегунокx3 - правый бегунокx4 - правый край полосыНачальная координата бегунка x2, длина бегунка x3 - x2.
>>589042Даже не .header-nav, a list-nav.Там width нужно убрать.И .header-nav .list-nav::after {} проблема тоже в нем.Ну и само собой width в body
>>589084Анон, а у вас в конторе спрашивают про БЭМ? Про препроцессоры? Про бутстрап?
>>589096>>589103Спасибо, мужик. Ты охуенный. ЭтоВсем спасибо, кто участвовал. Но остается тогда вопрос, как правильно задавать ширину для сайта? 1366 для боди я задал по ширине макета, а 1240 для центровщика по ширине контентной области. Есть какие - то тонкости в этом деле?
>>589105Да похуй всем на этот бэм. Пиздец. Три шизика форсят эту хуиту, а земля как крутилась, так и крутится.
>>589067Bump
А можно накачать для портфолио шаблонов из интернета и идти с этим на фриланс?
>>589116можно. Но как только ты соснёшь при выполнении заказа, всё вскроется, твою карму заминусуют, и очко твоё отправится в зрительный зал, да.
>>589116Аноны, не кажется ли вам, что Андрей Першин какой-то говнокодер и хуёвый рассказчик? Какое у него вообще место в академии?
>>589057Ага, запили мне полифилл флексбокса в «несколько отдельных правил».
>>589129александр мб? Это один из создалей, как по мне так его лекции лучшие из всех тамощних
>>589087Нет, сейчас работаю в студии третий день, до этого год где-то фрилансил.>Мне тут просто за месяц нужно как-то начать с верстки бабки получать, а то мне пиздец. Если за такой короткий срок, то могу тебе посоветовать следующее.Идёшь в ВК, ищешь группы на тему вёрстки, фриланса, HTML и там, обычно, в обсуждениях есть раздел "Работа". Смотришь запросы на работу на последних страницах, выбираешь какого-нибудь понравившегося чувака и пишешь ему, так и так, готов взяться за вашу работу. В качестве портфолио можешь первые разы скидывать не свои сайты, только смотри, чтобы на них не было копирайта (я так делал). Это самый быстрый способ найти заказчика.>>589105Нет, не спрашивают. Спросили на собеседовании какие фреймворки знаю, я сказал что из CSS-фреймворков знаю бутстрап, из JS знаю jQuery.Третийдень-кун
>>589134Першин и Борода норм объясняют. А вот Громов, как то не оч.
>>589107Бамп вопросу
>>589133Флексбокс не нужен. Ты навеное совсем нюфаня, раз так обмазываешься им. Отцы сиэсэса могут сделать ВСЁ с помощью флоатов.
>>589134он как-то слишком часто глотает слюну, при вёрстке часто делает всё на глазок, не использует БЭМ, да и вообще видно, что он не особо опытный верстальщик. Конечно, это простительно, если он больше специализируется на бэк-енде или хотя бы большую часть времени пишет что-нибудь на жс.
>>589140У тебя в боди еще clearfix не прописан, из за этого оно у тебя схлопнуто. Тоже самое в main-contentДа и вообще body не нужно размер ставить. Оно всегда должно быть на весь экран.Работай с центровщиком.
>БЭМВы упоминаете эту хуиту серьёзно, или тролите, я не могу понять.
>>589141>могут сделать ВСЁ с помощью флоатовнет, не всё. Кое-что, хоть ты обосрись, а без добавления жс ты на флоатах не сделаешь. Пример - задание в разборе сеток в книжке от O'Really, где они прямым текстом говорят, что на флоатах, к сожалению, всё-равно приходится жрать говно.
>>589147я не особо понимаю профитов от неё, но собираюсь на всём серьёзе 4 макета из базового интенсива верстать с использованием бэм-нейминга.
>>589137Спасибо, попробую как ты сделать.
>>589145Пока ты не сказал про клеарфик я даже и не замечал, что где - то проебался с флоатами. Пошел искать
https://2ch.hk/wrk/res/589180.htmlhttps://2ch.hk/wrk/res/589180.htmlhttps://2ch.hk/wrk/res/589180.htmlhttps://2ch.hk/wrk/res/589180.htmlПЕРЕКАТ
>>589145Не хочу наглеть, но ты неплохо соображаешь. Ответишь еще на пару вопросов?
>>589129я взглянул пару его лекций и он вполне норм, не пизди
>>589147Это полезная вещь, она дает хорошее представление об объектном css
>>589945>без WordPressНу возьми Drupal, епт. Все равно без CMS никуда. Или дописывать каждый раз код.
