Этого треда уже нет.
Это копия, сохраненная 21 марта 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
54 Кб, 1920x1080
34 Кб, 580x360
Верстка тред №52 #463552 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.

Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.

Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:

>Идите нахуй.


или

>Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.



То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию.
=====================

Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.

Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.

Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.

Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.

http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Верстка по БЭМ
http://habrahabr.ru/post/203440/

Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.

Гайд от анона по гитхабу:
http://randomfederation.github.io/

Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131

Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609

Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803

Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz

Прошлый тред >>456590 (OP)
134 Кб, 800x680
#2 #463557
Первый.
#3 #463561
В продвинутом курсе надо будет верстать макет пинк. Сначала как я понял надо будет делать мобильную версию. Ее ведь надо верстать как обычный макет, а потом уже прописывать в самом конце @медиа для планшета и по возрастанию?
#4 #463568
Анончики, по поводу вырезания.
Вот в туториале советуют брать интересующее изображение, дублировать, делать трим, обрезать прозрачные писсеи и затем экспортировать для веб.

А на ютубчике видел, как чуваки просто выбирают "конверт в смарт-объект" и после этого экпортировать. В чём разница?
>>463569
#5 #463569
>>463568
Всегда смарт-объектом делал, брат жив.
#6 #463570
Анон, который сервак искал,
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:

from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()

И собственно всё. Или тебе всякие бд нужны?
>>463572
#7 #463572
>>463570
Не знаком с питоном совсем. Решение, вроде, неплохое, но я зря чтоли в апаче разбирался?
>>463577
#8 #463577
>>463572
Ну да.
А ты на винде поднимаешь?
>>463578
#9 #463578
>>463577
В данный момент да, но вообще бывает и под прыщами работаю (когда на рельсах надо писать).
#10 #463646
К слову о винде и линупсе.
Под чем лучше верстать/фронтэндить? На винде фотошоп работает без мокрых писек, интерфейс в десятке приятный на глаз, но вот когда нужно работать с консолью, начинаются костыли и попаболь.
А в линуксе православная консоль, работать с которой одно удовольствие, но опять же с фотошопом надо пердолиться.
Кто на чем сидит, котаны?
41 Кб, 600x600
#11 #463647
>>463646
dooalboot
>>463658>>463669
226 Кб, 1796x976
#12 #463650
Никак не пойму, откуда у меня этот зазор? В стилях прописал только то, что отображается в инспекторе (+нормалайз).
>>463672
#13 #463658
>>463647
Cмотри, а если два харда, один системный, другой помойка - можно же на помойку поставить линух?

Бля, пока писал, вспомнил, помойку форматить же надо будет, да?
>>463660>>463664
#14 #463660
>>463658
Можно отрезать от помойки кусок и поставить туда линукс.
>>463670
#15 #463664
>>463658
Уже ответили, но да, от помойки отрезаешь кусок через gparted, размечаешь ручками раздели и все, ставишь линукс. Вот как раз хорошая статься в закладках висит: http://help.ubuntu.ru/manual/разметка_диска
>>463670
#16 #463669
>>463647
И че, каждый раз как мне нужно собирать через gulp, бутиться в линупс? Я вообще комплуктер не люблю перезагружать, когда много процессов висит, потом все разворачивать снова лень.
>>463678
#17 #463670
>>463660
>>463664
Бля, точняк, спасиб
#18 #463672
>>463650
Короче переписал разметку с нуля и проблема ушла (хотя я ничего и не менял, разве что имена классов поправил).
Но мне чисто для себя интересно - что это за хуйня была?
>>463677>>463679
#19 #463677
#20 #463678
>>463669
Gulp и под шиндовс норм работает.
>>463681
#21 #463679
>>463672
Попобава.
>>463692
#22 #463681
>>463678
Ну ладно, пожалуй останусь на шинде. Кмдер же нормальная консоль?
>>463721
#23 #463692
>>463679
Нихуя не смешно. Я чувствую, что что-то пропустил в теории, и даже не знаю, что.
>>463862>>463896
#24 #463694
>>463646

>Под чем лучше верстать/фронтэндить?



Под маком, очевидно же.
>>463712
#25 #463712
>>463694
Где бы еще 100к на него найти.
>>463765
#26 #463721
>>463681
Наверное лучший эмуль консоли для окон
#27 #463765
>>463712
Заработать
#28 #463858
>>463646
Ставишь в винде git, работаешь в git console.
Сам так делаю.
#29 #463862
>>463692
А мы тебе гадалки, по скриншоту решать где твое говно разваливается?
#30 #463896
>>463692
Ну ладно, это скорее всего маргин списка.
#31 #463944
>>463646
сижу на уебунте, фотошоп запускаю через playonlinux. работает он хуевато и мной уже не раз были замечены мелкие косяки, но в целом для верстки канает. остальным, в общем, не рекомендую этой тупоебой возни и советую сидеть тупо на винде, хотя бы в чем-то облегчите свои сраные никчемные жизни. уж для консоли какую-нибудь хуйню можно поставить. сам бы перелез на винду, но отвык сука уже, да и лень искать нормальный вариант, ставить это все.

раньше, кстати, ставил виртуалку с фотошопом - очень заебывало переключаться между системами, настраивать эти общие папки ебучие, в общем, пиздец говно. а сейчас юзаю ноут, которому от виртуалки становится плохо, так что playonlinux.
>>463952>>464064
#32 #463952
>>463944
А через wine не пробовал?
>>463958
#33 #463958
>>463952
пробовал неоднократно, неоднократно соснул.
>>463965
#34 #463965
>>463958
А какие именно косяки в работе фш?
>>463977
#35 #463977
>>463965
ну например, когда пытаешься вырезать что-нибудь через crop tool, появляется маленькое окошко с циферками W и H, параметрами той области, которую ты собираешься вырезать. так эти циферки нихуя не подгружаются, когда ты водишь мышью и эта область меняется. еще бывает по мелочи, может отвалиться какая-нибудь хуйня и перестать работать. наверняка есть еще что-то. в общем, если надо было бы юзать фотошоп как основной инструмент, а не как приблуду для нарезки макетов, наверное было бы туговато. фотошоп у меня конечно же паленый, но в той же виртуалке например такого говна не было. хотя хуй знает, может, с ноутом как-то связано, тоже хуйня та еще.
#36 #464064
>>463944
На моём ноуте под вайном и pol запускается только CS2, а 90% макетов, которые я получаю по на фрилансе, не открываются в нём. Так что не вижу ничего зазорного в дуалбуте, тем более для вёрстки по удобству системы в принципе сравнимы.
Убунта нужна для более сложной разработки, чем psd-to-html+js.
>>464075>>464087
#37 #464075
>>464064
Сложно во фриланс вкатиться с нуля?
>>464163>>464183
#38 #464087
>>464064

>Убунта нужна для более сложной разработки



например?
>>464138
#39 #464138
>>464087
В прошлом треде писал, для рельс, например
#40 #464159
>>463403
Сам ты ебанутый.
39 Кб, 700x467
#41 #464163
>>464075
Нет. Я на прошлой неделе вкатился, вчера сходил все шмотки новые купил в брендовом магазине, думаю машину и квартиру в кредит брать. До этого листовки раздавал у Ашана.
Сестра посоветовала вкатиться, она менеджером интернет-магазина работает, 150.000-200.000 рублей в месяц зарабатывает, не больше 2-3 часов в день работает.
>>464462
#42 #464183
>>464075
Я года пол учился перед своим первым заказом, и выполнил его очень хуёво. Сейчас примерно год опыта, можно жить одним фрилансом, но не оче бохато.
>>464190>>464191
#43 #464190
>>464183
Как вы заказы набираете, если на верстку предложения редки и под каждым толпень в рот мне ноги спецов и студий набегает с отпалированными портфолио?
>>464237
#44 #464191
>>464183
Верстаешь или чего покруче делаешь ?
>>464236
#45 #464236
>>464191
Верстаю, если больше ничего нет. Предпочитаю клиентский джаваскрипт, но фреймворками не владею, поэтому выполняю узкий круг задач с jquery и ajax.
>>464237
#46 #464237
#47 #464462
>>464163
А если серьезно? Я почему спрашиваю - понимаю, что для работы во фрилансе, лучше сначала поработать в офисе. Но я на четвертом курсе, надо сдавать долги и писать диплом. Город небольшой, поэтому вакансий фронт-ендеров (даже не верстальщиков, их вообще нет), очень мало, а те что есть не предполагают гибкого графика и неполного рабочего дня.
Мне бы хотя бы 5к рублей в месяц иметь дополнительно, чтобы к концу обучения иметь какой-то запас, чтобы снять хату и так далее.
Можно ли на fl.ru, например, работать за еду, пусть даже это будет правка формочек?
>>465420
#48 #464536
Всем привет. Оцените мой макет. Сильно плохо сверстал?
http://codepen.io/anon/pen/EPGMKw?editors=1100

P.S. Не обращайте внимание на картинки, это просто рандомные фотки с инета под размер оригинальных.

P.S.S. Так же подскажите, как сделать широкие картинки на всю ширину, а не под размер контейнера. Макет называется casablanca.
>>464570
#49 #464570
>>464536
А теперь убери из верстки весь каскад и поименуй по БЭМу. А потом переведи в SASS, вычисти повторный код и сделай вложенные правила, где уместно.

Алсо, нахуя писать все моднявным, очевидно несистемным шрифтом и при этом не подключать его?
>>464575
197 Кб, 1352x750
#50 #464574
Пацаны, у меня див, в нем див, я прописываю последнему диву маргин - нихуя не происходит, что я делаю не так?
>>464576
#51 #464575
>>464570
Верстал этот макет после 4 макетов по базовому, так что пока что не приступал к просмотру продвинутого интенсива. Вот решил узнать мнение, готов ли я уже к продвинутому.

Насчет шрифтов, не знаю почему они на кодепене не подключились. У меня они работают, но на сайте нет.

Так я готов к продвинутому или нет?
>>464589
#52 #464576
>>464574
При определенный условиях он схлопывается с маргином родителя: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
>>464577
#53 #464577
>>464576
Спасибо.
Алсо, я задал флоат и норм стало.
#54 #464589
>>464575
Может потому что себе на комп ты их поставил, а про @font-face забыл?

Я хз что за интенсивы вообще, но правила вида .our-portfolio .filter a это точно хуйня полная.
#55 #464728
Ананасы, закатился пару месяцев назад во фронтенд. В общем положняк такой: ваша йоба-верстка нахуй никому не нужна. Сейчас конечно могут набежать фронтендеры 5+ лет опыта и обоссать меня, но такая ситуация не только у меня, а еще у пары знакомых. Так вот, уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро. Хуяришь сайты на бутстрапе параллельно допиливая "дизайнерские задумки", которые разбиваются о гридовскую сетку, правки, правки, правки, макета из корела, тормозящие слайдеры на джиквери, вот это вот все. Вам конечно может и повезет и вы попадете в нормальную студию, но зачем нормальной студии даун без опыта. Так что поковыряйте перед устройством бутстрап, возможно придется чистить вилкой чужую верстку, а лазить каждый раз в документацию не комильфо и крайне желательны хотя бы в общих чертах понимать пыху.
#56 #464733
>>464728
Спасибо, и так знаем что гавноконторам надо человекаоркестра за еду.
#57 #464746
>>464728

>Хуяришь сайты на бутстрапе


>правки, макета из корела,


>тормозящие слайдеры на джиквери


>называет себя фронтендером


лол
>>464773
#58 #464773
>>464746
Вот и первый сеньор, как по заказу. По делу то есть что сказать или ты из б с гринтекстом прибежал?
>>464879
#59 #464774
>>464728
обосрался с этого дауненка-"фронтендера". хотя в чем-то он прав, иногда юзаю бутстрап-скрипты, потому что проще и быстрее взять готовый дропдаун, чем писать его самому. но стили его не юзаю, они пиздец вообще. то же самое со слайдерами-хуяйдерами. проще взять фотораму и чуть подредактировать стили, чем заново костылить. и так, по сути, везде. нет смысла писать костыли и велосипеды, если есть уже готовые решения (если только они не написаны как говнецо).

а верстка на фронте нужна, без нее просто соснешь. так-то, что даже начинающий фронт как минимум обязан знать html, css, js, svg, photoshop и jquery с аяксом хотя бы + разбираться в браузерах и том, как они рендерят. это основа. если говоришь, что верстка не нужна, ты хуй простой, а не фронт. дальше уже опционально, но часто нужно всякие ангуляры и прочее говно, php на уровне понимания, что происходит в этом блядском говне, движки всякие можно просматривать, wordpress тот же выучить можно, это несложная хуета. ну и так далее.

мимо фронтенд 2 года стажа
>>464776>>464879
#60 #464776
>>464774
Я не говорил, что она совсем не нужна. Я о том, что ирл практичней знать необязательно хорошо, но все, чем выдрачивать по бэму десяток макетов, а потом закономерно соснуть
>>464872
#61 #464836
>>464728

>уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро



брейкин ньюс блять.
#62 #464872
>>464776
Чувак, это зависит от того как ты еще к своему занятию относишься. Раз ты считаешь что нормально делать нахуй не всралось, то тебе явно не интересно то чем ты занимаешься, тогда какого хрена ты вообще этим занимаешься, а? Плох тот спец, который не любит свою работу и не стремится делать ее как можно лучше. Олсо в долгосрочной перспективе человек который охуенно знает свое дело потеснит вот такую макаку, которую ты описал, хотя получить бабло тут и сейчас ему будет сложнее, не спорю
>>464913
#63 #464875
подскажите что выбрать? Лесс или Сасс? Что сейчас используют чаще?
>>464878
#64 #464878
>>464875
Сверстай на less, sass, stylus по одному простенькому макету и поймешь, что тебе больше нравится + будешь знать базовый синтаксис каждого и потом не будет особых проблемм с переходом с одного на другой.
А так sass несколько чаще юзают
>>465428
#65 #464879
>>464773
По делу уже этот >>464774 сказал.
От себя добавлю что если хочешь быть хорошим спецом то должен разбираться во всем досконально, более того, хотеть это делать. Только такие зарабатывают реальные деньги востребованы в нормальных конторах, где джуну фронту платят от 500 баксов и, что куда важнее, имеют реальные перспективы.

Но опять же, все зависит от задач. В говноконторках пилящих сайтики на конвейере, которым вообще поебать, чем там потом будет, хватит и твоих навыков. Побробуешь вкатиться не развиваясь дальше на ступеньку выше - скорее всего соснешь.

