Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0 >Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.>Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Почему фронтенд вообще существует? Есть же 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Прошлый тред >>574452 (OP)
Думаю, может быть игрушку запилить, как что-то тестовое на js, что-то вроде чип и дейла, как на денди. Мне бы было это интересно, а то как-то мотивации нет.
Просто верстка, пусть и адаптивная верстка, это что-то слишком тупое для меня, вообще не могу заставить себя этим заниматься.
>>579638>>579636Не хочешь - не делай.
>>579638Делаю свой сайт уже больше года. Дальше стартовой страницы не продвинулся.Некоммерческая деятельность в этой сфере абсолютно не мотивирует.
>>579640видимо, потому что деятельность довольно тупая. А что за сайт?
>>579642Накопилось фоточек всяких за семь лет работы на крупном металлургическом предприятии.Хотел описать жизнь завода по ним и небольшим текстам.Даже разделы придумал: - оранжевый дым- утренняя прогулка- социализм- увольнение..
>>579640В данный момент она некоммерческая, но в будущем может принести тебе много пользы.Охуенный сайт в качестве портфолио или просто примера работы реально помогает когда ты ищешь новых заказчиков или контракты.
>>579649Я работаю уже. Так что не актуально.Это вообще не мое. Я вкатился в эту область, что с того самого металлургического предприятия съебать. И просто качаю скилл, чтобы в будущем мочь уже левой пяткой зарабатывать необходимую сумму и заниматься тем чем нравиться.Правда, не факт что осилю этот путь.
>>579655Это всегда актуально, ты же не думаешь что на своем нынешнем месте просидишь до седой старости.К тому же сайд проджекты помогают развить личные скиллы, обучиться чему-то новому, сдвинуть рамки. Тебя не ограничивают хотелки заказчика или босса, можешь делать что хочешь. Если хочешь чтобы на странице логина тебя приветствовала анимация огромного дышащего пламенем webgl дракона, то ты просто можешь взять и сделать это, попутно изучив сопутствующие техи и подняв свой скилл. Из таких вот моментов и складывается рост. Другое дело, что тебе видимо эта сфера вообще не сильно интересна.
>>579662Я в ней за деньгами. Да.
Бля, пасаны, где можно научиться писать резиновые сайты. Может гайд какой есть ? Пишу сейчас сайтец, задаю все в процентах, размеры блоков, отступы, даже шрифт задаю в vw. Но все выглядит очень удобого, особенно большие проблемы со шрифтами.
>>579655А я думал я один тут от заводов бегу. У меня ещё и вышка в металлургии есть, но ну его нафиг, уволился два месяца назад.
>>579673Офигенная книга есть. Автор Маркот. Название не помню. Погугли
>>579677Отзывчивый вебдизайн
>>579674Лол, если бы была возможность с радостью пошел бы на завод. Но у нас их всех вырезали на металл.
>>579674Постоянно вспоминаю, как по родительскому совету вместо переводчика пошел на техническую специальность.Тупой и безответственный был. Ничего не понимал. Родаки же совки, хотели как лучше.
https://2ch.hk/pr/res/747258.html#749432
>>579678Вроде она.Проценты, медиа квэриз. Все это объясняет. За три вечера прочитал.
>>579682двачую, книга охуенная
Тут был один анон с портфолио. Там еще сайт с лицевой хирургией был. Можно его гитхаб?
>>579688>>579682Не колебаюсь. Кочаю. Она не сильно старая?
>>5796902012 вроде. Читается легко и понятно, не большая. Сути не изменилось за всё время.
Аноны, какой уровень нужен чтобы устроиться версталой в ДС, или хотя бы стажером?
>>579690Второе издание - 2014 года
>>579698hh открой, ну.
>>579706Там разброс ахуеть какой от "Начальные знания ХТМЛ и ЦСС" до "Человек-оркестр, могет в Пыху, реакт ect...". Я сейчас заканчиваю продвинутый интенсив, и мне интересно можно ли с этим багажом устроиться или нет.
>>579719можно. время от времени появляются вакансии чистых верстальщиков. но вообще, вроде, отмер почти такой спец как html-верстальщик. На сайте академии еще и стоит старший верстальщик - это все выдумки.
>>579733Хуево че, денег у меня на месяц осталось, а за месяц мой уровень координально не вырастит.
>>579749я хз но тут люди какие-то в треде умудрялись и не смотря продвинутый выполнять работы
>>579762Это я, продвинутый до половины досмотрел, лол.
>>579777где нашел?
>>579777У меня от видео Академии дикий батхерт. Пилишь с ними, как бы все круто. Начинаешь делать по макету - начинаешь поминутно лазить в гугл, на какую нибудь простенькую поебень уходит несколько часов, а иногда не можешь придумать нормального решения и придумываешь такие костыли, что хочеться зайтись диким, нечеловеческим хохотом, который будет разносить раскатами по окрестным деревушкам от твоей башни, а в это время будут бить огромные молнии, а крестьяне боязливо креститься.
>>579794все так и было. порой часами пытался сделать что-то невозможное, считая правильные варианты костылями.
>>579821например, везде применять свойство vertical-align для вертикального центрирования. Думая, что так можно, а padding будто не true верстка (костыль).
>>579794Это нормально, и даже хорошо. Если бы всё шло гладко, как на видео, не было бы развития.
>>579785Вакансии на авито смотрел, лол.
>>579824Блять вертикальное центрирование это вообще адов пиздец. Из за него перешел на flex.
>>579844Не вижу ни одной причины не использовать флексы сейчас.
>>579845
>>57984810+ версии поддерживают. А версиями ниже пользуется так мало народу, что потенциальная прибыль с них намного меньше, чем стоит оплата времени разработчика на поддержку древнего дерьма. Так что нахуй IE.
>>579856в большинстве случаев твои флексы нахуй не нужны, так что никакое время не тратится
>>579861флексы тоже узкого применения.На них вроде не сделаешь каталог в несколько строк. У них вообще есть переход на другую строку?Что-то однострочное на них круто, да.
>>579856ие8 в требованиях дохуя где сейчас, так что верстай на флоатах и не выебывайся.
>>579869flex-wrap:wrap , даун
>>579870Одно дело не использовать флексы, другое - верстать с учетом всех выебонов IE8. Нахуй такие требования.другой анон
>>579870Если проект стартует или или редизайнится то не юзать флексы == преступление.За ними и настоящее и будущее.
>>579848Вы бы видели какие хуеверты вытворял новейший IE Edge под Windows 10!Соседние элементы влияли друг на друга, например следующим образом: наличие свойства position: relative; у одного дива внезапно давало розовый цвет фон следующего. Причем, блять, такого цвета во всем проекте даже не существовало.В остальных 3х браузерах (сафари не пробовал) все отлично работало при этом.
>>579875>>579876Сдается мне что вы безработные кукарекающие илитки. Я согласен что нахуй эти ебаные флоаты, но что блять поделаешь.
>>579794Лол, ну да. Особенно, если Пинк верстать. Там вообще охуеть можно
>>579873благодарю.
>>579880Мимо. Работаю сразу на двух. Поддержка ИЕ +10.
>>579794Потом снова столкнешься с такой проблемой и снова в инет, снова и снова. А позже наизусть будешь помнить достоинства того или иного метода. Думаю не стоит отчаиваться. Я свой самый первый макет верстал абсолютами почти везде. Жаль не сохранился, посмеялись бы.
>>579885Ебанутые менеджеры берут блять любые проекты очень часто ие8+, а на фрилансе так если скажешь что поддержка старых браузеров дороже обойдется, то клиент сливается и ищет другую макаку.
>>579875>IE8Это тот который не умеет в скругленные границы? Нахуй его.
>>579892ООООООООО ВЫ ПОСМОТРИТЕ КАК ХУЕВО ВСЕ БУДЕТ ВЫГЛЯДЕТЬ БЕЗ СКРУГЛЕННЫХ ГРАНИЦ КАК ЖИТЬ ТО ТЕПЕРЬ ООООООООООООО
>>579880>>579880Верстаю проект с требованиями IE11+, сетку пилил без флексов, т.к. она неебически простая (основной контент + сайдбар). Флексы использую для детального позиционирования, чтобы выглядело круто, но с фолбэком на инлайн-блоки.
Минимум 3 тестовых делал за последний год, где нужен был IE8. Причем js тоже IE8.
>>579895Везет тебе, что могу сказать.
>>579891Ну так не работай с ебанутыми менеджерами. Смысла стартовать что-то на флоатах и инлайн блоках? Особенно небольшое?Согласен, что в некоторых случаях есть необходимость, но шанс небольшой. Сделаешь щас верстку на флоатах, через год-два все равно на флексы перепишешь. Нахуя спрашивается мозги себе ебал? Чай не 2014 на дворе. А поддерживать все это говно будет намного сложнее. >>579894Я просто привел пример чтобы понимать масштабы пиздеца. Восьмой осел это тот браузер, для которого наши деды гиф скругляшки использовали.
>>579900> Ну так не работай с ебанутыми менеджерамиУ меня выбор есть? В моей мухосрани вакансий нет почти, а если есть то там джс знать надо и фреймворки, так что не скоро мне еще норм проекты пилить.
>>579900Хуя, дак ты не застал ie6, вот он был классным
>>579877Блядь, удваиваю. Фиксил свои флексомакеты под едже и охуел. Говнина ебаная, десятка и то лучше поддерживается, там хоть знаешь, что минхейт распидарасит контейнер, а флекс-базиз не работает. А в едже все ломается ну просто так хули разбирайся теперь посиди в нашем НОВОМ ИНСПЕКТОРЕ ОН ТАКОЙ УДОБНЫ))).
>>579912в DOM нет псевдоэлементов@свойства псевдоэлементов зачеркнуты, будто не применились@сила традиций ie
>>579636Я как раз пилю игрушку на JS параллельно с версткой.
>>579876Будущее за grid.
Товарищи, есть код.Есть у дива паддинг-боттом. Который 80 пх.В Мозилле всё смотрится прекрасно замечательно (первый пикрелейтед). В Хроме происходит вот такой вот пиздец (второй пикрелейтед).Как это можно решить? Прописать для вебкита отрицательный паддинг?Кусок кода прилагается - http://codepen.io/tvoibatya/pen/mEbMEv
>>579974Все, аноны, сорьки. Надо было min-height удалить, оказывается.
>>579976Только хотел написать. Но хорошо что ты сам разобрался.
>>579968Ага, учитывая, что флексам уже - сколько там, с 2008 года, вроде? - лет, грид через 10 лет будет поддерживаться исключительно фаерфоксом и хромогом.
>>579978Мощная у тебя пунктуацию, хочу заметить.
>>579980>пунктуацияfix
>>579980Лучше, перебздеть, чем, недобздеть,,,-!мимо другой анон
>>579968Вообще они сочетаться должны. Грид конкретно для сеток, флексы для работы внутри отдельных блоков.
>>579895>с фолбэком на инлайн-блокиПросто присваиваешь всем флекс-айтемам display:inline-block, или чего посерьезнее юзаешь?
>>580000Прописываю display, иногда немного дополняю, чтобы выглядело не страшно. Идея в том, что на флексах легче сделать адаптивность, а инлайн-блоки на нестандартном экране вряд ли кто-нибудь увидит. Это касается отдельных элементов. Сетку же, если она несложная, легче сделать по-старинке и не париться о багах флексов и версиях IE.
А есть вообще смысл сначала проходить бесплатные задания на htmlacademy или лучше сразу базовый интенсив проходить?
>>580008интенсив лучше
>>579980Ну, так, почему-бы, и, нет. мимо тот самый анон
>>580015А в чем проблема использовать полифилл?Ньюфаг
>>580027Видимо, в том, что в IE10 не только флексы не работают. И подтягивать полифиллы (даже в conditional comments) ради одной десятой процента - избыточно.мимо
>>580027Речь ведь не только о полифиллах, но и о поддержке самих флексов в ишаке ниже 11. Я бы мог тебе целый список багов накидать, но мне лень. К примеру, тексту внутри флексового элемента надо задавать width: 100% иначе он выстраивается в длинную цепочку, длинной как талия мамаши билла гейста. Ну и еще куча всякой хуйни. Если уж отказываться от старых ишаков ради флексов, то и от 10-го тоже лучше отказаться.
>>579647Короче, решил ты сделать блог, посмотри в сторону вордпресса.мимо
>>579670Хуевая мотивация. Конечно здесь все за деньгами, но большинству нравится то, что они делают. Если тебе не сильно нравится фронтенд и веб, лучше посмотреть в сторону того, что тебе нравится, а про веб забыть. Иначе ничего серьезного не добьешься.
>>579880Хуярю на рабочем IE10+, но там адов пиздец от предыдущего работника.Взялся за тестовое на удаленку, там надо под IE9+ сверстать, так что хуй, а не флексы. но я и не против, там все крайне простецки
>>580014Спасиб.
Аноны, есть вот такая хренотень. Подскажите, есть ли готовые решения для такой нити новостей? Думаю, как лучше заверстать, не хочу сильно париться с этоу нитью.
>>580100решения есть, погугли: css js vertical timeline
>>580102Благодарствую
Можно ли как-то на цсс сделать, чтобы при наведении на блок изменялся другой объект, который не является потомком блока?
>>580128Если объект находится после блока, то можно, иначе нужно использовать js
>>580129Ты не прав.https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#css-core-modules
>>580136Ок, пусть будет после блока, я его абсолютно спозиционирую, как сделать тогда?
>>580137Сиблинг это так, например, как сделать, чтобы при ховере на А менялся В?<div> <span>A</span> <span>B</span></div>
>>580055а я не знаю, что мне нравится. И вдруг таких вещей уже нет? Поэтому я вынужден просто зарабатывать деньги.
>>580146селектором по следующему сиблингу + (или ~, если они идут не подряд)http://codepen.io/kotokrad/pen/ezOVyQ
>>580153Спасибо!
>>580137можно в любом месте, используя связку label input[type='checkbox']
>>580159ошибся, то только для клика.
Нуб в треде. Пытаюсь повторить дизайн http://vk.comКак запилить кликабельный блок лого?Как понять, что у них за градиент на хедере?Как сделать такие квадратики в списке?
>>579897js ие8 - это такой блядь долбоебизм, куча херни не так, полифилы подключай....
>>579992this
>>580167Ты в перед паровоза-то не бежишь? Не задумывался, что с таким количеством возникающих вопрос делать это рано еще, не? Может поучить для начала?
>>580167Пиздуй интенсив смотреть лучше.
Продвинутый интенсив за 2016 выложите плиз.С меня нихуя.
Сижу в своем суровом миллионнике и охуеваю:или я не там смотрю или вакансий вообще нет.Есть тут земели? Как и где искали работу?З.Ы. ХХ у нас не работает, как надо.смотрю интенсив на работе кун.
>>580269я только 2014 видел и 2015 вроде в доступе, устроит?
>>580167.logo {cursor: pointer;}(♯`∧´)
>>580288Лучше все-таки <a>
>>580285в моем полумиллионнике годами висит одна вакансия на hh. Можешь умножать на 2.hh реально работает в этой сфере только в ДСах.
>>580354потому и ищу кого-нибудь с наших краев, есть одна контора называется intecweb, хотел про нее спросить.Через 2 недели закончу институт и хочу найти работу связанную с вебом. Заебала торговля тухлая.
Двач, запилил страничку, сойдет для портфолио если поправить косяки, или слабовато? Просто надо знать есть смысл его выкладывать?http://dzambato.github.io/Adventurer/index.html
>>580285Ну я в своей мухосрани нашёл пару вакансий. Именно фронтэнд, а не ебучего HTML‚ CSS‚ Javascript (jQuery)‚ PHP (ООП)‚ MySQL‚ Ajax‚ JSON‚ XML, python, ruby, perl linux mvc c++ haskell coffe making cock sucking ass licking floor sweeping долбоёба за 15к. Пиздец и ведь кто-то устраивается туда.Правда, почему-то в одной конторе они считают фронтэндом - ангуляр и прочее, а вёрстка у них это отдельная тема.В другой богодельне уже получше ситуация, но я пока не буду апплаиться потом, что ссу, лол.
>>580400>потом, что ссу, лол.*потому
>>580287нет
>>580399Если писал все сам, то это уже заебись заявочка что ты что-то умеешь. Только обязательно уточни в портфолио.Если подключал плагины - хуже, но тоже неплохо, всяко лучше статичной страницы.
Привет анон, Как сделать так чтобы блоки не двигались при наводке, например на пикрелейтеде я навожу на второй блок открывается скрытая информация и четвертый блок идет на место шестого, нужно чтобы при наводке на блок другие блоки не двигались.скрытая информация сделана с display:none - display:block.
>>580399оптимизацию сделай (page speed insights)
>>580400Такие у нас тоже есть, но та контора, которую я написал ищет ассистента веб-программиста:Javascript + верстка.Обещают 25к. Вроде ничего не смущает, только ебаный институт держит. Пока тут работаю, могу и на двач зайти и к госам готовится.
>>579674Ты это я. Тоже металлургия, тоже завод. Уволился месяц назад.
>>580400> coffe making cock sucking ass licking floor sweepingСука, проиграл.
>>580412Код в студию
>>580476Съебывающий нефтяник в треде
>>580412Masonry или сетка из трех столбцов. Тогда блок под активным будет уезжать ниже.
>>579597 (OP)Анонче, прошел удаленное собеседование по телефону и сверстал тестовую формочку, взяли на удаленную работу.Битрикс-кун
>>580499Поздравляю, два смузи тебе!
http://pastebin.com/nDQkCivHИспользую bootstrap.
Куда вы все лезете блядь, пиздец
>>580482->>>580512
>>580499И какого работать с этой парашей?Стоит того?
>>580516>какогоfacepalm.svg
>>580513Остуди свое траханье, теперь это htmlacademy-ков тред.
>>580515Залей нормально весь код с джсом на кодепен, плз.
>>580522А вообще лучше архив скинь, я посмотрю, так как ток щас про бутстрап увидел.
>>580523Что там смотреть-то, это не какой-то неочевидный баг, а обычное поведение флоатов.
>>580540Хз, я люблю с кодом поиграться прост)))
>>580497Другой анон. С плагином всё понятно - хуяк хуяк и в продакшнЗаинтересовал способ со столбцами. Это так делается?А сделать правильный порядок заполнения контента - это уже работа подвальной крысы?
>>580497Сделал из трех столбцов, на середнем екране более менее нормально но на маленьких пикрелейтед.
>>580582>это уже работа подвальной крысыДа. Тебя
>>580595А какой ожидаемый результат-то?
>>580597Чтоб все блоки были вряд(как первые два).
>>580606Ну, есть ещё способ. Можешь посмотреть мой костыль, блевануть вдохновиться.http://codepen.io/kotokrad/pen/ZOzRPw
>>580606А как оно должно работать при клике? Ты определись уже что хочешь — колонки или столбцы.
>>580410Еслиб все сам писал, то было бы конечно заебись. К сожалению познания в JS не глубоки нихуя. Так.. на уровне прочитать чужой не сложный код и поправить несколько параметров, ну и галп настроить под себя. Вот как раз хотел углубиться в это дело. До этотого пилил многие вещи с помощью ксс, и понял что это просто все костыли ебучие. Жаль признавать но времени потратил на всякую хуйню просто море.>>580417Кстати забавный сервис, спасибо
Выложил резюмеина хх, зовут на пхп макаку, ну что за нахуй.
>>580644какой опыт? долго учился?
>>580656Дохуя, ты так не сможешь
>>580666хуя ты грубый
Сходил на собес на вакансию фронта в местный стартап. Вакансию эту я видел давно, но не аплаился ибо не умею в пайтон и с фреймворками не работал.Сами кинули мне приглашение. Пошел поболтал. Вроде приятные ребята, вот только собеседовали они меня не по фронту нихуя. То есть вообще. Ни одного вопроса по верстке или джс. Глянули проекты на гитхабе. Сказали что джс у меня получается и все такое.Потом стали задвигать за фреймворки, базы данных, серверные запросы, алгоритмы, в чем я почти шарю потому что это внезапно бекэнд, а я на фронта собеседоватся пришел. Не прошел короче. Предложили зп в 2 раза ниже моей. Я возразил что я щас в 3 раза больше на удаленке получаю. Ответ - да действительно, компании штампующие сайты за верстку примерно столько и платят, но им нужен фулстакер, которому они видимо будут платить те же бабки.Странное какое-то чувство после собеса осталось. Либо я в неправильном направлении двигаюсь, либо ребята немножко охуели. Что думаете котаны?
>>580608Спасибо анон,так я более менее и хотел.
>>580700> стартап> немножко охуелиНу как-то так, да.
>>580674эт не я, умник какой-то. Учился пол года, но в php нихуя не секу, написал ответку что слабо знаком поглядим что ответят.
>>580516я не он, но работаю с этой парашей, как верстальщик.Основы учатся по ютубу за день.Но когда хочешь сделать шаг влево-вправо - пиздец - ничего не гуглится, приходится мучить программиста.Реально, в инете по битриксу нормальных гайдов нет.
>>580700бля, ну это же бред, начнем с того что нормальных фулстеков не бывает, а если и есть, то уже все при деле (гуглите хабр, были переводные статьи на эту тему)во-вторых, фуллстек за бОльший объем знаний и получать должен больше. Короче они охуели просто.больше всего проиграл с их "компании штампующий сайты". Выходит эти компании умнее, чем они, потому что труд работника более-менее оценивают.
Есть небольшой заказ, но я чет в тупике полнейшем.У мужика есть древний сайт 2011 года. Что-то вроде личного бложика со статьями, на 10 разных языках. Надумал он сделать его мобайл френдли, т.е. адаптивным.Ну и заодно надо бы ему сменить CMS. Раз сайт имеет формат эдакого статейника, решили выбрать WordPress. Тут-то и началась хуета.Вот, допустим, нашел я примерно подходящую тему. Как мне ее вообще редактировать? этому в HTML Academy не учат До этого с WP не работал, смотрю на эти тысячи плагинов и понять не могу куда их применить. Где можно почитать внятно о настройке темы WP Под себя?
>>580516Договорился, чтобы меня не ебали без особого повода, просто отдаю готовую верстку, а программисты натягивают. Вероятен потенциальный переезд в другой город, в чем огромный плюс, и о чем я уже давно думаю.
Ребзя, имел тут кто дело с православным Битриксом? На пустой сайт шаблон ставится нормально, но кодеру нужен интернет магаз, тот самый с телками в нижнем белье. И тут возникает трабл - битруша подмешивает мне непонятно откуда взявшиеся стили, от которых вся верстка плывет. Щито делать?
>>580700->>>580832this. Фуллстэки в большинстве своем выебистые макаки, по большей части работающие с php, и не умеющие в верстку. Адекватных фуллстэков мало, я еще ни одного не видел.После слов про компании, штампующие сайты, я бы просто встал и ушел. >>581150https://www.youtube.com/watch?v=WFEgmNfvpnwДержи.>>581365Тебе нужно перебить или переписать стили. Если не хочешь копаться в дерьмеце, то либо хуярь !important или добавляй дополнительные каскада: div.container. Или жмякай ctrl + shift + f и ищи по всему проекту ".container", когда найдешь, можешь переписать
Антоши, такой вопрос. Есть проект биржи медицинского хлама в разработке. В нем куча менюшек и прочего дерьма.Менюшки многоуровневые, довольно объемные.При клике, к примеру на пункт главного меню с медицинским оборудованием, вскрывается второй уровень меню с 10 пунктами, каждый отвечает определенной категории оборудвания, а при наведении на любую из категорий вскрывается третий уровень с несколькими подкатегориями. И подкатегорий этих может быть хоть штук 20. Вопрос, как это дело лучше реализовать? Тупо ебашить все разметкой? Тогда получится какой-то дичайше жирный хтмл10 категорий в каждой по 10 подкатегорий, это ж 100 мать его блоков, что не предел. Такой подход меня слегка смущает. Будет ли он расширяемым и легко поддерживаемым?Альтернатива мне видится как единый компонент, который в завимости от клика по категории вытягивает, например, из объекта данные, отрисовывает их внутри и показывается на странице. Но стоит ли оно того? Понятия не имею как у них там на сервере все это дерьмо отрабатывается, придется решать вопрос с отдачей дополнительного файла с категориями.
>>581410Ненавижу такие уебанские меню с тройной вложенностью. Не как верстала, а как пользователь. Это просто ад.
>>581410Я относительный ньюфаг в джс, поэтому ничего по делу не подскажу, извини, но скажу, что когда я вижу очередной сайт, где> всплывающее меню на ховеремне хочется сжечь датацентр, где это поделие хостится.
Поясните за шаблонизаторы, на каком этапе стоит ими упороться и стоит ли вообще?
>>581552Конешно стоит. Я например стал использовать jade после того как заебался исправлять главную и футер на каждой странице.
>>581410>Тупо ебашить все разметкой?да, сделай макет с 10-15 категориями в сумме, пусть они потом натягивают верстку на движок, и все категории будут отрисовываться сразу при загрузке страницы. Нет ничего страшного в том, что там будут 100 блоков менюхи, на странице их и так дохуя, так что особо не парься. Главное, чтобы верстка была нормальной.Во втором случае тебе понадобится ajax, и страница будет постоянно подгружаться, когда ты будешь кликать по менюхе. Это как-то стремно.
>>581582Олсо, представь, что аякс вернется с ошибкой, пользователи не смогут перейти на нужную страницу.
>>581365А файл стилей слабо что ли найти?Ты хоть один гайд посмотрел прежде чем ставить?
>>581552Когда базовый интенсив пройдешь и начнешь проходить продивнутый, можешь начать на шаблонизаторах хуярить. Главная проблема, что надо быстро создать рабочее пространство, поэтому надо свой шаблон либо на github закинуть, либо всегда держать под рукой. Некоторые, правда, каждй раз создают новый шаблон, но на это время тратится.
>>581380>либо хуярь !importantОбоссал говнодела.
>>581552>>581581Ну для простого инклуда можно какие-то простые плагины для своего сборщика использовать.Jade, мне показалось неудобно читать.>>580700Охуели конечно
>>581637Юзаю file include для сборщика, если не нужна серьезная шаблонизация, самое то.
>>580399Сойдет. Далее напишу свои наблюдения, может они верные и помогут тебе стать лучше или объясни почему так, потому что я хуже тебя.Какой то свг в начале, зачем он? К боди применяется класс в зависимости от браузера, зачем? Очень много оберток wrapper, inner, container. Использовал теги nav, main, footer, но не использовал header.Сколько по времени затратил весь проект? Как называется фигня из блока Who we are слева от скиллов, слайдер из блока Customer reviews и переключалка из блока Our Awesome Works?
>>581590Я уже прошел продвинутый и упарываю джс, но все никак не могу понять, что это вообще такое - шаблонизаторы, и нахуа они нужны.
>>581652В начале свг спрайт, теоретически можно его пхнуть в локал сторэдж, гайдов много и попыхтеть можно было. На боди липнет класс... судя по всему это плагин на фильтр grayscale, ебнутый эффект, там еще надо пофиксить багу с ослом, там что-то с позишеном, и скрипт не правильно расчитывает ширину. Видимо там перегрузил всякими перделками. На счет оберток согласен, но почему-то я без них чувствую себя хуже=) Времени много. Я после работы делаю, а там то в сон рубит, то башка уже не варит. Да и делал, ну точнее думал что делаю по уму, типа бля на галпе, типа модульно со всякими там типографиками, переменными условиями... По этому получилось еще дольше. Хз дней 5. Что ты имеешь в виду про "фигню из блока"? Что за скрипты?
Вопрос конечно весьма глупый и наверняка его тут задавали уже раз 100, но я все же спрошу. На какой уровень дохода сможет выйти головастый парень спустя 3 месяца задрачивания js, с нуля, часа по 3-4 в день?
>>5816693 доширака в день, этому работяге
>>581592чувак, то что уже с битриксом работаешь уже говноделиемимо
>>581658хуево значит прошел продвинутый
>>580761Сукка, зовут на собесед, говорят, чтоб шел если есть желание учить пехапе. Первые задачи будут по фронту. Компания норм вроде, зп висят топовые для моей мухосрани. Как быть блеа.
>>581710ну так если есть желание учить пхп - иди. очевидно ведь
>>581435>>581457Тоже не нравятся, но дизайнер пожелал. Я вам больше скажу котаны.Менюхи эти с встроенными скроллбарами, причем дизайнер захотел скроллбары не дефолтные. В чем проблема? В том что простейший и самый очевидный способ сделать третий уровень меню - засунуть отдельный блок с подкатегориям для каждой конкретной категории в разметку категории, спозиционировать его абсолютно, например, справа от второго уровня меню позиционирование упрощается из-за привязки к элементу категории и показывать по клику. Но такой вариант невозможен, так как кастомные скроллбары предполагают установку overflow:hidden на контейнере меню, плюс сам скроллбар работает постоянно, то есть будет двигаться вверх вниз по скроллу и тащить за собой все вложенные блоки. В итоге, мне придется пилить отдельный блок с группами подкатегорий, отдельно позиционировать его , затем по клику на категорию чекать ее дата-атрибут, чекать дата-атрибут внутри меню третьего уровня и если они матчатся, показывать нужный список на страницу. Вот что значит дизайнер не шарит в технических деталях.>>581582Спасибо, похоже так и сделаю.
>>581678если ты работал с битриксов, то хоть приведи пару примеров его ущербности (реально интересно, потому что сравнивать мне не с чем, и работая с ним как верстальщик ничего не вижу парашного), а если просто повторяешь за другими, то предлагаю не пиздеть попусту.
Как реализовать такую хуйнюшку?Аноны, спасайте.
>>581658Ну ёбана, самый просто пример - у тебя есть один хедер, чтобы вручуную не копировать кусок кода в овер9999 файлов, ты вставляешь что-то типа include html-includes/header.html вместо хедера. Сборщик парсит файлы, находит выражения и заменяет их содержимым указанного файла.
>>581892сделать png полоску с таким полукругом-вырезом, шириной на всю карту, и наложить ее внизу на карту.
>>582020лучше свг полоску
>>581581> Я например стал использовать jadeА почему? Почему не handlebars?
>>582025двачую этого свг-господина, а еще все это можно прописать в том же контейнере впихнув svg в пседвоэлемент и спозиционировать его внизу.
>>581723Но внезапно мне поступило еще одно предложение. И оно уже на фронт-енд чистый на ангуляре но с переездом в ЕКБ. Бля
>>582056нихуя не понял, как у тебя навыки?
>>582061>каккакие
>>582061html+css+ванила js+jq+хуевый реакт+хуевая нода. Про php я конечно не понял, но по всей видимости они видят во мне не совсем дауна и готовы научить.
>>582067А годков тебе сколько?
>>58207424
>>582077пиздец конечно я старый, но было бы 19 если бы я 5 лет на тех вышку не уебал. Хотя может это и не так плохо.
>>582067Что значит предложение? Они уже согласны? Говорят вот тебе зарплата, испытательный срок, когда сможешь начать?Или спасибо за беседу, Вы подумайте, мы подумаем?
>>582086Мне вот 22, я только сейчас получу эту тех.вышку. Но знания пока что уровня барбершопа и я так же думаю пиздец конечно я старый.
>>582087по пхп о встрече договариваются, а по ангуляру я ничего не уточнял. Они там просто написали что их заинтересовало мое резюме, работы. готовы ли работать на этой вакансии и переехать в екб, ждем ответа все расскажем. >>582090на самом деле мы не старые.
>>582096ну это же вообще ничего не значит, у меня таких заинтересованных бывало по четыре на дню, когда я активно искал работу в Питере.
>>582109никто и не сказал, что эт что-то значит, просто я на счет пехапе думаю, бекенд все таки.
>>582112мне просто показалось, что тут полтора анона (весь тред считай) перевозбудилось.Собеседований кучу проводят очень охотно, даже если требования на синьора фуллстак с опытом 6 лет, а ты еще базовый интенсив только закончил.Почему-то всем похуй было. Я там месяц побегал с одного на другое, потом понял, что это все зря и стал серьезно рассматривать только то что реально соответствует моим навыкам.
>>582126Та не, хули там возбуждаться, ладно бы на работу устроился. А про навыки верно, я тож в ангуляр залупу не собираюсь ибо не имею о нем представления даже, реакт это как бэ вообще другая песня. Написал из-за диссонанса фронт-бэк.
А тут только фронт? Бек-энд в хату примете?
>>582145вам в /pr
>>581589Читал оф документацию. А где его искать, если на весь сайт один цсс у меня?
>>582145Программист, пусть хреново, но обычно сам может сверстать все что нужно.А вот верстальщик сам ничего не запрограммирует.
>>582167А если он может в джс и полгода пишет вьюхи?
>>582181тогда он не верстальщик, а программист. Все просто.
>>582167напомнило:История из соседней компании. Lead .NET разработчик усмотрел проблемы на front-end. Он решил, что у UI-проекта неправильная архитектура и технический долг, поэтому он пошел наводить там порядок. В итоге стало еще хуже, чем было, потому что JavaScript-приложение он создавать не умел.Я думаю похожая ситуация могла бы произойти, если бы JavaScript-разработчик полез в C#. Разница в том, что .NET разработчики считают, что смогут корректно поправить JavaScript/CSS, а front-end разработчики знают, что им в C# лучше не залезать и они не лезут.
Как это говно выровнять? Первые два инпута. <br>-ами?
>>582261Отлепилосьhttp://codepen.io/tvoibatya/pen/aZbOza
>>582261А ты понимаешь вообще почему так происходит? Распихай по дивам-контейнерам.
>>582269Да я как раз хотел без дивов-контейнеров, но уже понял, что без них никак. Спасибо.
>>582270Можно, но зачем?
>>582271А зачем на странице лишняя информация, лишние дивы, когда можно без них?
>>582274Экономит время, делает код более понятным.
Поясните за выравнивание лэйаута.В боди мы впихиваем div с, допустим, классом .container со стилями пикрелейтед.А уже в этот div.container мы пихаем весь контент из которого будет состоять наш сайт.?
>>582294margin*
>>582294Да.
Аноны, использование box-sizing: border-box вообще хорошей практикой является? Или читерством считается?
>>582304Блять, я обожаю этот тред. Один вопрос охуительнее другого, просто.
>>582304Ты наркоман? Что значит «читерство»?
>>582304Смотря чего собираешься поддерживать.http://caniuse.com/#search=box-sizing
>>582310Тебя не смущает, что там ВСЕ зеленое?
>>582311Потому что там написаны только версии, которые это свойсто поддерживают.Так же во вкладке "known issues" ты можешь узнать в каких бразузерах оно может вести себя нестабильно.
>>582315поддерживают*
>>582315свойство*блядь
>>582310По-моему, если процент поддержки больше 80%, то можно спокойно использовать. За пользование некробраузерами уже давно пора сажать.
>>582315>Потому что там написаны только версии, которые это свойсто поддерживают.Нет, просто последний браузеры. Ты только из анабиоза что ли?
Поясните за подобную ширину макетов.Это нормально в наше время?
Почти все бесплатные макеты из интернета имеют подобную ширину.
>>582339Вкинь, пожалуйста, эту псдшку.
>>582341https://symu.co/freebies/templates-4/panakeia-psd-template/Не бойся регистрации, там нужен только имейл.
>>582342Спасибо!
>>582341>>582344А ты бы как верстал?Там даже если откинуть по 350 по бокам, 1300 ширина будет. Ок, отрежем, а картинку, которая в ширину 2000 как впихнуть?
>>582349Где люди сидят?На бэкграунд боди.
>>582352Размер фотографии 2000 пикселей. Если ты впихнёшь её в боди, то боди будет 2000, значит о центровке контента забудь.
>>582353Чего?А запихнуть контейнер-центровщик в боди не судьба?
>>582353Чет ты не одупляешь походу...
>>582358Я пока не думаю над этой проблемой. Когда подойдёт момент верстать main, тогда и подумаю как её, эту фотографию, спозиционировать.
>>582364Ебаный в рот, ну ты совсем блядь ебан?
>>582365Не волнуйся пожалуйста.
Ну ок, размер Main области, как и размер фотографии 1320 на 2000, лол. Такая высота не может быть приемлимой. Надо как-то красиво укратить размеры блока и фотографии.
>>582368Блять, если это ты:>Размер фотографии 2000 пикселей. Если ты впихнёшь её в боди, то боди будет 2000, значит о центровке контента забудь.>Я пока не думаю над этой проблемой. Когда подойдёт момент верстать main, тогда и подумаю как её, эту фотографию, спозиционировать. То ты полный даун, бросай нахуй это дело и пиздуй на завод
>>582339>>582332>>582349Фон на всю ширину монитора (мода такая, ага), контент шириной в 1400 пикселей (от 200 до 1600 по макету, видно же) и центрируется. Я сверстал примерно такую же хуитку, но мне стыдно ее вбрасывать в тред.
>>582378Ну что ты такой злой, может человек впервые за пределы академовских барбершопов вылез. Вот, например, как я сделал (на остальной код и разметку не смотрите, это я учился хуяк-хуяк на бутстрапе с жиквери).
>>580399Сколько времени ушло на создание?
Если я туплю в самом начале html-академии, и уже 40 минут пытаюсь выполнить финальное испытание в селекторах, и пока что безрезультатно, это значит, что мне нечего делать в верстке?
>>582420Да, иди на завод, не усугубляй конкуренцию. Нет, смотри интенсивы, задания - говно, нигде на практике не нужное.
>>582426Ну они же нужны, когда вообще ничего не знаешь. Ну, т.е. ознакомится вообще со всем этим. Я ньюфаг.
>>582428Смотри базовый интенсив, тебе там в первых же двух-трех уроках скажут, что каскад, вложенность, импортанты и прочая поебень не только не нужна, но и вообще противопоказана.Верстальные интенсивы академии - ультрагоднота.JS-интенсив академии - говнецо.Онлайн-задания/испытания на сайте академии - ультраговно.
>>582429Хотя тут я немного перегнул. Относительно полезные курсы (которые на сайте):-Знакомство с формами-Фоны-Блочная модель-Сетки-Позиционирование-HTML5Остальное не нужно. Хотя и это все ты узнаешь из базового интенсива.
>>582429js интенсив академии - нормальный, есть и похужеА вот про испытания на сайте - соглашусь, хоть и сделал все на соточку спокойно.
>>582432А вот я не соглашусь. Их стоит пройти, кроме селекторов, хотя даже они лишними не будут. Тот же бэм толкует что нахуй эти < + ~ и прочее говно, но иногда этот бэм доходит до абсурда, и просто иметь представление, что они как бы существуют надо. Но задрачивать их не стоит. Хотя сказать что это пиздец как плохо я не могу. Чем глубже понимаешь процесс тем лучше.
>>582432Ну такое себе. Ты прав, в принципе, но тут проблема в том, что хороших курсов по джаваскрипту вообще нет, так что вброс от академии - уже хоть что-то. Но база очень бедная, да и лектор ну ооочень тянет время, каждую лекцию можно уложить в 40 минут. >>582439> < + ~Они иногда нужны в джаваскрипте, но фишка в том, что ты в таком случае просто идешь и гуглишь. А так достаточно небольшого каскада, чтобы, например не задавать в той же менюшке каждой ссылке класс по бэму, а просто навесить на них стили через ".huita a" или типа того.
>>582448Абсолютно верно, на такие вещи я тоже ложу на бэм т.к это бред. Нахуя вешать отдельный класс на связанный однотипный элемен? Якобы чтоб потом можно было стилизовать его быстро и трата та, удобно... В пизду, в таких ситуациях от маленького каскада больше толка. Но в голове должно быть упоминание о их существовании. Просто если судить по твоей логике, то весь html/css можно нагуглить. Это возможно,но ты потратишь гораздо больше времени. Вот что не нужно, так это слайдер на ксс)) Ну на практике ты его вообще никак не применишь, один хуй все в JS упирается. А это, как мне показалось в академии просто для "пыли в глаза", чтоб можно было заявить "В нашем курсе мы делаем слайдер уже в самом начале!!!"
>>582430И флексбоксы не нужны?
>>582502Ну, в принципе нет, не нужны, по флексам в интернете куча иллюстраций для даунов (пикрелейтед http://imgur.com/kdIFdXy), плюс подробное руководство (которое даже на русский переведено для особо одаренных).
>>582594Блядские скобочки.http://imgur.com/kdIFdXy
Действительно всерьёз никогда не верстал, и только после гугла узнал о background-position: center.Но могу сказать, что тот шаблон очень плохо проработан.У скольки процентов людей такие большие мониторы? Многое пришлось переводить в проценты, и даже в процентах задумынный дизайнером белый шрифт выглядит неочень в верхних частях фотографии.
>>582617Сейчас модно хуярить такие хипстерские лендинги. Шапка идет высотой в высоту монитора (min-heigth: 100vh), фоном картинка (background-size: cover), и все это сверху жикверей обмазано, чтобы свистело, пердело, плавно выдвигалось и прочее.
Аноны, кто по сколько часов в день работает и сколько из этого рабочего времени реально работает?
>>582432А что лучше: интенсив по JS от HTMLacademy или курсы JS от codecademy?
>>5826668. Из них часов 7 работаю, остальное время слэк читаю, в толчке сижу, пизжу с коллегами, туплю в монитор.
>>582673Рекомендую курс JS от GoIT (48 часов лекций) и учебник на learn.javascript.ru. В видео разжевывают почти все, что есть в учебнике. Курс html academy мне не понравился, слишком поверхностный.
От нечего делать пролистываю фронтенд-релейтед проекты на фрилансер.ком (это как фл.ру, только с индусами вместо наших деревенских васянов), забавно, конечно. На проекты с ангуляром и прочей хипстотой стекается примерно столько же индусов.Особенно умиляют проекты с бюджетом в рупиях.
>>582681а мне вот го ит парашей показалосьа Кантор да - норм (на торрентах еще валяются от него видосы по основам, но там скорее можно посмотреть только чтобы понять какие ошибки люди допускают и самому не допускать. Суть одна - он им домашку по учебнику задает, не понятно кстати нафига за то, чтобы тебе ткнули пальцем что учить отваливать по 20к).>>582673на codecademy можно так сказать вводная фигня, но это вводное и на learn.javascript.ru в самом начале прочитать можно
сижу верстаю таблицами рассылку за ссаных 500 рублей (с фл.ру). еще неизвестно заплатят ли. так вот я в ахуе с этих таблиц, эти ячейки и блоки, таблицы в таблицах, насколько же легче верстать дивами и флексами.
>>582420не ссы, много кто ебался с этим биатлоном и не решил. 2 треда назад тоже за него спрашивали
>>582726>верстаю таблицамиА нахуя?
>>582737Потому что письма так и верстаются, ньюфаня.
>>582747А что будет если сверстать письмо дивами?
https://youtu.be/TWFYQxevE9khttps://youtu.be/XnWIperMy08
>>582736Да и там пришли к выводу, что хуйня эти испытания академии, для тех кто хочет специально ебаться с селекторами,а не заниматься вертской.
>>582753я думаю, что лишнем не будет. мозги поразмять, да знания укрепить
Совсем ньюфагский вопрос. Как верстать допустим в атоме и посмотреть результат в браузере?
>>582772лол. файл.html открываешь в браузере
>>582776Я думал есть более удобный способ. Прямо в атоме.
>>582020Спасибо анончик, добра!
>>582758Это трата времени, хочешь мозги разминать иди задачки порешай из вечерней мехмат школы. В стиле В стакан положили бактерии. Каждую секунду бактерии увеличиваются в 2 раза. Известно, что стакан заполняется полностью за минуту. За какое время стакан наполнится наполовину?.
>>582749обмажутся своими макбуками, жейдами и сассами, хипстеры сраные.
Поясните за linear-gradient для файрфокса. Вроде свойство должно поддерживаться без префикса, а без префикса браузер выдаёт ошибку.В галпе настроил так.pipe($.autoprefixer({ browsers: ["ff > 1", "last 2 versions", "> 1%"]}))И всё равно префикс -moz- не ставится.
>>582797В 59 секунду, не?
О float'ах можно забыть? IE старше 11 версии больше не поддерживаются ведь. Флексбоксы давно уверенно поддерживаются всеми современными браузерами. С другой стороны посмотрел сейчас новый дизайн vk, сверстан флоатами.
>>583002> IE старше 11 версии больше не поддерживаются ведьКакой наивный. Вон тут ананасы до сих пор ие8+ верстают
>>583002Поддержка и использование - разные вещи.У кого-то ещё виндовс эскпи стоит, и он доволен своим 6 эксплорером.
>>583029>эксплорером.эксплоитомпоправил
Котаны, в требованиях к вакансии написано примеры верстки datapicker, tree, select и т. д., юзая JQuery/Angular/Прочее. Как это понимать? Я могу взять просто готовый же из доков и кастомизировать его маленько, это и требуется, как думаете?
>>583002про вк там доклад недавно был - они там вообще пиздец делали какой-то, ибо им надо всех пользователей на старых ишаках поддерживать
Когда берёшь картинку с фотошопа, что посоветуете.Сохранять картинку сразу со слоем градиента, или скачать картинку и сделать градиент отдельно?
>>582969да
>>583038Всё зависит от проекта, надо старые иешки поддерживать - флоат, не надо - делай чо хош.
>>583078>>583002
>>582429Продвинутый интенсив академии стоит внимания?
>>582056Какой город?
>>582617Мне больно читать каждый твой пост. Пожалуйста, пиздуй смотреть интенсивы академии.
>>583048Лучше градиент генерить через колорзиллу, т.е отдельно.
>я не верю что это будет 500 рублей, так дешево не может быть. там все-таки довольно много разного всякого....кек, я тут рассылку за 500 верстал, а мужик мне не поверил, что так дешево, это за одну страницу.
>>583097Не знаю, че делать, выгляжу как лах, проебался с ценой..
>>583091Обоснуй.
>>582882Самое забавное, что у него не макбук, а хакинтош.
Алсо, посоны, я правильно понимаю, что мак для веб разраба это хороший выбор? Есть нормальный фотошоп без костылей плюс консоль нормальная, в отличии от той же винды. Так же есть сафари, который по сути новый ИЕ и можно верстку тестить в нем и если там все норм будет отображаться, значит везде норм будет.Кароче минусов не вижу кроме цены.
>>583119> нормальный фотошоп без костылейА в винде что с костылями?Еще и авокод же есть.> консоль нормальнаяcmder ставь> Так же есть сафари, который по сути новый ИЕ и можно верстку тестить в нем и если там все норм будет отображаться, значит везде норм будет.В голосину
>>583109а ты откуда знаешь? у меня привстал на его пидораский голосок
>>583119Работай там, где тебе удобно.У меня линукс, фотошоп в виртуалке запускаю если надо.Проверка в ие и сафари тоже через виртуалку.Проблем никаких не испытываю.
блин, мне теперь захотелось ретро-макинтош.
>>583128>А в винде что с костылями?Еще и авокод же есть.Я про линухи, где или виртуалку каждый раз врубать или через вайн глючное говно жрать, где чуть не туда тыкнешь и все крашится, плюс ебаные тултипы все перекрывают, раздражает пиздец. И это еще самая стабильная версия.>cmder ставьДа понятное дело, что можно варианты найти, но лучше, когда из под коробки решение есть. Тем более вроде в новом дополнении винды собираются убунтовскую консоль интегрировать, посмотрим что выйдет.>В голосинуЯ бы тоже поржал, если бы с этим дерьмом постоянно не сталкивался. Причем я не понимаю почему так происходит, там ведь вебкит вроде как. Но тем не менее постоянно когда приходит фидбек от клиента, то приходится писать костыли и хаки под сафари, чтобы верстка не ехала на этом говне.>>583131Раньше смотрел его и он говорил в одном из видео. Хотя может сейчас настоящий мак купил, не знаю.>>583132Ты хакинтош чтоли через виртуалку запускаешь? И как ты сохраняешь слои из фотошопе на линухах, винда ведь не умеет читать ext4.
>>583109какой блядь хакинтош, у него вообще линукс стоит (если вы о первом видео на русском)у Тревиса же мак естественно
>>583151Чувак, я бы хотел, чтобы это было так, но к сожалению постоянно всякая хуита вылезает непонятно из-за чего. Например вот из последнего, верстал лендинг и там надо было список работников одной фирмы вывести, по 5 штук на строке. Ну я прописал каждому айтему ширину 20% и флекс-врап, все дела. На фф, хроме и даже ИЕ все норм отображалось, а на сафари последний айтем в первом ряду уебывался на второй ряд хуй знает почему. В итоге уменьшил длину до 19,99% и о чудо, все стало на свои места. Что это было? А хуй знает.
>>583156Блять, я видео не открывал, по превьюхе понял, что за чувак. Он раньше просто на хакинтоше сидел.
>>583159а ну так то да, у него есть, я просто думал вы конкретно об этом видосе болтаете.
>>583162Глаза разуй, додик.
>>583029Использование неподдерживаемого продукта уже на совести пользователя. У vk действительно огромная аудитория, так что смысл верстать под старые ie остался действительно только у больших проектов.
>>583173Там у клиента Yosemite стоит и сафари 8 версии, если мне память не изменяет.
Все размеры пишу в процентах, шрифт задаю в vw. При меньшем экране обрезает верхнее меню нихуево. Верстаны, как вы справляетесь со шрифта и резиновыми макетами? Или перепысвать под медиакверизы? Но даже при незначительном уменьшении сайт начат выглядеть уродливо.
>>583182C бизнес точки зрения каждый клиент важен. Вот представь какой-то богач не сможет зайти на твой сайт и постричься, это же убытки.Всё зависит от того кто будет твоей аудиторией.
>>583242Какие убытки, лол?
>>583236Богачи на маках сидят, а не на некропеках с виндовс xp.>>583245Обыкновенные. В то время, пока разраб тратит кучу времени на костыли, чтобы поддерживать мертвые браузеры он бы мог что-то другое делать, более полезное. И как правило деньги, которые были потрачены на оплату времени разработчика не окупаются, т.к. пользуются этими браузерами ничтожно малое количество людей и обычно это нищеброды без денег.
Достаточно тот же хриланс пролистать. ИЕ8+ требуют только законченные пидорахи (с просторов нашего великого СНГ), даже на обсосном фрилансер.ком ниже ие10 проект надо еще постараться найти, да и те - на бутстрапе, т.е. хуяришь на похуй.
>>583349Потому что люди привыкли жрать говно и будут это делать до тех пор, пока им его будут подносить на лопате. Стоит только всем занять позицию пикрелейтед, и проблема решится спустя месяц.
>>583366Проблема в том, что не захочешь делать ие8+ ты - найдут другую макаку, а так как мы сейчас говорим онли про верстку, то таких макак дохуя.
>>583253>Богачи на маках сидятАга, а ещё пьют кофе у окна и думают о нём.>>583253>>583262Я выше написал, что всё зависит от аудитории.Если это электронная коммерция, то каждый клиент важен, потому что если мой сайт у кого-то не откроется, то он пойдёт на другой сайт. Если это высоконагруженный сайт зарабатывающий на рекламе, то даже пол процента пользователей важно.Если ты делаешь блог о кошках, то ок, верстай по последней моде, кто-то зайдёт.
>>583374Мне повезло в этом плане с работодателем, он хуй ложит на поддержку старого говна, причем иногда даже совсем уж в крайности бросается, даже я его не всегда поддерживаю в этом плане и все же пишу кое-какие хаки, но без фанатизма естественно.>>583392>Ага, а ещё пьют кофе у окна и думают о нём.Шутки шутками, но большинство наших заказчиков с маками ходят. Причем они даже близко не хипстеры, а взрослые серьезные мужики.>Я выше написал, что всё зависит от аудитории.Ну энтерпрайз это отдельная тема, они там до сих пор на Windows 95 сидеть могут и дискетами пользоваться, у них там свой мир. Кстати не советую во всякие банки и прочее работать идти. Да, там платят больше и можно хуи пинать, но это путь в никуда. Рано или поздно во время очередного кризиса попадешь под сокращение и внезапно осознаешь, что проебал несколько лет в никуда и теперь ты никому не нужный хуила, который безнадежно отстал от современных технологий. А веб одна из самых быстроразвивающихся сфер.
>>582783Есть более удобный способ прямо в WebStorm. Вверху кода появляются иконки доступных браузеров - клацаешь по любой, и страничка открывается в соотв. браузере.
ребят, кто что скажет про курсы Андрея Бернацкого? Есть смысл по ним учить?
>>583478Загуглил, чет рожа у него мутная.ИМХО, для HTML/CSS достаточно академии. JS я учил на learn.javascript.ru и по курсу ITVDN. Он платный, но можно на торрентах купить если что. Объясняют предельно понятно, чуть ли не для даунов таких как я разжевывают.
>>583493т.е время на это тратить не стоит, пользы мало будет?
Котаны, как править файлы на сервере по фтп, что бы в Атоме нажал ctrl+s и файл сразу грузанулся?
>>583520>>583516Нет, котаны, мне так нада. Сервак не боевой, а тестовый, с которым не один я работаю и править мне надо все на месте. Помогите позязя :3
>>583527Тяжко вам наверное без гита
>>583527А че watch task не способен на это? Вроде настроить его можно под такие нужды.
Как делать такие эффекты?
Пидары. Они этим официально похоронили Брэкетс, т.к. во всех остальных отношениях он был хуже сублайма, вебшторма и всех остальных IDE.Хотя я что-то такое подозревал, т.к. давненько на него обновлений небыло видно.Самое хуевое - теперь придется юзать фотожоп вместо обычной вкладки с СС в браузере.
Аноны, выучил css, теперь учить less или sass? Че пизже?
>>583567Похуй, они идентичны. Будешь знать одно - считай будешь знать другое. Различия начинаются в сложных вещах типа функций, циклов и т.д., которые юзают, наверное, процентов 5 из всех пользователей препроцессоров.
>>583556box-shadow
>>583556http://codepen.io/anon/pen/VjwbVL
>>583567scss как-то более правильно пишется, что-ли. А вообще - дело вкуса.
>>583586Блять, а я ебусь с этим inset. А его оказываеться вооще не надо задавать.
Аноны, а как лучше делать центрирование в блядине выделеной пунктиром? Заворачивать весь контент в пакет и пакет центрировать paddingами, или не баться и внутреним элементам задавать марджины?
>>583624Там же очевидный темный бэкрграунд блока, и очевидные паддинги.
У кого-нибудь есть ТЗ к Пинку? Как в базовом интенсиве были к учебным макетам.
>>583667Если ты про стайлгайд, то сейчас вкину. Сам к нему приступил.Алсо, вопросик - как вот это всё говно верстать? Тут z-index что ли на телефонах?
Аноны, сколько времени займет разработка такого сайта http://fxfinance-pro.com и сколько вы бы за него запросили?
>>583667Если ты про это говорил.http://my-files.ru/ea0exa
>>583681Нет, я имел ввиду именно ТЗ, в текстовом виде, где бы объяснялось задание и был перечень требований.
>>583687Не, его нету. Мне почему-то кажется, что его в природе не существует. Либо же говорится о нём в вебинарах, хотя я пролистал сейчас быстренько - там что-то ни слова о верстке этого проекта.
>>583682Хз даже, немало стоит.
>>583688>там что-то ни слова о верстке этого проектаИменно. Видать, кураторы в личных разговорах объясняли.
>>583681z-index -1 на псевдоэдементе (кривая полоса).
>>583692А, я вроде понял. Меня интересовал вопрос как телефоны могли вставать выше вот этой недо-трапеции. Теперь кажется вкатил.
>>583694А нет, нихера не вкатил.Я сначала думал, что эти телефоны находятся в одном диве, у которого просто сверху прилеплен треугольник. А они чуть выше его находятся. Так как быть?
>>583682Там много всего, один только фронтен до полштуки может затащить.
>>583696отрицательный марджин сверху
>>583690>>583693>>583697Эээ? То есть явно дороже 25к рублей, которые мне предложили?
>>583682пиздец... сайт-комуналка... блювать хочется, когда такое вижу.
>>582420Блядь. Дали людям кучу проверенных, отличных курсов на английском по js. Почти все бесплатны. Не знаешь английский, ну тогда Флэнаган, learn.javascript, sorax для закрепления знаний. Нет, не хочу, буду спрашивать годнота ли курсы Хуй Петровича продающиеся за рубли.
>>583722Ты что-то промахнулся, снайпер.
>>583722>soraxЭх, жаль что он бросил это дело. Любил залипать под его подкасты
>>583719Все так и було. Мой "клиент" захотел точно такой-же, только с другим логотипом.
Пиздец. Короче пролистал я продвинутый интенсив и понял, что пока что рано туда вкатываться. Тот же самый макет пинк вызывает дохуя вопросов.
>>583705Он предложил 25к за все полностью, или только клиентскую часть? Если только за клиента, то это пиздец дешево, но терпимо. Если вместе с беком и прочим дерьмом, то сразу посылай нахуй.
>>583732Поэтому советуют между базовым и продвинутым поверстать месяц-другой и набить руку
>>583730>>583733Лучше сразу пошлю - они меня на протяжении двух недель пытались на свой форекс подсадить.
>>583735А есть какие-нибудь ресурсы, где на примере показана верстка, вот как в базовом показывали верстку барбершопа, а не просто голая теория?
>>583738Есть много васянов с такими видео на ютубе, и лучше их не смотреть - плохим практикам научишься. Лучше пересмотри базовый, если что-то непонятно. А дальше остается только верстать и набивать опыт самостоятельно
>>583739Ага, я уже в процессе поиска наткнулся на пару таких. Что ж, буду верстать макеты из рассылок. Спасибо.
>>582797>В стакан положили бактерии. Каждую секунду бактерии увеличиваются в 2 раза. Известно, что стакан заполняется полностью за минуту. За какое время стакан наполнится наполовину?Блядь, подумал сразу почему-то, что за 15 секунд, не знаю в чем вообще была моя логика. Увидел ответ, и минут 5 думал почему именно 59 секунд. ПИЗДЕЦ, Мне точно на завод.
>>583742Тоже не сразу решил эту задачку, зато все испытания академии на 100% без труда и костылей, лол.мимо даун-верстальщик
>>583743Кстати кто-нибудь может объяснить почему 59 секунд?
>>583744Всё, понял. Тут тупое условие просто.
>>583744Почему же?
>>583748 это сюда >>583746Почему условие тупое?
>>583748Блять, а что за стакан? Какого размера? Какого размера бактерии?По логике ответа через секунду бактерии умножатся вдвое и заполнят половину стакана, что за хуйня?
>>583748потому что каждую секунду бактерий становится в 2 раза больше. Тоесть половина стакана, а через секунду уже полный стакан. Вот и получается что за 59 секунд - половина стакана.
>>583753И что? Если я в стакан положу одну бактерию, которая через секунду превратится в две, и 80 бактерий, которых станет 160 - есть разница? Про вместимость стакана почему не сказано?
>>583754И что? И что?И что?И что?И что?И что?И что? И что?Ебать ты даун. Пиздуй на завод со своей вместимостью.
>>583754В условии сказано, что стакан заполнится за минуту. Так что по логике заполнить "половину стакана за секунду" не получится.
>>583754Не имеет значения что в стакане и в каком количестве изначально. Дано ведь, что стакан заполнен неким содержимым увеличивающимся каждую секунду в 2 раза. Стакан будет заполнен на 100% через 60 секунд. Значит секундой назад было текущее состояние / 2, как раз половина.
Аноны, вы пока тут спорите, у меня назрел вопрос.Как понять, когда изображения со всеми видхами и хейтами надо прописывать в html, а когда - вставлять как бэкграунд дива?По моей логике надо вставлять на бэкграунд всякое мелкое говно, если ксс отвалится, то потеря таких изображений не будет критична, а всякие бэкграунды дива надо прописывать явно в цсс.Алсо, вот тут например - >>583681 - я верно понимаю, что айфоны поставлены на бэкграунд дивов?
>>583764>надо прописывать явно в html Пофиксил
>>583764>я верно понимаю, что айфоны поставлены на бэкграунд дивов?Нет, тут айфоны - контентные изображения. Ты базовый интенсив смотрел?
>>583766Cмотрел. Там на эту тему практически ничего не разжёвывается.
>>583705Направь его ко мне, сделаю за 25.
>>583764Ты почти прав.Есть два вида изображений - контекстное и декоративное. Возьми любое изображение на сайте, например. А теперь "вырви" его из сайта. Если тебе будет нехватать чего-то, то это изображение размечается в хтмл. Например, логотип сайта, те же айфоны в твоём примере (если их вырвать из контекста, потеряется смысл) и так далее. Всякие иконки, превью фотогалереи не так важны. Поэтому они ВСЁ равно прописываются в хтмл (за исключением спрайтов), но ставятся на фон.
Куда пропал анон , которому предложили переезд в Екб? Я так понимаю, ты из Челябы? Давай перетрем за местные конторы.
БРЁЛ ПАЦАН ПО УЛИЦЕ, КУРИЛ СИГАРЕТУ ПАРЛАМЕНТ НЕВЗАТЯГ, СМОТРЕЛ НА НЕБО, ДУМАЛ О СВОИХ ПАРНЯХ И СТАРЕНЬКОЙ МАТУШКЕ.ВИДИТ ОКОЛО ПОМОЙНОГО БАКА ТРОЕ ЛЕЖАТ.ВИДУ ЖУТКОВАТОГО: С НОСА СОПЛИ ЖЁЛТЫЕ СВИСАЮТ МАХРОЙ, ВОНЯЕТ ПРЕЛЫМ КАЛОМ, ОДЕТЫ В РУХЛЯДЬ И РВАНИНУ, РУКИ ЗАСКОРУЗЛЫЕ, ЛЕЖАТ В ОБНИМКУ С ПСАМИ ШЕЛУДИВЫМИ, ОДНА РУКА В ШТАНИНАХ - ЯЙЦА ТЕРЕБЯТ.ПАЦАН БЫЛ ЖАЛОСТЛИВ ПО ЖИЗНИ И ДУША ЕГО БЫЛА ОТКРЫТА ЛЮДЯМ, ОН ПОДОШЕЛ И УЧАСТЛИВО СПРОСИЛ:РЕБЯТА, ЧТО ЗА БЕДА ПРОИЗОШЛА С ВАМИ?ПЕРВЫЙ ОТВЕТИЛ: ГОРЕ МНЕ, О ПАЦАН. УВЛЕКЛИ МЕНЯ ТЯЖЕЛЫЕ НАРКОТИКИ, ПРОКУТИЛ Я КВАРТИРУ, НО ЧТО ЕЩЕ СТРАШНЕЕ - СЕЛ ОБСАЖЕННЫЙ ЗА РУЛЬ И УГРОБИЛ ЖЕНУ И ДВУХ ДЕТИШЕК СВОИХ, А МНЕ НОГИ ВОТ ОТОРВАЛО, НИЩЕНСТВУЮ, Я ПОТЕРЯННЫЙ ЧЕЛОВЕК, ПАЦАН. ЖДУ СМЕРТИ И ВОТ МОЙ ОДР.ПУСТИЛ СЛЕЗУ ЮНОША И ВОПРОСИЛ ВТОРОГО:А ЧТО ВЫШЛО С ТОБОЙ, О ЖАЛКИЙ НИЩИЙ?ВТОРОЙ ОТВЕЧАЛ ЕМУ: ВСЁ БЫЛО У МЕНЯ В ЖИЗНИ СЛАВНО: СЕМЬЯ, БИЗНЕС, ДА ОДНАЖДЫ СЛУЧАЙНО ТОМОГРАФИЮ МОЗГА СДЕЛАЛ - А ТАМ ОПУХОЛЬ. ЖЕНА УЗНАЛА - ТУТ ЖЕ ЗАБРАЛА ДЕТЕЙ, ОТСУДИЛА КВАРТИРУ И УШЛА, НЕ ЗАХОТЕЛА С ПОКОЙНИКОМ ЯКШАТЬСЯ.ДРУЗЬЯ УСПЕШНЫЕ КИНУЛИ МЕНЯ, БИЗНЕС ОТОБРАЛИ, СОБАКА - И ТА ОТ МЕНЯ УБЕЖАЛА ПРОЧЬ, ЦАПНУВ В ЛОДЫЖКУ НА ПРОЩАНИЕ.ВОТ ЛЕЖУ И ЖДУ СВОЕГО СМЕРТНОГО ЧАСА.РАЗБОЛЕЛАСЬ ДУША ПАЦАНА И ЗАДАЛ ОН СВОЙ ВОПРОС ТРЕТЬЕМУ.И ОТВЕТИЛ ЕМУ ТРЕТИЙ: А СО МНОЙ ВСЁ НОРМАЛЬНО, Я ФРИЛАНСЕР, РАБОТАЮ УДАЛЁННО, СЕЙЧАС ПОРТФОЛИО НАРАБОТАЮ И ПОЛУЧШЕ БУДЕТ, НЕ ЖЕЛАЕТЕ ПРОЙТИ МОЙ АВТОРСКИЙ ТРЕНИНГ: "УВОЛЬНЯЕМСЯ ИЗ ОФИСА И НАЧИНАЕМ ЖИТЬ СВОБОДНО?"А ЛЕНДИНГ ПЕЙДЖ ДЛЯ ВАШЕГО БИЗНЕСА СДЕЛАТЬ?ХОТИТЕ ПРОДАЮЩИЙ ТЕКСТ НАПИШУ?
>>583839Пошёл нахуй, ты вон одному уже написал, у него поэтому бизнес и отжали ещё и собака покусала.
>>583740а ты уже все макеты из базового переверстал?мне в принципе их было достаточно - потом перешл к продвинутомумимо-анон
>>583839Содомит.
>>581741Сам недавно делал такое меню, тоже с недефолтными скроллбарами и 3 и больше уровнями вложенностей. Объяснил пм-у, что лучше сделать появление подменю по клику, так как иначе будут баги, юзвери будут звереть и прочее-прочее.
>>583876Олсо, сделал все меню аккордеонами (не jquery ui accordeon), проверял классы и прочее. При ресайзе под мобилы сделал так, чтобы менюха уменьшалась, а подменю появлялись по клику сбоку, абсолютно спозиционированные. Ну и убирал скроллбар в таком состоянии.
>>583871какие варианты решения есть кроме этих?http://jsbin.com/zabapoperu/edit?html,css,output
>>579597 (OP)Зак жаловался, что верстаки с фл.ру даже не могут динамически ширину и высоту от размера экрана для DOM элементов проставить через jquery. Бля, я хуею с вас, ленивые безрукие псы, я тут годами учу веб технологии и языки и все считаю, что не готов к фрилансу в вебу, а вы сверстаете два макета на таблицах и уже фрилансить бежите.
>>583919>годами учит вэб-технологии>считает себя не готовым
>>583769плохо смотрел значит
>>583923ну а че, я же сразу на бэк подавался, а там везде проекты, которые не разворачиваются.
>>583919Если ты годами учишь и не готов к фрилансу, варианта есть два:1) ты даун.2) ты безвольный овощ, "учащий" 10 минут в день после того как в дотку наиграется.А может быть и оба варианта сразу.При должной самодисциплине человек доходит до уровня джуна за пол года с полного нуля и из другой профессии.
>>583987я и дохожу до такого уровня, но мне не удавалось этим заработать и я терял всяческий интерес.
>>583991>и я терял всяческий интерес>я тут годами учу веб технологии и языкиПонятно.
>>583987>до уровня джуна джуна-верстальщика?
Поясните как реализовать пикрелейтед.Это вообще возможно?
>>583987Это еще ничего. Тут один анон БД годами изучает.
>>584016На уровне картинки возможно, на уровне CSS хз
Кто верстал Ali Saed's, делали его адаптивным? Что выдумывали в этом плане, как структуру перестраивали?
>>583997ты долбоеб что ли? я не просто их УЧУ, я делаю на них проекты и кладу в гитхаб, параллельно копирайтя на еду. я не виноват, что это говно программистское и веберское нихуя не оплачивается. ой давай не будем начинать, а то опять все приведет к тому, что ты начнешь продавать курсы своей говноакадемии.
>>584034Ты просто феерический дебил.
я умею верстать, я знаю js, bootstrap jquery, mysql, sqlite, java, php и фреймворки, angular, ruby, у меня несколько тестовых на php и одна приложуха на гитхабе. Я уже 4й год не могу найти работу и заработать этими скиллами, я на сиги и кофе себе зарабатывают КОПИРАЙТОМ. вопросы?
>>584038портфель в школу собрал?
>>584034Мой знакомый за чуть более 6 месяцев изучения с нуля Python и Django получил джуна с з/п около $1к/месяц, удаленка.Теперь подумай, какой фееричный бред про годы обученния и хуевую оплачиваемость программирования ты сейчас несешь.
>>584034Что ты тут забыл, Маня? Копирайт-тред находится в другом месте, иди туда.
>>5839873) https://ru.wikipedia.org/wiki/%D0%AD%D1%84%D1%84%D0%B5%D0%BA%D1%82_%D0%94%D0%B0%D0%BD%D0%BD%D0%B8%D0%BD%D0%B3%D0%B0_%E2%80%94_%D0%9A%D1%80%D1%8E%D0%B3%D0%B5%D1%80%D0%B0
>>584016https://www.youtube.com/watch?v=SlrzXQoVpK4
>>584050Проиграл с названия ролика.
>>584040ой, зря я похоже тебя оправдывал в этом посте >>584049сконцентрируйся на чем-то одном, когда ты пишешь что все это знаешь, это зачастую воспринимается как я чето слышал, но толком не знаю нихуя.
>>584040Дай угадаю, работу ты ищешь так же, как лиственники из /b ищут девушек? Я такой охуенный, спортивный, высокий, умный, начитанный, с хорошей работой, мне 25, у меня нет девушки, я девственник.
>>584055Вангую, что он хиккан из мухосрани 20к населения, не желающий переезжать в крупный город.
>>584040>я знаю js, bootstrap jquery, mysql, sqlite, java, php и фреймворки, angular, rubyНет не знаешь.
>>584061А как они ищут девушек?
>>584040>я умею верстать, я знаю bootstrap200-300$/месяц>я умею верстать, я знаю js, bootstrap jquery400-700$/месяц>я умею верстать, я знаю js, bootstrap jquery, angular800-1500$/месяц>я знаю ruby1000-6000$/месяц>я знаю javaсм. Ruby>вопросы?Да нет, в принципе.Мне недавно знакомый программист с очень большим стажем работы и кучей опыта рассказал историю. Как-то он набирал людей в проект, так были чуваки, которые судя по их стеку технологий в резюме, были круче его самого. На собеседовании же выяснялось, что максимум что они знали - это аббревиатуры всех этих языков/библиотек/фреймворков, да читали про них статейки на хабре/википедии.
>>584088Ждут, когда девушки сами к ним подойдут, дадут свои телефоны, сами будут звонить, сами пригласят на свидание, оплатят его, а потом сами затащат в постель и выебут.Т.е. никак не ищут.
>>584034А теперь зайди на хх.ру и посмотри, сколько есть работ на удалёнке с минимальными скилами.
Смотрите.На пикрелейтеде джорджия в фотошопе и дорджия в хроме.Такие различия нормальны, или я использую не тот шрифт?
В фотошопе хуйня какая-то растровая с низким разрешением. Забей.
>>584126Не тот шрифт, очевидно вроде.
А вот и санкции подъехали.Серьезно, че этому пшеку не нравится?
>>584148Но в фотошопе написано Georgia Regular. И в ксс я прописал Georgia.
>>582617background-size: contain для фонового изображения. Пиздуйте смотреть интенсивы и учить html + css
Подскажите, как использовать бутстрап? Хочу его применить вместе с сасс. Скачал и не знаю какие файлы скидывать надо.
>>582748Велик шанс, что пойдет по пизде, но не обязательно.мимо
>>584150сша, россия, великобритания, украина, польша - не работают
>>584155http://getbootstrap.com/components/
>>584040Лол, я тоже знаю js (ну а чо, могу попап сделать, кулькулятор написать и крестики-нолики), bootstrap, флексы, jquery (ну а чо, могу нахуячить кучу готовых плагинов, и даже сконкатить их в один файл, чтоб не так палевно было), mysql (делал как-то пару запросов в базу данных, легко), java (хэллоуворлд), php (могу простенький движок для файлообменника написать), react, angular, ruby и паскаль.Короче, пиздуй обратно в /pr, или откуда ты вылез.
>>584161ты походу не понял вопроса. Я не знаю какие файлы надо скидывать из архива в папку где у меня будет страница делаться.
>>584164Те, которые ты будешь использовать.
>>584164продвинутый интенсив 9 уроксерия видео по bootstrap от makewebстатья громова http://nicothin.pro/page/bootstrap-bemвникай
> одна приложуха на гитхабе> 4 года не может найти работуПроиграл.
>>584169>>584167походу я очередной раз положу хуй на бутстрап и буду дальше верстать адаптивно
>>584174Дело твое. Хотя, ничего сложного там нет. Да и вакансий с бутстрапом много.
>>584170Как я.
кстати, о бустрапеhttp://frontender.info/whats-wrong-with-jquery-and-bootstrap/>>584169 - кун
>>584185>РезюмеИ jQuery, и Bootstrap — это обычные инструменты, неплохо решающие свои задачи. Если вы новичок, в первую очередь изучайте фундаментальные вещи, и только после этого знакомьтесь с инструментами. Ну и каждый инструмент используйте по его предназначению. Иначе однажды вы обнаружите себя, пытающегося пожарить яичницу огнемётом.Глубокая статья.
>>584182ну я сверстал помню, в декабре прошлого года два макета на бутстрапе без сасс. Сейчас смотрю и не знаю с каких папок надо брать файлы. Заходишь в одну папку там что-то про сасс есть, зайдешь в другую папку тоже что-то про сасс. Думал в гугле инфа будет, так там вообще о другом пишут.
>>584150https://owlcarousel2.github.io/OwlCarousel2/Держи ссылочку, сам попадался на эту хуйню.
>>584152Логично, что у тебя в системе нет шрифта Джорджия. Скачай и подключи в css, или подключи link от google Fonts
Читнул вот про .less, и подумал, что использование чистого css без выпендрёжа же побыстрее будет, не? Или препроцессоры больше используют для расширяемости проекта?
>>584222Джорджия - предустановленный шрифт. Но даже если и нет, я уже попробовал скачать из интернета, и это таже самая джорджия.
>>584243>не?не.
>>584243С препроцессорами удобнее вкладывать элементы один в другой.
>>584256вложенность или бэм, не?
>>584260Ты задаёшь вопрос?
>>584260иди нахуй отсюда
>>584271лол, сам иди с хипстерками каким-нибудь хуяктом обмазываться.
>>584243чувак, ты продвинутый смотрел?если нет - смотри, там рассказано в том числе и про препроцессоры
В бутстрапе верстать надо в процентах или в px?
>>584273>2016>разговор про less>хипстеркиой-вей
Вкатываюсь в тред. Аноны, есть ли в базовом интенсиве что-нибудь полезное, если я уже умею верстать статичные макеты, или лучше сразу переходить к продвинутому?
>>584312А мы откуда знаем, что ты знаешь, а чего нет? Возьми да посмотри, с тебя не убудет.
>>584009Не, frontend-dev.
>>584248Логично, что у тебя тот самый шрифт, просто сглаживание и прочая хуйня.
>>583153Да, хакинтош. Йосемите немного тормозит, маверикс норм.Линукс раздел можно подмонтировать без проблем, он будет отображаться как сетевой диск.Ну, или нтфс раздел сделать тоже можно.Вообще, вроде через вайн фотошоп норм запускается, но я не пробовал.
>>583349В китае ваще под 6ой верстают до сих пор.Так что радуйтесь.
>>58432220 часов, всё-таки... По поводу того, что знаю - могу сверстать лендинг практически любой сложности и подключить к нему уже написанные кем-то скрипты из гугла. При этом, конечно, зачастую пишу говнокод.
Аноны, дайте сайты на псдшники для верстки, только на те которые без очевидной йобы сверстаны что на продвинутом интенсиве проходится.
>>584354Ничего там не верстают под 6ой, лол
>>584360зачем тебе? Сверстай пару простеньких макетов из базового интенсива, на этом лоу-лвл вёрстку лучше заканчивать.
>>584363Для тренировки, блять. Чтобы обычный макет у меня вопросов не вызывал.
>>584364В шапке смотри ссылку, там тебе макетов хватит завались.
>>583681Кто как верстал эти ебучие треугольники? Дропнул из-за них пинк, хотя сверстал где-то уже на 75%.
>>584358>лендинг практически любой сложностиС адаптивностью?Если думаешь, что пишешь говнокод, возможно стоит. Все же там рассказывают хорошие практики. Только про каскад не слушай :3
>>584367На мой взгляд див состоит из трех секций - белого треугольника, серого треугольника, серого прямоугольника. Все друг под другом. Телефоны отрицательным маргином сдвинуты наверх.
Что это за хуита?В файрфоксе хейт такой какой я ставлю. А в хроме он больше.Как бороться с таким багом?
>>584367Поднимали вопрос уже. Градиентом на бэкграунд или псевдоэлементом с бордерами.Если сам совсем никак, то держи мою примесь для градиентовhttps://codepen.io/rqrqrqrq/pen/NrWXbQбтв все 3 сделаны по разному, порастягивай экран и поймешь. Самый православный на largeМожет доверстаю, залью на оценку анонам.
>>584368>с адаптивностью?с весьма херовой. Всегда верстал под ~1366х768, а потом добавлял медиа-правила. Таки да, думаю, стоит глянуть базовый интенсив, но особо не углубляться.
Кто перекат делать будет?
>>584367Псевдоэлементами еще проще.width: 0;height:0;border-left: 100vw solid white;border-bottom: /высота по макету/ solid gray;top: 0;right: 0;
Это вообще пушка.У хрома все шрифты чуть больше, даже при точном задавании в пикселях.
>>584387Пик
>>584387normalize?
блять ну дайте макеты аноны везде лэндинг или бутстрап (((
>>584390Нормалайз стоит.
>>584391Поищи здесь, я парочку находил в свое время нормальных (больше 1 страницы+адаптивность). Хотя в основном, конечно, хипстерские говнолендинги, уи-киты и "отличный теплейт для портфолио)))".http://freebiesbug.com/
>>584432Годно, как искать подобные ресурсы?
Так, ну что.Хром и файрфокс по разному рендерят одни и теже размеры шрифтов. Как вы с этим боретесь? Или похуй? Но если забить, тогда ни о каком пиксельперфекте не может быть и речи.
>>584460А теперь иди копайся в своих браузерах.
>>584460Проверил свой сайт-портфолио. Шрифты чутка по-разному отображаются (в огнелисе, будто, жирнее), но размеры те же. Что-то у тебя не правильно.
Аноны, в курсе, что htmlbook ВСЁ?
>>584512в плане?
>>584518он больше не поддерживается.
А почему webref.ru никто не упомянул? Пиздатый сайт, теория и тестики-вопросики в конце.
>>584512>>584538это одно и тоже.На хтмл книжке об этом уже давно говорилось
>>584550А, лол.Я просто всегда сразу же закрывал это всплывающее сообщение.
>>584467>>584464Вот различия заметны.Хром по-другому рендерит пиксельные значения.Чтобы видеть это лучше нужно много строк.
>>584388а если задать min и max height?
>>584370Я про то, как их сделать резиновыми.>>584376Спасибо, анонче, я просто в треде уже месяца три не сидел. Может наконец доверстаю этот сраный пинк тоже уже 3 месяца верстаю.>>584386Этот тоже будет тянуться на всю ширину, я правильно понимаю?
>>584574Да там хейт вообще не обязателен, я его убрал. Контейнер растянется вместе с контентом.
>>584561Оказывается, это не хром, а файрфокс всё-таки.http://foundation.zurb.com/forum/posts/22939-weird-displayfont-size-problem-between-firefox-and-chrome
Анон, подобные изображения хуячить на фон body в css или же в хедер вставлять в html?
Ну я и уёбок. Все эти проблемы с высотами и размерами шрифта были изза того что у меня в хрому 100% зум, тьюфу ты блядь.
>>584648 в хроме 110 % зум*
>>584639Бамп вопросу.
>>584639Если ты сможешь поставить картинку фоном через хтмл-разметку, я пришлю тебе все деньги, что валяются на моем вебмани кошельке (примерно 30 рублей). Без абсолютного позиционирования и прочей гомоебли.Надеюсь, ты понял намек.
>>584639>в header вставлять в htmlне понял. Ты хочешь запилить фон тегом img? Нет, так сделать не стоит. Если ты о том, какому элементу устанавливать такой фон, то это спорно. Всё-таки, мне кажется, что лучше пилить это изображение в фон header'а.
Смотрю продвинутый интенсив, на втором уроке первой половины занятия нет. Так и должно быть?
>>584590Да, оба решения на всю ширину, можешь потыкаться, посмотреть.
>>584639Очевидный хипста-лендос с хедером на 100vh, естессно фоном в хедер.
>>584694что значит нет?
>>584714>>584691>>584683Да, я уже сам посмотрел через псд что это фон хедера, НО! В хмтл это изображение полноценно надо прописывать? В базовом интенсиве говорилось, что ты пихаешь это изображение в код, а через цсс просто задаешь фон хедера, если вдруг цсс отвалится и изображение не прогрузится.
>>584724Я ошибся, всё есть. Просто урок начинается не с всеобщего приветствия, и в интерфейсе вебинара отображается, что прошло сорок минут.испугался, что лососну с БЭМом
>>584730если цсс отвалится, эта хипстерская хуйня не нужна.
>>584731> лососну с БЭМомКонечно лососнешь. Это норма, все лососут с БЭМом, пока не забивают на него хуй.
>>584730ну блядь ну ставишь ты фоном картинку, а цвет у фона еще задаешь, пиздец проблемма
>>584735но ведь без БЭМа в серьёзных проектах никуда.
>>584733>>584735Таки первое время лососнешь, но забивать не стоит.
>>584735с БЭМ может и да, а с BEM все норм.
>>584733Вот, значит это изображение чисто декоративное и в хмтл его писать не стоит?
>>584730Представь, что css отвалился, у тебя отображается голый html и ебнутая картинка между текстом на весь экран.
>>584741Если ты про полный фротентд стэк говна от яндеха, то вот он точно нахуй нигде не нужен.
>>584747в чём разница между BEM и БЭМ? Я думал, они не отличаются.
>>584747Мы тут вроде в треде только методологию наименования классов мусолим. Фул стэк нахуй не нужон.
>>584750а что там ещё есть, кроме наименования классов есть? Вкратце.
>>584749Да ни в чем, просто BEM-ом обычно именуют полный стэк яндекссдерьма https://ru.bem.info/.
>>584751Они вместо html пишут json, хотя бы. Почитай на сайте, там еще библитека компонентов, свое представление бэм-дерева вместо дома, свои сборщики. Говно крч.
>>584751Ну не совсем говно, под свои задачи. Нам тут точно нахуй не упал.
>>584759Так-то именно совсем ненужное говно, просто яндекс любит делать собственные костыли, вместо того, чтобы использовать уже давно существующие инструменты. Эффективный менеджемент такой эффективный, я еще проигрываю со своего знакомого, который ходит на обязательные КОПРОРАТИВЧИКИ раз в пятницу, играет там в карты и еще какой-то хуйне занимается с коллегами для укрепления корпоративного духа, лол.
>>584762> со своего знакомогоЗабыл дописал, что он в яндехе работает (отдел тестировки)
>>584754я думал, BEM это такой буржуйский БЭМ, который используют все серьёзные корпорации. Печаль.
>>584767this.иностранцы только нейминг зачастую и юзают, и модификатор поменяли
>>584762Ну имена классов то реально решают проблемы css.>>584767Так-то буржуи юзают православный б__э--м с изменениями, ну или smacss.
А вообще, сейчас же css-modules подъехали. Решают сходную задачу создания нейм-спейсов без длиннющих имен классов. Та же абсолютая незаввисимость блоков, только не на уровне нейминга, а на уровне автоматизации.
>>584773>css-modulesпоподробнее
на деле насколько я понимаю получится от модулей вот такая вот херовина._styles__title_309571057разница в том, что там ты сам через БЭМ пишешь а тут собирается
>>584776Идея в том, что ты, как раньше делал бэм-блок, делаешь модуль. Внутри него даешь обычные, адекватные имена классов, привязваешься как хочешь каскадом и тп. Короче как раньше говно-верстали, только в перделах одного модуля, а не всего сайта. Потом вместо тебя сборщик смотрит эти классы внутри модуля и каждый логический элемент переименовывает на рандомную хуету (ну или не рандомную, там настраивается) наподобие XLHFSFGK. Суть в том, что в проекте каждое такое название уникально.В итоге, ты получаешь ту же абсолютную независимость, та же самодокументируемость в сорцах, но в итоговом билде у тебя каша с классами, но все работает.
>>584776Да, был доклад на PiterCSS3, если интересно. Вся хуйня через PostCSS, прогрессивненько.
>>584781а less и sass не решают этих проблем?
>>584780Может и адекватно называть и дописывать уникальный префикс/постфикс, но мне понравилась как раз опция жесточайшей обфуксации, что бы какой-нибудь бэкендер прям в билде зассал поправить.
>>584781Во-первых: нахуй это нужно?Во-вторых: как тогда тестить верстку, каждый раз все это говно пересобирать что-ли?
>>584787Разные плоскости же. Препроц избавляет от необходимости вручную прописывать все классы, если я тебя правильно понял. Тут же тебе вообще похуй между модулями как что называется. Ты верстаешь модуль.>>584789Открой для себя sourcemaps.Вообще, это просто альтернативный способ решения проблем. Хочешь пользуйся, не хочешь, решай подругому, тем же бэмом или смаксом.
>>584791А почему большая вложенность, если она не следствие кривых ручонок начинающего css-кодера, а следствие работы препроцессора - зло? Распространять же будут .less файл. Нужно править модуль - находишь компактно-размещённый блок и правишь его без еболы с длинными названиями.
>>584794Ты меня не понял. Выше названные проблемы css решает не лесс, а методология, предположим, бэм. Лесс лишь облегчает использование твоей методологии. Сам лесс не делает твои блоки независимыми и тп.Модули это альтернатива методологии, а не лессу.
Перекат то будет, не?
>>584773>css-modulesсоси хуй, хипстор)))
Аноны, кто-нибудь пользуется программкой PrePros? Стоит ставить?
>>584805тут сидят исключительно модные консольные люди, не марающие руки об гуи-говно
>>584803Пойду сверстаю лендинг с section { height: 100vh; }Вообще, я сам не юзаю, просто в курсе что это и зачем. Почему бы не поделиться инфой с анонасами, вдруг когда-нибудь эта хипстота станет стандартом.
>>584805да, пока не разберешься с консольной автоматизацией (10 урок продвинутого) можешь юзать
>>584816Попробовал поставить автообновление, не работает. С чем это может быть связано?
>>584820Переустанови винамп. Мы все консоле-боги, хз.
>>584820вообще, автообновление же должно работать из коробки? Или под автообновлением подразумевается просто конвертация автоматическая конвертация препроцессорных файлов? Просто много куда потыкал, не работает почему-то.
>>584865Может, возникли какие-нибудь конфликты с гитхабовским приложением?
>>584865>автообновлениеэто вы так watch называете?я надеюсь речь не про препрос
>>584878Именно про него. Конфликт, как я понял, из-за гита, потому что новый тестовый проект автообновляется нормально.
>>584809Умею в консоль, галпы хуялпы, и прочее дерьмо, но до сих пор юзаю препрос. Грантовский таск вотча мне почему-то начал выкидывать непонятные ошибки в процессе работы. Разбирать эту хуйню было лень, поэтому просто забил и вернулся к преросу. Полет нормальный.
>>584973Значит не умеешь
Ну чё, много зарабатываете?
Котаны, кто-то сталкивался с ошибкой grunt does not satisfy its siblings' peerDependenciesВыскакивает когда инсталлишь плагины пачкой через npm. Что интересно, почти всегда он их таки ставит, но выбрасывает затем ошибку, и спамит ею каждый раз когда пытаешся что-то подгрузить.
>>584973Кстати, Коала получше препроса, по-моему. Быстрее, не спамит просьбами задонатить, умеет все то же самое.
>>585019Нет.
>>579597 (OP)Бэм где-то кроме рашки котируется?
Можно ли выучить хтмл+сзз за 2-3 недели, если учить по 8 часов в сутки?
>>585048А кем он в рашке катируется?
>>585050котируется*
>>585049Можно и быстрее наверное.Главное понять главные идеи, как правила вкладывания тэгов, каскадность, box-модель.
>>585048Гугли Google Material Design Lite. Это ответит на твой вопрос.
>>585049всегда проигрываю с этих местных "учить", "выучить". это тебе стих штоле блять?
>>585050Во многих вакансиях просят знание БЭМ.
Товарищи, есть ссылка. В ней изображение и вставлен текст.Как их выровнять на один уровень?http://codepen.io/tvoibatya/pen/vKYjez
>>585069Не благодари http://codepen.io/anon/pen/qNBYVx
Анон, а где найти нормальные макеты для вёрстки? Без всякого лендинга, бутстрапов и прочего говна? Вот я только что закончил базовый, хочу знания закрепить. Есть у тебя такие?
>>585022Переходи на gulp, он быстрее
>>584973анон, так почему препрос некорректно работает с проектом из гита? Стоит держать для разрабатываемого проекта отдельную папку, и только потом перекатывать в локальный репозиторий?
>>583871Я блять только падинги придумал. Но они контейнер увеличивают.
>>585110>пикрилейтедмечта каждого второго анона>>583871>>585110Он же и так вертикально спозиционирован по центру, нахуй менять. Но можно прописать display inline.
Перекатывайте.
Где перекат, блджад!
https://2ch.hk/ga/res/983188.htmlhttps://2ch.hk/ga/res/983188.htmlhttps://2ch.hk/ga/res/983188.htmlhttps://2ch.hk/ga/res/983188.htmlПЕРЕКАТ
>>585177что за дедотред? ты ебанулся?
>>585195 (OP)>>585195 (OP)>>585195 (OP)
>>585177Охлол, петушок спалился. Ты поди еще и хипстор дохуя?
>>585455У тебя совсем с юмором плохо, да?
>>585461А у тебя с анусом анальной жеппы не все в порядке, я гарантирую это.
Нюфаг итт, 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Спасибо вам за тред и такую подробную шапку!
>>588547Сразу вопрос:А что делать когда бесплатный вариант закончится и пойдут платные уроки?Ну кроме того, что покуать их, я не то чтобы нищий, но денег нет совсем сейчас, вообще нет - все трачу на лекарства (болею, по этому собственно и времени дохуя) до конца лета денег не будт точно.Есть еще варианты не в виде книг, а может обучающих видео или сайтов таких же? Или я соснул с html у же в начале.Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
>>579675Сетку бутсрапа используй, блять.
>>588554>А что делать когда бесплатный вариант закончится и пойдут платные уроки?Внимательно прочитать шапку, няш :3
Я что-то хуй знает, где тут это можно спросить, спрошу у тут, так как все таки специальность смежная.Есть смысл учиться веб-дизайну? В смысле, я не верстальник, не погромист (вообще гуманитарий сраный), поэтому считаю, что верстку и все эти слова сложные не осилю, а веб-дизайн более творческая хуйня, как там с работой? Или отрасль уже мертва, и нужно становится человеком-оркетром, чтобы и в фотошопе сайт слепить, и сверстать его сразу же с нуля?