front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.>Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.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Базовый интенсив за 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://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>517275 (OP)
Сап, возможно не по теме, но всё-таки.Хочу освоить вордпресс, верстку уже более-менее натягивать умею на движок.Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
>>523541Поясни, как учился или по какому материалу учился натягивать ?
>>523551https://www.youtube.com/watch?v=7akPICFR-AI
>>523552Ну это по этой херне я и 2 года назад еще пыфтался натягивать. То есть ты хочешь сказать, что если ты возьмешь абсолютно рандомный свой сверстаный макет, то тебе хватит той информации, которая показана в этом видео, чтобы реализовать полный функционал?Я, например, пытался сделать сайт для себя, и так как серверного языка не знаю никакого, решил опять связаться этой херью, ну и реалтизация всех простейших задумок растянулась на несколько недель, причем с каждым разом, когда я садился за него, запал угасал, так как я просто смотрел в эти Гет_хуйня, смотрел в разные видосы, часовые, в документацию, и все равно это гавно не хотело сотрудничать.
>>523555Хуй знает, качал рандомные макеты - с первого раза вставала вёрстка.
>>523555https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5gсоветую посмотреть вот этого. там как раз про правильное натягивание верстки на водрпресс с нуля есть. очень понятно объясняет что и как. но видео длится больше часа, сложно осилить за раз.
Не фронтэнд, а MARKUP DEVELOPMENT. Маркап разработка лучше звучит.
>>523677у нас тут уже вовсю фронт идет, скриптики, формочки валидируем, ангуляр трогаем, а не только верстку учим. потому и frontend, а не markup
>>523678React - one love
Ребят, про Js. Кто как учил, какие книги можете посоветовать. У меня сейчас такая ситуация - это мой первый язык и я очень плохо понимаю сами принципы. То есть знаю синтаксис более менее, туплю на замыкании и рекурсии и впадаю в ступор когда нужно сделать что-то на практике. learn.javascript прошёл, интенсив на половину, книги аля - выразительный js читаю, но порой вообще ничего не понятно. Если ли смысл выучить что-то более основательное, типизированное.
>>523696задачи на learn.javascript самостоятельно бнз подглядываний решаешь? если нет, то ты не прошел. перечитывай заново каждую главу, решай задачи, через неделю возвращайся, решай, пытайся в какой-нибудь верстке применить полученные знания. гугли все непонятное.
>>523699>>523696олсо, у js низкий порог вхождения. если ты его не можешь осилить, не сможешь осилить остальные. разве что питон еще проще для новичка.
>>523700Хз, что там простого, по мне так его освоить в разы сложнее, чем какую-нибудь джаву, одно только прототипное наследование поначалу немало клинит. >>523696С типизированного вообще лучше начинать было, а уже потом перекатываться на что-то ебанутое вроде JS. А вообще осваивай всё чо заинтересует, хотя бы на общем уровне знания основ языка. Общее понимание вырастет.
>>523706>что-то ебанутое вроде JSутверждение уровня "php - параша"
>>523699Двачую этого. Мне всегда было интересно люди говорят: прошел интенсив - потом выясняется что у него затуп в какой-нибудь базовой хуйне которую там обмусолили, или вот прошел learnjs впадаю в ступор когда нужно сделать что-то. Да нихрена ты не прошел, а просто ознакомился в лучшем случае. Прошел - это когда ты усвоил весь данный материал и можешь его применять.Еще из того же разряда выражение: знаю технология-нэйм>>523706Простого в нем то, что простые вещи делаются легко.мимо-анон первый язык был с++
>>523731>мимо-анон первый язык был с++Тоже начинал с C++, потом была Java, проблем она не вызвала. А вот JS пошёл куда труднее жабы. В тех хоть понятно было, вот класс, вот переменные, вот функции. Если надо что-то сделать, создаёшь класс с нужным функционалом, спокойно прописываешь все типы. В JS же всё через function. Смущала видимость переменных на всю функцию. Смущала возможность взять объект и добавить в него какую-то фигню, при этом не меняя самого класса. Вообще поначалу было трудно с разбитием на сущности при использовании JS. Потом освоился правда, язык довольно мощный, да и способ мышления уже поменялся.
>>523662Пробежался по названиям видео, нет вордпресса. Можешь скинуть ссылку прямо на видео?
Анон, не работает Bootstrap и jQuery, на том же FreeCodeCamp при обучении все работает http://puu.sh/o80iu/398764470c.pngА если скопипастить в Atom, и открыть страницу в лисе - не работает.Через ссылку пробовал импортировать, как отдельный пакет для атом тоже, результата нольhttp://puu.sh/o80hy/87723796c4.png
>>523822Тебе нужно подключить библиотеку - скачать себе или тянуть с внешних ресурсов.
>>523825Вот смотри, на fcc сказали что чтобы стянуть бутстрап, достаточно в начале кода написать строчку как на пикеhttp://puu.sh/o80qh/a5fd005311.pngНо все равно не работает
>>523827<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
>>523828О, спасибо, бутстрап заработал, а для jQuery такой штуки нет?Или надо отдельно библиотеку устанавливать?
>>523831<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
Двач - когда лень гуглить.
>>523832Вот написал в код,http://puu.sh/o80Rw/3eddd86d35.png но они все равно не прыгают
>>523834Друг мой, копируй код в какой-нибудь интерптитатор, например сюда - http://codepen.io/pen/
Ребят, я вас вчера теребил, но так и не разобрался. Задача всё такая же, выводить отмеченные option внизу селекта, с возможностью их убрать. Реализованно через плагин, активные option получают класс selected. Я так понимаю нужно делать через$('select.class').is(':checked') но дико туплю и не понимаю как.
>>523834Потому что код нужно писать в другом теге script, без src.
>>523851Вот сделал как ты сказалhttp://puu.sh/o81BK/9ee530c367.pngВсе равно не прыгает блин.
>>523854>>>523837
>>523858Я копипастнул в него, через settings подключил бутстрап и jQuery, но все равно не прыгаетhttp://puu.sh/o81MD/4c70180bdb.png
>>523862Уф, нам то ссылку дай. Или ты хочешь что бы мы перепечатали и потом разбирались.
>>523862Кхм. Codepen дают, чтобы ты написал туда свой код, нажал SAVE и кинул получившуюся ссылку сюда.По поводу твоей проблемы: не прыгает, потому что и не должно. Скрипт добавляет элементам CSS классы, в которых должны быть прописаны все прыгания.Раз непонятно что как и почему, может быть, лучше начать изучение с самых азов? С курсов htmlacademy, например.
>>523878http://codepen.io/Anonimus/pen/BKmvga
Ох, ну я и дурак, animate.css нужно было тоже импортировать, теперь прыгает как надо, всем спасибо ИТТ.
Котаны, не знаю какой адекватный рейт себе ставить.Из моего города непонятно откуда взялась компания, нашедшая мое аутдейтнутое резюме и запилившая оффер. Почти сходу предложили назвать почасовой рейт. А я даже хз сколько это будет в адекватных цифрах.Из навыковHTML5/CSS3 на хорошем уровнеJS - тут я даже хз какой уровень. Любой функционал для сайта от анимированных меню до более менее серьезных штук напишу без проблем. Из логики посерьезнее успел написать тестовое апп с запоминанием данных, сохранением на сервак/локалСторедж, рендером на страницу по шаблонам, сортировкой. Возможностью отсмотреть картинки которые сохранил в галарейке, удалить запись и прочую такую лабуду. Разбираюсь щас с OO JS.Дальше Grunt, Git, Less, BEM, Photoshop и т.д и т.п по списку. Английский на уровне pre-intermediateС фреймворками типа Angular and so on не работал.Что скажете?
>>523904Зависит от страны, от города, от опыта работы. Смотри dou (если хохол), или hh.ru (если кацап) и ищи сравнимые по требованиям позиции. Так примерно поймешь медиану своего уровня.
>>523932Спасибо так и сделаю.
>>523777бамп реквесту
>>523731Просто в нем то, что можно спиздить скрипт какого-нибудь слайдера и без особого понимания, что куда, переделать его под себя. Это просто. А реально вникать и понимать джс сложнее, чем питон или тот же пхп.мимо еблан, выучивший пхп и перекатившийся в изучение джс/верстки
>>523904Базовый левел верстки (типа барбершоп набросать) стоит что-то типа 200рублей в час, отсюда и пляши.
>>524185200 в час? Это же пиздец много за одну верстку? Или это в дс?
>>524185Да тут вон анон с опытом устраивался недавно и считал роскошью за верстку 150р в час и говорил, что больше не дадут
>>524216Ну ты примерно возьми зп которая тебя будет устраивать и подели её на 40 часов в неделю.
>>524215Так в академии той же предлагали оценивать (брали они со статистики для ДС)
>>524221Ты так и не понял что они так наебывают людей, чтобы они у них интенсивы покупали?
>>52422230к для ДС за верстку по-моему не заоблачная ставка далеко. Или ты считаешь что надо за 15к фигачить? Только тогда если в ДС 15к то представь сколько в мухосрани какой-нибудь.А то что наебуют - ну так курсы для того и создают, чтобы стричь бабло. Это любому ясно.
>>524215Ну, я из ДС, два. Разве 200р в час много? Это где-то 30к/мес. Я, да простит меня господь, не читайте спойлер 150/час делаю на копирайтинге, в среднем. Если он освоил галпы-хуялпы, адаптивность-хуивность, препроцессоры и прочее, то, ящитаю, вполне себе расценка. В мухосрансках пониже, конечно.
Впервые верстаю на флексах с параллельным чекином в ИЕ11. Наталкиваюсь на забавные баги.К примеру, в этом коде: http://codepen.io/anon/pen/JXOQMYфлекс к content__item распидарасит каждый айтеам на 100% ширины браузера (зачем мне флекс на айтемы, спросите вы? С флекс-колумн + жустифай сентер охуенно все встает, там еще по задумке картиночки-кнопочки сверху и прочие рюшечки).Решение? Флекс-базис 33,3%. Хуяк, бля, и все работает нормально...А, нет, теперь текст внутри <p> внутри этих айтемов распидарашивает на всю ширину окна. Решение? Задать <p> width:100% Логика зашкаливает просто.Олсо, этот код, который работает напрямую в ие11, не работает, если открыть кодепен в ие11, лол.
>>524422ие не нужен.
>>524423Понятное дело, но его везде требуют. Вот приду я устраиваться на работу и скажу: "ебал я врот ваш ие, я на флексах хуячу)))". Так что-ли?
>>523696Мне очень хорошо помог codewars именно в практике js. Но до это 2 года верстал говно на jquery, так что язык немного знал.Попробуй. Непонятные моменты можно смотреть на том же learn.javascript
>>524216Этот анон - ленивый пидор. Если так демпинговать, то и правда даже 150 рублей будет роскошью.Не проси меньше 200, будь няшей.
Привет, Двач. Подскажи в чем я ошибся. Почему не получается по центру заебенить?
>>524504Потому что твой класс .намберс только у одной тдшки.
>>524518Не понял. Почему у одной? Я подставил его под все цифры во всех разделах.
Если я хочу вкатиться в js, обязательно ли мне знать html css на хорошем уровне? Или подойдут знания уровня "все ебашим на дивах и спанах + селекторы по классам и псевдоклассам" и можно уже начинать? Что скажите?
>>524607Желательно потому что начинать ты будешь с чисто клиентского JS, где надо понимать тонкости разметки, которой ты собираешся манипулировать. Иначе нагородишь адской хуйни, хоть и возможно работающей.
>>524504бамп вопросу
>>524630Лей код в песочницу.
>>524638Бро, я уже все переделал и прошел его. Просто непонятно почему у меня не выходило делать по центру.<td class="hui>1</td>.hui {text-align: center;}По идее должно же центроваться. Но нихуя.
>>524643>class="hui"разумеется
Антоны выручайте, сладкие мои. Расчехлите свои паки псд. Поделитесь каким-нить годным макетом на тему парикмахерских(барбершопов) или спа-хуйни
Подскажите плагин для Sublime text 3 для визуализации кода. Заебываюсь копипастить, хочется иметь перед глазами результат мелких действий в коде разметки. Спасибо.Пик рандом
http://jsbin.com/kijuqufuce/1/edit?html,css,outputКартинка должна быть в цвете, изменять HTML нельзя. Ваши предложения?
>>524907(Разумеется, остальное, кроме картинки, должно остаться серым.)
>>524907>>524908http://jsbin.com/saqafisuti/1/edit?html,css,output
Платина, не ругайте.Сколько стоит верстка сайта типа барбершоп и техномарт? Где можно посмотреть за цены, люди спрашивают сколько нужно, я ответить не могу.
>>524924Не, анон, это не вариант.
>>524907Кстати, я там в конце проебал префиксы, но с ними тоже не работает.
>>524928Не, рендеринг так не работает. Фильтр будет красить всех потомков, что бы ты ни делал
>>524939Это баг?
>>524939https://developer.mozilla.org/ru/docs/Web/CSS/filter> наследуется: нет
>>524925Выше же писали - 200 в час в ДС
А вот у меня тоже нубский вопрос. Допустим, я называю цифру N рублей в час. Как заказчик будет уверен, что именно столько часов я корпел над сайтом?Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?
>>525007>Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?Даhttp://frontender.info/estimating-a-front-end-web-dev-job/
что скажете по курсам от go it? хочу пройти верстку у них, сам не шарю
>>525082Проходил курсы codecademy, htmlacademy и freecodecamp. Пока что htmlacademy понравились больше всего. Codecademy уж очень по верхам прошлись, а FCC какие-то просто не оче, особенно когда видишь десять заданий подряд в стиле сделайте background-color: #ff0000 а теперь #00ff00 а теперь #0000ff.
Анон! Просмотрел раздел "фотошоп" в базовом интенсиве. Какие от меня требования теперь? Мне нужно нарезать макет или пока забить хуй и перейти в раздел сетки? Я честно говоря вобще нихуя не понял. Правильно ли я понимаю, что в основном надо выделять куски изображений типа логотипов и прочей хуйни, потом экспортировать ее и сохранять? Это все? Объясните тупому ньюфагу, мудрые анонимусы.
>>525345Тот же вопрос. Так же нихуя не понял. Я правла посмотрел еще "сетки", но из-за этого нихуя не понял вдвойне. Надо, наверное, одноименный курс на хтмлакадеми пройти сначала.
>>525353Какой одноименный курс?
>>525362"Блочная модель документа" и "Сетки"
>>525363А с фотошоп то что делать? Мне стоит начинать смотреть "сетки" ? Блять вечно то народу дохуя когда не надо, то никого нет и объяснить некому.
>>525367Да, смотри их, хуже не будет.
>>525369Проходить курс "блочная модель документа + сетки перед тем как начать просмотр?
>>525345Фотошоп нужен для экспорта графики. Можешь смотреть дальше сетки, можеть вырезать графику и заготовить заранее, а потом смотреть сетки или че там дальше идет. Я раньше графику готовил заранее, а щас подрезаю в процессе вертски. Делаю какой-то блок, ага, тут надо картночку, вот тогда и экспортирую.
>>525370Пройди курс "Как начать думать головой самостоятельно"Или в профессии тебе тяжко придется.
>>525370Ты зачем такой затупан? Только сегодня тоже посмотрел фотошоп, таких вопросов не возникло.
>>525370Он задан как дз в конце вебинара. Но я бы прошел перед просмотром, потому что...Ну, может это я такой тупой, но я эти два часа просидел под лекцию Першина и мало что понял. Надо самому все пробовать.
>>525371Так и поступлю.>>525373нет ты>>525374ну извините>>525375Благодарю.
>>525373Двачую этого. И так всю разжеванную и структурированную инфу на блюдце подают. Жаждущим вкатиться и спецификации хватит.
Вышел на рейт 500р.\ч задавайте ответы.
>>525410Фрилансер 200к в секунду, это ты?
>>525412Я не фрилансер, но работаю 20-25 часов в неделю и норм мне.
>>525410Ну расскажи хули, сколько шел, че умеешь, какой бэкграунд.
>>525410пруф
В разделе "разметка" размечать надо только главную барбершопа или вобще все разделы?
>>525410Где работаешь?
>>525437Чем ты слушаешь вебинары? Еще надо два личных проекта размечать.
>>525515У личных проектов тоже все страницы размечать? Пиздец. Я же не понимаю нихуя. А мини курсы на сайте не объясняют.
>>525561да там разжевано так что дальше просто некуда
>>525622Ну хуй знает. Не разобрался как каталоги верстать + с формами проблемы пиздец типа вот этой залупы на пике. Я дважды просмотрел интенсив и все равно не вдуплил. Или как сортировку сделать. Неужели я один такой во всем треде тупой?
>>525643Пик отвалился
>>525561Да, барбершоп + 2 личных: один фикс, второй резиновый/адаптивный. Размечай лучше сразу.
>>525643Я тупее тебя, потому что на сетках уже нихуя не понимаю. И размечать личный проект еще не начал.Думаю пересматривать все с нуля, так как на каком-то моменте я проебался и всё. Дальше непонятки нарастают только.
>>525190Ага, однообразные однокнопочные задания, а потом самостоятельгая работа - сварганьте портфолио на бутстрапе с такими- то функциями, и похуй что половину мы не обьясняли. Старожилы правжа говорят, когда ява пойдет - будет веселей.
>>525644Опять же, только сегодня с этим тоже разобрался. Хули тут непонятного? Две формы, одна чекбоксы, другая радиобатоны. Все блять. Про штуку под стоимостью говорится в вебинаре про сетки (2016 года), там в начале разбираются каверзные моменты. Я сначала разметил, а потом уже посмотрел этот вебинар, когда размечал просто пустую дивку оставил.
>>525683>Опять же, только сегодня с этим тоже разобралсяУти умничка какой. Возьми с полки пирожок, покушай, умничка ты мой, хороший, заслужил. Ух молодец. Горжусь тобой. Вырастила! :33
>>525687Смирись, вопросы у вас дебильные, думать головой не умеете.
>>525689Уруру! Какой умный мальчик! Это я его научила! Ух сообразительный, в верстке разбирается, разметить html страницу научился! Профессором наверное станет.
>>525695Саси короч)
Прям захотелось поумничать и в скайпе объяснить что и куда. А потом вспомнил что сам почти нихуя не знаю и как то грустно стало.
>>525683штука со стоимостью на сайте в курсах есть
>>525711Мне не попадалась пока что, в каком разделе?
>>525721"Промежуточные испытания" -> Испытание 3: фильтры по цене
>>525729Спасибо, мне как-то не лень эти испытания проходить, на еблю с макетами кучу времени уходит.
>>525732*лень
Там в старом базовом (2015 года который) есть в 6 уроке ролики как делать разные штуки. + не забывайте смотреть дополнительные материалы из шапки https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialвот этиКак делал я:- курсы были пройдены до интенсива (так получилось, но можно проходить и после просмотра записи курс по теме урока)- пролистал быстренько все записи вебинаров, чтобы понять что за чем идет (мне так проще понять цельную картину того, чему будут учить)- смотрел отдельно каждый урок внимательно- читал дополнитлеьные материалы как данные в уроке, так и по ссылке, что кинул- делал то, что показали на уроке (по барбершопу) только сам, не подсматривая.- далее делал подобное только на личном макете (первым брал нердс)Благодаря тому, что в начале было пролистано, я знал: карточки каталога - покажут на той записи, формочку цены там-то.Совет из личного опыта: не пытайтесь сделать скажем ту же разметку прям после второго урока сразу всех страниц и идеально (только будете долго ебаться). Вам все-равно придется возвращаться к тому или иному элементу (верстка по сути проходит итерациями). В последствии еще в следующих уроках тот или иной элемент может описываться.Показана одна разметка барбершопа - на личном макете тоже попытайтесь сделать одну страницуЛично мне сейчас проще делать не как они предлагают: сначала все разметить, потом вырезать графику, потом сделать сетку, потом оформлять детали там и т.д.А проще сначала ознакомиться со всем макетом целиком и вырезать нужную графику, подготовить шрифты (если надо иконки) в процессе осматривания в фотошопе в уме прикидывается каким способом будешь делать тот или иной элемент. А потом тупо поэлементно (поблочно) делать макет. Грубо говоря есть шапка - вот ее и делаешь полностью. Потом переходишь к другому блоку. Мне лично так проще, чем сразу делать только одну лишь разметку но для всего макета.Первый свой макет вы в любом случае сделаете как они описывают, а остальные можете делать тоже по частям. Тем более в продвинутом никого особо не ебет как вы будете делать, а под БЭМ такой подход (блочный) очень даже подходит.Надеюсь, мой опус кому-то из ньюфань покажется полезным.курю базовый по js-кун, прошел базовый и продвинутый по верстке
>>523507 (OP)Перекатился из треда в /б к вам и что же я вижу, не по профессии, а только если ты кодер-погромист, где другие профессии то?
>>525742Кое-что вынес для себя.
>>525742Адекват в треде, все последовательно, конструктивно и понятно. Пусть мама объяснит этой хуесосинки из треда >>525683 как себя вести надо.
>>525748Писать научись, нихуя не понял, что ты написал.
>>525785Был тред в /б, даун, там пост "перекатывайтесь сюда, если хотите по профессии переехать в асашай". Перекатываюсь и вижу тут только кодеров-погромистов и не одной другой специальности.
>>525799Чувак, тут таких залетных как ты не любят.
>>525799Бро, тебе сюда.https://2ch.hk/wrk/res/513935.html
>>525823Затралел, азаза, мне уже пригорело даун
Палю годноту!http://docs.emmet.io/cheat-sheet/
>>525923
Пацаны, я неофит, играюсь с гитом, как удалять репо с пека? Я пытался просто папку удалить, но она наебнулась, не могу открыть/удалить ее теперь, пишет расположение недоступно.
>>526033ls - чтобы глянуть есть ли она в директорииrm -rf folder_name вроде чтобы удалитьтакже попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступно
>>526035> также попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступноДействительно, спасибо.
>>525082Полное говно, рассчитанное я даже хуй знает на кого.
Сколь тебе лет полных? js-кун занято, выбери себе другое
>>525742>>526155
Ваше мнение, фронтаны? По мне так какое-то вырвиглазное тормознутое говно, напичканое свистоперделками и пахнущее смуззи.http://bitforest.io/мопед не мой, просто наткнулся на просторах интернетов
>>526350а мне нра
>>526354Ну хуй знает.Просто я ньюфаг, и везде читал, что тормозные сайты нинужны.
>>526350Эффекты нужны, но меру-то блядь знать надо. Отличный показатель того, как ебанутый дизайнер видит свой говноделие, но ничего не смыслит в UI
Несколько часов трахался, пытаясь запилить бордер градиентом (пикрелейтед) поверх обычного бордера, но так ничего и не добился. У кого-нибудь был опыт подобного пердолинга? Пока ничего более умного, нежели вырезать эту хуйню и запилить через :before мне в голову не приходит.
>>526390https://css-tricks.com/examples/GradientBorder/Трое суток гугления
>>526391У меня не получилось сделать круглый бордер градиентом ни по одному из этих способов. Единственное, что вышло - залить вообще всю картинку полупрозрачным градиентом, лол.Зато получилось залить тестовый квадрат, лол. В общем, я сейчас удалю свой говнокод и с утра заново попробую.
>>526393В общем, сделал так:http://codepen.io/anon/pen/QNaOVVНе знаю, насколько это лучше, чем тупо вырезать картинки с бордером в фотошопе, но хоть работает.
http://codepen.io/anon/pen/jqYYPJХелп, аноны. Как сделать чтобы при ховере не прыгало?
>>526399* { box-sizing: border-box; &::after { box-sizing: inherit; } &::before { box-sizing: inherit; }}
>>526400Вот, короче, http://codepen.io/anon/pen/jqYYWR
>>526400>>526401Лол, я еще немного подумал и оказалось все проще, сделал через outline. Спасибо за помощь, мб в другой ситуации пригодится.
>>526402Ну не знаю, я бокс-сайзинг всегда прописываю, офигенная штука, которая должна быть по-дефолту, ящитаю. Особенно с флексами.
аэрофлот-кун вкатился сполногонулячет надоело чумаданы кидать:)
Что-то почитал JS-тред и мне стало грустно. Это же надо года два на то, чтобы все освоить. А потом еще года два, чтобы освоить новые стандарты/технологии/фреймворки. А потом еще года два, чтобы освоить стандарты/фреймворки, пришедшие на замену уже освоенным стандартам/фреймворкам. А потом еще... Какая, все-таки, верстка ламповая и дружелюбная.
>>526454Типа в верстке не появляются новые стандарты и подходы
>>526435Сколько лет?
Неужели назвали тред правильно не прошло и года
>>526482прошло)
Почему это работает один раз после загрузки https://jsfiddle.net/5tefh4dj/1/а это работает как надо https://jsfiddle.net/yfe7b4up/?
>>526558проебал вторую ссылку - https://jsfiddle.net/5tefh4dj/2/ вот как надо
>>526558>>526564Анимация отрабатывает и заканчивается. Во втором случае они запускают по очередиhttps://css-tricks.com/restart-css-animation/
>>526579Разве она не должна при смене класса вызываться повторно в первом случае?
>>526579>Разве она не должна при смене класса вызываться повторно в первом случае?Прочитал>https://css-tricks.com/restart-css-animation/Что ж, видимо, не должна. Спасибо.
>>526155> js-кун занятоЕбать ты охуевший.
Привет, анон.В данный момент я съебываю со своей работы и ищу себе замену.Будешь заниматься версткой и наполнением (контент-манагер, ага) за 50к/мес (возможны доплаты за переработки). Работа абсолютно непыльная, но в придачу идет начальство, так что более, чем на полгода не рассчитывай (тебе же надо развиваться, ага). Если в самом-самом начале пути -- велкам, пиши на мыло пару слов о себе, если хоть немного честолюбив и уже что-то имеешь в запасе из скиллов -- лучше пойди на более перспективное место.[email protected]
>>526685Олсо, тред не просматриваю, потому если есть впоросы -- почта.
>>526685Ты бы хоть город указал. Или удалёнка? Я бы подрядился, но ещё ничего не умею.
>>526470Тридцать четыре: (Грустно что не попробовал раньшеНо в любом случае я ничо не теряю... 15 дней в месяц все равно свободны, могу учица
>>526690>ничего не уметь>работа>50к/месМне кажется, или очевиднее дс тут нет ничего?
>>526454А ты хули хотел?
>>526454Итс тру
>>526685Я уже год въебываю за 35 >мимонытик
>>526782Въебывал 5 за 25. Так что у тебя еще все впереди.
>>526685Так, проебался немного с описание, добавлюГород: дс, серая/оранжевая ветка верх, минут 15 на автобусеУдаленка не предусмотрена.Как развитие данную работку не ищите -- только если СОВСЕМ НЕТ скиллов, то можно здесь чуть поднять бабла, если хотите, чуть поднакачать скилл (учителей здесь нет, все самим, никто подсказывать, чо делать, не будет), благо над душой не стоят и можно делать свои проекты, и после съебывать отсюда.50к за стандартный день с 9-18, хотите сидеть до 21 -- сидите, будет доп.оплата, но делать тут нехуй. Всем, кто ответил на почту, спасибо, я отвечу в письме еще.
>>526960>>526960Ах да, приступать со следующей-послеследующей недели.
Почему с шапки пропала инфа про создание портфолио на гитхаб?>. Джуну фронту надо либо макеты с вменяемой клиентской логикойЧто такое клиентская логика?
>>526454Вертска тоже не хуй собачий.
>>527050> Что такое клиентская логика?Логика, выполняемая на клиенте. Скрипты то бишь.
>>527114Понял, благодарю.
> вида username.github.io, где username это название вашего аккаунта на GitHubПацаны, а вот так можно username.sitenam.github.io, работать будет? Или как правильно сделать, чтобы много сайтов залить.
>>527135>username.sitenam.github.ioнет, этот домен автоматом создается>Или как правильно сделать, чтобы много сайтов залить.далешь в нескольких репах ветку gh-pages и у тебя будет типа:username.github.io/project1/username.github.io/project2/
>>527135Не, нельзя так. На одного юзера один сайтМожешь оргу запилить, на неё тоже один сайт
>>527142рили?>>527141 - кун
>>527142Можно. Только index.html обязательно создать и ветку gh-pages.
>>527141Попробую, спасибо.
>>524504Подозреваю, что все там по центру. text-align центрует твою ссанную пятерку, но из за ширины ты этого не видишь. Можешь попробовать увеличить ширину этого td и посмотреть. Но вообще там этот text-align: center нахуй не уперся. Делаешь отступ паддингами и все.
А такие вещи лучше делать с бр или задавать оверфлов?
>>527212Пик проебал.
>>527213Причем здесь оверфлов, мудила?Используй паддинги, либо ширину
>>527221И хули паддинги? Какая нибудь пизда будет менять инфу потом и все пизданется, я то и бр могу сделать и хуй забить.
>>527241Конечно тут только брки можно юзать, они именно для такого и сделаны.
>>527248Ну так, а потом не скажут, что это я хуйню сделал и весь интерфейс пизданулся?
>>527250С чего он должен пиздануться?
>>527254Переполнение контентом, например.
>>527213делай ширину для обертки - будет больше возможностей управлять всем этим дерьмом, если делаешь адаптивно. Брки могут сломать тебе вид на малом разрешении если, например, перенесется слово перед бр. Получится строка из одного слова.
>>527261Я же просто спросил, это норм, если я там юзаю бр, или стоит делать размеры с оверфлов, чтобы ебанутые мани все не похерили?
>>527265Не норм. Уменьшай окно пока не перенесется крайнее слово.http://codepen.io/kotokrad/pen/pypGoyИ вариант без брhttp://codepen.io/kotokrad/pen/dMJaPjне понял, к чему оверфлоу
>>527241Сука, ты че, поехавший? Каким образом все пизданется при использовании паддингов? Задаешь для блока обертки этого текста нужный паддинг справа и все блять. Если кто - то потом добавляет текст - он переносится автоматически и не надо никаких бр.
>>527284Не истири, дебил может написать дохуя всего и блоки собьются.>>527273> оверфлоуХайден же.
Мде, такое чувство, что тут сидят диванные теоретики верстающие только макеты академии, лол. Хотя так и есть, чего это я
>>527295Ну так учат люди, что не так?Напомните кто пожалуйста, в каком именно уроке рассказывают, как живую карту прикрутить, я что-то найти не могу.
>>527297Не, мне просто нравится, что вы даёте советы и ещё и спорите.Обертки с паддингами, для каждого блока это просто топ кек
>>527303Ну сделал на бр, потом заказчик орет, что маня добавила текст, а он поехал.
>>527307> заказчик оретМанька, плиз.Во-первых, текст слоганов/описаний/заголовков/хуй-знает-как-это-по-русски-называется не переносят рандомным образом никогда. Его переносят после определенных слов, чтобы остался "ритм" предложения, и чтобы оно не начиналось с предлога, например.Во-вторых>задаешь для блока обертки этого текста нужный паддинг справаНужный это какой лол? При одном тексте он будет один, при другом совершенно другой. Как во втором случае с этой картинки >>527213 ты решишь это паддингом? Никак.99% операция с пересоном текста делаются через брки.
>>527315Конкретно в этом примере надо учитывать, что дизайнеры - долбоебы. Да, можно ебнуть перенос и пусть ебутся, как хотят. Но вообще достаточно задать паддинги, чтобы текст не прилипал к краям. "Скрупулезно" все равно не влазит в ширину текстового блока с паддингами и перенесется. другой анон
>>527303Ну так и в верстке для каждой задачи можно придумать кучу способов решения разной степени паршивости. И в чем проблема обертки с паддингами? Ты же, наверное, оборачиваешь текст в абзацы, вот им и задай. Явно же более универсальное решение, чем бр везде хуярить
О чем спор вообще. Фиолетовое - ширина текстового блока.Красненьким - паддинги, слева-справа пикселей 10, и сверху-снизу пикселей 30. "Скрупулезно" и другое длинное слово автоматически переносится на новую строку. Логического смысла в переносе строки "для вашего сайта" нет, пусть дизайнер идет нахуй, текст и так красиво встанет. И ничего не поедет, даже если сеошные дебилы, например, захотят прям в этот блок захуячить статью с ключевиками на 1000 символом..
>>523777>>524087сорян, не тот канал скинулhttps://www.youtube.com/watch?v=WFEgmNfvpnw
>>523848анон, я в прошлом треде тебе уже скидывал готовый говнокод, лови ссылку снова:https://jsfiddle.net/oszis113/wn996b42/
В нердсе дизайнер мудак. Если я правильно помню то на других слайдах другая ширина заголовка и проще сделать с помощью br в данном случае.
У меня в фотошопе при щелчке на какой-нибудь элемент макета не выбирается слой в котором он находится почему-то. Даже когда в менюшке слоев кликаешь, ничего не происходит. Но если слой спрятать, то он исчезает. Что делать?
>>527392Ну и вообще элементы не выделяются в принципе.
А все, блять, нашел галочку, сорян.
Вот про дизайнеров-мудаков, пацаны. Восемь, блядь разделов. В семи шрифт 18px, в одном 17. Весь макет одним шрифтом, а ссылка в углу - другим. Тоже без засечек, с виду хрен отличишь. Отступы у одинаковых заголовков разные еще. Я собственно к чему: забить хрен на это все и делать единообразно или всю эту хрень мужественно переносить в верстку?
>>527392поставить галочки на автовыделение слояи можно еще на показ контролов трансформации
>>527432Ага, уже разобрался, спасибо.
>>527397>>527432бля, написал, а потом прочитал следующее сообщение лол
>>527416Громов говорил что если блоки явно одинаковые должны быть и это никакая не концепция - он берет стили из первого появления и применяет ко всем остальным. (это про размер и отступы шрифтов, размеры блоков и т.д.).
>>527053Верстка хуйня, ее за год спокойно освоит даже умственно отсталый.
>>526698>Но в любом случае я ничо не теряю...Время.
>>527545Время, проведенное с удовольствием, не является потраченным.
>>527320А потом ты переходишь на следующий слайд и видишь что слова там переносятся уже за пределы паддинга сделаного ИМЕННО для первого слайда.
>>527416Блять, верстаю щас макет мухосранского дизайнера и там пиздец, высота у всех шрифтов разная, где-то вообще ее нет, размеров шрифтов штук 10 вообще нахуй.
>>527545Ну, не знаю... Вместо игр,и фильмов будетучеба...За вчера пять разделов в академии прошел, мне понравилось, интересно, и дается легко. У меня склад ума аналитический, математику в школе любил. Айкью высокий. Альтернатива только на вышку идти... Но это пять лет ради корочек... К 40 годкам..
>>527571>Айкью высокийИ какой же? И где ты его проверял?
>>527574Бля ну че ты как диб)))) Зайди в аську проверь хуле
>>527571А я после вышки вот изучаю. Причем вышка техническая. Просто то, что преподавали не особо нравится
>>527578Поясни за свой выбор, нахуй пошел туда, где не нравится обучение?
Пацаны, как сделать, чтобы сайт нормально отображался на мобильных устройствах? Я как-то видел барбершоп с планшета, там все открылось как на пк, алсо, макет не адаптивный, сетка на месте, у меня в нердс все пидорасить начало.
>>527580Думал, что будет норм. Тем более знакомый, который учился до меня сказал, мол будет дохрена программирования (что ему не нравилось). На деле - дохуя математики (что не нравилось мне в свою очередь)
>>527580Будто у нас 70% абитуры так не делает.
>>527584Ну и да, фронтенду как таковому я хз даже где найти чтобы обучали. Так что в любом случае будет то, что тебе не нравится, если пойдешь на вышку
>>524215Бля, я на листовках, когда в школе учился, 150 в час получал. Что-то у меня разрыв шаблона.
>>527585Все еще пытаюсь понять, почему они так делают? ШОБ ВСЕ КАК У ЛЮДЕЙ?
>>527588Ясен хуй на некоторых днищеработах можно поднимать больше чем верстала, но у версталы есть рост, а на днищеработе его нет.
>>527587По-моему это как раз та сфера, куда приходят самоучками. Ну или максимум курсы типа хтмлакадеми. На ютубе смотрел видеоуроки на одном русскоязычном канале, автор в комментах сказал, что учится на веб девелопера. Видимо не в РФ. Но не рекомендует убивать время на такое официальное обучение.>>527589Ну потому что я ж типа умный, илита, пойду вузик закончу и буду в офисе за 100 к сидеть. Ну, так думают, в основном, мамки юных абитуриентов.
>>527591Кстати есть вообще вузы в рф где можно выйти йоба-погромистом с изучением актуальных и прибыльных языков а не всякого древнего говна мамонта?
>>527582Бамп вопросу, почему у меня с масштабами пиздец?
>>524845А нельзя просто после изменения в коде нажать ctrl + s и обновить свою страничку в браузере?
>>527594Может, ВШЭ какая-нибудь.
>>527596Залей на гитхаб пэйджс и кинь сюда, мы же блять не экстрасенсы.
>>527590Тут ты прав. Да и версталой гораздо интереснее, чем стоять как еблан с бумажками на улице.
>>527598Можно, но если ты деалешь это по 1000 раз в день, заебываешься
>>527585>>527589Не, у меня немного другая ситуация. Хотелось чтобы было больше ооп, алгоритмов, шаблонов проектирования, архитектуры и т.д. и т.п.На деле: интегральные исчисления, матан, дифуры, матфизика, прикладные задачи матфизики, механика сплошных сред и т.д. и т.п. Из программирования: основы на с++, подсчет формул на фортране и спецкурс по 1с (лол), и более-менее норм - это курс по реляционным БД и компьютерная графика (рисовали объектики - вершиной изучения материала был анимированный трехмерный бокальчик с вином, кек). Из верстки был html таблицами (лол). Все остальной одна сплошная ебучая математика. (из нее мне кстати нравилась мат логика, дискретка и первая часть тервера где больше комбинаторики чем тервера и то мне оно нравилось так как я любитель покерка)
>>527602https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh я заебался уже вбрасывать это почти в каждый тредж.1) Ставишь 2) Включаешь3) жмешь ктрл + ы в саблайме4) ??????????????5) PROFIT!
>>527600Вот такая хуйня на мобильном.
>>527604Лол, как раз не поступил на айти-специальность по той причине, что там гора всякой математики. Может, я просто неосилятор-гуманитарий и вообще не прав, но по-моему она там нужна куда меньше. А больше надо уделять внимания практике современных языков, работе с реальными проектами, которые действительно заказываются в этом грешном мире и т.п
>>527606Перечитай плз мое сообщение.
>>527605Спасибо огромное.
>>527297> Напомните кто пожалуйста, в каком именно уроке рассказывают, как живую карту прикрутить, я что-то найти не могу.Все еще не могу найти, лол. может я удалил случайно, в каком уроке это было?
>>527617дополнительные материалы к интенсиву из шапки смотри
>>527617В гугле рассказывают обо всем. За то время, пока ты ждал здесь ответа, мог бы три раза во всем сам разобраться.
>>527617https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-start/tasks/quick-start-docpage/
суп верстаны, а не фронтендерстаны теперь, короче меня работодатель на позицию джуна версталы, попросил прислать запись моей работы, как думаете есть смысл отправлять видос или слиться ? Я там тупил дохуя.https://www.youtube.com/watch?v=zk65S52Bv7s&feature=youtu.be&ab_channel=%D0%95%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9%D0%9B%D0%B8%D1%82%D0%B2%D0%B8%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE
>>527721А зачем там гул, что он делает? И чтто за редактор у етбя? Я хоть и неофит, но вот эти пару ссылок посмотри, спрайты быстро пилить, там и координаты все. А авакод - убергодная хуйня для верстки.http://spritegen.website-performance.org/https://avocode.com/
>>527721и еще, если кто заметил что я что то неправильно делал, дайте знать и вопрос по поводу, сколько времени мне еще аутировать перед тем как не стыдно будет откликаться на вакансии ? А также сколь времени матерый верстала будет делать то же самое ?
>>527731ide: https://www.jetbrains.com/webstorm/ты про галп я так понял ?sass компилит, компасовские либы подключает и es6 => в 5 транспилит, точнее будет когда я буду скрипты прикручивать, картинки там оптимизирует автопрефиксер и т.д
>>527736Нихуя не понял, лол, ну да ладно.
>>527738ну короче я ж не html код пишу а использую шаблонизатор http://jade-lang.com/то же самое с http://sass-lang.com/а за ссылки спасибо, я щупал авокод летом прошлого года, он не умел line-height показывать и еще были какие то косяки со шрифтами
>>527741А в саблайм нельзя прикрутить препроцессоры?
>>527747можно и в саблайм наверное, я его не юзаю а автопрефиксер как ? ща глянул на packagecontrol.io там есть, но он их в моем коде делает а не на выхлопном
Как элегантно на флексах запилить такое расположение блоков?
>>527778Бляяять, хуй с ними с флексами, как можно еще это сделать, сойдет любой спосоБ, похуй уже, аноны, помогите!
>>527797Сделал короче на флоатах, похуй, если кто на флексах сможет, напишите.
>>527802сделал на флексах, я бог!какой же я еблан, полчаса на эту хуйню потратил
>>527802Я бы тупо обертками запилил. А внутри уже определял количество картинок, довольно удобно за счет флексовского стретча по умолчанию. Можно в обертку хоть одну, хоть четыре заебашить, выбрал ширину и готово.
>>527809Сделал без оберток
>>527797Молодец что сам справился. https://jsfiddle.net/tx3sna8x/
>>527810Показывай решение.
>>527813http://codepen.io/anon/pen/VayoaW
>>527817Интересно, давно юзаю флексы, но не знал про эту фишку с сочетанием column, wrap и недостаточного размера контейнера. Спасибо.
Пацаны, вот у меня есть список, catalog например, на других страницах он тоже есть, но там он ведет себя иначе и вид другой немного, по бэм правильно задать ему catalog_other-page? Или .other-page .catalog делать можно? Как правильно по бэм?
>>527830Для одной страницы main-catalog для другой inner-catalog, например. мимо-диванный-знаток-бэм
>>527830покажи скрины - подскажу
>>527851Нет скрина.
>>527854Сделай. Или ты абстрактно выдумал?В любом случае модификатор должен описывать свойство которым элемент или блок отличаются.ну скажем размером:card--smallили по классическому БЭМcard_size_small
>>527855А ну правда еще добавлю что видел и версии типа таких. Например:card--preview (ну то есть в зависимости от назначения)Но тут в обычный БЭМ у которого обычно _ключ_значение не перепишешь наверное, по крайней мере я не могу быстро придуматьКороче на примере было бы проще
>>527600Я гуглил, пробовал <meta name="viewport" content="width=device-width, initial-scale=1.0"> но по сути никакого толка, чет вообще нихуя понять не могу.https://marlengromov.github.io/nerds/>>527855>>527860> абстрактно выдумал?Да.Как бы блок каталог, на одной странице он просто как блок с надписью, а на других у него всплывающий список и типа иконка возле надписи.Вот на главной он просто catalog, a на другой странице его иначе как-то нужно подписать, я до этого всему прописывал классы, чтобы анб были, но как-то программист говорит, типа можно ли в боди прописывать класс, а потом через .нейм-боди .хуйня-нейм стилизовать, говорит гемор ему, что потом разные шаблоны при программировании, а я обычно писал .каталог_нейм-боди. Вот я не знаю, правильно ли я делал или нет?
>>527861Нихуя не понял про каталоги твои. По идее блок каталог содержит в себе товары а не просто блок с надписьюКороче не въезжаю я че тебе надо, сорян (походу надо пойти проспаться)А вот про metaname скрин тебе
Есть кто упарывает jade? Такая проблемс - как вставлять свг инлайн? Редактировать каждый раз теги не очень.
>>527874Ну проблему решил быстро конечно, но оцените насколько это костыли. Вставляю свг инлайн в jade-файле с помощью unclude. Даю обёртку класс и через него даю свойства свг. Нормально?
>>527879>>527874
>>527866Благодарю, а откуда скрин?
А почему свойство fill не применяется к бургеру? Я уже с интернета скачал другую иконку. Не помогло.
>>527890fill - свойство svg, а ты к спану его применяешь
>>527892И что? Оно наследуемое.
>>527892Хорошо. Почему тогда я напрямую через редактор установил зелёный цвет, в первом варианте сработало, во втором нет. Так с иконкой которую дают в макете интенсива и со скачаной с интернета. Уже и stroke прописывал.
>>527866Не помогает пик, боди 900, а задал сперва столько же, потом больше, один хуй все пидорасит, что не так?
>>527898А на кой хуй тебе вообще это? Пиздуй адаптивные сайты делать.
>>527899Лол, а если неадаптивный?
>>527895Чет проебался я, проверил - правда наследуется. Залей на кодпен, понятнее будет
>>527904https://jsfiddle.net/wmLcdakr/Там регу просят. Яж ананимас.
>>527910fill был инлайново прописан в path
>>527913>>527910https://jsfiddle.net/pzq2dkp4/
>>527898Тебе уже сто раз сказали - залей на гх-пейджес и скинь, чтобы посмотреть.
>>527914Спасибо. Ну конечно же сравнив я заметил что там "предустановлено" значение филл. А то что оно не меняется так должно быть? Прям как константа.
>>527920Ну так оно действуют как все правила ксс. Если у тебя где-то наверху написано одно правило, а потом на самом элементе другое, то именно ближнее будет работать.
>>527915Я залил уже >>527861
Я что - то не могу сообразить, как сделать так, чтобы текст не выпадал из этого блока, а переносился? Сам блок зафлочен, а текст это чекбоксы с лабелами.
>>527965вангую, что нужно overflow: hidden
>>527965>>527969а если хочешь наверняка - показывай код
>>527969текст тогда будет пропадать, алё
>>527970нет, не так. ПОКАЗЫВАЙ КОД
Пацаны, вот есть у меня меню на li, пытаюсь выровнять его по ширине блока через text-align:justify, а оно как стоял по левому краю, так и стоит. В чем может быть проблема? Даст бог другие способы подскажете.
>>527973Эхехе ты захотел, конечно как ты хочешь НЕЛЬЗЯ, это просто не логично. justify только к тексту можно применять, явно не к li, nav и тому подобное.. Какого хуя last-child у nav а не у li nav? Во-вторых хуй знает как тебе помочь. Тут либо паддингами отбивать (может не совпасть, либо установить фиксированую ширину у li, тобишь в твоём случае width родителя делим на 7.
>>527965вангую http://htmlbook.ru/css/word-wrap
>>527972Хватит свойств для этого блока? Или всю страницу в песочницу хуярить?
>>527980Да я уже погуглил, там же написано: "Данное свойство носит черновой характер и при валидации документа на CSS3 выдает ошибку."; Не хотеть верстать невалидно. Неужели нет способа, чтобы пофиксить это? Я просмотрел базовый, вроде не было таких ситуаций
>>527978Но ведь по центру и правому краю выравнивается все отлично.
>>527984Пропиши ширину ul попробуй.
>>527982пример на скрине туповат. Думаешь будут настолько длинные слова, что выйдут за границу блока? Обычный текст нормально перенесется по слову. Ну а шоб наверняка - >>527969
>>527986Да даже не конкретно для этого примера хочется сделать, а в общем научиться и понять, чтобы в будущем использовать, если вдруг придется. Ну, в ляюбом случае, спасибо за участие.
>>527985Неа.Кажется, спать я сегодня не ложусь.
>>527991лет ми гугл фо юhttp://stackoverflow.com/questions/11589590/text-align-justify-inline-block-elements-properly
>>527582 https://marlengromov.github.io/nerds/Бамп вопросу.
>>528008Что, собственно, нужно? Не хочешь делать адаптив - удали мета-тег viewport, тогда мобильный браузер при необходимости включит зум и всё будет выглядеть стандартно херово. Но лучше, чем было.
>>528012Вот что без viewport >>527606, нихуя не нормально, а барбершоп нормально показывает, я нихуя понять не могу.
>>528013Это нормальное поведение для не адаптивной страницы. Браузер по-твоему сам должен скукоживать фиксированную страницу под разрешение телефона?Скинь тогда уж ссылку на барбершоп.
>>528016https://marlengromov.github.io/barbershop
>>528017Сорян, туплю. Мб на телефоне пробелы между инлайн-блоками шире, из-за этого всё едет. Попробуй их удалить
>>528026Завтра буду ебать размеры и падинги.Вот эта хуйня помогла <meta name="viewport" content="width=device-width, initial-scale=1.0">, но другое пизданулость.
Сап фронтаны. Полчаса уже ебусь с иконкой корзины в нердс, не получается сделать чтобы при наведении на надпись "КОРЗИНА" иконка меняла цвет, и наоборот. Иконку иконочным шрифтом хуярил с помощью спана перед ссылкой, что бы можно было ее серой сделать, а текст остался со шрифтом и черный.
>>528030Алсо добавлю, что опасити она меняет при нажатии на текст, а цвет нифига.
>>528030>>528031вангую проблему специфичности. А вообще такое лучше делать с :before
>>528033Сейчас попробую, а с помощью :before разве можно иконку шрифтовую вставить?
>>528034да. пишешь код символа в content и задаешь шрифт content: "\f09b"; font-family: FontAwesome;
>>528036Спасибо.
>>528036>>528037это не корзина, а рандомный пример, если что
>>528038Это понятно.
>>528038>>528036Вот список кодов для символов. Я все цсс'ки посмотрел, везде так же. Соответственно когда я пишу код '\62' у меня и появляется буква b. Что за фигня, почему не иконка?
Ну ёбана>Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.http://codepen.io/https://jsfiddle.net/
>>528048Как я тебе файл шрифта захуярю?
>>528050100% вариант - залей страницу на gh-pages
Кароч забил хер и сделал спрайтом эту иконку ебаную. Всем спасибо.
котаны, хочу чтобы моя mongoDB с каждой перезагрузкой страницы обновлялась. Вопрос, где мне нужно удалять все прошлые значения коллекции?
Вопрос по поводу display:inline-block. В гугле везде говорится про то как убрать отступы между блоками, а мне наоборот, нужно их увеличить. Просто margin-right не работает почему-то, хотя в уроке академии все прекрасно отступается.
>>528075Мы тебе ванги или что? Скинь пример кода, где у тебя маргины не работают. И верстай на флексах.
>>528082Вот такая элементарная хрень: https://jsfiddle.net/aypzt6fs/Скорее всего я туплю, но не могу допереть никак. Вот здесь по-моему идентичная вещь, но работает: https://htmlacademy.ru/courses/44/run/18
>>527973Флексы или display table. В интенсиве про это есть
>>528089Я хотел было сказать, что ты тупой, но я просто не выспался и злой, поэтому извини, хоть я этого и не сказал.В общем, суть такова: ты задал display: inline-block КОНТЕЙНЕРУ своих ЖЕЛАЕМЫХ инлайн-блоков. И потом ЕМУ задаешь маргин. А внутри НЕГО у тебя обычные ссылки, которые ты вообще никак не стилизуешь. Вот для наглядности, добавил второй блок в твой же фиддл (и подкрасил его): https://jsfiddle.net/aypzt6fs/1/А вот как это должно быть: https://jsfiddle.net/aypzt6fs/4/
>>528093И это, на будущее. Классы-айдишники всяким инпутам, ссылкам, баттонам и прочей хуйне пиши самым первым атрибутом, а то заебывает среди этих "href=", "type=text" и т.п. искать класс.
>>528093Блять, я реально дебил. Спасибо.
>>528097Да не за что. Ты по теории не загоняйся слишком, лучше верстай. Хотя бы барбершоп с нуля, например.
>>528098Так я Нердс и верстаю, захотел вот эти логотипы инланами сделать.
>>528100Но там походу нихуя так не выйдет и придется флоатами делать.
>>528100А, ну делай, потом залей на гп-пейджес и скинь сюда, авось кто и обосрет подметит косяки. Я когда верстал нердс и седону, аж блевать хотел. Такие-то кривые макеты, риалли. Я уж было подумал, что верстка - это не мое, но потом накачал йоба-макетов с просторов интернетов - и пошло-поехало.
>>528101Ты про эти кнопочки? Я их инлайнами и запилил в свое время, пикрелейтед.Сейчас смотрю, и понимаю, какое же это топорное говно, которое нахуй съедет при попытке сменить размеры враппера, например. Только флексы, только хардкор.
>>528103Олсо, проиграл со своей псевдо-бэм разметки. А ведь прошло всего пару месяцев.
>>528103Ну у тебя там еще какой-то псевдокласс прилеплен, с бэкграунд позишном, я хз как ими пользоваться пока что.
>>528108Это говно методика, на самом деле. Сейчас я бы так ни за что не стал делать, препроцессоры и прочие шняги в помощь. Просто как пример того, что на инлайнблоках вполне можно заверстать.Я всю седону (базовую, неадаптивную) на инлайнблоках сверстал, ох и заебался же я. Но было забавно, конечно.
>>528110Ну я так и понял. Чего научился за пару месяцев?
>>528112Да в принципе всему, что связано с собственно версткой.scss, немножко лесс, ну БЭМ-хуем, само собой, флексы, адаптивность в сочетании с резиной, grunt, gulp и все, что к ним прилагается (постцсс плагины, блочная модель верстки и т.п.), свгшки даже сам порисовал. Единственное, что я не юзал - jade, ну и ретинизацию изображений (тут не столько лень или нежелание, сколько тот факт, что готовые ретинизированные изображения шли только к седоне, а меня уже белвать тянуло от этого голубого ГОРОДКА В АРИЗОНЕ). А, еще фреймворки только мимоходом глянул. На бутстрапе, в принципе, сверстал один лендинг, не понравилось. Фоундейшены и прочее не стал даже пробовать. Добавлю, что за все это время я сверстал буквально 5 макетов. Из них один - адаптивная седона (на ней я все и освоил, тащем-то. Т.е. вообще все). Дальше идет очень легко и красиво.
>>528113У тебя был кто-нибудь с кем можно посоветоваться или все сам? А то у меня уже куча вопросов, как решать не знаю.
>>528117У тебя же есть двач, здесь все твои друзья!
>>528117Гуглил и иногда в тредике тупые вопросы задавал.
>>528120Ну тогда держи в догонку еще один тупой вопрос от меня. Короче не работает почему-то маргин опять же. Нужно отступ, который на пике показан сделать. Здесь вроде как с контейнерами все правильно ну я надеюсь. Работает если только маргин прописать элементам из верхнего блока. https://jsfiddle.net/rLy88cue/2/
>>528129о clearfix Пушкин думать будет?другой анон
>>528134ну точнее ты подумал, но у тебя пробелы между двоеточиями у clearfix::after
>>528129блять нахуй на jsfiddle заливать, пиздец неудобно же смотреть
>>528136Черт, мне казалось что клирфикс работал, сейчас убрал этот пробел и вся сетка съехала к хуям. Из этого судя по всему и другая проблема вытекала. Спасибо большое, буду дальше строить. Сам бы хуй додумался.
>>528143В инспектор в браузере смотри когда не понятно что-то. Конкретно в этом случае, если бы сработал там бы в разметке появился :after элемент в конце блока
>>528137Уже на счет этого выебываемся. А где удобно скажи как мне?
объясните, как сделать бутстрап с сасс или придется пользоваться scss???
>>528200Никто ж не мешает писать файлы .sass рядом с .scss, если не собираешься изменять код бутстрапа, что само по себе плохо
>>528129У тебя клеарфикс не работал, но тебе уже и так ответили.А еще присоединюсь - юзай кодепен, фиддл неудобная шняга.
Блядь, ебучий ИЕ10 даже ссаные свг, засунутые во флексовый контейнер (который все красиво через флекс-колумнн+жустифай спэйс эраунд выстраивает) нормально переварить не может, два часа пытался на седоне эту хуйню поправить, в итоге переворошил вообще всю верстку и чуть не ебанулся в край.
>>528208ты предлагаешь переписать scss, на sass в файлах?
>>528240А зчем ты вообще пишешь на сасс?
Парни помогите разобраться с этим меню. Уже второй раз сталкиваюсь и не доходит. Как организовать html? Когда меню скрыто высота верхнего блока уже чем когда раскрыто (и цвет совсем другой). Как вообще всё это делать. Или дайте видосов по теме.http://codepen.io/anon/pen/aNqvbP?editors=1100
>>528166Как мне смотреть код и одновременно в полном размере страницу?
>>528264Не ебу. codepen же удобный епта
>>528268Вот именно, codepen удобнее
Двачаны, есть у меня сайт благотворительного фонда и на него периодически будут заливаться всякие новости и грустные истории из жизни, так вот, я понимаю, что это нужно делать через cms, а какой выбрать под мои задачи? И нужно писать сразу под cms или можно потом верстку натянуть? Посвятите во все это или дайте почитать что-нибудь вменяемое, пожалуйста, а то никогда до этого с cms не сталкивался.
>>528275Вроде как нужно сначало логику в cms сделать, а потом тему-дизайн делать. Посмотри как сделать сайт за 5 минут на вордпресс, таких видео как грибов после дождя.
У меня какая-то чушь произошла. Контейнер центровщик в css для главной страницы был расположен на самом верху файла, после body, все отлично работало и центровалось. Создал другую страницу, с каталогом, верхняя часть страницы даже почти одинаковая, центровщик полностью обрубает другие классы и работает только если его самым последним поставить. Вот на пикчах, где серым подсвечен хедер, там не работает ничего. Ну то есть все абсолютно идентичное, что здесь, что в хтмл. Что за хуйня может быть?
>>528292} забыл
>>528293Да еб твою мать.
>>528295Весь день просидел, уже голова не соображает походу. Спасибо.
посаны, задумал вкатиться в верстку, только начал изучать базу (3ий день лол). скажите, верстка рандомных макетов прибавляет скиллов?
>>528297Только это и прибавляет.
>>528297Иди отдохни блять, погуляй\на веле покатайся
>>528302>>528296Промазал
>>528302Я не устал, зачем?
>>528302Да у меня уже поздно, но да, на сегодня однозначно хватит.
>>528258http://codepen.io/nicothin/pen/dPqdyd
>>527824Вот только работать она будет, если высота флекс-контейнера прописана явно. Если высоту не задавать, то работать не будет.
Нашел охуенно красивый макет, начал его верстать. А там прямо явно предусмотрена вот эта вот моднявая прокрутка плавная по "экранам" или как это обозвать еще, ну я думаю вы поняли. Как быть, если я в джаваскрипте сейчас на уровне продвинутого интенсива (то есть могу запилить попап на нативном, слайдер и собственно все): прикручивать жиквери (это я могу), пытаться освоить жс (думаю, на это уйдет раз в 10 больше времени, чем верстка самого макета) или просто забить и начать верстать другой макет? Тут еще дело в том, что я, в принципе, могу уже сверстать что угодно, и мне надо осваивать вот всякие такие штуки, типа парралакснутых бэкграундов или прокруток.
Верстаю пинк. В вернем меню на 320pх стоит sbg. При 700pх и выше png. Выходит что svg инлайн в html вставлять нельзя а нужно делать бекграундом через стили? Но ведь тогда весь толк от свг уходит на нет (флексибл медия). Еще есть вариант вставить еще блок с отдельной иконкой для мобильника и десктопа и в стилях убирать один и показывать другой. Что делать?
>>528375По сути это и есть слайдер, только вертикальный. Если ты можешь запилить горизонтальный, то сможешь и вертикальный. Если нет, просто прикрути fullpage.js за 2 минуты.>что я, в принципе, могу уже сверстать что угодноА вот с этого проиграл.
>>528378
Верстачи, поясните за bootsrtap, стоит ли учить этот фреймворк, если планирую в будущем устраиваться в контору?Кстати, это же детище твиттера. Зашел на твиттер, просмотрел бегло код и не обнаружил никаких признаков того, что они сами его используют.
>>528413Там нечего учить, это просто набор готовых компонентов. Заходишь в доки, копипастишь что тебе нужно и всё.
>>528381Разобрался
Анон, подскажи пожалуйста тотали ньюфагу правильно ли я сверстал эту хуйню? Интересует конкретно два раздела которые я пометил зеленым и красным соответственно. Если не правильно, укажи пожалуйста на мою ошибку. Извиняюсь, что не в песочнице код.
>>528614Насчет номера два сомневаюсь что правильно ибо вобще сообразить во что обернуть стоимость.
>>528614Я сам конечно кьюфаг, но почему бы справа всё это описание товара не обернуть в тег <section>? Алсо если я ошибаюсь, то поясните за <section>
>>528630да на это похуй, разметить по семантики можно когда закончишь с макетом.
>>528637Так меня это и волнует, как в таком случае этот макет размечать? справа <section> слева тоже? Есть вообще где-то годная статья для самых маленьких о семантических тегах с подробным разжевыванием и примерами?Буду благодарен.
>>528614И сразу еще один наитупейший вопрос. Как разметить>есть в наличии артикул:dexter aeЯ так понимаю для артикула нужен будет отдельный класс. можно ли сделать типа<p class="lol">есть в наличии артикул:dexter ae</p>А потом в классе потставить отступ слева и изменить цвет? Или как? Туплю пиздец.
>>528257а что плохого?
>>528659Разобрался. Через спан можно. Насчет предыдущего вопроса >>528614 непонятно. Бампану.
>>528240я предлагаю пикрелейтед. Чужой код в scss, и пусть таким и остается, а свой в sass пиши, если тебе так удобно а это очень удобно
>>525683какой нахуй 2 формы, долбоеб??? одна форма!! одна блядь!!!
>>528920Ну да, одна, не то имел в виду. Соси.
>>528920Правильно я ее сверстал? Форма как тут >>527965
>>529431Нет
>>529501Помимо того, что размечать надо было списком, в чем еще моя ошибка?
>>529587Каким списком? У чекбоксов должно быть одинаковое свойство name.
Делаю начальную сетку барбершопа, при просмотре в режиме отладки в хроме или лисе после между картинкой и ее контейнером видна тонкая полоса, см.пикрелейтед. От размера картинки не зависит.В css ничего сверхъестественного нет:.logo { width: 368px; margin: 0 auto; outline: 1px solid; margin-bottom: 80px;}При этом если смотреть сам контейнер (пик два), то у него другая высота, файрфокс даже дробную (208,5px) показать может.Сорри, что тут текст бросаю, кодпен почему-то не захотел привязываться к учетке гитхаба.
>>529595Почему? А value тоже надо было?
>>529595Не у чекбоксов, а у радиокнопок одинаковый name должен быть.
>>529607Ну да, что-то я засыпаю. Value нужны если будешь через Js получать их значения.
Какие же уебанские туториалы по вордпресу на русском, это пиздец. Пошел смотреть на ангелськом, хули...
камрады, а есть у кого прохладные об устройстве на работу? как вообще устроиться новичку? вакансии типа "помощник верстальщика" нахожу только в других городах. сам верстаю недавно (месяца 2), решил не ждать пока выучу все и стал напрашиваться на собеседования как только моя верстка перестала вести себя неадекватно в браузерах, многие отказывают сразу же, кто-то после просмотра выполненного тестового задания, на пару собеседований таки удалось пробиться, после которых тоже отказы. писал парочке вебстудий на имейл с просьбой о стажировке (неоплачиваемой), игнор
>>529740Тут много кто на работу устроился, но это как правило люди что-то действительно умеющие. Причем это касается не только вертски, но и JS. Учись дальше.
>>529740Ну а хули ты хотел, пока не выучишь хотя бы джиквери и базовый джс + интеграция с несколькими цмсками - хуй тебя куда возьмут
Мда уж. А я настроил себе воздушных замков уже. Печально блядь, что вам еще сказать.
>>529760Тут каждый второй как ты, думают ЩАС ЗА 2 МЕСЯЦА ВЕРСТКУ ВЫУЧУ И ПОЙДУ ДЕЛАТЬ БАБКИ
В таком случае можете скинуть пару макетов которые НЕ стыдно ебануть в портфолио? Нердс, барбершоп и прочее говно мне честно говоря даже стыдно показывать. Куда не зайду везде натыкаюсь с верстальщиков с макетом БАРБЕРШОП в портфолио.
>>529769Ебашь адаптивную седону же, твои фикс. страницы нахуй не нужны никому, и еще пару сайтов где ты сам на джсе всякой йобы нахуячил.
>>529431>chekedяснопонятно
>>529772хуле тебе понятно, вася блять.
Есть вопрос по сборке проекта. Не уверен что до конца понял принцип взаимодействия с дополнительными библиотечками.Щас их ведь никто вручную не ставит правда? Все юзают пакетные менеджеры. Я npm пользую, он все складывает в node_modules. На интенсивах не раз упоминали что node_modules надо бы добавить в .gitignore, что впринципе, логично, забивать репо лишним весом типа плагинов к таскраннерам, коих может быть овердохуя, и которые к тому же могут обновляться - не лучший вариант.Меня интересует вот какой момент. Что делать с библиотеками, которые необходимы для функционирования сайта? Простейший пример что без лишних выдумок объяснений - тот же нормалайз. Его тоже швыряет в node_modules. Если, допустим, я хочу чтобы мой проект нормально отображался на gh-pages без особых фиксов типа в продакшене, то мне придется либо вытаскивать его отдельно, что есть гемор и отказ от профитов npmавтоматом не обновится и т.д., либо пердолитья с точечным игнорированием папки node-modules, что тоже выглядит слегка стремно.Прошу помочь в разъяснении как лучше это сделать, и как это принято делать.И правильно ли я понимаю что совет отрезать node_modules через .gitignore основывается на делении версии на девелопмент и продакшн. То есть продакшен они потом все равно перелопачивают, подключая нужные библиотеки отдельно.
>>529910Как вариант - ставить жс библиотеки, шрифты, css и прочее через bower он для этого и создан. А через npm - только библиотеки/инструменты для разработки.Также, если используешь галп (не знаю, есть ли такое для гранта), вместо того, чтобы ссылаться на файлы в bower_components, можно вытаскивать их с помощью main-bower-files.
>>529910Не слушай этого >>529926, bower умер. В твоем примере с gh-pages можно сделать так: локально ставишь либо, таском для gulp собираешь билд, пушишь на гитхаб и вуаля. В таске уже можешь прописать, мол сходи возьми нормалайз из node_modules и запердоль в общий css и положи туда. Как-то так, если я верно понял вопрос.
>>529942Расскажи почему бовер умер или дай линк на статью - интересно.Алсо, к твоему ответу для >>529910 добавлю, что ставить клиентские либы через npm принято с флагом -S (--save), чтобы сохранять в dependencies вместо -D для devDependencies.любитель бовера
Хахатушки из конфочки
>>529942>>529926Спасибо, антоши. Подумаю над тем, чтобы автоматизировано собирать билд.А пока .gitignore обойдусь костылем типа !node_modules/normalize.css
>>529949>Расскажи почему бовер умер или дай линк на статью - интересно.https://twitter.com/nachocoloma/status/663622545162280960
>>529953noob?
>>529979Спасибо
>>529982Ага, а ты кто? Не удивлюсь, что этот ебаный троль это ты! (не в обиду, лол)
>>529994Почему ты думаешь что он тролль? Такая себе хохлореальность у него, не как что-то плохое.
>>529999Да просто почитай, что пишет этот уёбок.Алсо, ты кто? Небось abc? Если да, то ты даун, т.к. он тоже даун.
>>530023>Небось abc?Лол нет, abc стартапер из бульбингема, ему 14, не суди его строго, няша.Расскажи что тебя так не устроило в показаниях нашего хохлодруга
>>529765>>529771А на каком этапе можно ДЕЛАТЬ БАБКИ, учитывая, что я знаю джаваскрипт на уровне "ну короч ща загуглирую плагин и воткну его)))"?другой дебил, успешно сверставший несколько адаптивов на флексах с говно-интерактивом на жиквери
>>527574раз пять в разных местах на протяжении последних 10 лет. точно не помню где. результат плавал от 120 до 131.
Проиграл блядь: Хорошие знания html/div/css - верстать придется много, каждый день, если опыта в верстке у вас не более 500 часов, лучше их "наверстать", а потом уже прислать резюме;
>>530237А див у нас уже нечто отдельное от html? 0_О
Подскажите кто как делал вот это вот. Когда делаю этот блок с помощью inline-block и задаю margin-right, чтобы сделать отступ между колонками, то маргин правой колонки выходит за границу контейнера центровщика, и вся эта штука едет по пизде.
>>530376тебе не нужен margin правый у каждой второй карточки
>>530403Ну это понятно, так я маргин задал для всех элементов сразу, не буду же я отдельно каждому прописывать. Вот так: .products-item { display: inline-block; vertical-align: top; margin-right: 75px; margin-bottom: 80px;}
>>530409.product-item:nth-child(2n) {margin-right: 0;}уберет у каждого четного(второго) правый маргин
>>530409:nth-child(2n)
>>530410>>530411Точно, забыл про класс этот. Спасибо!
>>523507 (OP)Завтра первый рабочий день в конторе. Сказали, что нужно использовать Bootstrap, но я раньше верстал только традиционным способом, блоками с использованием каноничного css.Почитал на оф. сайте о колонках Bootstrap.Интересно, а что делать, когда какой-то блок вмещается в нецелое количество единичных колонок Bootstrap? Можно ли выставлять (менять) ширину Bootstrap-колонки?Что делать, если нужно больше 12 колонок?
>>530427На webref есть хороший, годный туториал для самых маленьких. Сам сверстал (сугубо из интереса) адаптивный макет по этой маленькой справочке. Величина колонок настраивается, можно ебануть 24, например.
>>530427Ах, да, забыл про платиновые вопросы. Как устраивался, что знаешь, сколько учил, сколько платят, какой город?
>>530431Я уж думал самому спрашивать придется.
>>530431тоже интересно послушать. оп, поделись
>>530431Ну если так интересно...>Как устраивалсяРассылал резюме куда только можно включая на оператора линии, но это не то вот и пригласили>что знаешьВсего по чуть-чуть: джава, php, C++, javascript-html-css, python>сколько училСколько хотел, столько и учил, просто ради удовольствия. Я мог бы сидеть дома и сычевать на зарплате родителей, но как-то неловко>сколько платятобещали сто долларов в месяц, может и больше.
>>530448а портфолио делал? как собеседование проходило?
>>530448>обещали сто долларов в месяц, может и большеЛол, ты чем там заниматься вообще будешь? Картинки на сайт заливать? Я бы за сотку бачей даже отвечать им на письмо поленился.
>>530461не оп, но кмк для получения первого опыта - норм
>>530460Да нету никакого портфолио у меня кроме личного бложика на бесплатном хостинге куда я сбрасываю всякие свои эксперименты. Собеседование проводила девочка-эйчарочка, которая не могла произнести названия технологий, с которыми нужно работать. Зато сразу огласила, что придется разгребать сначала много проектов.
>>530464Если он может в HTML/CSS плюс JS, да еще и с примесью серверных языков, то просить меньше 3-4 сотен - себя неуважать. Не поломойкой нанимается.Это если он действительно что-то умеет, а не просто поковырял и дропнул все вышеперечисленные техи. Тогда он не умеет нихуя.
>>530467город?сам когда ходил на собеседования, то сразу разговаривал с директорами и начальниками отделов - даже блять завидую, что опчику попалась hr дама
>>530470Город не скажу, стесняюсь. Я не ОП.>сразу разговаривал с директорами и начальниками отделовТак даже лучше чем с эйчарочками. Обычно они могут много рассказать, после наглого вопроса "А как правильно?". HR-дама ничего не скажет.Просто там небольшая фирма, десяток девочек-сеошниц-дизайнеров-администраторов и пара кодеров.
>>530475да я и сам так думаю, особенно добивает, когда у hr чсв невъебенное, просто я тот самый новичок, который >>529740 (мало знает и проваливает собеседования, думаю, что с hr у меня был бы шанс влажные мечты)
>>530448>>530467А я то думал ты уже к успеху пришел. Ну давай там главное, не сиди на жопе ровно. А то как пришел никем, так и уйдешь ни с чем.
Кекhttps://twitter.com/simonenko/status/719865117622562818
>>530537ну как-как, спрашиваешь, как строится сетка? Ну как-как, вот классы беру из бутстрапа, вот так и строится. И так во всём.
>>523507 (OP)Какой же я тупой и чего я повелся на то, что даже полный даун может вкатиться. Даже в базовых курсах ничего не получается.
>>530557Тебе вообще не стоило появляться на свет
>>530561Я тоже так думаю, но выпилиться духа не хватает.
>>530557Усидчивость, внимательность, умение гуглить, интерес к данной деятельности, логика (у меня этот пункт много чего включает и довольно широк). Это вроде как все, что необходимо.
Нужно ваше авторитетное мнение. Убираю в брекетсе авто-закрывание у одиночных тегов, таких как <img> и тд.После этого наткнулся на такую делему: стоит ли убирать авто-закрывание у таких тегов как <li>, где закрывание тега не обязательное (Если после элемента следует <li> или он последний у родителя).Так вот, как часто вам встречаются такие моменты, где нужно обязательно закрывать этот тег?Может стоит просто забить и поставить обратно авто-закрывание для <li>?
>>530564С логикой плохо, когда глянешь чей-то код, то понимаешь как все просто оказывается, но сам я не могу решений придумывать.
>>530565http://mdo.github.io/code-guide/Don’t omit optional closing tags
>>530566Ну если интерес есть, то значит надо тренироваться в решении задач по каждой конкретной теме - со временем начнет получаться. Так же запоминать чужие решения (со временем накопится такая себе база знаний и будешь понимать - что это штуку можно сделать так, а вот эту - вот так)Можешь кстати в свободное время еще задачки на логику всякие порешать.Надо расшевелить мозг, он натренируется. Естественно, все это при нормальном режиме.
>>530575Естественно я запоминаю, но не пользоваться же помощью постоянно. Да и курс скоро закончится, надо будет макеты верстать, хуй знает как справляться. Я вот тоже думал как-то мозги тренировать, может в шахматы начать задротить, лол.
>>530568Многовато значений у слова omit. Немогу подобрать нужное для данного контекста.Я читал код-гайд от гугл, там писалось, что нежелательно ставить, но вот почему - не написано.
>>530580Не опускать опциональные закрывалки. Чего тут непонятного то? Так код логичнее выглядит, защита от дурага.
>>530584После гугл-гайда, у меня просто возники сомнения на счет этого слова.Но да, соглашусь, защита от самого себя, наверное, лучше, чем непонятные прихоти от гугла.
Посоны, юзаете спрайты в своей верстке? Стоит оно того? Какими инструментами пользуетесь?
>>530595Спрайты помогают уменьшить количество запросов на сервер, что положительно влияет на скорость загрузки сайта. Но так было в версии http 1.1Как обстоят дела с версией http 2.0 - много слухов ходят... Если есть знатоки, просьба пояснить за 2.0
Всё-таки Bootstrap не подходит для верстки с произвольными размерами, а подходит только для размеров, которые кратны целочисельно к (100/12)%.Не сделать 90% колонку...
>>530605Действительно, спасибо. С помощью spritegen и imageoptim удалось из 8 отдельных иконок слепить один спрайт, при этом я хуй знает как конечно, но оптимизатору удалось ужать спрайт до 3кб. И это притом, что уже пережатые иконки в отдельных файлах все вместе весили где-то 5кб.
Где мне найти шаблон интернет магазина, который я тупо натяну на modx? Это реально вообще? Можно это сделать с помощью гугла? Или нужно задрачивать все эти ваши курсы?
>>530667>Где мне найти шаблон интернет магазина>Можно это сделать с помощью гугла?Дно задавания вопросов пробито
https://www.youtube.com/watch?v=5QHRfrik62A
>>530675Я про натягивание шаблона на модэкс.
https://www.youtube.com/watch?v=_IDR0MzntIU
эц самое. Объясните на пальцах что такое миксины, а то я настолько тупой что не различаю их с функциями
>>530731Миксины вставляют готовые куски кода. Функции, как и в программировании, возвращают значение.
>>530448За сотку в месяц? Надеюсь это стажировка или работа 1 через 3. Если так дальше пойдёт то переименовываемся в ДНО-тред ибо даже уборщицы получают больше.
Верстка мдн, ага.
Анон, хочу обмазаться smacss. Подкинь гайдов на русском пожалуйста, а то я педант дохуя, хочу чтобы всё точно по методологии было. С меня тонны нефти.
>>531026Качаешь книгу Снука и все будет точно по методологии
Утро в хату, пацаны. В последнее время особо ощущаю свою ущербность из-за незнания angular при поиске работы на upwork. Знаю, тут есть аноны, которые помогут подсказав хороший сервис для обучения сему фреймверку. Желательно бесплатный, из платных пока codeacademy оставил, если во free ничего не найду
>>531062На codeschool по отзывам есть неплохой вводный курс. И он, как ни странно, полностью free.А вообще советую параллельно спросить в JS треде в программаче. Там есть чисто ангулярщики, которые на нем сидят уже оче долго. Они наверняка что-то дельное посоветуют.
>>529765Мне бы хоть 20к получать, для моей мухосрани хватит.
>>531062https://medium.mybridge.co/top-10-resources-to-learn-angularjs-from-march-2016-fb2a7cba940e#.431wm54dk
где ваш бог теперь, флексодебилы?тестовое задание на удаленку в Москве с очень приличной зарплатой для верстака
>>531368Ставлю свое левое яйцо, что вся верстка в этой компании строится на бутстрапе. Олсо, "поддержка" ие8 вполне может вылиться в красивую сеточку на флексах с полифилами под ие9 и кривеньким фоллбеком на ие8.Хотя на бутстрапе проще, там даже думать не надо. Знай себе хуячь кучи дивов с роуами и колэсэмами.
>>531563ты лишился яйца, на сайте компании бутстрапа нет, что радует, так как криворуких долбоебов, не умеющих на нем писать, дохуя. за одним таким ебланом сейчас переверстываю шаблоны, кстати. ебучую дивянку исправляю, уменьшая количество вложенных блоков.олсо, по поводу твоей поддержки, нахер надо подрубать полифилл под все ие, потому что там ебаных багов с флексбоксами много, недавно ананасий вкидывал найденные баги в ие11. проще уж написать gracefull degradation под ie9-8 на дивах + html5.как говорит один мой знакомый фронтенд, работающий в сфере уже больше 5 лет, до флексов еще далеко.
>>531573>уменьшая количество вложенных блоковПилю много вложеных блоков вложенных в блоки потому что не знаю как иначеОткуда вы все понимаете, как писать правильно?
>>531573Ну хорошо тогда, запили отчетик, если пройдешь. Это если ты собеседуешься, конечно.Я и есть тот ананасий, если что. И мне нравятся флексы. С ие10-11 можно мириться, я вот приловчился верстать на флексах вообще без минхейта (от него в ишаке все распидарашивает) и с жестким задаванием флекс-базиза (в процентах, офк) наряду с флекс-гроу, если оно требуется.Хоть убей не пойму, зачем поддержить древнее говно мамонта в лице ие9, про восьмой вообще промолчу. Это к цитате твоего знакомого. Потому и "далеко", что долбоебы продолжают поддерживать дерьмо, которое используют только в уебищных госконторах. Даже у моей бабки стоит яндексбраузер, который отображает и флексы, и свг, и все прочее.
>>531573И в догонку - где ты нашел такую вакансию? Почте везде требуется или человек-оркестр, или джун-джаваскриптер, умеющий верстать. А просто версталы никому не требуются а жаль, я бы уже сейчас побежал искать работу, а так сижу и пилю учебные рекурсии на JS, лол
Двачуны профессионалы-специалисты, подскажите, как сделать полоски идущие от слова "Новости" разноцветными?Или это мне придется много маленьких полосок разных цветов одну за другой ставить? Или вообще блять спрайтами/векторами?
>>531585у меня раньше такая же проблема была, примерно год назад. потом я прошел курсы html-academy на сайте и добил это их же интенсивами. например, если раньше если нужно было обнулить поток, верстал отдельный пустой блок с классом clearfix. сейчас так не делаю, но в коде, который переверстываю, вижу подобные пустые блоки почти везде, где не надо. а где надо, их нет.>>531595мне проще писать на блоках и инлайн-блоках + float, которые поддерживаются, чем писать на флексах ,которые еще не вошли в стандарт, а потом добавлять поддержку в ишаках, пердолинга больше. ну и IE-9 еще не говно мамонта, в нем большая часть верстки отображается так, как надо + нативный js очень хорошо работает. а вот IE-8 да, то еще говнецо, которое бесплатно поддерживают только полнейшие долбоебы.>Потому и "далеко", что долбоебы продолжают поддерживать дерьмоэто никак не связано. флексы поддерживаются новыми браузерами, они входят в стандарт, но не поддерживаются старыми, на которых сидит еще достаточно большое количество человек. потому на них и мало пишут, что многие юзеры еще не пересели на современные браузеры, а не потому, что мало кодеров пишут на флексах. спрос рождает предложение, а не наоборот. когда люди перестанут сидеть на IE и старых версиях браузеров, тогда все начнут использовать флексы, а сейчас юзая флексы и отказываясь от поддержки IE можно потерять аудиторию. это только на фронтенд-сосаке все кукарекают про флексы, ибо нет еще тут у людей опыта работы и понимания той же верстки как профессии.>>531599просто упомянул в резюме на hh, что готов к проектной, постоянной и удаленной работе по всей россии + пораскидал резюме во многие компании, которые и близко не в моем регионе. расчитывал на удаленную работу с возможностью переезда, так и писал.>>531637много-много box-shadow одна под одной.
>>531637Просто пиздец. Так и думал, что либо градиентом, либо тенью придется.
>>531640Да это все понятно. Но вот посмотреть статистику - даже ие10 там на дне. Да и просто логически подумать: ие8-9-10 используют разве что африканские бомжи и секретутки (которым СБ не позволяет другие браузеры ставить). А они нихрена не ЦА любого сайта, в принципе, кроме социалочек и ютубчиков (тут да, не спорю, важна поддержка вообще всего). Так то любая домохозяйка сидит на каком-нибудь клоне хромога. В общем, я могу сверстать все, что я сверстал на флексах, через флоаты/инлайнблоки/бутстрап-грид, но мне приятнее на флексах. Столько костылей отсекается, это же просто рай. Одна справедливая гибкая центровка чего только стоит, мм.> простоПонятно, молодец. надо тоже попробовать, я в верстке уже достиг предела, в принципе. Разве что СВГ рисовать не научился>>531637Начнем с того, что это явно рак мозга дизайнера. Вырезай с макета всю эту разноцветную полосочку и вставляй через псведоэлементы. Ну а если хочется изъебнуться, то можно нарисовать СВГ-объект с заливкой по группам.
>>531650> вставляйНу и на правую transform: scaleY(-1) кажется так должно перевернуть по горизонтали, не помню соответственно.
>>531652> transformА нет, это я хуйню написал, совсем ополоумел уже.
проиграл
>>531640>многие юзеры еще не пересели на современные браузерыBrowser usage сам загуглишь? мимо фронтендер
>>531368Я те больше скажу, был на собеседовании в конторке, в которой мне задали вопрос "А как вы будете поддерживать ИЕ6??"Я сказал что не буду, и ушел. Проектов, в том числе уже окаменевших, все еще хватает, но это не значит что надо страдать хуйней, особенно людям которые учатся. Они этого говна еще наедятся когда устроятся на работу.
>>531706А надо было сказать "на табличной верстке" и завысить ожидаемую зарплату в 2 раза. Интересно, они нашли своего раба?
>>531706>А как вы будете поддерживать ИЕ6совсем ополоумели, иродыExplorer 6 19,778 0.0% http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month;page=3
Глупый вопрос, но можно ли где-то спиздить курсы от академии, которые на сайте? Хотя бы продвинутые, может есть где в пиках и по папкам? Я ими пользуюсь как конспектом, а с продвинутыми пиздец, после подписки не посмотреть.
>>531820есть архив в оп посте, глянь, мб подойдет
Короче просидел я пол дня сука за попытками воссоздать эти полосочки в css, в край заебаный решил вставить их через псевдоклассы, но не тут-то, блять, было. Transform, для отзеркаливания, применяться не хочет, вертикальная центровка не центрует, да и плюс ко всему эти элементы еще и в сафари родненьком нихуя не показывается! Аноны, у меня от этого говна бошка взрывается. Я уже готов их имгами блять в хтмле нахуярить. Помогите, молю, иначе я все.
>>531836> Я уже готов их имгами блять в хтмле нахуяритьА почему бы и нет, собственно говоря?
>>531836Какие полосочки? Залей код в песочницу и нормально поясни что ты хочешь сделать.
Аноны, кто тут шарит в вордпрессе, я просто хз где спросить. Натянул я в общем верстку на вп, все работает, теперь делаю слайдер. Но блять в него HTML разметку когда добавляешь, там все теги span и p исчезают и после этого стили не применяются. По аналогии с созданием шаблона ничего не получилось...
>>531851https://codepen.io/sashaslow/pen/ONvWqmНужно, чтоб линии перед и за заголовком были как на макете.
>>531823Посмотрел, там нет такого.
Такой вопрос, пацаны, какой ноут для работы купить сейчас? Все советуют мак, но там цены пиздец и требования хуйня какая-то, на чем работаете? Что можете посоветовать? Какие сейчас годные дисплеи у ноутов, чтобы глазам норм было?
>>531875Бери мак.Два-поста-выше-анон.
>>531874Блять оп-хуй, я же специально сидел блять скринил для ньюфагов и нищебродов, а он не закинул в шапку даже https://yadi.sk/d/Ka-aU3poqa8bM
>>531875Если денег дохуя бери мак
котаны, хоть у нас тут не верстка тред, а аж целый фронтенд, все равно спрошу: что скажете о позиции верстальщик/контент-манагер для получения самого первого опыта? поначалу, как я понимаю, там будет больше контентрилейтед задач, но после вникания в бизнес процессы компании доверят и верстку, что хорошо
>>531878>>531876Денег нихуя, что можно с рук взять, какие модели подойдут? >>531877От души, братишка!
>>531820чувак кидал скрины продвинутых курсов недавно, может появится - отпишется
>>531873https://codepen.io/Ykro314/pen/wGmJBP
>>531874мискузи
>>531894>>531877
>>531687профессиональный юмор не смешной
>>531875Бери самый обычный ноут. Я в центре скупки б.у ноут взял за 10к рублей. хватает за глаза.
>>531927У родни есть асер с норм начинкой, но дисплей просто пиздец блядь, углы охуеть, цвет пиздец.
>>531897Спасибо тебе, дружище.
>>531877добра тебе
>>531877По лесс только примеси?
https://2ch.hk/wrk/res/532095.htmlhttps://2ch.hk/wrk/res/532095.htmlhttps://2ch.hk/wrk/res/532095.htmlhttps://2ch.hk/wrk/res/532095.htmlПЕРЕКАТ
>>531723обосрался