Потому что там требуется верстка, когда можешь запилить вообще все что накалякал дизайнерв разумных пределах офкорс и джс, когда можешь любой клиентский скрипт реализовать/улучшить сам, а не подключать говнобиблиотеки с говноплагинами, которые весят больше, чем весь твой говеный сайт вместе с графикой.
Да там дохуя чего требуется на самом деле, немного лень щас перечислять.
Так что ты антоша не фронтендер нихуя. Ты возможно верстальщик, а если и верстку плохо знаешь, тогда бутстрапер/интегратор.
>>464913
#66 #464909
БЛЯТЬ, ЕБУЧИХ ФРОНТЕНДЕРОВ РАЗВЕЛОСЬ, КАК СОБАК НЕРЕЗАНЫХ

даже в моих унылых ебенях какие-то гаврики взялись провести месячный ололо-ликбез по бэмам и галпам. я бы ради интереса сходил кстати, но запись уже проебал, да и ехать туда сука 2 часа.

уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.
>>465190
#67 #464913
>>464872
>>464879

> если хочешь быть хорошим спецом то должен разбираться во всем досконально


> человек который охуенно знает свое дело потеснит вот такую макаку


Эх сейчас бы прописные истины послушать, а то ведь никто не понимает этого. Я написал то, с чем могут столкнуться здешние аноны, потому что с этим столкнулся я и еще пару человек из окружения. Что перед устройством лучше не в верстку углубляться, а пройтись везде по верхам, что на начальном этапе будет полезнее. А вы сразу начали кукарекать про мои скиллы( к слову я о них вообще не писал, речь шла только о том что они не всрались на данном этапе ), что нужно учить, чтоб потом пойти на повышение(ДАЛАДНА). Только вот я написал, что может помочь анону на старте, дальше то он сам разберется. А вы мало того что жопой читаете, так еще и кукарекать прибежали, непонятно на чем основываясь делать выводы обо мне вместо того, чтоб дополнить списочек того, что может на старте помочь. Тащемта вся суть мамкиных хтмл сеньоров.
#68 #464918
>>464913

>списочек того, что может на старте помочь



http://www.nicothin.ru/page/chto-izuchat-html-verstalshhiku

такой канает?
>>464925
#69 #464923
>>464913
Ты прям типа истину открыл что ли? Почитай шапку - про "немного разбираться в бэке" там есть. Про фреймворки там есть. Про знание css-фреймворков в интенсиве тоже рассказывается.
Про то, что надо знать для устройства на какую-нибудь вакансию есть (не поверишь) в описании вакансии. И еще ты можешь уточнить на собеседовании с чем и над чем ты будешь работать. То, что ты рассказал, что в гавноконторках всем на все плевать и лишь бы было хуяк-хуяк и в продакшен - тоже не секрет, и про то, что нужен им макак-всеводном-какнибудь-лишьбыбыстрее тоже.
Полезной инфы - 0. Че бугуртишь?
#70 #464925
>>464918
Точно, еще и это выкладывали уже.
#71 #464927
>>464913
У нас разные направления движения.
Ты даешь анону советы ориентированные на вхождение в низкопробную студию, скорее всего работающую на мелких отечественных заказчиков.
Я даю советы новичку, который ориентируется на вхождение в хорошую веб-контору, где есть карьерный рост, приятные зарплаты, большой светлый офис, печенки и прочие ништяки.
Вот и все дела.
Когда я шел на свое первое собеседование в такую контору, охуел с их офиса и общего уровня. Зато они меня ебанных 1.5 часа собеседовали по технической части, примерно час это была беседа с техдиром по части верстки, во время которой я выложил вообще все, что узнал за 4 месяца учебы, и этого было не то чтобы мало, но... ну скажем так, после собеседования я понял что мне есть куда расти.
А теперь скажи пожалуйста, сможет ли пройти такое собеседование человек, не углубляющийся в верстку, знающий только бутстрап и джиквери на уровне внедрения плагинов? Сомневаюсь.
>>465128
#72 #465012
Интенсив базовый сначала посмотреть весь и затем уже верстать или после каждого урока понемногу верстать?
>>465023>>465221
#73 #465023
>>465012
лучше удали его нахуй. там куча вещей, по которым у тебя возникнут такие же долбоебские вопросы, и тебе будет очень тяжко каждый раз сюда ходить, спрашивать и ждать ответов.
#74 #465128
>>464927
ты бы поподробнее про вопросы рассказал, было бы заебись. Типо про какие темы и кароч подробнее. С нас нефть
#75 #465130
Что это за ебала 100vw первый раз вижу, юзается в transform: translateX(100vw);
>>465131
#76 #465131
#77 #465190
>>464909

> уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.


Можно подумать, сейчас в ИТ есть какое-то поприще, в котором не нужно въебывать.
>>465228
#78 #465221
>>465012
Там в конце каждого видео говорят что надо делать.
#79 #465228
>>465190
hr из ит компании
лол
#80 #465420
>>464462
Надо или уметь делать что-то востребованное, или уметь продавать себя
#81 #465428
>>464878
чо то в продвинутом интенсиве вообще не говориться, как правильно подключить сасс. Установил его через руби, подключил через линк файл scss, но как сделать чтобы, то что я пишу в этом файле перекидывалось в css-файл, непонятно.
>>465433
#82 #465433
>>465428
говорится (сначала рекомендуют юзать препрос, а потом показывают grunt/gulp)
>>465456>>465463
#83 #465456
>>465433
боже, какая же сложная хуита. Еще бы сложнее придумали эти установки
>>465457>>465463
#84 #465457
>>465456
Установить препросс сложна?
Ну, чувак, походу эт, лучше тебе забить на это дело
#85 #465460
Бля, предупреждайте сразу в ОП-посте, что без JS путь на работу закрыт, а то человек потратит время на верстку, а потом в JS не сможет и все, пзидарики.
JS довольно сложная и запутанная хуита.
мимокун, не могущий в JS
#86 #465461
>>465457
сасс я поставил через руби. https://www.youtube.com/watch?v=gjCXVPvh-00&list=PL5FCJIdFxiLlQOinyTqiFG14MgvRMOC_O&index=1 по этому примеру. Вся моя проблема начинается с 4:15. Не хочет переходить в папку с проектом. Уже полтора часа ебусь сижу.
>>465466
#87 #465463
>>465433
>>465456

БЛядь, какие препросы/гальпы/гранты. Нахуя?

Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором
>>465466>>465469
#88 #465466
>>465463
Лол, ну да, гранты/галпы нинужны)

>>465461
Не еби мозг

>>465460
Усердней старайся
>>465478
#89 #465469
>>465463

>Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором


Че серьезно? Круто, мне как раз брекетс по интерфейсу сильно больше сублайма понравился, но как-то все на сублайме сижу, он вроде как популярней и быстрый как понос.
Задумаюсь о перекате.
>>467875
#90 #465473
на сайте сасс есть коала, установи и радуйся
>>465484
#91 #465478
>>465466

>>Лол, ну да, гранты/галпы нинужны)



Я имел ввиду, конкретно для его случая
>>465481>>465484
#92 #465481
>>465478
Тогда ок
>>465484
#93 #465484
>>465478
>>465481
>>465473
установил коала и наконец-то все заработало. Спасибо за помощь всем
#94 #465505
>>465460

лол. ну, верстка - это еще и нормальное хобби, как по мне.
40 Кб, 600x450
#95 #465518
>>465460
я так представляю свое будущее без js.
#96 #465580
>>465460
Так верстка это в любом случае только первый шаг. Без скиллов в JS или в дизайне верстальщики нахуй не нужны.
>>465674
9 Кб, 972x68
53 Кб, 1135x219
125 Кб, 1380x368
#97 #465605
Анончики, помогите разобраться. Есть шаблон корпорэт блю. Из туториала на хабре. Там есть хитрая хуйня пикрелейтед. Фоновая текстурка. В макете она обозначена как обычный эффект, то есть это и не картинка и не текстура. Я слайсером порэзал кусок так, чтобы попиксельно повторялось, ну чтобы кубики (мелкие частицы) в конце совпадали с кубиками в начале следующей части.

Вроде легло нормально, если смотреть невооруженным глазом. Но если в бронзере сделать увеличение 300%, то видны стыки. Это ничего страшного или где? Или как вообще по-правильному именно не текстуры или картики а именно тупо эффекты верстать?
#98 #465615
>>465605
Ты норм делаешь. Попробуй может в середине этой полосы кусок нарыть. Должно получиться. Хотя и так наверное сойдет, если только при сильном приближении косяк.
>>465626>>465646
#99 #465618
>>465605
как вариант можно градиентом сделать
#100 #465626
>>465615
Хотя посмотри еще свойства эффекта, может там есть готовая текстура. Сам завтра могу макет еще поглядеть когда за комп сяду (сейчас на планшете)
>>465646
#101 #465641
Разве БЭМ еще актуален? Посмотрел код рандомных сайтов и бэмом там даже не пахнет
>>465649
147 Кб, 1316x719
276 Кб, 1840x522
#102 #465646
>>465615
Сделал один большой шматок на всю длину, теперь остался горизонтальный стык

>>465626
В пикрелейтеде свойства эффекта.

В общем, насколько понимаю, текстура растровая, пытался сделать минимальный шмат 4х4 пикселя, но там даже на ста процентах рябь была.

Кстати, анончики, а напомните, как называется фигня, когда при увеличении масштаба изображение увеличивается, но разрешение остаётся прежним и элементы просто "прижимаются" друг к другу, и не приходится экран прокручивать. Это max-width за это отвечает?
#103 #465649
>>465641
Ты еще код двачей бы посмотрел. Грамотных спецов мало, а долбоебов много, что тут удивительного?
12 Кб, 283x614
#104 #465671
Котаны, не могли бы вы немного прояснитть про sass/less организацию файлов?
1. Насколько я понял, нужны отдельные файлы для каждого из блоков, но обязательно ли это требование? Я в макете Pink например сделал только три блока - хидер, контент и футер. А в них уже стилизовал другие блоки (именовал их по БЭМ).
2. Громов говорил, что нужен отдельный файл для типографики.
То есть там я указываю размер шрифтов, интерлиньяж etc. etc. для каждого из блоков? А в других файлах, где я, скажем, стилизую отступы для этих блоков, нельзя уже укахывать ничего, связанного со шрифтами?
3. Есть ли вообще какие-то стандарты и правила именования/разделения файлов?
4. Как научиться правильному БЭМу и препроцессорам без посторонней помощи, а то боюсь, что пишу я откровенно хуево и потом меня будут засирать, если удастся таки куда-нибудь устроиться?

Вот примерно какая структура у меня <-- Это правильно?
>>465682>>465685
101 Кб, 450x443
#105 #465672
>>465457

> препросс


В двух словах объяснит кто нибудь, нахуя они нужны и для чего чаще всего используют?
>>465679
#106 #465674
>>465580

> или в дизайне


Охуеть блядь, может фронедер вообще всю хуйню должен делать еще и сервер настраивать, пошел нахуй.
>>465675>>465676
#107 #465675
>>465674

>или


Значение знаешь?
>>465677
#108 #465676
>>465674

>должен делать еще и сервер настраивать


А я б понастраивал. Но пока мозгового ресурса не хватает. А кому-то, наверное, рисовач ближе.
>>465677
#109 #465677
>>465676
>>465675
Вот из за таких уебков рынок и проебан.
>>465680>>465694
#110 #465679
>>465672
Нужны как компилятор, минификатор, автопрефиксер, рефрешер на том этапе, когда еще в гранте/галпе не разобрался
>>465688
#111 #465680
>>465677
Ну это аутизм так-то. Веб-Вёрстка - это не такое обширнейшее поле деятельностьи, чтобы целиком и полностью только на нём концентрироваться.
#112 #465682
>>465671
Так как по бэм блоки независимы то надо для каждого бэмовского блока делать свой файл, в котором будут стили только этого блока и его элементов. Даже для вложенных блоков тоже нужен будет отдельный файл. Так при разрастании проекта будет лучше удерживаться структура.
>>465686
#113 #465685
>>465671
Отдельный файл он имел ввиду только для базовой типографики (стилизация тупо по тегам). Потом ты для каждого блока при необходимости переопределишь
>>465687
244 Кб, 1864x1398
#114 #465686
>>465682

>в котором будут стили только этого блока и его элементов


А в эти стили включаются типографские, или их все складывать в отдельный файл? Или в type.scss должны быть только основные параметры шрифта для body?
И по БЭМу все-таки до конца так и не разобрался, как правильно именовать, сложно для меня отличить независимый блок от элемента и не понимаю, как делать элементы элементов, это ведь по правилам запрещено, а ситуации такие возникают часто.
>>465687>>465692
#115 #465687
>>465685
Ага, понял, спасибо, это ответ на мой первый вопрос из >>465686
#116 #465688
>>465679

> когда еще в гранте/галпе не разобрался


А это зачем?
>>465693
#117 #465692
>>465686
Еще раз перечетай статьи и доки. + завтра сяду за комп откопаю еще видос для нюфажиков от яндекса еще его кину (хотя уже кидал раньше)

Алсо, вроде же в интенсивах норм рассказывают, после просмотра видоса и чтения допов вполне все понятно (ну плюс логику немного подключить иногда). Но я конечно хз может эт мне понятно просто изза того что типа образование погромистское лол
>>465719
#118 #465693
>>465688
Автоматизация рутинных процессов и всякие плюшки - 10 урок продвинутого. Да и как бэ стандарт отрасли. Почитай вакансии частенько попадается
#119 #465694
>>465677
Хуй знает что там у тебя проебано. Рынок айти огромен, интернационален и будет расти еще много лет. А если ты не устраивает, что за скиллы уровня пятого класса не дают сходу 100к зп, то предлагаю тебе вспомнить, что конкуренция и есть основа рынка, блять.
>>465696
#120 #465696
>>465694

> не дают сходу 100к


По ебалу разве что дают, а когда впердолишь сотки фреймворков и жс берут как верстальщика и платят 15к.
>>465697
#122 #465699
>>465697

>везде Node.js, Angular.js

>>465703
#123 #465701
>>465697
Там иногда пишут высшее образование, где этому вообще учат?
>>465705
#124 #465703
>>465699
А нахуя фронту нода, стесняюсь спросить?
>>465707>>465710
#125 #465705
>>465701
Этому - нигде, но сойдет любое техническое я думаю
>>465706>>465709
#126 #465706
>>465705
Нахуя оно нужно тогда, они охуели?
>>465713
#127 #465707
>>465703

> А нахуя


Добро пожаловать.
#128 #465709
>>465705
Ну в рамках разумного. Обычно на кафедрах изучают какуюнибудь срань, кучу математики, алгоритмы и структуры данных, базы данных, и например с++. Короче типа инженер там или прикладной математик или еще какой хуй
#129 #465710
>>465703
А модули ставить и скрипты писать на чем будешь, котик?
>>465714
159 Кб, 1200x800
#130 #465711

> Знание JavaScript, умение писать самостоятельно и разбираться в чужих сложных скриптах.


и ниже

> Желательно знать HTML5, иметь стремление его знать.

>>465716
#131 #465713
>>465706
Хз, я вот сижу с образованием курю фронтенд потому что это болееменее то, что мне по душе. Знаю нескольких человек с потока которые вообще не по специальности работают, а некоторые на заводах (причем краснодипломщики) какуюто срань на отмерших делфях, либо на си шарпе ваяют. Но меня такое не проперло дело.

Кстати максимум что нам рассказали в универе по верстке были основы html и блядь таблицами верстали. Все. Да даже курсы на кодкедеми информативнее будут. Ппц
>>465721>>465723
#132 #465714
>>465710
Чтобы ставить модули не надо пиздец как разбираться в ноде
#133 #465716
>>465711

Ты что из Днепра?
#134 #465719
>>465692
Да, ИТ-образование в Рашке говно ужасное. Средний выпусник ПМИ умеет программировать на паскале как бог, по верхам знает С++ или шарп, имеет представление о БД. Если он ничем не занимался во время учебы самостоятельно, то хуй он куда устроится.
С другой стороны, действительно увлеченные люди без труда самостоятельно учат джаву/сисярп и устраиваются еще курсе на третьем.
У самого много знакомых просто так делали.
>>465721>>465723
#135 #465721
>>465719
Это сюда >>465713
#136 #465722
>>465697
В очередной раз прихуел с ваших Московских зарплат.
У нас в милионнике за всю эту хуйню платят в диапазоне 25-40 уже опытному (хотя бы год) спецу.
#137 #465723
>>465719
>>465713
Нахуя они требуют вышку? Я дрочил ангуляры и верстку, чтобы потом диплом просили?
>>465724>>465725
#138 #465724
>>465723
Да не требует никто, чего ты.
#139 #465725
>>465723
Забей, если норм шаришь возьмут и так. Вышка максимум сыграет роль если вы будете с каким-нибудь телом одинаково шарить и тогда возьмут скорее того кто с вышкой. И то не факт
#141 #465729
>>465728
Так там такие же зарплаты, к чему ты?
>>465733
#142 #465730
>>465728
Ну пхпист тоже как бэ основы верстки знать должон. Так что не проебался ты точно
#143 #465733
>>465729
Количество вакансий сравни.
#144 #465734

> Пользовательский интерфейс


Что это за хуйня, поясните неофиту? Гуглится какие-то графики с колонками, нихуя не понятно.
>>465735
#145 #465735
>>465734
Чот проиграл
>>465736
#146 #465736
>>465735
В требованиях про жс пишут часто, яннп.
#147 #465858
Какой наиболее годный стиль вёрстки? Флэксбокс? Чем рекомендуется верстать-им?
>>465890
#148 #465878
Верстаны, помогите дауну. Решил попердолиться с флексами, попутно упоровшись бэмом.
В общем, изначально я вспомнил лекцию интенсива, где лектор сказал, что не нужно становиться упоротым рабом методологии, и каскад вполне себе допустим. Сделал вот так: http://codepen.io/anon/pen/rxPwop

Потом я упоролся БЭМом и сделал вот так:
http://codepen.io/anon/pen/pgGwBw
Результат один, кода больше.

Как правильнее?
#149 #465884
>>465878
Вообще мой тупой мозг мыслил так:
навигейшен - вложенный блок (его можно будет засунуть, например, в футер, если заказчик захочет, а хули). Внутри него все эти кнопочки-ссылочки: элементы, которые оттуда никуда не перенесутся. Так что их можно стилизовать с привязкой к блоку.
#150 #465888
Ребятки, ебаните кто-нибудь кулл стори для мотивашки, пожалуйста.
#151 #465890
>>465858
бамп вопросу
#152 #465891
>>465888
Ты понимаешь, что результат отсроченный, и имеет лишь некую вероятность успеха? Этим обуславливается твоё нежелание что то делать. Работай, а не фантазируй о успехе. Или не работай, а иди нахуй тада.
#153 #465902
>>465888
Выучил верстку за две недели, стал фриленсером 150к/неделя, переехал в Тайланд.
>>467045
#154 #465944
>>465878

лол, а ты нахуя в своем бэме сделал одинаковые правила для main-navigation__menu-item и main-navigation__user-block? второе это же по сути такой же меню-айтем, как и остальные ссылки, т. е. его можно стилизовать вместе со всеми, а если нужно будет к нему что-то особенное добавить, прикрутить модификатор main-navigation__menu-item--user-block например.
>>466398
#155 #465952
вот кстати любопытная презентация по поводу такой хуйни в бэм, как спайсы соли миксы. когда я увидел, что эти хуи мешают в частности, такие вещи как "блок и элемент другого блока", сразу понял, что это чревато превращение бэма в такую же блядскую санта-барбару, как и каскад в 4 уровня. в общем, не стоило ребятам вскрывать эту тему.

https://events.yandex.ru/lib/talks/327/
http://www.slideshare.net/yandex/ss-14895358
#156 #465990
>>465878
Ты забыл ul сделать внутри nav :(
Не надо так...
>>466398
#157 #466007
Так, я там кому-то обещал скинуть про БЭМ для ньюфань. Вот кидаю (хотя уже раньше было)
https://ru.bem.info/forum/-661/
#158 #466008
Хлопцы, держите сайтец \(^-^)/
http://www.flatvsrealism.com/
>>466011>>466024
#159 #466011
>>466008
Сам делал?
>>466019
#160 #466019
>>466011
лол, эт для вдохновения. Видишь, там справа награды всякие.
#161 #466024
>>466008
не открывайте это говно.
чтобы все не повисло нахуй, его наверное надо на ядерном реакторе запускать.
>>466025>>466523
#162 #466025
>>466024
ну у меня ноут 2.1 ггц 2 гб оперативы
чуток подождал чтобы прогрузилось и норм. Правда на битве лагало чутка
>>466070
#163 #466070
>>466025
У меня конфиг в четыре раза круче, лагало почти все время, грузилось секунд 10, да еще и скролл по мышке отвалился, прищось скроллбаром пользоваться.
Короче, хуево сделали.
#164 #466120
https://vk.com/forwebdev?w=wall-66170841_36459

Питер, иди на работу.
30 Кб, 533x398
#165 #466125
>>465888

вот тебе прошлогодняя паста, над которой я долго угарал:

"Расскажу свою историю. Сначала я писал статейки, будучи копирайтером. Потом какой-то петушок закатился в наш тред и сказал дословно следующее: за месяц выучил верстку и уже через месяц зарабатываю 200к. Я выучил верстку и сделал 10 не особо адаптивных макетов. Потом тот же петушок сказал. что макеты должны быть адапитвными. Я сделал еще 3 адаптивных, потом тот же петушок закатился и сказал, что нужно выучить жквери и жаваскрипт. Я расковырял жиквери и прикрутил несколько плагинов. Потом тот же петушок закатился в тред и сказал, что этого недостаточно и нужно еще и php c mysql освоить и вот тогда-то точно будет 200к через месяц. Я пробежался по мануалу пхп, написал сайтик с бэкендом на 1й странице. Тот же петух пришел и сказал, что так не пойдет надо еще ООП с паттернами освоить и вот тогда уж точно будет 200к через месяц. Я прочтиал книгу из Оп поста и перепечатал все паттерны, проверив их работу. Тот же петушок вкатился и сказал, что так не пойдет, нужно еще фреймворки освоить. Я взялся за слим и Уи2, сделал на них по проекту. И вот теперь приходит этот петух и говорит мне, что пхп - это дно, нужно перекатываться в шарп или джаву. Такое ощущение, что надо мной кто-то просто сидит и издевается годами".
>>467051>>467132
23 Кб, 350x280
#166 #466147
Фронтаны, поясните по хардкору за разницу между <strong> и <b>, <em> и <i>?

Зачем создавать дублирующие теги? Я не улавливаю разницы между логическим выделением и выделения оформлением.

Во-первых, в обоих случая текст выделяется оформлением; во-вторых, зачем мне выделять оформлением, если я не хочу выделять логически?

в-третьих, зачем мне выделять логически, если я не хочу выделять оформлением?

Т.е. я не могу себе представить такие ситуации, когда одно без другого.
>>466179
34 Кб, 591x176
#168 #466232
Аноны, а в каком из уроков продвинутого интенсива рассказывается, как делать это? Как это вообще называется?
>>466234>>466238
#169 #466234
>>466232

гамбургер.
#170 #466238
>>466232
держи, от Громова штуку
http://codepen.io/nicothin/pen/dPqdyd
#171 #466322
А как наблюдать к чему приводят изменения в коде в прямом эфире?
#172 #466341
#173 #466388
>>466322
LiveReload для гранта или галпа. Загугли скринкасты Кантора на тытубе по галпу.
#174 #466398
>>465990
Я специально, для примера.
>>465944
Спасибо. Если честно, я об этом даже не подумал, т.к. дебил и ньюфаг.
#175 #466420
За какой срок надо сверстать пинк и седону в продвинутом? И верстать его надо после просмотра всех уроков или нет?
>>466426
#176 #466425
>>466322
пока не разобрался с грант/галп можешь юзать что-то типа препросс, коала или еще че
>>466433
#177 #466426
>>466420
в конце каждого видео говорят дз. Вот его потихонечку и делаешь. Продвинутый, на котором верстают 1 макет идет месяц примерно. Если же ты уделяешь время нормально то успеешь после прохождения скажем за 2-3 недели продвинутого и второй макет сверстать.
#178 #466433
>>466425
коала юзай
48 Кб, 1300x1000
#179 #466498
Аноны, можете на примере объяснить разницу между КОНТЕНТЫМИ и ОФОРМИТЕЛЬСКИМИ изображениями. Хочу нормально сортировать, но не могу понять что есть что. Например, спрайт оформительское так? Значит в папку /img. А рандомное фото из слайдера это уже контент? Тогда блядь где логика чуваков из интенсива, докладчик по части фотошопа, советовал сохранять контент в /pict, но в начальной разметке барбершопа изображения из слайдера уже по дефолту в /img. Хуй пойми. Пока в img все сохраняю.
>>466502
#180 #466502
>>466498
Можно разделять, можно не разделять (в том числе и тот кто про фотошоп рассказывает потом в продвинутом так скажет)
Я бы посоветовал не париться и все складывать в папку img
>>466506
#181 #466506
>>466502
Спасибо, буду знать.
#182 #466523
>>466024
У меня на ведре он даже открываться не стал, лол.
#183 #466553
Какие же, все-таки, флексы охуенные, в 20 строчек разметил то, что на флоатах-инлайнблоках заняло бы у меня раза в 3 больше времени.
#184 #466573
Короче, два стула появилось. Взяли на стажировку помощником дизайнера из-за моего знания верстки, при этом фотошоп нихуя толком не знаю, рисовать со школы не умею. Вот думаю нахуй все это и дрочить дальше js, пока не найду вакансию чисто версталы, джуна фронтендера, или месяц 5 дневки за 8к, зато с опытом КОММЕРЧЕСКОЙ разработки? И вообще как это, помогать дизайнеру, охуительные шрифты ему скидывать штоле, лол?
>>466576
#185 #466576
>>466573
Какой же ты ебан, будучи верстальщиком устроился на должность дизайнера и не знаешь что делать, вот это пушка.
>>466577
#186 #466577
>>466576
Ебло, я на должности стажера, был в конторе только на собеседовании. Потом уже позвонили и пригласили. Я не знаю чем должен там заниматься, да. Откуда мне знать. Или помощь в РАЗРАБОТКЕ КОНЦЕПЦИИ ДИЗАЙНА, дохуя информативно?Может раз ты такой умный, просветишь меня?
#187 #466581
>>466577
Нахуя ты шел на должность дизайнера, если ты НЕ дизайнер, а верстальщик?
>>466582
#188 #466582
>>466581
Потому что ололо стажировка, мол всему научим. А в моей мухосрани раз в год студии стажеров берут.
>>466642>>466654
#189 #466642
>>466582
ты случайно не с миллионника?

У меня у одного хром тупит? Обновляю страницу своего макета, а показывает все словно ксс файл не подключен.
#190 #466646
>>466577
Чувак, надо спрашивать на собеседовании, а не на дваче, что будет входить в сферу твоих обязанностей.

Ну и наверное, я бы все-таки поработал, js можно подтягивать и повыходным, да и по вечерам, если совсем уж уставать не будешь
#191 #466654
>>466582
Какой город? Тоже хочу
#192 #466720
>>463552 (OP)
Аноны, планирую изучать html, css и js как заготовку для нормального перехода в asp.net
Как там с фрилансом дела обстоят? Трудно найти заказ?
#193 #466726
>>466577

лол, вангую там сидит такой же вагон дизайнер, который ровным счетом нихуя не шарит в хтмл, и тебе придется вместе с ним пилить страницы, отвечая на его вопросы, а можно ли вот так, а не развалится ли эта хуйня, и т. д.

будут у вас короче одни мозги на двоих, ты будешь одним полушарием, а он другим.
121 Кб, 887x816
#194 #466760
пацаны, а где этот шрифт брать?
>>466765
#195 #466765
>>466760
Шрифт Roboto, начертание Thin. Перейди в Robot и там скачай.
>>466766
#196 #466766
>>466765
Благодарю!
34 Кб, 449x88
#197 #466804
Чем пик разметить? <i>? Как такие штуку верстают?
>>466818>>466831
#198 #466818
>>466804
два псевдоэлемента
>>466823
3 Кб, 641x77
#199 #466823
>>466818
Но их три там, выходит три раза подряд :before задать и позиционировать?

И у меня еще один неофитский вопрос, как пик разметить? Ссылками нельзя, это же не ссылки, они никуда не ведут, вроде бы "кнопки", но у кнопок свои стили уже, я что-то в замешательстве.
>>466832
#200 #466831
>>466804
это просто сдвинутые тени у одного кружка
#201 #466832
>>466823
это ссылки
>>466835
#202 #466835
>>466832
Это before, ему бордер-радиус 50%, а как тени так сдвинуть?

>>466832

> это ссылки


Но ссылка она куда-то ведет, а это как кнопки управления содержимым на странице.
#203 #466908
http://codepen.io/anon/pen/MKLMme?editors=1100

Помогите с проблемой. Не понимаю почему не появляется картинка в before. Что я делаю не так?
>>466916
#204 #466916
>>466908
сам решил проблему. Забыл ширину с высотой поставить. Во дурак
83 Кб, 957x764
#205 #466939
Пацаны, на пике дерьмо не работает в ие10, хотя слайдер по тому же принципу норм работает, как фиксить? Не работает даже ховер. В хроме все ок.
>>466942
#206 #466942
>>466939
1. Выложи свой сраный код на кодпен
2. Убери каскад, сука, не беси меня
>>466954>>466966
#207 #466954
>>466942

А чо не так с каскадом? В css-модулях же можно юзать, и не будет с пространством имен никаких проблем, да и путаницы за счет больших файлов - тоже.
>>466959
#208 #466959
>>466954
Поясняю на примере правила ".lbl label". Во-первых оно будет срабатывать для каждого тега лейбл. Во-вторых после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl. И вот нахуя это нужно, если можно просто написать .label-group__label и проверка пройдет супербыстро?
#209 #466966
>>466942
Оказалось я не обновлял винду с 13года и у меня 8ие, сейчас обновлюсь и потом опять гляну.
>>466959
Лбл там нахуй не нужен, я просто тестил и пробовал оборачивать оп разному.

> просто написать .label-group__label


А перед этим просто бэм выучить, я же нгеофит.
>>466972
#210 #466972
>>466966
Тебе из БЭМа надо выучить только основные принципы и соглашение об именовании. Это первые две страницы: https://ru.bem.info/method/

Я хз почему все считают, что БЭМ это охуеть как сложно и непонятно — тебя же никто не просит ебаться с bem-json, местной системой именования файлов и прочим дрочевом. Это может понадобиться только если ты второй Яндекс писать собрался.
>>466973
#211 #466973
>>466972
Объясни пожалуйста, меню, логотип - это отдельные блоки всегда? А какой-то контентный блок в main'е - это элемент? А если у нас слайдер - это отдельный блок или элемент того блока, в котором он находится?
У меня такого рода сложности с БЭМом.
>>466978
18 Кб, 477x480
#212 #466976
БЭМ сделали специально для аутистов. Никто не юзает бэм, только хтмл академия на это дрочит, и заставляет своих обмутков юзать это гавно. Если бы он был настолько охуенен, то учили бы БЭМ с базового интенсива, но как показывает нам базовый интенсив он нам нахуй не нужен.
>>466990>>467005
#213 #466978
>>466973
Все, что ты перечислил это отдельные блоки. Элемент это то, что логически не может жить вне своего блока. Например, слайдер может жить на другой странице или внутри другого элемента.

Пара замечаний:
1. Блоки можно помещать внутрь других блоков. И у них будет разный namespace и это нормально.
2. В именовании не нужно соблюдать иерархию, то есть element2, вложенный в element1, не обязательно называть block__element1-element2, а писать block__element1__element2 вообще запрещено.

Вообще, советую открыть yandex.ru в инспекторе и посмотреть что там как названо. Мне помогло.
>>466980
#214 #466980
>>466978
Хорошо, спасибо.
#215 #466990
>>466976

ебать ты баран. в базовом и флексбокс не показали, и хуле? это значит, что все всю жизнь флоатами будут верстать?
#216 #467005
>>466976
Ох блядь и логика, сука женская бы обзавидовалась.
Продолжаяя ее можно прийти к просто охуенным выводам, вон чувак один про флексы уже написал, но это цветочки. Продолжая твои мысли:
-препроцессоры для аутистов, ими никто не пользуется, если бы действительно были охуенные про них бы рассказали в базовом
-медиавыражения и адаптивность для аутистов, ими никто не пользуется, если бы то....
-галп для аутистов,...... ну ты понял, да?
#218 #467017
http://codepen.io/anon/pen/NxJKgB

Аноны, понимаю что я использую БЭМ скорее всего очень ужасно, но нужна ваша помощь в одном вопросе, который не дает мне покоя. Вот сижу верстаю макет, и не могу решить правильно ли я поставил контейнер? Имею в виду это не считается за ошибку, что он у меня один на весь макет. В седоне вроде я делал так же, но не могу найти свой макет на ноуте, чтобы проверить, так что надежда на вас. Повторюсь, меня интересует контейнер. Подскажите в этом вопросе.
#219 #467021
>>467017

>.info .info__block .info__title


Бляяяяяяяять
>>467022
#220 #467022
>>467021
я тоже заметил это, когда только сделал. Не знаю почему он сделал именно так, но макет еще не сделан до конца, остался слайдер. Как слайдер доделаю, буду просматривать, что еще sass там сделал.
#221 #467023
>>467017
Все ок с контейнером. В чем проблема-то?
>>467026
19 Кб, 273x270
#222 #467026
>>467023
честно сказать смутило, что он один на весь макет. Почему-то пока верстал думал, что это не правильно, а проверить не на чем, так как седону куда-то посеял. Вот поэтому решил спросить тут.

Раз все хорошо с контейнером, то благодарю вас за помощь.
#223 #467029
>>467017
Нет бы сразу скинуть то место, которое тебя интересует. У меня глаза вытекают от этой разметки без логических отступов.
Судя по всему, твой контейнер - это обертка-центровщик с тенью. Обычно его называют "враппером" и довольно часто используют.
#224 #467041
>>465605
Такая хуйня бывает, когда ресайзишь после обрезки - ближние к краю пиксели становятся прозрачными. Сначала ресайз, потом кроп. Ну или копайся в настройках.
#225 #467045
>>465902
Лох, я за неделю с листовок у ашана до 200к поднялся, нихуя не учил, нихуя не делаю - просто иногда пизжу с клиентом по скайпу о том, что работа идет, но нужно чуток добавить к бюджету, чтобы за новыми трендами угнаться. Потом беру деньги и иду бухать в стрипбар.
#226 #467051
>>466125
Единственная адекватная паста. Но ньюфаги все равно не поверят - "Тут же хуйня учить, через месяц уже 50 буду поднимать, еще через полгода 150, а потом в силиконовую долину перееду".
#227 #467122
>>466959

>после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl



Не понял. Посяните тупому, плз.
>>467123
#228 #467123
>>467122
Браузер нашел элемент label, но он знает нужно применить к нему правило или нет — ему нужно понять, есть ли среди родителей класс lbl. Поскольку глубина вложенности не указана, он будет искать его, поднимаясь по DOM-дереву все выше, пока не найдет или не достигнет элемента html.
>>467124
#229 #467124
>>467123
Я думал, он ищет слева направа. То есть сначала нашел .lbl, потом label. А как глубина вложенности указывается?
>>467126
#230 #467126
>>467124
Нет, это было бы очень неэффективно. Именно поэтому не существует селектора, который бы фильтровал по дочерним элементам. Глубина вложенности задается символом: >

Обзорная статья на тему: http://frontender.info/writing-efficient-css-selectors/
>>467128
#231 #467128
>>467126
Спасибо.
48 Кб, 604x432
#232 #467132
>>466125
Блядь, я так и знал, что нужно жабу учить.
#233 #467143
>>466959

Но если ты сделаешь css-модуль, то искать он будет в области видимости классов компонента, которая находится за ключом, например. Проигрываю с начавшегося здесь бэм-дрочерства. 2016 год уже, ребята, можно и вебпаком пособирать.
>>467173>>467248
#234 #467173
>>467143
Что ты подразумеваешь под CSS-модулем, как ты собираешься задавать область видимости и тебе здесь поможет вебпак?
>>467329>>467341
#235 #467248
>>467143

>Проигрываю с начавшегося здесь бэм-дрочерства.



а я проигрываю с питухов, которые 3 дня назад осилили какую-то приблуду типа вебпака и бегут сюда ЛАЛ 2016 НА ДВОРЕ НАДО ЮЗАТЬ ВЕБПАК Я ВОТ ЮЗАЮ ВЕБПАК А ВЫ РЕБЯТА ЛОХИ Я ЮЗАЮ ВЕБПАК СЛЫШАЛИ ВЕБПАК
>>467329
#236 #467329
>>467173

import styles form './someFile.css';

за ключ все это ставит css loader при сборке.

>>467248

Ну примерно полгода как осилил, запустил в продакшен аппу с es6 и css-модулями для компонентов. Не очень плотно слежу за тредом, но форс бэма тут начался явно позже. Раньше кто-то изредка упоминал - мол, можно по бэму, а можно и еще как-нибудь. А щас прям пиздец, бэм или кипячение. Ничего не имею против, но нэйминг-конвенции для css в своем техническом аспекте устарели с апреля 2015 года.
>>467391
#237 #467341
>>467173

css-модуль - файл, в котором заданы стили для конкретного компонента. Сайдабра, верхнего навигационного меню, еще для какой-нибудь хуйни. Делая компоненты таким образом, можно спокойно переносить нужные между приложениями, не беспокоясь, например, о глобальной области видимости css. Все изолировано, и поэтому не сломается.
>>467391
#238 #467345
Сеньоры, начитался я значит про вашу резину-хуину и высрал вот это)
http://c12266.shared.hc.ru/xxx/index.html
При резиновой верстке должно получаться что-то в этом духе?
>>467357
#239 #467357
>>467345
Как правило резина идёт от 1350+ до 1024, а потом идёт адаптив.
>>467365
#240 #467365
>>467357
Не, я понимаю что надо адаптив пилить, просто решил сделать это говно чисто резиновое, попрактиковаться что-ли в %
#241 #467391
>>467329
>>467341
А как предлагается управлять сложными состояниями используя эту систему? Допустим, я использую Реакт, и у меня есть компонент Menu и в нем есть элемент item со состояниями isSelected (bool) и theme (string). Сейчас я использую функцию, которая из имени компонента и нужных пропсов генерирует мне класс 'menu__item menu__item_is-selected_true menu__item_theme_rainy-day'. Пропсы обновляются — класс автоматом пересчитывается. Выглядит это примерно так: <div className={getBemClass('item', ['isSelected', 'theme'])}>...</div>

Я бегло глянул эти модули, там предлагается писать код вида <div styleName='item'></div>. Окей, а что делать, если класс зависит от состояния компонента? Ифы хуярить каждый раз? А если состояний много?
>>467393>>467401
#242 #467393
>>467391
Обосрался с примером немного, isSelected у item, конечно, будет свой и вообще это будет отдельный компонент, но суть, я думаю, ясна.
#243 #467401
>>467391

Я тоже использую Реакт. Не вижу, в чем проблема с css-модулями в твоем кейсе. Не путаешь с инлайн-стилями?

css-модуль - это просто изолированное место, где ты можешь писать css-правила, и позже подключаешь их к своему react-компоненту через синтаксис es6 import. Поскольку лоадер оставит их за ключом, они не попадут в пространство глобального нэйминга css, и ты можешь не писать больше свои длинные бэм-классы, если конечно это не требуется в целях межкомандной коммуникации. Стили компонента не сломаются, где бы он ни оказался.

Функция в рендере ради обсчета css-классов - ну, я бы не сказал что это оптимально, но я не видел кода аппы в целом. Если кейс в том, чтобы генерить зависящие от props классы и все - можно делать внутри {}, складывая строки через + типа "item_name_"+this.props.counter. Если там что-то более сложное, и рендерите вы stateless через => - ну, наверное есть причина вставить функцию. Однако, повторюсь, к css-модулям это никакого отношения не имеет.
>>467403
#244 #467403
>>467401
Ты можешь привести аналогичный пример, где компоненту нужно отрендерить див, меняя классы в зависимости от пропсов? По-моему это очень частый кейс.
>>467404
#245 #467404
>>467403

render(){
return(
<div className={"yolo_swag-"+this.props.data.swag}>
</div>
)
}
>>467405
#246 #467405
>>467404
Ну, лол, это-то понятно. А с использованием css-модулей? Там же добавляется суффикс к классу для сохранения неймспейса.
>>467414
#247 #467413
Да нет никакого БЭМ-дроча, просто тут люди интенсивы проходят и там по БЭМу предлагают делать верстку. Все.
Рассказали бы там про вэбпак, реакт, ангуляр, метеор или еще какую-нибудь хрень - обсуждали бы в процессе изучения материала и их точно так же.
хотя вряд ли - для этого есть javascript-тред в програмаче[/spoliler]
#248 #467414
>>467405

const className = styles[this.props.someSwagClass];
>>467417
#249 #467417
>>467414

Не знаю, вполне ли я уложился в твой сложный кейс, но в теории там можно точно так же складывать выплевываемые лоадером строки. Styles поставит ключи.
>>467436
#250 #467433
Анончики, что бы вы выбрали, работать в студии, где постоянно много работы и челленджей, но з/п меньше или работать в компании, в качестве штатного сотрудника с более высокой зарплатой, но соответственно работа будет вестись только над их проектами?
>>467441
#251 #467436
>>467417
Спасибо, покопаю эту тему.
#252 #467441
>>467433
Только второе. Пробовал оба варианта. Заказная разработка это унылые типовые решения, срачи с клиентом и прочее разгребание говна лопатой. Настоятельно не рекомендую.
>>467490
#253 #467442
Аноны, дайте сайт в котором люди кидают свой пример анимации и код на ксс, джс и т.п.. Помню тут бывает кидает кто-то из анонов, но все время проебываю тред.

Помню там был пример анимации для меню. Типа красивое появление полоски под словами и так далее.
>>467443
#254 #467443
>>467442
на кодепен.io не судьба погуглить?
>>467445
#255 #467445
>>467443
при чем тут твой кодепен? Там не песочница, а конкретно сайт. Где есть форум и т.п..
>>467446
#256 #467446
>>467445
Это не только песочница, но и библиотека готовых решений.
>>467447
#257 #467447
>>467446
мне нужен именно тот сайт. Это был точно не кодепен.
>>467448
#258 #467448
>>467447
css-tricks.com ?
>>467450
#259 #467450
>>467448

>css-tricks.com


неа. Кажись проебали годноту. Странно что не кинули тот сайт который я ищу в шапку.
>>467453
#260 #467453
>>467450
codrops
>>467458
#261 #467458
>>467453
это именно он! Благодарю, добрый анон!
#262 #467490
>>467441
Ну у нас в студии есть целый штат проект-менеджеров. Извини, но у тебя совсем какой-то треш был видимо. Другое дело, что работой грузят без конца, это да.
92 Кб, 968x345
#263 #467586
Привет, верстаны. Очень нужна ваша помощь.
Есть достаточно сложный (на мой взгляд) фильтр, который работает не так, как нужно. Состоит из двух частей. По сути, это два фильтра, которые образуют один. Скриншот прилагаю.
Принцип работы: выбираем количество денег(стоимость часа работы) в первом фильтре, выбираем количество часов во втором и из этих значений должна получаться итоговая цена. Проблема заключается в том, что не работают ползунки и не меняются картинки в первом фильтре. Также, немного неправильно рассчитывается цена.

Может ли кто нибудь помочь с этим дерьмом? Сам фильтр, кстати, на js. Приложу архив.
https://yadi.sk/d/RtZH1o4zosgk9
#264 #467593
>>467586
Где-то я уже такую штуку видел.
А вообще лучше в js-тред напиши
#265 #467633
>>467586
Лей в песочницу.
#266 #467635
Как вы искали работу в дс?
Я могу не только в верстку, препроцессоры и т.д, но еще и в простенькие скриптики на жс и жк, в сборщики и гитхаб. То есть не ноль далеко.
На хх большинство воротят нос.
Мейби убрать нахуй что я junuior? И пытаться закосить под миддла?
#267 #467639
>>467635

напиши что бэм знаешь, от звонков отбоя не будет, базарю
#268 #467643
>>467635
Простенькие скриптики на джс это какие?
В резюме написал что ты джун фронтенд?
>>467652
#269 #467652
>>467643

>Простенькие скриптики на джс это какие?


Уровня клацни на этот блок, блок меняет свойство. Какая-нибудь валидация еще. Аякс-хуякс. Плюс могу подрубить какие-нибудь карусели на жк, что в общем не сложно, понятно.

>В резюме написал что ты джун фронтенд?


Да.
>>467655
#270 #467655
>>467652

>Да.


Может в этом и дело. По навыкам ты еще не джун. Просто продвинутый верстальщик с претензией на джуна.
Большинство тестовых на джуна фронтенда предусматривали, что кандидат может написать простенькое приложение с фильтрацией данных, приемом и выводом информации, сохранением данных пользователя и т.д.
То есть грубо говоря, нужно уметь написать хотя бы одно SPA с простеньким функционалом типа продвинутого todoapp.
>>467662>>467663
#271 #467662
>>467655
В общем я смогу в средненький todo. Конечно не весь функционал что ты написал, но все же.
Фильтрация сложновато, но я уже реализовывал подобное.
Но прикол в том, что я больше писал именно на вакансии верстальщика.
Всем нужен чистый верстальщик с опытом 5 лет.
Но как они собираются их искать? Ведь все перекатываются во фронт.
Может джун фронтендер воспринимается ими как джун верстальщик и ясно, такое нахуй не надо никому.
>>467665>>467669
#272 #467663
>>467655
Интересно, а до junior есть какая-нибудь позиция???
Ну вот просто сам факт, например ты без образования, да даже ладно, возьмем с образованием техническим либо выпускника, либо студента последних курсов. Как правило нихрена это в универе не преподают. Как человек может тогда вкатиться на junior позицию (если она предполагается как минимальная)? Ну типа есть junior, middle, senior. Так вот, есть что-то до джуна?
#273 #467665
>>467662
Ну тогда хуй знает. Путаница сильная вокруг. Одни говорят что джун фронтенд и верстальщик - одно и то же. Другие, что это все такие разные вещи.
Портфолие свое еще подлатай, возможно в нем дело, ну и резюмешку пересмотри. А может просто не повезло. Щас в парахе кризис, санкции и вся хуйня. Никто толком не расширяется. А на готовые проекты джуны особо не нужны. Там надо быстро и заебись, то есть мидл+.
Те кто собираются расширяться и смотрят в будущее, те таки да - берут джунов.
>>467680
#274 #467669
>>467662
Не все, есть так и остаются верстаками. Вон был видос от типочка из Яндекса. Но верстала все-равно должен уметь в js. И рамки из года в год между ним и фронтом стираются. А в снг это так вообще не удивительно ибо тут пытаются стереть рамки еще и между фронтом и бэком.
>>467680>>467691
#276 #467680
>>467663

>Интересно, а до junior есть какая-нибудь позиция???


Этих позиций тысячи.
Зайди на любую российскую фриланс-биржу. Там по 50 откликов за лэндинг паге, стоимостью 300 рублей.
>>467665
Да у меня портфолио вообще минимализм.
Там ссылка на актуальную работу, с анимациями, транзишенами, бутстрапом и жс-ом и ссыль на профиль гитхаба с ~10 работами и всякими несерьезными игрушками.
>>467669
Угу. Хуево, конечно.
Это сразу заставляет задуматься о схлопывании веба в Россиюшке.
#277 #467681
Аноны, шо сейчас с вакансиями у верстал?
Правда ли вы первые заказы бесплатно делаете?
Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Сколько зарабатываете и работаете в день/месяц? Люди с зарплатой большей, чем 20000$ в секунду могут не отвечать
Сколько обучались верстать, чтобы наконец получить деньги за заказ на фрилансе?
>>467686
#278 #467684
>>467663
Точно не скажу, но у всяких там джавистов вроде есть позиция trainee. То есть стажер.
В вебе и конкретно фронтенде верстальщик как раз энтри левелом и является.
С джуном заморочки потому что многие считают что джун фронтенд это мальчик прочитавший два учебника. Некоторым компаниям требуются и такие, не спорю.
Однако стандартный уровень, ящитаю - это все-таки наличие практики, то есть хотя бы одного приложения написанного самостоятельно.
Потому что одно дело - читнуть учебник и решить задачку, и совсем другое - когда сам все это делаешь.
Тогда постепенно понимаешь, что при разработке подводные камни есть вообще везде. Что сохранение данных имеет свои косяки, что код надо структурировать и разбивать на логические блоки, нужны модули, а следовательно - сборщики типа вебпака, что нужно следить за множеством функций/областями видимости/коллбеками . Что вот здесь можно проще, а вот здесь сложнее. Что блять фаерфокс, если ему передать функцию в addEventListener без аргументов не отловит объект event снаружи, а вебкитовские движки отловят и т.д. и т.п.
Куча вещей, которые кроме как на практике больше никак не разобрать.
>>467882
#279 #467686
>>467681

>Аноны, шо сейчас с вакансиями у верстал?


Выше почитай.
Без опыта сложно устроиться.

>Правда ли вы первые заказы бесплатно делаете?


Правда.
Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.

>Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?


Для версталы не обязательно его знать, для фронтеда обязательно.
Для первого языка нормально.

>Сколько обучались верстать


Сложно сказать. Я и сейчас не все умею. Те же флексбоксы. Но основы учатся за месяц максимум.
Ну а бабло у кого как. Через месяц-два что-нибудь мейби и найдешь. Не рассчитывай конечно на деньги, это будут скорее поощрения небольшие, уровня 500 рублей за три дня работы.
>>467688
#280 #467687
Требования:

Любить программировать
Уметь отличить плохой код от хорошего
HTML5, CSS, JavaScript на хорошем уровне
Иметь опыт работы на PHP достаточный для выполнения нашего тестового задания
Приветствуется:

Иметь опыт работы на PHP
Навыки работы с командной строкой *nix
Навыки работы с jQuery, Bootstrap, YII, Laravel или иным очищающим карму ширпотребом
Опыт разработки расширений под magento / wordpress / moodle / что-нибудь-накодированное-злыми-индусами (обязательно упомяните в резюме)
Навыки работы c MySQL / PostgreSQL (составление сложных запросов)
Понимание принципов ООП и знакомство с шаблонами проектирования
Понимание принципов работы протоколов OSI ISO
Опыт использования Git, участия в opensource проектах

Ебать требования. Словно ищут Цукенберга
>>467884
#281 #467688
>>467686

>Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.


Разве не за отзывы? Можно вообще любую работу вложить, если сам сделал?
>>467693
#282 #467691
>>467669

>пытаются стереть рамки еще и между фронтом и бэком



и веб-дизайном, ггг.
#283 #467693
>>467688
Фриланс для опытных.
Не советую туда идти без опыта. Не получится дохуя бабла поиметь.
Если ты совсем школьник, то на мороженное себе заработаешь и заодно сделаешь портфолио какое-никакое.
Я бы посоветовал сосредоточиться на личном фане, верстать и кодить для себя и когда будешь в себе хоть немного уверен, пиздовать в студию.
>>467697
#284 #467695
Требования:
знание css3/html5
адаптивная верстка
адекватность в работе
будет плюсом умение работать c:
less, sass
Bootstrap
Условия:
работа в молодом дружном коллективе
заработная плата обсуждаема
график работы обсуждаем
Тип занятости

Полная занятость, полный день

А вот тут уже по скромнее ищут версталу. Может вкатиться аноны? З/п не указана правда, да и портфолио у них так себе сделано.
>>467700
#285 #467697
>>467693
Я почти школьник и в ближайшие 2 года мне надо освоить и подзаработать немного.
Но таки да, на мороженное, в месяц больше 6к не надо, это вообще возможно?
>>467698
#286 #467698
>>467697
Возможно.
Ты главное поменьше сиди на дваче и побольше учись.
Два года оптимальный срок, чтобы стать неплохим спецом и зарабатывать достойно.
>>467704
#287 #467700
>>467695
За то что отошлешь им резюме никто по пальцам не ударит.
>>467703
5 Кб, 251x201
#288 #467703
>>467700
ударил бы пальцем, да только адаптивную верстку я не знаю. А верстать только на бутстрапе я бы не хотел, так как ничему новому он бы не научил, а тупо облегчил жизнь на короткое время.
#289 #467704
>>467698
Я просто думаю вкатываться в джаву, либо сишарп
И параллельно обучаться верстке и английскому.
Тащемта да, ты прав, я сегодня все хочу выбрать, а завтра уже даже не зайду сюда.
И времени у меня немного поменьше (23 месяца, лел)
>>467709
#290 #467709
>>467704
Не распыляй внимание.
Можно повестить на дохуя технологий и типа сымитировать деятельность.
Ты молод и горяч, любой из этих двух вариантов(frontend/java,c#) у тебя получится, если только ты будешь работать каждодневно.
>>467710
#291 #467710
>>467709
Я знаю, уже было такое.
Вот реально, что выбрать? На джаве вакансий в офис больше, а фриланса нету почти.
А у сишарпа дохуя технологий, которые приходят и уходятэ
>>467711>>467744
#292 #467711
>>467710
Не знаю.
Посоветуйся в программаче.
#293 #467744
>>467710
Джаву.
#294 #467757
Мде, взлольнул над обсуждением ксс модулей, очередная оверхайпнутая хуйня, которое вообще в принципе невозможно юзать в сколь либо большом проекте.
#295 #467779
>>467635
Боже, как я тебя понимаю.
Написал в резюме, что я front-end разработчик. Только потому, что мне сейчас в вёрстке часто приходится устанавливать самый разный js. В основном jquery, но уже не только. Да, глупо, но хотел выставить себя по-лучше.
Блин, смотрю, за день штук 20 просмотров и 4 предложения, круто. Да только все они что-то вроде: "нам нужен бла-бла-бла гуру js с опытом от 3-х лет (а ф написал, что у меня всего год опыта), чтобы возглавить отдел, лол."
Пиздос, почему я не добавил junior.
Теперь получается я засрал резюме, раз его уже посмотрела куча народа и все думают, что я одинокий team lead, который не может найти себе пристанище.
#296 #467826
>>463552 (OP)
Аноны, студент может на этой вашей верстке поднимать хотя-бы по 8к в месяц?
Когда-то давно учил верстку в течении 2-х месяцев, не фрилансил, нужно было для своего проекта.
Сейчас если месяца 1.5 посижу, думаю, все вспомню.
>>467828>>467863
#297 #467828
>>467826
Я очень не хочу идти клеить и раздавать листовки, аноны, не для меня это.
#298 #467863
>>467826
И поймешь что тебе еще учить и учить.
#299 #467873
>>465457
ну хз, мне, например, было очень сложно впервые поставить gulp и stylus + jade просто потому, что инфы на русском мало, а та, что есть, не объясняет новичку о том, что это такое и как его ставить. пришлось самому копаться в доках ноды и нпм, чтобы вкурить, как все это ставить. так что я того анона понимаю, в первый все сложно.

или еще пример. на html-academy объясняют, как писать html и css, но не объясняют банальное создание html и css файла. как-то знакомый попросил ввести его в тему верстки.этот пидор, конечно, хотел научиться всему за пару недель и украсить сверху асинхронным js, не зная его нихуя. так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать. и ответа на html-academy по этому вопросу нет.
>>467877>>467945
#300 #467875
>>465469
хуйня, не смог перекатиться, брекетс неудобныйпо крайней мере, был и тормознутый, саблайм пизже. а еще есть php-storm, это вообще pooshka.
>>468153
#301 #467877
>>467873
На базовом все разжевано и в рот положено, в том числе и показаны форматы файлов.
>>467891
#302 #467882
>>467684
блядь, точно, про файерфокс забыл, спасибо
#303 #467884
>>467687
обосрался, человек-аркестр нахуй. но на деле не так уж и страшно, основы всяких вордпрессов и жикуери учатся за пару недель
#304 #467891
>>467877
вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.

мне, к примеру, неудобно смотреть видео-материалы, так как я куда быстрее читаю и понимаю написанное, чем видео-уроки.
#305 #467902
>>467891

>вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.



Проиграл в шепотину. Тебе так сложно скачать с торрентов? Давно там все лежит и легко ищется. На nnm-club по запросу "html academy" всё есть. Зайти на сайт и воспользоваться поиском в состоянии?

>мне, к примеру, неудобно смотреть видео-материалы, так как я куда быстрее читаю и понимаю написанное, чем видео-уроки.



Ой, да вы только посмотрите на него, ему неудобно! Ему бесплатно выложили базовый и продвинутый интенсивы да и ещё JS-интенсив, а ему неудобно. Вот это пушка. Неудобно — ищи всю нужную информацию сам.
>>467905>>467916
#306 #467905
>>467902
Чувак, как я понял он и так уже это знает, просто высказывает свое мнение по-поводу усвоения инфы, в том числе и исходя из того, что пытался кому-то помочь вкурить верстку.

>>467891
Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще. (Ну кроме js-интенсива)
>>467916
#307 #467910
>>467891
Ну и да, видеоматериалы хороши так сказать для овервью, а вот как повседневный справочник конечно юзать их неудобно, некоторые вещи проще в доках почитать, тут согласен с тобой.
Хотя вообще люди разные и каналы восприятия могут разниться.
#308 #467916
>>467902

>Неудобно — ищи всю нужную информацию сам


что я всегда и делаю. благо, у меня есть друг-фронтенд, с которым я консультируюсь.

>>467905
я выучил большую часть того, что есть в интенсивах без них, просто потому, что не знал о них и не стремился. но я смотрел другие платные уроки пару лет назад, и сейчас иногда смотрю различные видео-обучалки, того же sorax, например, но просто не могу адекватно воспринимать информацию на видео, у меня появляется чувство, что я впустую трачу время, ведь я мог куда быстрее прочитать все то, о чем говорит обучающий в видео. мог включить фоновую музыку и углубиться в чтение и анализ кода.

>Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще.


я и не стремился искать различные интенсивы, обучался в компании у другого верстака, потом уже сам обучался.

а на торрентах просто не сижу, если нужен какой-нибудь скайрим или iso-образ винды, то я, конечно, запросто его скачаю, но раньше я и не задумывался о том, что разные интенсивы могут быть на торрентах. но, например, различные программы я обычно скачиваю с лицензионного сайта, а затем ищу разные активаторы, хотя мог бы скачать сразу готовую сборку от васяна на каком-нибудь рутрахере.
>>467917>>468083
#309 #467917
>>467916

>друг-фронтенд


Лучше бы у тебя был друг-мозг.
>>467919
#310 #467919
>>467917
петросян дохуя?
#311 #467945
>>467873
Чему ж ты блять обучался, если не знаешь как создать html или css? Похоже что не верстке, и точно не логике.
>>467947
#312 #467947
>>467945
в глаза долбишься?

>как-то знакомый попросил ввести его в тему верстки.


>так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать.

#313 #467991
Я правильно понимаю, что в гитхаб.пэйджс можно опубликовать только один проект?
>>468079>>468081
#314 #468079
>>467991
неправильно.
#315 #468081
>>467991
Неправильно.
44 Кб, 811x608
#316 #468083
>>467916

>> ищу разные активаторы

#317 #468112
поясните за сасс. Надо все свойства, которые у меня будут в макете указывать через $ или можно будет где-то записать к примеру margin: 20px, margin: 25px вместо $margin_one: ...., $margin_second: ....???
>>468138>>468159
#318 #468138
>>468112
Можешь вообще ни одного. Зачем хоть цсс в переменных писать.
#319 #468153
>>467875

>php storm


Тогда уж web storm
>>468286
30 Кб, 500x439
#320 #468156
>>467586

>приложу архив

#321 #468159
>>468112
Посмотри еще раз ту часть где рассказывается про переменные в препроцессорах
#322 #468242
Пацаны, я вам работу нашел
hh.ru/vacancy/15761023
>>468247>>468273
#323 #468247
>>468242
не профиль, это больше дизайнер веб мастер, от которого много хотят
#324 #468273
>>468242
Прикольно нужен спец по СЕО, копирайтер, web-дизайнер, дизайнер печатных изданий, фотограф, верстальщик, веб-программист в одном лице
#325 #468286
>>468153
ну хз, мне phpstorm поближе будет, и, если не ошибаюсь, он и помощнее
27 Кб, 513x513
#326 #468349
Пацаны, почему у меня при наведении тень не меняет цвет?
http://codepen.io/anon/pen/WrmWPE
>>468351
#327 #468351
>>468349
Отбой, я сам разобрался.
#328 #468576
Котоны, спиратил последний фотошоп, как там теперь элемент выбирать? Раньше просто кликал мув тулом и все, а теперь на клик мув-тулом не реагирует, а cntrl+click выделяет слой с этим элементом, а не сам элемент.
>>468579>>468708
#329 #468579
>>468576
Там в настройках где-то ставится, что именно выделять на ctrl + clk
>>468587
#330 #468587
>>468579
А все, нашел, там на верхней панели настройик инструмента надо было чекнуть "auto-select: layer"
#331 #468708
>>468576
галочку наверху автовыбор слоя поставь ебана рот
#332 #468709
Концентрация бесполезных рифлеманов просто зашкаливает. Такое впечатление, что донаторы до последнего верили, что рыбы заквиркуют раннюю версию джаггера так, что она будет имбовать.
Олсо, альттабнулся, чтобы написать этот пост прямо во время перестрелки на поларе.
30 Кб, 453x604
#333 #468713
Пацаны, как в сафари чекать, если у меня спермерка и нет гейфонов?
#334 #468714
>>468713
никак, покупай макбук
#335 #468715
>>468713
Боже, какие убогие брови.
#336 #468718
>>468713
скачай 5.1.7 версию блядь, если в ней все будет норм, значит и в последующих тоже все будет норм
>>468720
#337 #468720
>>468718
под 7 разве есть сафари?
>>468733
#338 #468722
Как правильно выранивать элементы в div`е по центру (вертикально/горизонтально)?
#339 #468723
>>468722

> выравнивать


фикс
>>468724
#340 #468724
>>468723
Flexbox.
#341 #468733
>>468720
есть, но он дико старый, как говно мамонта.
#342 #468735
>>468722
когда вы блядь в гугл уже научитесь? https://learn.javascript.ru/css-center
>>468739>>468741
#343 #468739
>>468735
Не ругайся. Я же не спрашивал, КАК это сделать, интересует как это сделать ПРАВИЛЬНО.
Вот по твоей ссылке для вертикального выравнивания три способа - первый кривой, второй не всегда применим, в третьем подразумевается применение таблицы, что (вроде как) нарушает семантику документа.
>>468746
#344 #468741
>>468735
Половина этих способов — хуита для древних браузеров.
>>468746
#346 #468746
>>468739
Кантор хуйни не посоветует)
Верстаешь блоки, им задаешь display: table-cell. в этом нет ничего страшного, ты же в html не прописываешь блядские tr td.

ну и по поводу семантики, вся суть в том, чтобы вставлять теги таблиц чисто для использования таблиц, а не для main и aside таблицами.

>>468741
ясен хуй, те же ie10< уже древние браузеры. их тоже приходится поддерживать, если потребуется, ведь это немалое количество пользователей. а те же флексбоксы, которые вы тут пиарить с какого-то хуя начали, еще не везде поддерживаются, приходится думать о поддержке тех же старых ie и сафари. и еще пару лет придется. а вообще, можно радоваться, так как старые браузеры потихоньку уходят, появляются новые стандарты, и скоро можно будет не использовать ту же jquery, заменив ее нативным js.
>>468749>>468795
#347 #468749
>>468746
Статистику юзанья в рунете ие знаешь? Рекомендую глянуть
>>468752
#348 #468752
>>468749
если не изменяет память, месяц назад было 0.5% у ie8, учитывая, что в стране ~145кк человек, то мы получаем ~725к человек. уберем половину, так как школьники и старики, получается 362.5к человек. весомое количество пользователей, тебе так не кажется, Peedor?

а caniuse показывает 1% использования. это еще больше.

не учи ученого, мудила. я сам еще год назад верстал под 8 ишака со всеми этими картиночными уголками и прочим говном.
>>468754>>468757
#349 #468754
>>468752
В рассее интернет еще не у всех есть. Пользователи на старых ослах нахуй не нужны, если ты не Яндекс или Вконтач. Поддерживать код дороже.
>>468758
#350 #468757
>>468752
Ну да, ты прав по цифре. За январь было 0.4%. Только смотреть все же надо на относительный (процентный показатель), а не абсолютный. И глядя на 0.4%, Карл, почему просто не подключить для них полифилл флексовый если уж прям так надо?

А кто из нас еще мудила большой вопрос исходя из твоей манеры вести диалог, мелкобуквенный.
>>468758
#351 #468758
>>468754
а потом к тебе подбегает ПМ и пиздит лопатой по голове, ибо проебались 1000-10000 пользователей, которые сидят на ie9. и ты будешь потом начальству объяснять, почему сайт не работает на ie и старых хромах-огнелисах. "кококо, зато флексбокс, смотрите, как вертикально выровнял".

>>468757
страница будет грузиться дольше. пошел на хуй.
>>468760
#352 #468760
>>468758
В моей компании требования принимаются все-таки до начала проекта. А про буйных ПМов рассказывать не надо, я сам буйный ПМ.
#353 #468781
Помогите ньфагу. Начал смотреть базовый интенсив HTML academy и в конце первого занятия нужно зайти на сайт borodinski-barbershop. Ввожу я в cyberduck их сервер и логин с паролем, которые есть в видео, и в результате 530 Login authentication failed, неправильный логин.
Вопрос, нужно ли закидывать на их сервер макет или просто верстать себе в оффлайне ?
#354 #468795
>>468746

>флексбоксы


>пиарить



распиарили блядь шо пиздец, ага
#355 #468798
>>468781
хаха
#356 #468844
>>468781
Лол
#357 #468850
В препроцессорах файл grid.scss(less) отвечает, судя по названию, за сетку? Что в нем прописывать?
Шаг 2 из progressive enchancment (построение сетки)?
А потом блоки стилизовать только с помощью типографики и размеров, не касаясь их позиционирования?
#358 #468869
>>468781
Ты же интенсив спиратил, сам подумай.
>>468929
64 Кб, 720x720
#359 #468894
Сука, я уже заебался. Не подключается шрифт и все, пиздец. Хром браузер.

Подключаю:
@font-face{
font-family: 'Helvetica Condensed Light';
src: url(fonts/Helvetica-Condensed-Light-Light.ttf);
}

Использую:
font-family: 'Helvetica Condensed Light';

В результате хуй с таймс нью романом...ну что за пиздец.
#360 #468895
>>468894
ток без этих \t\ ессественно, хз че за хуйня
#361 #468903
>>468894
Адреса правильно указал? Может надо '../fonts/'
И ещё, если делаешь шрифт отличный от regular. Например, как у тебя light:
@font-face
font-family 'Helvetica Condensed' - не указывай здесь light, это глупо
src url ...
font-weight 300 - а указывай здесь.
font-style normal

То есть, когда будешь указывать шрифт и вес, то у тебя будет находиться правильный.
24 Кб, 1584x521
7 Кб, 1008x387
#363 #468919
Ну я чет даже хз блядь, шрифт не работает. Сделал тестовую сборку без всяких сассов, все подключил--ии нихуя блядь. Скачал другой, поставил так же-работает. Тот шрифт не работает. Вот вам блядь и вопрос, с какого хуя он может не работать ни в хроме ни в мазилле...нигде. Сам по себе файл не битый, на винду встал. Я ебался с ним блядь 2 часа..пиздец
>>468936
#364 #468929
>>468869
Не спиратил, а решил ознакомиться. Просто на NNM в комментах :

есть доступ к бородинскому сайту. наверное вздёргнут за то что свои файлы там сохраняю?

Если ты один будешь там хранить файлы, то ничего не случится. И врядли кто-то что-то поймет)) Главное - они чистят все перед каждым новым интенсивом.
#365 #468936
>>468919
Скинь архив. И папку с шрифтами не клади в стили.
>>468941>>468943
#366 #468941
>>468936
Тут папка с шрифтами сама по себе, тут нет папки для стилей, ибо тест и нахуй не надо
https://cloud.mail.ru/public/AfeK/YDduchwbR
>>468943
#367 #468943
>>468941
>>468936
А, о госпади, ты шрифт ни к какому классу не применил. Пропиши, например, body - font-family: 'Helvetica-Condensed';
#368 #468944
>>468943
Ну не классу, а тэгу, если быть точным.
>>468951
#369 #468947
>>468943
все там правильно применено, к тегу <p>. Но я применил к боди, как ты сказал-нет изменений.
>>468948
#370 #468948
>>468947
Элементарно применением font-family: 'Arial', 'Helvetica-Condensed'; определяется, что дело не в классах, а шрифте.
>>468949>>468951
#371 #468949
#372 #468951
>>468943
>>468944
это я тебе >>468948
#373 #468954
Я не знаю как это дерьмо работает, но когда назвал шрифт просто "Helvetica" и применил его к боди всё заработало.
>>468956
#374 #468956
>>468954
Это не та Хелветика, там стандартная есть, ты ее и подключил.
>>468959
#375 #468957
Антуаны, простите за нубский вопрос, но, если у меня не куплен фотошоп на моём adobeid, то будет ли у меня работать extract в брекетс?
Заранее спасиб за ответы.
#376 #468959
>>468956
Хех, это правда забавно, но я не знаю в чём причина.
>>468960
#377 #468960
>>468959
Опять же другие шрифты подсоединяются, сейчас спокойно подключил OpenSans
#378 #468961
Кажется я начинаю понимать в чем тут подвох, это пиздец

Helvetica.

Compatability:
Win: 7.34% Mac: 100%
>>468967
#379 #468967
>>468961
Первый раз такое вижу. Мне кажется с шрифтом какая-то еботня.
#380 #469108
господа каньте примеров верстки на флексбоксах если не сложно
>>469521
15 Кб, 292x227
#381 #469117
Есть тут те, кто когда-то выбирал между фронтендом и бэкендом? Я еще в сосничестве верстал сайтики на тему игор, а в школе спокойно мог кодить на паскале. В общем и там, и там особых проблем не испытывал. Вот думаю куда лучше податься. Верстка все-таки больше нравится, но хотелось бы при этом еще нормальную зарплату, а в бэкенде, вроде как, зарплаты выше.
>>469119
#382 #469119
>>469117
иди туда где нравится, иначе проиграешь
>>469158
#383 #469151
Пацаны. Я тут делал д.з. за 7-8 урок продвинутого (ну где js)

Там задавали мол сделать чтобы кнопки "+" и "-" работали.
Потом чтобы когда увеличиваем количество взрослых и детей добавлялось на каждого по 3 поля (ФИО)
Затем делал как они рассказали чтобы отправлялось AJAX'ом форма и при выборе картинок отображались их превьюхи и можно было их удалить.


Можете посмотреть че там с моим кодом на js - сильно ужасен? Или лучше кинуть в js-тред?

http://jsbin.com/xayoyicufu/edit?js,output

P.S. html/css можно не смотреть на коленке быстренько слабал фиксированно по их скринам.
>>469231
#384 #469158
>>469119
Это все конечно хорошо, но фронтенд-разработчиком сейчас вообще реально устроится или везде жуткая конкуренция?
>>469186
341 Кб, 429x617
#385 #469184
Аноны, предложили мне работу верстальщиком. вроде все норм, обещали выслать тестовое задание. выслали...

вместо макета - docX с картинками кривых порно-сайтов и папка с картинками. как думаете, в чем наебалово? в вакансии сообщалось о сайтах для взрослых, но посмотрев внимательно шаблон, понял, что это кликер для мобильников: кликаешь, у тебя снимается бабло. пикрилейтед. деньги предлагают неплохие, но это какой-то пиздец, и чувствую наебалово.
>>469187>>469278
#386 #469186
>>469158
в верстке лэндингов с jq плагинами жуткая конкуренция, фронтэндер это тот же программер, ток специализирующийся на js. И вкатится сюда не так просто как кажется, достаточно просканировать вакансии и посмотреть требования.
>>469197
#387 #469187
>>469184

>вместо макета docX


можно слать нахуй
#388 #469190
>>469187
двачую. Дальше тестового нихуя не двинется. Это такой способ не платить демпингующим макакам даже малость, а получить все на халяву с тестовых.
>>469211>>469224
#389 #469197
>>469186

>в верстке лэндингов с jq плагинами жуткая конкуренция


Дак это же основная деятельность фронтенд-разработчика, разве нет?
>>469201>>469205
#390 #469201
>>469197
Нет конечно. То что ты процитировал - задача верстальщика.
Даже джун фронтенд, если мы говорим про спеца с упором на джс, должен знать и уметь на порядок больше. Как минимум, написать и сверстать простую аппшку самостоятельно.
#391 #469205
>>469197
молодой человек, на дворе 2016. Вот тут про минимум http://frontender.info/a-baseline-for-front-end-developers/
#392 #469211
#393 #469224
>>469187
>>469190
спасибо за ответы
#394 #469231
>>469151
Бамп

Кто-нибудь вообще смотрел? Или все на порносайты отвлеклись? ))
>>469235
#395 #469235
>>469231
в js тред пойди
#396 #469278
>>469184
блядь, пиздец, снизу постучали.
47 Кб, 450x720
#397 #469289
Какое вообще будущее у фронтенд-разработчиков, когда они стареют? Вот с программистами все более-менее понятно: они перекатываются в тимлидеров и т.д. А куда перекатываются фронтендщики, когда им стукает за 35+? В таком возрасте уже сложно конкурировать с молодыми-шутливыми студентами.
#398 #469290
>>469289
Фронтенд-разраб тоже может стать тимлидом если че.

А вообще вот, правда не про фронта, а про версталу

https://youtu.be/nIFClfBXuIQ
#399 #469292
>>469289
А чем фронтенд разраб отличается от программиста?
#400 #469293
>>469289

> когда они стареют?


На пенсию уходят, не? Ну если не фрилансер всю жизнь.
>>469299
#401 #469294
>>469290
У меня от этого видео уныние, суть одна, типа всю жизнь верстаешь и пиздец.
#402 #469295
>>469289
javascript гуру, какой-нибудь с 50+$ в час на odeskе
>>469299
24 Кб, 550x412
#403 #469298
Бля, а че с пенсией у погромистов в старости?
>>469301
121 Кб, 610x720
#404 #469299
>>469290
Тимлид фронтенда? Серьезно? Такое вообще реально в России? Как будто без тимлида бедные верстальщики не справятся.

>>469293
На пенсию в 40 лет?

>>469295
Какой 50$ на одексе... К тому времени будут выходить кучи новых фреймворков и технологий, за которыми старый пердун никогда не угонится. Мозги то уже потрачены.
#405 #469301
>>469298
бля а у водителя автобуса? Зрение уже не то, давление по утрам...
>>469303
15 Кб, 330x295
#406 #469303
>>469299
>>469301

> На пенсию в 40 лет?


Я хуй знает вообще, как пенсию зарабатывают, я никогда не работал.
Но блядь, я не хочу всю жизнь верстать и кодить, а в снг хуй а не пенсия.
Выходит, нужно ебенить и съебывать нахуй в какую нибудь гейропу, там же льготы вся хуйня, не? Как жить-то, блядь?
>>469305
#407 #469305
>>469303
А ТЫ О ЧЕМ ДУМАЛ КОГДА ВЕРСТАЛОЙ УСТРАИВАЛСЯ????
>>469311
19 Кб, 570x423
#408 #469306
>>469299
вы тут все так говорите, как будто вы в 40 уже беспомощное говно не умеющее в думать и соображать. По вашему старые физики ядерщики полное говно и нихуя не могут? Ведь столько исследований выходит и многое надо изучать. Становитесь ахуенными спецами, зарабатывайте деньги, мутите свои дела в реале и так далее. Нахуй вы думаете про 40 лет? Мы может в следующем году все сгорим в ядерном пламени. Пиздец.
>>469311>>469318
#409 #469308
>>469299
Есть и синьеры фронтенды и тимлиды и даже солюшн архитекты. Это ебать какая крупная отрасль. К тому времени у тебя уже столько опыта за плечами, что охуеть просто.
Фронтендер, настоящий, от программиста мало чем отличается. Грубо говоря это JS developer со всеми вытекающими. Только в отличие от обычной джс макаки он знает куда больше дополнительных технологий.
>>469323
#410 #469311
>>469305
А кем устраивать, блядь? Я на предприятиях побывал на практике, ну его нахуй блядь.

>>469306

>нахуя вы думаете


>можете


Это все так, но задумываться нужно, я не хочу работать ВООБЩЕ, а программирования для меня это способ заработка и обход капитализма, только и всего. Вот есть куча знакомых, которым уже за 30, а они и года трудового стража не заработали.
>>469312>>469316
#411 #469312
>>469311

>я не хочу работать ВООБЩЕ


Ясно
>>469319
130 Кб, 768x1024
#412 #469314
>>469299

> Тимлид фронтенда? Серьезно?


А чё, тимлидом только по жабе какой-то можно стать, а по жс нет? Чё за хуйня? Зачем вы меня пугаете, ироды?
>>469320>>469323
#413 #469316
>>469311

>я не хочу работать ВООБЩЕ


>wrk


Нахуй пошел отсюда.
>>469319
34 Кб, 604x462
#414 #469318
>>469306
Старые ядерщики-физики всю жизнь дрочили матан и продолжают его дрочить. У них котелок настолько варит, что они и в 60 будут вполне работоспособны. А чем занимаются всю жизнь фронтенд-девелоперы? Подгоняют макеты, да пишут код на js. Тут большого логического аппарата не надо, мозги не сильно тренируются именно в плане логики.
#415 #469319
>>469312

> Ясно


Понятно, блядь.

>>469316

> Нахуй пошел отсюда.


У вас смысл жизни это работа, вас родили, чтобы вы ебашили всю жизнь, поехавшие?
>>469334
#416 #469320
>>469314
Ой, больше слушай этих аутистов. Сходи на hh.ru и сам посмотри.
#417 #469321
>>469318

> Тут большого логического аппарата не надо, мозги не сильно тренируются именно в плане логики.


На самом деле нет, умственные нагрузки позволяют сохранять связи нейронов, к тому жен, стандарты из года в год меняются, нужно учить новое.
>>469325
#418 #469323
>>469308
>>469314
Ну объясните мне тогда чем таким особенным занимается тимлид-фронтенда, если все задачи спокойно способен делать обычный фронтенд-девелопер без надзора старших.
>>469328>>469335
#419 #469324
>>469318
то есть ты так убежден в том, что во фронт энде на js только слайдеры прикручивают да пипиську локал стораджа дергают?
#420 #469325
>>469321

>нужно учить новое.


Вот тут пожалуй соглашусь. Даже в бэкенде так часто новые фичи не выходят. Но в бэкенде, с другой стороны, опять же, больше логики.
>>469329>>469344
#421 #469327
>>469318
Область колбасит, новые технологии чуть не каждый месяц, все время нужно изучать что-то новое. Например, Redux вышел только в июне 2015, а сейчас его ставят с каждой второй установкой Реакта.
#422 #469328
>>469323
Архитектура и координация работы над сложными SPA, очевидно.
#423 #469329
>>469325
Если тебе все это интересно, наверни Савельева.
>>469333
#424 #469333
>>469329
Ойблять, только не начинайте сейчас.
мимо заглядываю иногда в /sci
>>469337
#425 #469334
>>469319
Смысл не в работе самой по себе, а в создании новых ценностей. От лежания на диване они почему-то не создаются.
>>469338>>469717
#426 #469335
>>469323
Делать нам нехуй, только объяснять тебе очевидные вещи. Действительно зачем нужен тимлид команде разработчиков? Достаточно взять двух джунов, одного версталу, и можно свой букинг ком пилить.
#427 #469337
>>469333
Мы тут щас за пенсии сремся.
#428 #469338
>>469334

> От лежания на диване они почему-то не создаются.


А ты перестань меланхолию трудом лечить, может и найдутся.
#429 #469344
>>469325
фронт-енд разраб дрочит на протяжении карьеры js, который можно юзать и на бэке, причем со своими плюсами(особенно в вебе, где одна технология с двух сторон уже ахуенно), это я еще не говорю о массовости языка, его поддержке и прогрессирующем развитии.
>>469353
#430 #469353
>>469344

> это я еще не говорю о массовости языка, его поддержке и прогрессирующем развитии


А ты расскажи, а то я неофит и нихуя не понял.
>>469360
#432 #469363
>>469360
ну теперь-то все понятно.
26 Кб, 363x364
#433 #469367
>>469290
Сук пздц душевная лекция. Часто представляю себя в 40+ уже тупым, старым, хрыщем который будет нахуй никому не неужен в этом фронтенде, но этот мужик дает надежду.
1257 Кб, 1903x883
#434 #469397
Ребята, подскажите как выровнить текст внутри этой маски. Vertical Align не применяется, не понимаю в чём причина. Всегда проблема с этой хуйнёй.
>>469402>>469413
31 Кб, 699x514
#435 #469402
>>469397
код блядь....КОООООООООД
>>469414
#436 #469413
>>469397

Это разные блоки. Каким образом оно у тебя туда залезло
>>469415
#437 #469414
>>469402
Картинки я так понимаю не подцепить. https://jsfiddle.net/n0sgffd2/
>>469437
#438 #469415
>>469413
position: absolute, не?
#439 #469435
>>469290
Видео смотрел где-то до половины, довольно давно. Так и не понял, что помешало ему взяться за изучение новых технологий, в частности JS. За то время сколько он уже верстает, мог бы себя поднатаскать и сойти за джуна-мидла фронтендера. Ну а оттуда уже путей масса.
>>469509
#440 #469437
>>469414

картинка с тремя надписями - это один блок, а "седона - небольшой городок...." - это другой блок. Если бы ты сверстал так, то у тебя ничего не залезло наверх. Или я не правильно понял, что ты хочешь
582 Кб, 720x540
#441 #469440
>>469290
пиздец, мне 20, уже полгода думаю, что уже давно проебал все полимеры, не стать уже нормальным фронтом и подобное
>>469448
#442 #469448
>>469440
из-за этого с последней работы ушел.
#443 #469509
>>469435
Лол, он умеет в js да и работает в яндексе как бы)
>>469519
#444 #469519
>>469509
Почему тогда версталой остался? Он ведь на это жалуется всю презу?
>>469528>>469530
#445 #469521
>>469108
Любой профиль в инстаграме.
https://www.instagram.com/eloadefly/
#446 #469528
>>469519
Он не жалуется, а рассказывает что бывает в кризис среднего возраста и что делать чтобы работа так же доставляла удовольствие как и раньше. Ну делится мудростью так сказать. Предупреждает молодежь. Кого-то наоборот может даже подбодрить видосик, конечно если полностью глянуть, а не только то где жалуется)
Кстати фишка с оценкой сроков про которую он рассказал занятная довольно (взял на вооружение) и карта жизни (ну в смысле листочек на котором недели зачеркиваешь)
#447 #469530
>>469519
верстальщик на js тоже пишет. и он, по сути, не просто верстальщик, а начальник отдела фронтенда.

жалуется не на то, что он верстальщик, а на то, что ему уже 36 лет, жизнь, вроде как прожита, он боится, что многое из того, чего он хотел сделать за свою жизнь, он уже не сможет.

но потом он говорит, что это лишь поверхностное мнение, что в 36 лет жизнь еще идет, итп.

лучше полностью посмотреть его выступление, не отвлекаясь ни на что. ну и это проще понять, когда ты сам начинаешь бояться, что жизнь бежит, не ждет тебя
#448 #469531
>>469299

>Тимлид фронтенда? Серьезно?


Серьезно, у меня даже есть знакомый тимлид фронтендер, ему 21 год. Могу дать контакты, он скорее всего даже ответит.

Я не понимаю, на каком основании ты фронтендеров отделяешь от остальных? На западе Frontend Software Engineer вопринимается как любой другой Software Engineer. И зарплаты такие же в среднем.
43 Кб, 819x460
#449 #469584
Господа, как по уму сделать вот такую разметку и сделать, чтобы по клику на текст этот див разворачивался на весь экран (и обратно)?
>>469586
#450 #469586
>>469584
Можно таблицей, можно флексбоксом, можно даже флоатами или инлайн-блоками. В чем конкретно сложность?
>>469589
#451 #469589
>>469586
В красивой анимации разворачивания. Вот над ней я и думаю.
16 Кб, 330x122
#452 #469606
Подскажите как кружок делать.
Если через бордер-радиус, то все немного скачет когда прорисовывается
>>469607>>469617
#453 #469607
>>469606
Через бордер радиус.
Попробуй задать его сразу, но указав цвет transparent. А при ховере ставить border-color: white. Транзишн ещё прилепи и збс будет.
>>469609
#454 #469609
>>469607
Спасибо, сработало
#455 #469617
>>469606
box-sizing: border-box
>>469635
#456 #469635
>>469617
Тогда немного дрыгается иконка внутри
#457 #469636
Аноны, а в сети вообще есть годный и полный гайд по Angular (бесплатно)?
>>470085
#458 #469708
>>469290

с одной стороны как-то завидуешь всяким зубрам, которые в теме чуть ли не больше времени, чем ты на свете жил, но с другой - сколько же говна им на своем веку пришлось разгребать. все эти иешки кондовые, нетскейпы древние.

если вы заметили, першин из академии до сих пор с опаской поглядывает на всякие бокс-сайзинги и оверфлоу:хиддены, в то время как молодым и шутливым похер, юзают только в путь.
>>469738
#459 #469717
>>469334

>создании новых ценностей


>веб-макаки

#460 #469738
>>469708
Першин как бы не верстальщик изначально, а прогер (он сам это говорил)
#461 #469748
В адаптиве на какое минимальное разрешение значение ширины опираться? На каком там говне минимум сидят, 285-300?
>>469752>>469758
#462 #469752
>>469748

яйфончики 320 вроде.
#463 #469758
>>469748
Я делаю до 320. Все что ниже - дно.
>>469827
#464 #469827
>>469758
Прочитал первую часть подумал нихера себе делает от 0 до 320. Потом из второй части поста понял что ты говорил не про mobile-first лол
64 Кб, 226x228
#465 #469829
Рассказываете свои истории что ли, 24лвл все еще верстала без знания js
>>469835>>469845
#466 #469835
>>469829
город,зп?
>>469867
#467 #469836
Ебать комьюнити разнесло. Года два назад какая-то всратая доска была одна. Сколько щас платят за это говно? Также нихуя?
мимо 7 месяцев на проектах дропнул это говно
#468 #469845
>>469829
Сколько чалишься? Как устроился?
>>469867
#469 #469855
У меня нихуевый диссонанс с такого js http://www.fiveminutes.gs/
>>469887
#470 #469867
>>469835
>>469845
Мухосрань, 25к удаленка
работаю около года может больше, вот теперь хуй знает нужен ли мне этот веб вообще
#471 #469868
>>469867
бля ты что не можешь найти вакансию получше? Много раз видал куда более выгодные удаленные верстало вакансии
>>469871
#472 #469871
>>469868
Без знания js Больше 30к не видел
>>469877
#473 #469873
>>469867
такой же мудель как и я, походу . только я ещё и в офисе сидел и меня потом с деньгами кинули, правда версту надрочил дай боже
#474 #469877
>>469871
ну так что мешает его учить? Лень? Этож как пуэ для электрика.
#475 #469887
>>469855
ппц тянке
#476 #469891
>>469867
Кстати, на каких сайтах можно удаленку искать?
(интересуюсь на будущее, как раз скоро за js сяду)
>>469895
#477 #469895
>>469891
hh хули
>>469901
#478 #469901
>>469895
А, ну я думал еще какие варианты спецом для удаленок есть. Ясно, пасиб
#479 #469903
просто верстка - ссаное дно. такое же как все крудошлепства и формоебства с продакшеном. из неё куда выкатываться? разве что в mobile app. а потом как-то к двиглу вырулить. лучше сразу двигло дрочить
>>470015>>470085
22 Кб, 259x154
#480 #469941
Как сделать такому псевдоэлементу прозрачность вокруг? У меня получается такой треугольник сделать, но фон мешается вокруг него.
>>469948>>469959
#481 #469948
>>469941
Иди нахуй, заебали уже. Прочитай что написал сам и пойди догадайся хули хотел, где как что.
>>469955
138 Кб, 300x300
#482 #469955
>>469948
очередная манька порвалась. Снова не осилил псевдоэлементы?
>>469969
#483 #469959
>>469941
rgba(0,0,0,0)
#484 #469969
>>469955
вроде это ты не осилил, нет?
>>469991
23 Кб, 480x336
#485 #469991
>>469969
ссу тебе на затылок, маня.
#486 #470014
>>469867

>25к


>удаленка


>работаю около года


Проиграл
Мимо джуниор 40к
15 Кб, 292x227
#487 #470015
>>469903
Аночики, он прав?
>>470044>>470119
#488 #470044
>>470015
Верстка — дно, фронтенд-разработка — нет.
>>470052
#489 #470052
>>470044

>фронтенд-разработка


А что там кроме верстки разрабатывать-то? Эффекты и прочие свистоперделки на js писать?
#490 #470058
>>470052
Серьезные SPA, очевидно.
>>470064
#491 #470064
>>470058
Не гуглится :(
>>470068>>470085
#493 #470075
>>470052
Ну давай маня, запали ка мне на коленке сайтец уровня
http://www.courchevel.com/
посмотрим как ты запоешь.
#494 #470078
>>470075
1. Типичная страничка
2. Убогий логотип
>>470080>>470088
#495 #470080
>>470078
Там справа меню есть "гений". Ты пощелкай посмотри.
>>470100
#496 #470085
>>469636
Первая ссылка в гугле.

>>470052

>А что там кроме верстки разрабатывать-то? Эффекты и прочие свистоперделки на js писать?


>>470064

>Не гуглится :(


Очередной диван что-то пиздит, в то время как даже не знает что такое SPA.

>>469903

>из неё куда выкатываться


Во фронтенд, очевидно. А из него можно в node.js, если будет на то желание.
#497 #470088
>>470078

>2. Убогий логотип


Лого Толмачево перерисовали в полноценную снежинку
#498 #470100
>>470080

>меню


ВАААААААУ
>>470107
#499 #470107
>>470100
Ты правда такой дебил или прикидываешся?
>>470122
#500 #470118
>>470075
и что?
хочешь сказать что это полноценное приложение?
это обычное формошлепство со свистоперделками.
верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
верстал интернет-магазины
#501 #470119
>>470015
прав. до сих пор жалею что засиделся на ней так долго и стольки сил вбухал
>>470123
#502 #470122
>>470107

>эти виляния жопой

#503 #470123
>>470119
Пили кулстори
>>470188
#504 #470127
>>470118
таки дебил
#505 #470128
Все у них свистоперделки, пиздуйте реализуйте какой-нибудь evernote блядь
>>470136
#506 #470133
или все сервисы яндекса, тож ниче сложного, но
#507 #470135
>>470118
Это нихуя не приложение, но попробуй ты написать что-то подобное - обосрешся на второй странице и побежишь звать мамку.

>это обычное формошлепство со свистоперделками.


За такое, как ты выразился "формошлеперство" заказчики валят немеренно бабла. Сумеешь реализовать всю клиентскую часть самостоятельно - считай что ты лакомый кусочек для половины ДС студий. Можешь теперь вертеть носом и отказываться от зп в 2к зелени. И заметь, я не только о верстке, а вообще о всей кутерьме замешанной на JS и т.д.

>верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития


Половину треда вам дебилам объясняют, что из верстальщик - личинка фронтендера, а они до сих пор что-то мычат. Пиздец. Вы либо воспринимать информацию не умеете, либо идиоты, либо просто зелень диванная.
>>470147
#508 #470136
>>470128
Дак там обычная скролинг-страничка
#509 #470137
>>470150
#510 #470138
>>470136
лол
>>470150
#511 #470139
>>470118

>верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития


>у нее НЕТ путей развития


Лол. Ты сказал?
121 Кб, 421x404
#512 #470140
>>470150
62 Кб, 800x666
#513 #470143
чет тут дохуя умных развелось в последнее время, у треда скоро разовьется бэм, надо срочно пилить перекат.
#514 #470147
>>470135
даже пробовать не буду.
движок бы попробовал
да мне без разницы, делайте че хотите
>>470153
#515 #470150
69 Кб, 968x383
#516 #470151
Подскажите, как сверстать такое? Меня интересует конкретно пунктирные линии. Как лучше с ними поступить? Вырезать и закинуть как бэкграунд или есть еще какие-то способы? Так же интересует шестиугольник, такой реально сверстать или лучше вырезать с иконкой?
60 Кб, 600x400
#517 #470152
вам бы фронтенд какого-нибудь букмекерского агрегатора написать, а то вы шутливые слишком, все знают все умеют, на этой доске за каким-то хуем сидят, ноют что это дно...бля в чем смысл? Хуй знает.
>>470158
#518 #470153
>>470147
Ну так для бэк-енда есть отдельные треды - вкатывайся туда: PHP, ruby и т.д.
>>470156
8 Кб, 184x184
#519 #470156
>>470153
.., JS
>>470161
#520 #470157
>>470075
а почему нет БЭМа на этом сайте? М??? Значит я был прав насчет него? БЭМ донное гавнище?
>>470160>>470162
#521 #470158
>>470152

>ноют что это дно


Это подгорающие от своей бесперспективности копирайтеры заскакивают.
#522 #470160
>>470157
БЭМ это состояние души, ты просто нихуя не понял
#523 #470161
>>470156
Ну да, нода в и т.д. у меня ушла)
#524 #470162
>>470157

>если на каком-то сайте нету БЭМа, значит он говно


Логика уровня /b/.
>>470163
#525 #470163
>>470162
так мне тут с пеной из рта доказывали, что БЭМ это огромный шаг в будущее.
#526 #470167
>>470163
Я лично просто взял их логику, т.е. отвязку от анального каскадирования и модульность независимую и скажу что это реально удобно. А вот читать методу что там селектор что модификатор что класс...в пизду.
>>470174
#527 #470168
>>470163
Очевидно что тебе нагло врали.
>>470174
#528 #470170
>>470163
БЭМ это просто инструмент. Кроме него есть другие похожие, и всегда можно именовать классы по-своему.
>>470174
#529 #470173
>>470151
подскажите, как тут сверстать лучше. Я вообще не могу понять, как правильнее будет
>>470187
26 Кб, 581x422
#530 #470174
#531 #470175
серьезно, доска напоминает секту)
>>470180
#532 #470176
Начинается бля, ну пиздец. БЭМ не БЭМ.
Да пишите как хотите, не ебите мозг. Хочешь без методологии, хочешь по SMACSS, хочешь по БЭМ (или BEM или даже БЁМ), хочешь по OOCSS, хочешь по MCSS или вообще не пишите.
#533 #470178
>>470151
Где там пунктирные линии?
Насчет шестиугольника, можешь глянуть создание фигур на ксс. Его полюбому можно сделать, другое дело, стоит ли игра свеч. Если совсем беда - можно и вырезать конечно. Правда там тенюшку вижу надо будет откидывать.
>>470185
28 Кб, 630x354
#534 #470180
>>470175
Блять скажите что он тралит. Неужели наш тредик зашкварился об ньюфага-смайлоёба?
96 Кб, 500x500
#535 #470182
Я сначала думал что копирайтеры не люди, потом зашел сюда и проникся уважением к этим знатным гражданам
>>470191
75 Кб, 968x383
#536 #470185
>>470178
вот же эти линии
#537 #470186
>>470151
Пунктирные можно бы было сделать через dashed, но уж больно они длинные. Можно одну вырезать и потом репитить наверное.

Фигуры наверное можно и на css, и через свг-маску и просто вырезать.
#538 #470187
>>470173
>>470151
Возьми три блока с пунктир бордерами сверху слева и справа, second-child'у только верхний и спозиционируй под этими при это ширину не фиксируй, для адаптива надо смотреть на месте на поведение, сказать сложно так.
>>470200
#539 #470188
>>470123
уебок-директор дрочил на поддержку старого говна. меня заебало верстать под ie 5 + и я ушел
>>470189
#540 #470189
>>470188
три года назад было
#541 #470191
>>470182
Насчет копирайтеров не знаю, но после месяца прибывания в /пр я считаю эти треды более простенькими что ли. То есть в /пр сидят благородные господины, настоящие программисты. А тут максимум верстальщики и js-макаки. Обидо, но это правда
>>470195>>470198
#542 #470195
>>470191
может потому что этот тред для обучения верстке?
#543 #470198
>>470191
JS тоже в /pr если че)
>>470202
#544 #470200
>>470187
если тебе надо фиксированую верстку, то это очень изи, а вот на растягивание могут возникнуть проблемы.
>>470204
#545 #470202
>>470198
ПхП тоже там. Но пхп от этого элитнее не стал.
>>470210
#546 #470203
мне кстати за верстку обидно.
это ужасно неблагодарный труд, как труд учителя.
да еще и ебучий стереотип, что верстальщик - не человек.
жаль, что специальность отмирает постепенно...
все тот же 7 мес
>>470209
#547 #470204
>>470200
у меня min-width: 1140px;
Вроде не должно быть проблем при уменьшении экрана. Тут дали кучу советов, но какой из них будут правильнее?
>>470207
#548 #470207
>>470204
можешь эти линии в один png соединить и тупо на фон въебать :3
#549 #470209
>>470203
Посмотри вакансию любого фронта, даже от синьеров требуют углубленное знание HTML5/CSS3.
#550 #470210
>>470202
Кстати да, думаю, чего не хватало то здесь... Шутеек про js и php)
#551 #470214
Хотел переделать немного гайд по гитхабу, но проебал пароль и фейкомыло. Там скрины новые нужны. Простите, сосоны.
>>470217
#552 #470217
>>470214
да пох, по нему инфа гуглится без проблем. Да и на самом хабе есть вся инфа.
#553 #470228
Пелите перекат, что ли. Хотя я считаю лучше закрыть эти треды нахуй, все равно сюда кроме нытиков и ньюфагов-долбоебов, не умеющих в гугл, никто не заглядывает.
Давайте больше не будем создавать, а? Конкурентов плодить?
>>470235
#554 #470235
>>470228
да какая нахуй конкуренция, тут реально темой занимается человек 20 от силы. 85 постеров если в треде, сколько залетных еще и сколько только начали и скоро забьют хуй
>>470339
#555 #470248
я тут с октября, но начал хоть что-то понимать в верстке только в январе.
>>470252>>470256
#556 #470252
>>470248
эт нормально, тут ток залетные копирайтеры воют, что верстка это очень изи и научившись верстать статик лэндинг строят из себя гуру. Сложного в ней тож хватает (поверстав сложные адаптивы я понял), но в целом, она требует просто много времени на практику.
>>470258
#557 #470256
>>470248
забыл добавить, до сих пор не могу понять многое в формах. Например в седоне на главной странице, когда надо вызвать щелчком форму над картой.
#558 #470258
>>470252
я сверстал 4 макета с базового, правда вот у седоны осталось только доделать форму.
>>470266
#559 #470266
>>470258
покажи хоть, мало ли косячок заметим. Я не стал верстать эти макеты нашел рандомные в сети и сделал их сам адаптивными, чтоб сразу в портфель можно было класть
>>470283
#560 #470283
>>470266
ну это надо кидать на кодепен, а потом картинки вставлять. Потом как-нибудь вкину. Вспомнил что есть косяк на второй странице при уменьшении экрана футер ломается. Может через пару дней кину сюда. Пока что надо доделать другой макет
>>470287
#561 #470287
>>470283
на хостингер какой-нибудь залить не проще?
#564 #470339
>>470235
Ну тогда перекат пилите.
#565 #474985
>>463552 (OP)

>Фронт-энд


>завалиться в хардкорный фронт-энд


Поясните, что это значит. Где можно ознакомиться с основной номенклатурой?
Тред утонул или удален.
Это копия, сохраненная 21 марта 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.