М.Двач / Работа и карьера

Двач.hk не отвечает.
Вы видите копию треда, сохраненную 21 марта 2016 года.

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

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

54 Кб, 1920x1080

34 Кб, 580x360

Верстка тред №52 10 Фев, 21:45 #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)

Ответы>>466720>>467826>>474985

134 Кб, 800x680

10 Фев, 21:48 #2 #463557

Первый.

10 Фев, 21:50 #3 #463561

В продвинутом курсе надо будет верстать макет пинк. Сначала как я понял надо будет делать мобильную версию. Ее ведь надо верстать как обычный макет, а потом уже прописывать в самом конце @медиа для планшета и по возрастанию?

10 Фев, 21:54 #4 #463568

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

А на ютубчике видел, как чуваки просто выбирают "конверт в смарт-объект" и после этого экпортировать. В чём разница?

Ответы>>463569

10 Фев, 21:54 #5 #463569

>>463568
Всегда смарт-объектом делал, брат жив.

10 Фев, 21:57 #6 #463570

Анон, который сервак искал,
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:

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

И собственно всё. Или тебе всякие бд нужны?

Ответы>>463572

10 Фев, 21:59 #7 #463572

>>463570
Не знаком с питоном совсем. Решение, вроде, неплохое, но я зря чтоли в апаче разбирался?

Ответы>>463577

10 Фев, 22:01 #8 #463577

>>463572
Ну да.
А ты на винде поднимаешь?

Ответы>>463578

10 Фев, 22:02 #9 #463578

>>463577
В данный момент да, но вообще бывает и под прыщами работаю (когда на рельсах надо писать).

10 Фев, 23:16 #10 #463646

К слову о винде и линупсе.
Под чем лучше верстать/фронтэндить? На винде фотошоп работает без мокрых писек, интерфейс в десятке приятный на глаз, но вот когда нужно работать с консолью, начинаются костыли и попаболь.
А в линуксе православная консоль, работать с которой одно удовольствие, но опять же с фотошопом надо пердолиться.
Кто на чем сидит, котаны?

Ответы>>463647>>463694>>463858>>463944

41 Кб, 600x600

10 Фев, 23:16 #11 #463647

>>463646
dooalboot

Ответы>>463658>>463669

226 Кб, 1796x976

10 Фев, 23:19 #12 #463650

Никак не пойму, откуда у меня этот зазор? В стилях прописал только то, что отображается в инспекторе (+нормалайз).

Ответы>>463672

10 Фев, 23:31 #13 #463658

>>463647
Cмотри, а если два харда, один системный, другой помойка - можно же на помойку поставить линух?

Бля, пока писал, вспомнил, помойку форматить же надо будет, да?

Ответы>>463660>>463664

10 Фев, 23:32 #14 #463660

>>463658
Можно отрезать от помойки кусок и поставить туда линукс.

Ответы>>463670

10 Фев, 23:36 #15 #463664

>>463658
Уже ответили, но да, от помойки отрезаешь кусок через gparted, размечаешь ручками раздели и все, ставишь линукс. Вот как раз хорошая статься в закладках висит: http://help.ubuntu.ru/manual/разметка_диска

Ответы>>463670

10 Фев, 23:37 #16 #463669

>>463647
И че, каждый раз как мне нужно собирать через gulp, бутиться в линупс? Я вообще комплуктер не люблю перезагружать, когда много процессов висит, потом все разворачивать снова лень.

Ответы>>463678

10 Фев, 23:38 #17 #463670

>>463660
>>463664
Бля, точняк, спасиб

10 Фев, 23:38 #18 #463672

>>463650
Короче переписал разметку с нуля и проблема ушла (хотя я ничего и не менял, разве что имена классов поправил).
Но мне чисто для себя интересно - что это за хуйня была?

Ответы>>463677>>463679

10 Фев, 23:40 #19 #463677

>>463672

10 Фев, 23:40 #20 #463678

>>463669
Gulp и под шиндовс норм работает.

Ответы>>463681

10 Фев, 23:41 #21 #463679

>>463672
Попобава.

Ответы>>463692

10 Фев, 23:41 #22 #463681

>>463678
Ну ладно, пожалуй останусь на шинде. Кмдер же нормальная консоль?

Ответы>>463721

10 Фев, 23:46 #23 #463692

>>463679
Нихуя не смешно. Я чувствую, что что-то пропустил в теории, и даже не знаю, что.

Ответы>>463862>>463896

10 Фев, 23:47 #24 #463694

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

Под маком, очевидно же.

Ответы>>463712

10 Фев, 23:53 #25 #463712

>>463694
Где бы еще 100к на него найти.

Ответы>>463765

11 Фев, 00:01 #26 #463721

>>463681
Наверное лучший эмуль консоли для окон

11 Фев, 00:42 #27 #463765

>>463712
Заработать

11 Фев, 03:49 #28 #463858

>>463646
Ставишь в винде git, работаешь в git console.
Сам так делаю.

11 Фев, 04:30 #29 #463862

>>463692
А мы тебе гадалки, по скриншоту решать где твое говно разваливается?

11 Фев, 07:42 #30 #463896

>>463692
Ну ладно, это скорее всего маргин списка.

11 Фев, 09:50 #31 #463944

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

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

Ответы>>463952>>464064

11 Фев, 10:07 #32 #463952

>>463944
А через wine не пробовал?

Ответы>>463958

11 Фев, 10:16 #33 #463958

>>463952
пробовал неоднократно, неоднократно соснул.

Ответы>>463965

11 Фев, 10:31 #34 #463965

>>463958
А какие именно косяки в работе фш?

Ответы>>463977

11 Фев, 10:49 #35 #463977

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

11 Фев, 13:39 #36 #464064

>>463944
На моём ноуте под вайном и pol запускается только CS2, а 90% макетов, которые я получаю по на фрилансе, не открываются в нём. Так что не вижу ничего зазорного в дуалбуте, тем более для вёрстки по удобству системы в принципе сравнимы.
Убунта нужна для более сложной разработки, чем psd-to-html+js.

Ответы>>464075>>464087

11 Фев, 13:49 #37 #464075

>>464064
Сложно во фриланс вкатиться с нуля?

Ответы>>464163>>464183

11 Фев, 14:05 #38 #464087

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

например?

Ответы>>464138

11 Фев, 14:59 #39 #464138

>>464087
В прошлом треде писал, для рельс, например

11 Фев, 15:21 #40 #464159

>>463403
Сам ты ебанутый.

39 Кб, 700x467

11 Фев, 15:22 #41 #464163

>>464075
Нет. Я на прошлой неделе вкатился, вчера сходил все шмотки новые купил в брендовом магазине, думаю машину и квартиру в кредит брать. До этого листовки раздавал у Ашана.
Сестра посоветовала вкатиться, она менеджером интернет-магазина работает, 150.000-200.000 рублей в месяц зарабатывает, не больше 2-3 часов в день работает.

Ответы>>464462

11 Фев, 15:28 #42 #464183

>>464075
Я года пол учился перед своим первым заказом, и выполнил его очень хуёво. Сейчас примерно год опыта, можно жить одним фрилансом, но не оче бохато.

Ответы>>464190>>464191

11 Фев, 15:34 #43 #464190

>>464183
Как вы заказы набираете, если на верстку предложения редки и под каждым толпень в рот мне ноги спецов и студий набегает с отпалированными портфолио?

Ответы>>464237

11 Фев, 15:34 #44 #464191

>>464183
Верстаешь или чего покруче делаешь ?

Ответы>>464236

11 Фев, 16:12 #45 #464236

>>464191
Верстаю, если больше ничего нет. Предпочитаю клиентский джаваскрипт, но фреймворками не владею, поэтому выполняю узкий круг задач с jquery и ajax.

Ответы>>464237

11 Фев, 16:12 #46 #464237

>>464190
>>464236

11 Фев, 20:58 #47 #464462

>>464163
А если серьезно? Я почему спрашиваю - понимаю, что для работы во фрилансе, лучше сначала поработать в офисе. Но я на четвертом курсе, надо сдавать долги и писать диплом. Город небольшой, поэтому вакансий фронт-ендеров (даже не верстальщиков, их вообще нет), очень мало, а те что есть не предполагают гибкого графика и неполного рабочего дня.
Мне бы хотя бы 5к рублей в месяц иметь дополнительно, чтобы к концу обучения иметь какой-то запас, чтобы снять хату и так далее.
Можно ли на fl.ru, например, работать за еду, пусть даже это будет правка формочек?

Ответы>>465420

11 Фев, 22:33 #48 #464536

Всем привет. Оцените мой макет. Сильно плохо сверстал?
http://codepen.io/anon/pen/EPGMKw?editors=1100

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

P.S.S. Так же подскажите, как сделать широкие картинки на всю ширину, а не под размер контейнера. Макет называется casablanca.

Ответы>>464570

11 Фев, 23:21 #49 #464570

>>464536
А теперь убери из верстки весь каскад и поименуй по БЭМу. А потом переведи в SASS, вычисти повторный код и сделай вложенные правила, где уместно.

Алсо, нахуя писать все моднявным, очевидно несистемным шрифтом и при этом не подключать его?

Ответы>>464575

197 Кб, 1352x750

11 Фев, 23:26 #50 #464574

Пацаны, у меня див, в нем див, я прописываю последнему диву маргин - нихуя не происходит, что я делаю не так?

Ответы>>464576

11 Фев, 23:30 #51 #464575

>>464570
Верстал этот макет после 4 макетов по базовому, так что пока что не приступал к просмотру продвинутого интенсива. Вот решил узнать мнение, готов ли я уже к продвинутому.

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

Так я готов к продвинутому или нет?

Ответы>>464589

11 Фев, 23:30 #52 #464576

>>464574
При определенный условиях он схлопывается с маргином родителя: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing

Ответы>>464577

11 Фев, 23:31 #53 #464577

>>464576
Спасибо.
Алсо, я задал флоат и норм стало.

11 Фев, 23:39 #54 #464589

>>464575
Может потому что себе на комп ты их поставил, а про @font-face забыл?

Я хз что за интенсивы вообще, но правила вида .our-portfolio .filter a это точно хуйня полная.

12 Фев, 01:14 #55 #464728

Ананасы, закатился пару месяцев назад во фронтенд. В общем положняк такой: ваша йоба-верстка нахуй никому не нужна. Сейчас конечно могут набежать фронтендеры 5+ лет опыта и обоссать меня, но такая ситуация не только у меня, а еще у пары знакомых. Так вот, уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро. Хуяришь сайты на бутстрапе параллельно допиливая "дизайнерские задумки", которые разбиваются о гридовскую сетку, правки, правки, правки, макета из корела, тормозящие слайдеры на джиквери, вот это вот все. Вам конечно может и повезет и вы попадете в нормальную студию, но зачем нормальной студии даун без опыта. Так что поковыряйте перед устройством бутстрап, возможно придется чистить вилкой чужую верстку, а лазить каждый раз в документацию не комильфо и крайне желательны хотя бы в общих чертах понимать пыху.

Ответы>>464733>>464746>>464774>>464836

12 Фев, 01:21 #56 #464733

>>464728
Спасибо, и так знаем что гавноконторам надо человекаоркестра за еду.

12 Фев, 01:39 #57 #464746

>>464728
>Хуяришь сайты на бутстрапе
>правки, макета из корела,
>тормозящие слайдеры на джиквери
>называет себя фронтендером
лол

Ответы>>464773

12 Фев, 03:34 #58 #464773

>>464746
Вот и первый сеньор, как по заказу. По делу то есть что сказать или ты из б с гринтекстом прибежал?

Ответы>>464879

12 Фев, 03:35 #59 #464774

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

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

мимо фронтенд 2 года стажа

Ответы>>464776>>464879

12 Фев, 03:44 #60 #464776

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

Ответы>>464872

12 Фев, 09:42 #61 #464836

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

брейкин ньюс блять.

12 Фев, 11:11 #62 #464872

>>464776
Чувак, это зависит от того как ты еще к своему занятию относишься. Раз ты считаешь что нормально делать нахуй не всралось, то тебе явно не интересно то чем ты занимаешься, тогда какого хрена ты вообще этим занимаешься, а? Плох тот спец, который не любит свою работу и не стремится делать ее как можно лучше. Олсо в долгосрочной перспективе человек который охуенно знает свое дело потеснит вот такую макаку, которую ты описал, хотя получить бабло тут и сейчас ему будет сложнее, не спорю

Ответы>>464913

12 Фев, 11:21 #63 #464875

подскажите что выбрать? Лесс или Сасс? Что сейчас используют чаще?

Ответы>>464878

12 Фев, 11:33 #64 #464878

>>464875
Сверстай на less, sass, stylus по одному простенькому макету и поймешь, что тебе больше нравится + будешь знать базовый синтаксис каждого и потом не будет особых проблемм с переходом с одного на другой.
А так sass несколько чаще юзают

Ответы>>465428

12 Фев, 11:34 #65 #464879

>>464773
По делу уже этот >>464774 сказал.
От себя добавлю что если хочешь быть хорошим спецом то должен разбираться во всем досконально, более того, хотеть это делать. Только такие зарабатывают реальные деньги востребованы в нормальных конторах, где джуну фронту платят от 500 баксов и, что куда важнее, имеют реальные перспективы.

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

Потому что там требуется верстка, когда можешь запилить вообще все что накалякал дизайнерв разумных пределах офкорс и джс, когда можешь любой клиентский скрипт реализовать/улучшить сам, а не подключать говнобиблиотеки с говноплагинами, которые весят больше, чем весь твой говеный сайт вместе с графикой.
Да там дохуя чего требуется на самом деле, немного лень щас перечислять.
Так что ты антоша не фронтендер нихуя. Ты возможно верстальщик, а если и верстку плохо знаешь, тогда бутстрапер/интегратор.

Ответы>>464913

12 Фев, 12:08 #66 #464909

БЛЯТЬ, ЕБУЧИХ ФРОНТЕНДЕРОВ РАЗВЕЛОСЬ, КАК СОБАК НЕРЕЗАНЫХ

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

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

Ответы>>465190

12 Фев, 12:10 #67 #464913

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

Ответы>>464918>>464923>>464927

12 Фев, 12:16 #68 #464918

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

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

такой канает?

Ответы>>464925

12 Фев, 12:23 #69 #464923

>>464913
Ты прям типа истину открыл что ли? Почитай шапку - про "немного разбираться в бэке" там есть. Про фреймворки там есть. Про знание css-фреймворков в интенсиве тоже рассказывается.
Про то, что надо знать для устройства на какую-нибудь вакансию есть (не поверишь) в описании вакансии. И еще ты можешь уточнить на собеседовании с чем и над чем ты будешь работать. То, что ты рассказал, что в гавноконторках всем на все плевать и лишь бы было хуяк-хуяк и в продакшен - тоже не секрет, и про то, что нужен им макак-всеводном-какнибудь-лишьбыбыстрее тоже.
Полезной инфы - 0. Че бугуртишь?

12 Фев, 12:24 #70 #464925

>>464918
Точно, еще и это выкладывали уже.

12 Фев, 12:26 #71 #464927

>>464913
У нас разные направления движения.
Ты даешь анону советы ориентированные на вхождение в низкопробную студию, скорее всего работающую на мелких отечественных заказчиков.
Я даю советы новичку, который ориентируется на вхождение в хорошую веб-контору, где есть карьерный рост, приятные зарплаты, большой светлый офис, печенки и прочие ништяки.
Вот и все дела.
Когда я шел на свое первое собеседование в такую контору, охуел с их офиса и общего уровня. Зато они меня ебанных 1.5 часа собеседовали по технической части, примерно час это была беседа с техдиром по части верстки, во время которой я выложил вообще все, что узнал за 4 месяца учебы, и этого было не то чтобы мало, но... ну скажем так, после собеседования я понял что мне есть куда расти.
А теперь скажи пожалуйста, сможет ли пройти такое собеседование человек, не углубляющийся в верстку, знающий только бутстрап и джиквери на уровне внедрения плагинов? Сомневаюсь.

Ответы>>465128

12 Фев, 13:50 #72 #465012

Интенсив базовый сначала посмотреть весь и затем уже верстать или после каждого урока понемногу верстать?

Ответы>>465023>>465221

12 Фев, 14:10 #73 #465023

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

12 Фев, 16:11 #74 #465128

>>464927
ты бы поподробнее про вопросы рассказал, было бы заебись. Типо про какие темы и кароч подробнее. С нас нефть

12 Фев, 16:12 #75 #465130

Что это за ебала 100vw первый раз вижу, юзается в transform: translateX(100vw);

Ответы>>465131

12 Фев, 16:13 #76 #465131

>>465130
сам нашел бля https://css-tricks.com/viewport-sized-typography/

12 Фев, 16:43 #77 #465190

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

Ответы>>465228

12 Фев, 17:03 #78 #465221

>>465012
Там в конце каждого видео говорят что надо делать.

12 Фев, 17:05 #79 #465228

>>465190
hr из ит компании
лол

12 Фев, 19:01 #80 #465420

>>464462
Надо или уметь делать что-то востребованное, или уметь продавать себя

12 Фев, 19:08 #81 #465428

>>464878
чо то в продвинутом интенсиве вообще не говориться, как правильно подключить сасс. Установил его через руби, подключил через линк файл scss, но как сделать чтобы, то что я пишу в этом файле перекидывалось в css-файл, непонятно.

Ответы>>465433

12 Фев, 19:10 #82 #465433

>>465428
говорится (сначала рекомендуют юзать препрос, а потом показывают grunt/gulp)

Ответы>>465456>>465463

12 Фев, 19:30 #83 #465456

>>465433
боже, какая же сложная хуита. Еще бы сложнее придумали эти установки

Ответы>>465457>>465463

12 Фев, 19:31 #84 #465457

>>465456
Установить препросс сложна?
Ну, чувак, походу эт, лучше тебе забить на это дело

Ответы>>465461>>465672>>467873

12 Фев, 19:34 #85 #465460

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

Ответы>>465466>>465505>>465518>>465580

12 Фев, 19:34 #86 #465461

>>465457
сасс я поставил через руби. https://www.youtube.com/watch?v=gjCXVPvh-00&list=PL5FCJIdFxiLlQOinyTqiFG14MgvRMOC_O&index=1 по этому примеру. Вся моя проблема начинается с 4:15. Не хочет переходить в папку с проектом. Уже полтора часа ебусь сижу.

Ответы>>465466

12 Фев, 19:37 #87 #465463

>>465433
>>465456

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

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

Ответы>>465466>>465469

12 Фев, 19:40 #88 #465466

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

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

>>465460
Усердней старайся

Ответы>>465478

12 Фев, 19:45 #89 #465469

>>465463
>Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором
Че серьезно? Круто, мне как раз брекетс по интерфейсу сильно больше сублайма понравился, но как-то все на сублайме сижу, он вроде как популярней и быстрый как понос.
Задумаюсь о перекате.

Ответы>>467875

12 Фев, 19:46 #90 #465473

на сайте сасс есть коала, установи и радуйся

Ответы>>465484

12 Фев, 19:50 #91 #465478

>>465466

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

Я имел ввиду, конкретно для его случая

Ответы>>465481>>465484

12 Фев, 19:52 #92 #465481

>>465478
Тогда ок

Ответы>>465484

12 Фев, 19:53 #93 #465484

>>465478
>>465481
>>465473
установил коала и наконец-то все заработало. Спасибо за помощь всем

12 Фев, 20:09 #94 #465505

>>465460

лол. ну, верстка - это еще и нормальное хобби, как по мне.

40 Кб, 600x450

12 Фев, 20:19 #95 #465518

>>465460
я так представляю свое будущее без js.

12 Фев, 21:16 #96 #465580

>>465460
Так верстка это в любом случае только первый шаг. Без скиллов в JS или в дизайне верстальщики нахуй не нужны.

Ответы>>465674

9 Кб, 972x68

53 Кб, 1135x219

125 Кб, 1380x368

12 Фев, 21:40 #97 #465605

Анончики, помогите разобраться. Есть шаблон корпорэт блю. Из туториала на хабре. Там есть хитрая хуйня пикрелейтед. Фоновая текстурка. В макете она обозначена как обычный эффект, то есть это и не картинка и не текстура. Я слайсером порэзал кусок так, чтобы попиксельно повторялось, ну чтобы кубики (мелкие частицы) в конце совпадали с кубиками в начале следующей части.

Вроде легло нормально, если смотреть невооруженным глазом. Но если в бронзере сделать увеличение 300%, то видны стыки. Это ничего страшного или где? Или как вообще по-правильному именно не текстуры или картики а именно тупо эффекты верстать?

Ответы>>465615>>465618>>467041

12 Фев, 21:44 #98 #465615

>>465605
Ты норм делаешь. Попробуй может в середине этой полосы кусок нарыть. Должно получиться. Хотя и так наверное сойдет, если только при сильном приближении косяк.

Ответы>>465626>>465646

12 Фев, 21:45 #99 #465618

>>465605
как вариант можно градиентом сделать

12 Фев, 21:48 #100 #465626

>>465615
Хотя посмотри еще свойства эффекта, может там есть готовая текстура. Сам завтра могу макет еще поглядеть когда за комп сяду (сейчас на планшете)

Ответы>>465646

12 Фев, 22:07 #101 #465641

Разве БЭМ еще актуален? Посмотрел код рандомных сайтов и бэмом там даже не пахнет

Ответы>>465649

147 Кб, 1316x719

276 Кб, 1840x522

12 Фев, 22:13 #102 #465646

>>465615
Сделал один большой шматок на всю длину, теперь остался горизонтальный стык

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

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

Кстати, анончики, а напомните, как называется фигня, когда при увеличении масштаба изображение увеличивается, но разрешение остаётся прежним и элементы просто "прижимаются" друг к другу, и не приходится экран прокручивать. Это max-width за это отвечает?

12 Фев, 22:15 #103 #465649

>>465641
Ты еще код двачей бы посмотрел. Грамотных спецов мало, а долбоебов много, что тут удивительного?

12 Кб, 283x614

12 Фев, 22:37 #104 #465671

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

Вот примерно какая структура у меня <-- Это правильно?

Ответы>>465682>>465685

101 Кб, 450x443

12 Фев, 22:38 #105 #465672

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

Ответы>>465679

12 Фев, 22:42 #106 #465674

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

Ответы>>465675>>465676

12 Фев, 22:43 #107 #465675

>>465674
>или
Значение знаешь?

Ответы>>465677

12 Фев, 22:47 #108 #465676

>>465674
>должен делать еще и сервер настраивать
А я б понастраивал. Но пока мозгового ресурса не хватает. А кому-то, наверное, рисовач ближе.

Ответы>>465677

12 Фев, 22:48 #109 #465677

>>465676
>>465675
Вот из за таких уебков рынок и проебан.

Ответы>>465680>>465694

12 Фев, 22:51 #110 #465679

>>465672
Нужны как компилятор, минификатор, автопрефиксер, рефрешер на том этапе, когда еще в гранте/галпе не разобрался

Ответы>>465688

12 Фев, 22:52 #111 #465680

>>465677
Ну это аутизм так-то. Веб-Вёрстка - это не такое обширнейшее поле деятельностьи, чтобы целиком и полностью только на нём концентрироваться.

12 Фев, 23:03 #112 #465682

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

Ответы>>465686

12 Фев, 23:05 #113 #465685

>>465671
Отдельный файл он имел ввиду только для базовой типографики (стилизация тупо по тегам). Потом ты для каждого блока при необходимости переопределишь

Ответы>>465687

244 Кб, 1864x1398

12 Фев, 23:06 #114 #465686

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

Ответы>>465687>>465692

12 Фев, 23:06 #115 #465687

>>465685
Ага, понял, спасибо, это ответ на мой первый вопрос из >>465686

12 Фев, 23:09 #116 #465688

>>465679
> когда еще в гранте/галпе не разобрался
А это зачем?

Ответы>>465693

12 Фев, 23:15 #117 #465692

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

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

Ответы>>465719

12 Фев, 23:16 #118 #465693

>>465688
Автоматизация рутинных процессов и всякие плюшки - 10 урок продвинутого. Да и как бэ стандарт отрасли. Почитай вакансии частенько попадается

12 Фев, 23:20 #119 #465694

>>465677
Хуй знает что там у тебя проебано. Рынок айти огромен, интернационален и будет расти еще много лет. А если ты не устраивает, что за скиллы уровня пятого класса не дают сходу 100к зп, то предлагаю тебе вспомнить, что конкуренция и есть основа рынка, блять.

Ответы>>465696

12 Фев, 23:21 #120 #465696

>>465694
> не дают сходу 100к
По ебалу разве что дают, а когда впердолишь сотки фреймворков и жс берут как верстальщика и платят 15к.

Ответы>>465697

12 Фев, 23:25 #121 #465697

>>465696
Глаза разуй: http://hh.ru/search/vacancy?text=Frontend&enable_snippets=true&clusters=true&area=1&only_with_salary=true&from=cluster_compensation

Ответы>>465699>>465701>>465722>>465728

12 Фев, 23:28 #122 #465699

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

Ответы>>465703

12 Фев, 23:29 #123 #465701

>>465697
Там иногда пишут высшее образование, где этому вообще учат?

Ответы>>465705

12 Фев, 23:30 #124 #465703

>>465699
А нахуя фронту нода, стесняюсь спросить?

Ответы>>465707>>465710

12 Фев, 23:30 #125 #465705

>>465701
Этому - нигде, но сойдет любое техническое я думаю

Ответы>>465706>>465709

12 Фев, 23:31 #126 #465706

>>465705
Нахуя оно нужно тогда, они охуели?

Ответы>>465713

12 Фев, 23:32 #127 #465707

>>465703
> А нахуя
Добро пожаловать.

12 Фев, 23:33 #128 #465709

>>465705
Ну в рамках разумного. Обычно на кафедрах изучают какуюнибудь срань, кучу математики, алгоритмы и структуры данных, базы данных, и например с++. Короче типа инженер там или прикладной математик или еще какой хуй

12 Фев, 23:33 #129 #465710

>>465703
А модули ставить и скрипты писать на чем будешь, котик?

Ответы>>465714

159 Кб, 1200x800

12 Фев, 23:34 #130 #465711

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

Ответы>>465716

12 Фев, 23:37 #131 #465713

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

Кстати максимум что нам рассказали в универе по верстке были основы html и блядь таблицами верстали. Все. Да даже курсы на кодкедеми информативнее будут. Ппц

Ответы>>465721>>465723

12 Фев, 23:39 #132 #465714

>>465710
Чтобы ставить модули не надо пиздец как разбираться в ноде

12 Фев, 23:40 #133 #465716

>>465711

Ты что из Днепра?

12 Фев, 23:41 #134 #465719

>>465692
Да, ИТ-образование в Рашке говно ужасное. Средний выпусник ПМИ умеет программировать на паскале как бог, по верхам знает С++ или шарп, имеет представление о БД. Если он ничем не занимался во время учебы самостоятельно, то хуй он куда устроится.
С другой стороны, действительно увлеченные люди без труда самостоятельно учат джаву/сисярп и устраиваются еще курсе на третьем.
У самого много знакомых просто так делали.

Ответы>>465721>>465723

12 Фев, 23:42 #135 #465721

>>465719
Это сюда >>465713

12 Фев, 23:43 #136 #465722

>>465697
В очередной раз прихуел с ваших Московских зарплат.
У нас в милионнике за всю эту хуйню платят в диапазоне 25-40 уже опытному (хотя бы год) спецу.

12 Фев, 23:44 #137 #465723

>>465719
>>465713
Нахуя они требуют вышку? Я дрочил ангуляры и верстку, чтобы потом диплом просили?

Ответы>>465724>>465725

12 Фев, 23:45 #138 #465724

>>465723
Да не требует никто, чего ты.

12 Фев, 23:46 #139 #465725

>>465723
Забей, если норм шаришь возьмут и так. Вышка максимум сыграет роль если вы будете с каким-нибудь телом одинаково шарить и тогда возьмут скорее того кто с вышкой. И то не факт

12 Фев, 23:46 #140 #465728

>>465697
http://perm.hh.ru/search/vacancy?text=php&only_with_salary=true&area=1&enable_snippets=true&clusters=true&salary=
Говорила мне мамка пхп учить....

Ответы>>465729>>465730

12 Фев, 23:47 #141 #465729

>>465728
Так там такие же зарплаты, к чему ты?

Ответы>>465733

12 Фев, 23:48 #142 #465730

>>465728
Ну пхпист тоже как бэ основы верстки знать должон. Так что не проебался ты точно

12 Фев, 23:49 #143 #465733

>>465729
Количество вакансий сравни.

12 Фев, 23:49 #144 #465734

> Пользовательский интерфейс
Что это за хуйня, поясните неофиту? Гуглится какие-то графики с колонками, нихуя не понятно.

Ответы>>465735

12 Фев, 23:50 #145 #465735

>>465734
Чот проиграл

Ответы>>465736

12 Фев, 23:51 #146 #465736

>>465735
В требованиях про жс пишут часто, яннп.

13 Фев, 01:23 #147 #465858

Какой наиболее годный стиль вёрстки? Флэксбокс? Чем рекомендуется верстать-им?

Ответы>>465890

13 Фев, 01:53 #148 #465878

Верстаны, помогите дауну. Решил попердолиться с флексами, попутно упоровшись бэмом.
В общем, изначально я вспомнил лекцию интенсива, где лектор сказал, что не нужно становиться упоротым рабом методологии, и каскад вполне себе допустим. Сделал вот так: http://codepen.io/anon/pen/rxPwop

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

Как правильнее?

Ответы>>465884>>465944>>465990

13 Фев, 02:02 #149 #465884

>>465878
Вообще мой тупой мозг мыслил так:
навигейшен - вложенный блок (его можно будет засунуть, например, в футер, если заказчик захочет, а хули). Внутри него все эти кнопочки-ссылочки: элементы, которые оттуда никуда не перенесутся. Так что их можно стилизовать с привязкой к блоку.

13 Фев, 02:09 #150 #465888

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

Ответы>>465891>>465902>>466125

13 Фев, 02:27 #151 #465890

>>465858
бамп вопросу

13 Фев, 02:30 #152 #465891

>>465888
Ты понимаешь, что результат отсроченный, и имеет лишь некую вероятность успеха? Этим обуславливается твоё нежелание что то делать. Работай, а не фантазируй о успехе. Или не работай, а иди нахуй тада.

13 Фев, 03:50 #153 #465902

>>465888
Выучил верстку за две недели, стал фриленсером 150к/неделя, переехал в Тайланд.

Ответы>>467045

13 Фев, 06:31 #154 #465944

>>465878

лол, а ты нахуя в своем бэме сделал одинаковые правила для main-navigation__menu-item и main-navigation__user-block? второе это же по сути такой же меню-айтем, как и остальные ссылки, т. е. его можно стилизовать вместе со всеми, а если нужно будет к нему что-то особенное добавить, прикрутить модификатор main-navigation__menu-item--user-block например.

Ответы>>466398

13 Фев, 06:46 #155 #465952

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

https://events.yandex.ru/lib/talks/327/
http://www.slideshare.net/yandex/ss-14895358

13 Фев, 09:45 #156 #465990

>>465878
Ты забыл ul сделать внутри nav :(
Не надо так...

Ответы>>466398

13 Фев, 10:33 #157 #466007

Так, я там кому-то обещал скинуть про БЭМ для ньюфань. Вот кидаю (хотя уже раньше было)
https://ru.bem.info/forum/-661/

13 Фев, 10:35 #158 #466008

Хлопцы, держите сайтец \(^-^)/
http://www.flatvsrealism.com/

Ответы>>466011>>466024

13 Фев, 10:40 #159 #466011

>>466008
Сам делал?

Ответы>>466019

13 Фев, 10:51 #160 #466019

>>466011
лол, эт для вдохновения. Видишь, там справа награды всякие.

13 Фев, 11:05 #161 #466024

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

Ответы>>466025>>466523

13 Фев, 11:08 #162 #466025

>>466024
ну у меня ноут 2.1 ггц 2 гб оперативы
чуток подождал чтобы прогрузилось и норм. Правда на битве лагало чутка

Ответы>>466070

13 Фев, 12:16 #163 #466070

>>466025
У меня конфиг в четыре раза круче, лагало почти все время, грузилось секунд 10, да еще и скролл по мышке отвалился, прищось скроллбаром пользоваться.
Короче, хуево сделали.

13 Фев, 13:07 #164 #466120

https://vk.com/forwebdev?w=wall-66170841_36459

Питер, иди на работу.

30 Кб, 533x398

13 Фев, 13:17 #165 #466125

>>465888

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

"Расскажу свою историю. Сначала я писал статейки, будучи копирайтером. Потом какой-то петушок закатился в наш тред и сказал дословно следующее: за месяц выучил верстку и уже через месяц зарабатываю 200к. Я выучил верстку и сделал 10 не особо адаптивных макетов. Потом тот же петушок сказал. что макеты должны быть адапитвными. Я сделал еще 3 адаптивных, потом тот же петушок закатился и сказал, что нужно выучить жквери и жаваскрипт. Я расковырял жиквери и прикрутил несколько плагинов. Потом тот же петушок закатился в тред и сказал, что этого недостаточно и нужно еще и php c mysql освоить и вот тогда-то точно будет 200к через месяц. Я пробежался по мануалу пхп, написал сайтик с бэкендом на 1й странице. Тот же петух пришел и сказал, что так не пойдет надо еще ООП с паттернами освоить и вот тогда уж точно будет 200к через месяц. Я прочтиал книгу из Оп поста и перепечатал все паттерны, проверив их работу. Тот же петушок вкатился и сказал, что так не пойдет, нужно еще фреймворки освоить. Я взялся за слим и Уи2, сделал на них по проекту. И вот теперь приходит этот петух и говорит мне, что пхп - это дно, нужно перекатываться в шарп или джаву. Такое ощущение, что надо мной кто-то просто сидит и издевается годами".

Ответы>>467051>>467132

23 Кб, 350x280

13 Фев, 14:29 #166 #466147

Фронтаны, поясните по хардкору за разницу между <strong> и <b>, <em> и <i>?

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

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

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

Т.е. я не могу себе представить такие ситуации, когда одно без другого.

Ответы>>466179

13 Фев, 15:15 #167 #466179

>>466147
http://g.zeos.in/?q=What's the difference between and , and ?

34 Кб, 591x176

13 Фев, 16:55 #168 #466232

Аноны, а в каком из уроков продвинутого интенсива рассказывается, как делать это? Как это вообще называется?

Ответы>>466234>>466238

13 Фев, 17:04 #169 #466234

>>466232

гамбургер.

13 Фев, 17:22 #170 #466238

>>466232
держи, от Громова штуку
http://codepen.io/nicothin/pen/dPqdyd

13 Фев, 20:28 #171 #466322

А как наблюдать к чему приводят изменения в коде в прямом эфире?

Ответы>>466341>>466388>>466425

13 Фев, 21:01 #172 #466341

>>466322
F12

13 Фев, 22:12 #173 #466388

>>466322
LiveReload для гранта или галпа. Загугли скринкасты Кантора на тытубе по галпу.

13 Фев, 22:26 #174 #466398

>>465990
Я специально, для примера.
>>465944
Спасибо. Если честно, я об этом даже не подумал, т.к. дебил и ньюфаг.

13 Фев, 22:56 #175 #466420

За какой срок надо сверстать пинк и седону в продвинутом? И верстать его надо после просмотра всех уроков или нет?

Ответы>>466426

13 Фев, 23:07 #176 #466425

>>466322
пока не разобрался с грант/галп можешь юзать что-то типа препросс, коала или еще че

Ответы>>466433

13 Фев, 23:09 #177 #466426

>>466420
в конце каждого видео говорят дз. Вот его потихонечку и делаешь. Продвинутый, на котором верстают 1 макет идет месяц примерно. Если же ты уделяешь время нормально то успеешь после прохождения скажем за 2-3 недели продвинутого и второй макет сверстать.

13 Фев, 23:16 #178 #466433

>>466425
коала юзай

48 Кб, 1300x1000

14 Фев, 01:30 #179 #466498

Аноны, можете на примере объяснить разницу между КОНТЕНТЫМИ и ОФОРМИТЕЛЬСКИМИ изображениями. Хочу нормально сортировать, но не могу понять что есть что. Например, спрайт оформительское так? Значит в папку /img. А рандомное фото из слайдера это уже контент? Тогда блядь где логика чуваков из интенсива, докладчик по части фотошопа, советовал сохранять контент в /pict, но в начальной разметке барбершопа изображения из слайдера уже по дефолту в /img. Хуй пойми. Пока в img все сохраняю.

Ответы>>466502

14 Фев, 01:34 #180 #466502

>>466498
Можно разделять, можно не разделять (в том числе и тот кто про фотошоп рассказывает потом в продвинутом так скажет)
Я бы посоветовал не париться и все складывать в папку img

Ответы>>466506

14 Фев, 01:43 #181 #466506

>>466502
Спасибо, буду знать.

14 Фев, 01:53 #182 #466523

>>466024
У меня на ведре он даже открываться не стал, лол.

14 Фев, 03:21 #183 #466553

Какие же, все-таки, флексы охуенные, в 20 строчек разметил то, что на флоатах-инлайнблоках заняло бы у меня раза в 3 больше времени.

14 Фев, 04:50 #184 #466573

Короче, два стула появилось. Взяли на стажировку помощником дизайнера из-за моего знания верстки, при этом фотошоп нихуя толком не знаю, рисовать со школы не умею. Вот думаю нахуй все это и дрочить дальше js, пока не найду вакансию чисто версталы, джуна фронтендера, или месяц 5 дневки за 8к, зато с опытом КОММЕРЧЕСКОЙ разработки? И вообще как это, помогать дизайнеру, охуительные шрифты ему скидывать штоле, лол?

Ответы>>466576

14 Фев, 05:14 #185 #466576

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

Ответы>>466577

14 Фев, 05:22 #186 #466577

>>466576
Ебло, я на должности стажера, был в конторе только на собеседовании. Потом уже позвонили и пригласили. Я не знаю чем должен там заниматься, да. Откуда мне знать. Или помощь в РАЗРАБОТКЕ КОНЦЕПЦИИ ДИЗАЙНА, дохуя информативно?Может раз ты такой умный, просветишь меня?

Ответы>>466581>>466646>>466726

14 Фев, 05:45 #187 #466581

>>466577
Нахуя ты шел на должность дизайнера, если ты НЕ дизайнер, а верстальщик?

Ответы>>466582

14 Фев, 05:48 #188 #466582

>>466581
Потому что ололо стажировка, мол всему научим. А в моей мухосрани раз в год студии стажеров берут.

Ответы>>466642>>466654

14 Фев, 10:27 #189 #466642

>>466582
ты случайно не с миллионника?

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

14 Фев, 10:49 #190 #466646

>>466577
Чувак, надо спрашивать на собеседовании, а не на дваче, что будет входить в сферу твоих обязанностей.

Ну и наверное, я бы все-таки поработал, js можно подтягивать и повыходным, да и по вечерам, если совсем уж уставать не будешь

14 Фев, 11:09 #191 #466654

>>466582
Какой город? Тоже хочу

14 Фев, 13:22 #192 #466720

>>463552 (OP)
Аноны, планирую изучать html, css и js как заготовку для нормального перехода в asp.net
Как там с фрилансом дела обстоят? Трудно найти заказ?

14 Фев, 13:32 #193 #466726

>>466577

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

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

121 Кб, 887x816

14 Фев, 14:50 #194 #466760

пацаны, а где этот шрифт брать?

Ответы>>466765

14 Фев, 14:55 #195 #466765

>>466760
Шрифт Roboto, начертание Thin. Перейди в Robot и там скачай.

Ответы>>466766

14 Фев, 14:58 #196 #466766

>>466765
Благодарю!

34 Кб, 449x88

14 Фев, 16:05 #197 #466804

Чем пик разметить? <i>? Как такие штуку верстают?

Ответы>>466818>>466831

14 Фев, 16:37 #198 #466818

>>466804
два псевдоэлемента

Ответы>>466823

3 Кб, 641x77

14 Фев, 16:43 #199 #466823

>>466818
Но их три там, выходит три раза подряд :before задать и позиционировать?

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

Ответы>>466832

14 Фев, 16:56 #200 #466831

>>466804
это просто сдвинутые тени у одного кружка

14 Фев, 16:56 #201 #466832

>>466823
это ссылки

Ответы>>466835

14 Фев, 17:01 #202 #466835

>>466832
Это before, ему бордер-радиус 50%, а как тени так сдвинуть?

>>466832
> это ссылки
Но ссылка она куда-то ведет, а это как кнопки управления содержимым на странице.

14 Фев, 19:29 #203 #466908

http://codepen.io/anon/pen/MKLMme?editors=1100

Помогите с проблемой. Не понимаю почему не появляется картинка в before. Что я делаю не так?

Ответы>>466916

14 Фев, 19:37 #204 #466916

>>466908
сам решил проблему. Забыл ширину с высотой поставить. Во дурак

83 Кб, 957x764

14 Фев, 20:18 #205 #466939

Пацаны, на пике дерьмо не работает в ие10, хотя слайдер по тому же принципу норм работает, как фиксить? Не работает даже ховер. В хроме все ок.

Ответы>>466942

14 Фев, 20:25 #206 #466942

>>466939
1. Выложи свой сраный код на кодпен
2. Убери каскад, сука, не беси меня

Ответы>>466954>>466966

14 Фев, 20:58 #207 #466954

>>466942

А чо не так с каскадом? В css-модулях же можно юзать, и не будет с пространством имен никаких проблем, да и путаницы за счет больших файлов - тоже.

Ответы>>466959

14 Фев, 21:07 #208 #466959

>>466954
Поясняю на примере правила ".lbl label". Во-первых оно будет срабатывать для каждого тега лейбл. Во-вторых после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl. И вот нахуя это нужно, если можно просто написать .label-group__label и проверка пройдет супербыстро?

Ответы>>466966>>467122>>467143

14 Фев, 21:17 #209 #466966

>>466942
Оказалось я не обновлял винду с 13года и у меня 8ие, сейчас обновлюсь и потом опять гляну.
>>466959
Лбл там нахуй не нужен, я просто тестил и пробовал оборачивать оп разному.
> просто написать .label-group__label
А перед этим просто бэм выучить, я же нгеофит.

Ответы>>466972

14 Фев, 21:24 #210 #466972

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

Я хз почему все считают, что БЭМ это охуеть как сложно и непонятно — тебя же никто не просит ебаться с bem-json, местной системой именования файлов и прочим дрочевом. Это может понадобиться только если ты второй Яндекс писать собрался.

Ответы>>466973

14 Фев, 21:30 #211 #466973

>>466972
Объясни пожалуйста, меню, логотип - это отдельные блоки всегда? А какой-то контентный блок в main'е - это элемент? А если у нас слайдер - это отдельный блок или элемент того блока, в котором он находится?
У меня такого рода сложности с БЭМом.

Ответы>>466978

18 Кб, 477x480

14 Фев, 21:38 #212 #466976

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

Ответы>>466990>>467005

14 Фев, 21:41 #213 #466978

>>466973
Все, что ты перечислил это отдельные блоки. Элемент это то, что логически не может жить вне своего блока. Например, слайдер может жить на другой странице или внутри другого элемента.

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

Вообще, советую открыть yandex.ru в инспекторе и посмотреть что там как названо. Мне помогло.

Ответы>>466980

14 Фев, 21:49 #214 #466980

>>466978
Хорошо, спасибо.

14 Фев, 22:16 #215 #466990

>>466976

ебать ты баран. в базовом и флексбокс не показали, и хуле? это значит, что все всю жизнь флоатами будут верстать?

14 Фев, 22:43 #216 #467005

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

14 Фев, 22:53 #217 #467011

Палю годноту.
https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout

14 Фев, 22:59 #218 #467017

http://codepen.io/anon/pen/NxJKgB

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

Ответы>>467021>>467023>>467029

14 Фев, 23:07 #219 #467021

>>467017
>.info .info__block .info__title
Бляяяяяяяять

Ответы>>467022

14 Фев, 23:09 #220 #467022

>>467021
я тоже заметил это, когда только сделал. Не знаю почему он сделал именно так, но макет еще не сделан до конца, остался слайдер. Как слайдер доделаю, буду просматривать, что еще sass там сделал.

14 Фев, 23:13 #221 #467023

>>467017
Все ок с контейнером. В чем проблема-то?

Ответы>>467026

19 Кб, 273x270

14 Фев, 23:17 #222 #467026

>>467023
честно сказать смутило, что он один на весь макет. Почему-то пока верстал думал, что это не правильно, а проверить не на чем, так как седону куда-то посеял. Вот поэтому решил спросить тут.

Раз все хорошо с контейнером, то благодарю вас за помощь.

14 Фев, 23:25 #223 #467029

>>467017
Нет бы сразу скинуть то место, которое тебя интересует. У меня глаза вытекают от этой разметки без логических отступов.
Судя по всему, твой контейнер - это обертка-центровщик с тенью. Обычно его называют "враппером" и довольно часто используют.

15 Фев, 00:06 #224 #467041

>>465605
Такая хуйня бывает, когда ресайзишь после обрезки - ближние к краю пиксели становятся прозрачными. Сначала ресайз, потом кроп. Ну или копайся в настройках.

15 Фев, 00:11 #225 #467045

>>465902
Лох, я за неделю с листовок у ашана до 200к поднялся, нихуя не учил, нихуя не делаю - просто иногда пизжу с клиентом по скайпу о том, что работа идет, но нужно чуток добавить к бюджету, чтобы за новыми трендами угнаться. Потом беру деньги и иду бухать в стрипбар.

15 Фев, 00:15 #226 #467051

>>466125
Единственная адекватная паста. Но ньюфаги все равно не поверят - "Тут же хуйня учить, через месяц уже 50 буду поднимать, еще через полгода 150, а потом в силиконовую долину перееду".

15 Фев, 02:22 #227 #467122

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

Не понял. Посяните тупому, плз.

Ответы>>467123

15 Фев, 02:32 #228 #467123

>>467122
Браузер нашел элемент label, но он знает нужно применить к нему правило или нет — ему нужно понять, есть ли среди родителей класс lbl. Поскольку глубина вложенности не указана, он будет искать его, поднимаясь по DOM-дереву все выше, пока не найдет или не достигнет элемента html.

Ответы>>467124

15 Фев, 02:37 #229 #467124

>>467123
Я думал, он ищет слева направа. То есть сначала нашел .lbl, потом label. А как глубина вложенности указывается?

Ответы>>467126

15 Фев, 02:46 #230 #467126

>>467124
Нет, это было бы очень неэффективно. Именно поэтому не существует селектора, который бы фильтровал по дочерним элементам. Глубина вложенности задается символом: >

Обзорная статья на тему: http://frontender.info/writing-efficient-css-selectors/

Ответы>>467128

15 Фев, 02:49 #231 #467128

>>467126
Спасибо.

48 Кб, 604x432

15 Фев, 03:42 #232 #467132

>>466125
Блядь, я так и знал, что нужно жабу учить.

15 Фев, 05:52 #233 #467143

>>466959

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

Ответы>>467173>>467248

15 Фев, 09:51 #234 #467173

>>467143
Что ты подразумеваешь под CSS-модулем, как ты собираешься задавать область видимости и тебе здесь поможет вебпак?

Ответы>>467329>>467341

15 Фев, 11:59 #235 #467248

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

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

Ответы>>467329

15 Фев, 13:21 #236 #467329

>>467173

import styles form './someFile.css';

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

>>467248

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

Ответы>>467391

15 Фев, 13:27 #237 #467341

>>467173

css-модуль - файл, в котором заданы стили для конкретного компонента. Сайдабра, верхнего навигационного меню, еще для какой-нибудь хуйни. Делая компоненты таким образом, можно спокойно переносить нужные между приложениями, не беспокоясь, например, о глобальной области видимости css. Все изолировано, и поэтому не сломается.

Ответы>>467391

15 Фев, 13:28 #238 #467345

Сеньоры, начитался я значит про вашу резину-хуину и высрал вот это)
http://c12266.shared.hc.ru/xxx/index.html
При резиновой верстке должно получаться что-то в этом духе?

Ответы>>467357

15 Фев, 13:40 #239 #467357

>>467345
Как правило резина идёт от 1350+ до 1024, а потом идёт адаптив.

Ответы>>467365

15 Фев, 13:48 #240 #467365

>>467357
Не, я понимаю что надо адаптив пилить, просто решил сделать это говно чисто резиновое, попрактиковаться что-ли в %

15 Фев, 14:06 #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

15 Фев, 14:08 #242 #467393

>>467391
Обосрался с примером немного, isSelected у item, конечно, будет свой и вообще это будет отдельный компонент, но суть, я думаю, ясна.

15 Фев, 14:16 #243 #467401

>>467391

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

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

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

Ответы>>467403

15 Фев, 14:20 #244 #467403

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

Ответы>>467404

15 Фев, 14:22 #245 #467404

>>467403

render(){
return(
<div className={"yolo_swag-"+this.props.data.swag}>
</div>
)
}

Ответы>>467405

15 Фев, 14:24 #246 #467405

>>467404
Ну, лол, это-то понятно. А с использованием css-модулей? Там же добавляется суффикс к классу для сохранения неймспейса.

Ответы>>467414

15 Фев, 14:40 #247 #467413

Да нет никакого БЭМ-дроча, просто тут люди интенсивы проходят и там по БЭМу предлагают делать верстку. Все.
Рассказали бы там про вэбпак, реакт, ангуляр, метеор или еще какую-нибудь хрень - обсуждали бы в процессе изучения материала и их точно так же.
хотя вряд ли - для этого есть javascript-тред в програмаче[/spoliler]

15 Фев, 14:41 #248 #467414

>>467405

const className = styles[this.props.someSwagClass];

Ответы>>467417

15 Фев, 14:43 #249 #467417

>>467414

Не знаю, вполне ли я уложился в твой сложный кейс, но в теории там можно точно так же складывать выплевываемые лоадером строки. Styles поставит ключи.

Ответы>>467436

15 Фев, 15:09 #250 #467433

Анончики, что бы вы выбрали, работать в студии, где постоянно много работы и челленджей, но з/п меньше или работать в компании, в качестве штатного сотрудника с более высокой зарплатой, но соответственно работа будет вестись только над их проектами?

Ответы>>467441

15 Фев, 15:10 #251 #467436

>>467417
Спасибо, покопаю эту тему.

15 Фев, 15:17 #252 #467441

>>467433
Только второе. Пробовал оба варианта. Заказная разработка это унылые типовые решения, срачи с клиентом и прочее разгребание говна лопатой. Настоятельно не рекомендую.

Ответы>>467490

15 Фев, 15:17 #253 #467442

Аноны, дайте сайт в котором люди кидают свой пример анимации и код на ксс, джс и т.п.. Помню тут бывает кидает кто-то из анонов, но все время проебываю тред.

Помню там был пример анимации для меню. Типа красивое появление полоски под словами и так далее.

Ответы>>467443

15 Фев, 15:18 #254 #467443

>>467442
на кодепен.io не судьба погуглить?

Ответы>>467445

15 Фев, 15:21 #255 #467445

>>467443
при чем тут твой кодепен? Там не песочница, а конкретно сайт. Где есть форум и т.п..

Ответы>>467446

15 Фев, 15:23 #256 #467446

>>467445
Это не только песочница, но и библиотека готовых решений.

Ответы>>467447

15 Фев, 15:24 #257 #467447

>>467446
мне нужен именно тот сайт. Это был точно не кодепен.

Ответы>>467448

15 Фев, 15:26 #258 #467448

>>467447
css-tricks.com ?

Ответы>>467450

15 Фев, 15:31 #259 #467450

>>467448
>css-tricks.com
неа. Кажись проебали годноту. Странно что не кинули тот сайт который я ищу в шапку.

Ответы>>467453

15 Фев, 15:35 #260 #467453

>>467450
codrops

Ответы>>467458

15 Фев, 15:37 #261 #467458

>>467453
это именно он! Благодарю, добрый анон!

15 Фев, 16:26 #262 #467490

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

92 Кб, 968x345

15 Фев, 17:38 #263 #467586

Привет, верстаны. Очень нужна ваша помощь.
Есть достаточно сложный (на мой взгляд) фильтр, который работает не так, как нужно. Состоит из двух частей. По сути, это два фильтра, которые образуют один. Скриншот прилагаю.
Принцип работы: выбираем количество денег(стоимость часа работы) в первом фильтре, выбираем количество часов во втором и из этих значений должна получаться итоговая цена. Проблема заключается в том, что не работают ползунки и не меняются картинки в первом фильтре. Также, немного неправильно рассчитывается цена.

Может ли кто нибудь помочь с этим дерьмом? Сам фильтр, кстати, на js. Приложу архив.
https://yadi.sk/d/RtZH1o4zosgk9

Ответы>>467593>>467633>>468156

15 Фев, 17:46 #264 #467593

>>467586
Где-то я уже такую штуку видел.
А вообще лучше в js-тред напиши

15 Фев, 18:29 #265 #467633

>>467586
Лей в песочницу.

15 Фев, 18:30 #266 #467635

Как вы искали работу в дс?
Я могу не только в верстку, препроцессоры и т.д, но еще и в простенькие скриптики на жс и жк, в сборщики и гитхаб. То есть не ноль далеко.
На хх большинство воротят нос.
Мейби убрать нахуй что я junuior? И пытаться закосить под миддла?

Ответы>>467639>>467643>>467779

15 Фев, 18:34 #267 #467639

>>467635

напиши что бэм знаешь, от звонков отбоя не будет, базарю

15 Фев, 18:35 #268 #467643

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

Ответы>>467652

15 Фев, 18:48 #269 #467652

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

Ответы>>467655

15 Фев, 18:51 #270 #467655

>>467652
>Да.
Может в этом и дело. По навыкам ты еще не джун. Просто продвинутый верстальщик с претензией на джуна.
Большинство тестовых на джуна фронтенда предусматривали, что кандидат может написать простенькое приложение с фильтрацией данных, приемом и выводом информации, сохранением данных пользователя и т.д.
То есть грубо говоря, нужно уметь написать хотя бы одно SPA с простеньким функционалом типа продвинутого todoapp.

Ответы>>467662>>467663

15 Фев, 18:57 #271 #467662

>>467655
В общем я смогу в средненький todo. Конечно не весь функционал что ты написал, но все же.
Фильтрация сложновато, но я уже реализовывал подобное.
Но прикол в том, что я больше писал именно на вакансии верстальщика.
Всем нужен чистый верстальщик с опытом 5 лет.
Но как они собираются их искать? Ведь все перекатываются во фронт.
Может джун фронтендер воспринимается ими как джун верстальщик и ясно, такое нахуй не надо никому.

Ответы>>467665>>467669

15 Фев, 19:00 #272 #467663

>>467655
Интересно, а до junior есть какая-нибудь позиция???
Ну вот просто сам факт, например ты без образования, да даже ладно, возьмем с образованием техническим либо выпускника, либо студента последних курсов. Как правило нихрена это в универе не преподают. Как человек может тогда вкатиться на junior позицию (если она предполагается как минимальная)? Ну типа есть junior, middle, senior. Так вот, есть что-то до джуна?

Ответы>>467675>>467680>>467684

15 Фев, 19:02 #273 #467665

>>467662
Ну тогда хуй знает. Путаница сильная вокруг. Одни говорят что джун фронтенд и верстальщик - одно и то же. Другие, что это все такие разные вещи.
Портфолие свое еще подлатай, возможно в нем дело, ну и резюмешку пересмотри. А может просто не повезло. Щас в парахе кризис, санкции и вся хуйня. Никто толком не расширяется. А на готовые проекты джуны особо не нужны. Там надо быстро и заебись, то есть мидл+.
Те кто собираются расширяться и смотрят в будущее, те таки да - берут джунов.

Ответы>>467680

15 Фев, 19:03 #274 #467669

>>467662
Не все, есть так и остаются верстаками. Вон был видос от типочка из Яндекса. Но верстала все-равно должен уметь в js. И рамки из года в год между ним и фронтом стираются. А в снг это так вообще не удивительно ибо тут пытаются стереть рамки еще и между фронтом и бэком.

Ответы>>467680>>467691

15 Фев, 19:09 #275 #467675

>>467663
https://moikrug.ru/vacancies?divisions[]=frontend

15 Фев, 19:11 #276 #467680

>>467663
>Интересно, а до junior есть какая-нибудь позиция???
Этих позиций тысячи.
Зайди на любую российскую фриланс-биржу. Там по 50 откликов за лэндинг паге, стоимостью 300 рублей.
>>467665
Да у меня портфолио вообще минимализм.
Там ссылка на актуальную работу, с анимациями, транзишенами, бутстрапом и жс-ом и ссыль на профиль гитхаба с ~10 работами и всякими несерьезными игрушками.
>>467669
Угу. Хуево, конечно.
Это сразу заставляет задуматься о схлопывании веба в Россиюшке.

15 Фев, 19:11 #277 #467681

Аноны, шо сейчас с вакансиями у верстал?
Правда ли вы первые заказы бесплатно делаете?
Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Сколько зарабатываете и работаете в день/месяц? Люди с зарплатой большей, чем 20000$ в секунду могут не отвечать
Сколько обучались верстать, чтобы наконец получить деньги за заказ на фрилансе?

Ответы>>467686

15 Фев, 19:12 #278 #467684

>>467663
Точно не скажу, но у всяких там джавистов вроде есть позиция trainee. То есть стажер.
В вебе и конкретно фронтенде верстальщик как раз энтри левелом и является.
С джуном заморочки потому что многие считают что джун фронтенд это мальчик прочитавший два учебника. Некоторым компаниям требуются и такие, не спорю.
Однако стандартный уровень, ящитаю - это все-таки наличие практики, то есть хотя бы одного приложения написанного самостоятельно.
Потому что одно дело - читнуть учебник и решить задачку, и совсем другое - когда сам все это делаешь.
Тогда постепенно понимаешь, что при разработке подводные камни есть вообще везде. Что сохранение данных имеет свои косяки, что код надо структурировать и разбивать на логические блоки, нужны модули, а следовательно - сборщики типа вебпака, что нужно следить за множеством функций/областями видимости/коллбеками . Что вот здесь можно проще, а вот здесь сложнее. Что блять фаерфокс, если ему передать функцию в addEventListener без аргументов не отловит объект event снаружи, а вебкитовские движки отловят и т.д. и т.п.
Куча вещей, которые кроме как на практике больше никак не разобрать.

Ответы>>467882

15 Фев, 19:15 #279 #467686

>>467681
>Аноны, шо сейчас с вакансиями у верстал?
Выше почитай.
Без опыта сложно устроиться.
>Правда ли вы первые заказы бесплатно делаете?
Правда.
Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
>Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Для версталы не обязательно его знать, для фронтеда обязательно.
Для первого языка нормально.
>Сколько обучались верстать
Сложно сказать. Я и сейчас не все умею. Те же флексбоксы. Но основы учатся за месяц максимум.
Ну а бабло у кого как. Через месяц-два что-нибудь мейби и найдешь. Не рассчитывай конечно на деньги, это будут скорее поощрения небольшие, уровня 500 рублей за три дня работы.

Ответы>>467688

15 Фев, 19:15 #280 #467687

Требования:

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

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

Ебать требования. Словно ищут Цукенберга

Ответы>>467884

15 Фев, 19:16 #281 #467688

>>467686
>Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
Разве не за отзывы? Можно вообще любую работу вложить, если сам сделал?

Ответы>>467693

15 Фев, 19:19 #282 #467691

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

и веб-дизайном, ггг.

15 Фев, 19:19 #283 #467693

>>467688
Фриланс для опытных.
Не советую туда идти без опыта. Не получится дохуя бабла поиметь.
Если ты совсем школьник, то на мороженное себе заработаешь и заодно сделаешь портфолио какое-никакое.
Я бы посоветовал сосредоточиться на личном фане, верстать и кодить для себя и когда будешь в себе хоть немного уверен, пиздовать в студию.

Ответы>>467697

15 Фев, 19:20 #284 #467695

Требования:
знание css3/html5
адаптивная верстка
адекватность в работе
будет плюсом умение работать c:
less, sass
Bootstrap
Условия:
работа в молодом дружном коллективе
заработная плата обсуждаема
график работы обсуждаем
Тип занятости

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

А вот тут уже по скромнее ищут версталу. Может вкатиться аноны? З/п не указана правда, да и портфолио у них так себе сделано.

Ответы>>467700

15 Фев, 19:21 #285 #467697

>>467693
Я почти школьник и в ближайшие 2 года мне надо освоить и подзаработать немного.
Но таки да, на мороженное, в месяц больше 6к не надо, это вообще возможно?

Ответы>>467698

15 Фев, 19:23 #286 #467698

>>467697
Возможно.
Ты главное поменьше сиди на дваче и побольше учись.
Два года оптимальный срок, чтобы стать неплохим спецом и зарабатывать достойно.

Ответы>>467704

15 Фев, 19:23 #287 #467700

>>467695
За то что отошлешь им резюме никто по пальцам не ударит.

Ответы>>467703

5 Кб, 251x201

15 Фев, 19:25 #288 #467703

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

15 Фев, 19:25 #289 #467704

>>467698
Я просто думаю вкатываться в джаву, либо сишарп
И параллельно обучаться верстке и английскому.
Тащемта да, ты прав, я сегодня все хочу выбрать, а завтра уже даже не зайду сюда.
И времени у меня немного поменьше (23 месяца, лел)

Ответы>>467709

15 Фев, 19:28 #290 #467709

>>467704
Не распыляй внимание.
Можно повестить на дохуя технологий и типа сымитировать деятельность.
Ты молод и горяч, любой из этих двух вариантов(frontend/java,c#) у тебя получится, если только ты будешь работать каждодневно.

Ответы>>467710

15 Фев, 19:29 #291 #467710

>>467709
Я знаю, уже было такое.
Вот реально, что выбрать? На джаве вакансий в офис больше, а фриланса нету почти.
А у сишарпа дохуя технологий, которые приходят и уходятэ

Ответы>>467711>>467744

15 Фев, 19:29 #292 #467711

>>467710
Не знаю.
Посоветуйся в программаче.

15 Фев, 20:25 #293 #467744

>>467710
Джаву.

15 Фев, 20:39 #294 #467757

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

15 Фев, 21:07 #295 #467779

>>467635
Боже, как я тебя понимаю.
Написал в резюме, что я front-end разработчик. Только потому, что мне сейчас в вёрстке часто приходится устанавливать самый разный js. В основном jquery, но уже не только. Да, глупо, но хотел выставить себя по-лучше.
Блин, смотрю, за день штук 20 просмотров и 4 предложения, круто. Да только все они что-то вроде: "нам нужен бла-бла-бла гуру js с опытом от 3-х лет (а ф написал, что у меня всего год опыта), чтобы возглавить отдел, лол."
Пиздос, почему я не добавил junior.
Теперь получается я засрал резюме, раз его уже посмотрела куча народа и все думают, что я одинокий team lead, который не может найти себе пристанище.

15 Фев, 22:01 #296 #467826

>>463552 (OP)
Аноны, студент может на этой вашей верстке поднимать хотя-бы по 8к в месяц?
Когда-то давно учил верстку в течении 2-х месяцев, не фрилансил, нужно было для своего проекта.
Сейчас если месяца 1.5 посижу, думаю, все вспомню.

Ответы>>467828>>467863

15 Фев, 22:04 #297 #467828

>>467826
Я очень не хочу идти клеить и раздавать листовки, аноны, не для меня это.

15 Фев, 22:30 #298 #467863

>>467826
И поймешь что тебе еще учить и учить.

15 Фев, 22:47 #299 #467873

>>465457
ну хз, мне, например, было очень сложно впервые поставить gulp и stylus + jade просто потому, что инфы на русском мало, а та, что есть, не объясняет новичку о том, что это такое и как его ставить. пришлось самому копаться в доках ноды и нпм, чтобы вкурить, как все это ставить. так что я того анона понимаю, в первый все сложно.

или еще пример. на html-academy объясняют, как писать html и css, но не объясняют банальное создание html и css файла. как-то знакомый попросил ввести его в тему верстки.этот пидор, конечно, хотел научиться всему за пару недель и украсить сверху асинхронным js, не зная его нихуя. так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать. и ответа на html-academy по этому вопросу нет.

Ответы>>467877>>467945

15 Фев, 22:48 #300 #467875

>>465469
хуйня, не смог перекатиться, брекетс неудобныйпо крайней мере, был и тормознутый, саблайм пизже. а еще есть php-storm, это вообще pooshka.

Ответы>>468153

15 Фев, 23:06 #301 #467877

>>467873
На базовом все разжевано и в рот положено, в том числе и показаны форматы файлов.

Ответы>>467891

15 Фев, 23:19 #302 #467882

>>467684
блядь, точно, про файерфокс забыл, спасибо

15 Фев, 23:22 #303 #467884

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

15 Фев, 23:27 #304 #467891

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

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

Ответы>>467902>>467905>>467910

15 Фев, 23:43 #305 #467902

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

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

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

Ой, да вы только посмотрите на него, ему неудобно! Ему бесплатно выложили базовый и продвинутый интенсивы да и ещё JS-интенсив, а ему неудобно. Вот это пушка. Неудобно — ищи всю нужную информацию сам.

Ответы>>467905>>467916

15 Фев, 23:51 #306 #467905

>>467902
Чувак, как я понял он и так уже это знает, просто высказывает свое мнение по-поводу усвоения инфы, в том числе и исходя из того, что пытался кому-то помочь вкурить верстку.

>>467891
Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще. (Ну кроме js-интенсива)

Ответы>>467916

15 Фев, 23:55 #307 #467910

>>467891
Ну и да, видеоматериалы хороши так сказать для овервью, а вот как повседневный справочник конечно юзать их неудобно, некоторые вещи проще в доках почитать, тут согласен с тобой.
Хотя вообще люди разные и каналы восприятия могут разниться.

16 Фев, 00:04 #308 #467916

>>467902
>Неудобно — ищи всю нужную информацию сам
что я всегда и делаю. благо, у меня есть друг-фронтенд, с которым я консультируюсь.

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

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

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

Ответы>>467917>>468083

16 Фев, 00:05 #309 #467917

>>467916
>друг-фронтенд
Лучше бы у тебя был друг-мозг.

Ответы>>467919

16 Фев, 00:07 #310 #467919

>>467917
петросян дохуя?

16 Фев, 00:32 #311 #467945

>>467873
Чему ж ты блять обучался, если не знаешь как создать html или css? Похоже что не верстке, и точно не логике.

Ответы>>467947

16 Фев, 00:37 #312 #467947

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

16 Фев, 01:57 #313 #467991

Я правильно понимаю, что в гитхаб.пэйджс можно опубликовать только один проект?

Ответы>>468079>>468081

16 Фев, 10:10 #314 #468079

>>467991
неправильно.

16 Фев, 10:14 #315 #468081

>>467991
Неправильно.

44 Кб, 811x608

16 Фев, 10:17 #316 #468083

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

16 Фев, 11:08 #317 #468112

поясните за сасс. Надо все свойства, которые у меня будут в макете указывать через $ или можно будет где-то записать к примеру margin: 20px, margin: 25px вместо $margin_one: ...., $margin_second: ....???

Ответы>>468138>>468159

16 Фев, 12:08 #318 #468138

>>468112
Можешь вообще ни одного. Зачем хоть цсс в переменных писать.

16 Фев, 12:29 #319 #468153

>>467875
>php storm
Тогда уж web storm

Ответы>>468286

30 Кб, 500x439

16 Фев, 12:33 #320 #468156

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

16 Фев, 12:37 #321 #468159

>>468112
Посмотри еще раз ту часть где рассказывается про переменные в препроцессорах

16 Фев, 14:52 #322 #468242

Пацаны, я вам работу нашел
hh.ru/vacancy/15761023

Ответы>>468247>>468273

16 Фев, 14:55 #323 #468247

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

16 Фев, 15:35 #324 #468273

>>468242
Прикольно нужен спец по СЕО, копирайтер, web-дизайнер, дизайнер печатных изданий, фотограф, верстальщик, веб-программист в одном лице

16 Фев, 16:12 #325 #468286

>>468153
ну хз, мне phpstorm поближе будет, и, если не ошибаюсь, он и помощнее

27 Кб, 513x513

16 Фев, 18:01 #326 #468349

Пацаны, почему у меня при наведении тень не меняет цвет?
http://codepen.io/anon/pen/WrmWPE

Ответы>>468351

16 Фев, 18:05 #327 #468351

>>468349
Отбой, я сам разобрался.

16 Фев, 22:42 #328 #468576

Котоны, спиратил последний фотошоп, как там теперь элемент выбирать? Раньше просто кликал мув тулом и все, а теперь на клик мув-тулом не реагирует, а cntrl+click выделяет слой с этим элементом, а не сам элемент.

Ответы>>468579>>468708

16 Фев, 22:44 #329 #468579

>>468576
Там в настройках где-то ставится, что именно выделять на ctrl + clk

Ответы>>468587

16 Фев, 23:00 #330 #468587

>>468579
А все, нашел, там на верхней панели настройик инструмента надо было чекнуть "auto-select: layer"

17 Фев, 01:12 #331 #468708

>>468576
галочку наверху автовыбор слоя поставь ебана рот

17 Фев, 01:22 #332 #468709

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

30 Кб, 453x604

17 Фев, 01:45 #333 #468713

Пацаны, как в сафари чекать, если у меня спермерка и нет гейфонов?

Ответы>>468714>>468715>>468718

17 Фев, 01:50 #334 #468714

>>468713
никак, покупай макбук

17 Фев, 01:52 #335 #468715

>>468713
Боже, какие убогие брови.

17 Фев, 01:58 #336 #468718

>>468713
скачай 5.1.7 версию блядь, если в ней все будет норм, значит и в последующих тоже все будет норм

Ответы>>468720

17 Фев, 02:06 #337 #468720

>>468718
под 7 разве есть сафари?

Ответы>>468733

17 Фев, 02:10 #338 #468722

Как правильно выранивать элементы в div`е по центру (вертикально/горизонтально)?

Ответы>>468723>>468735>>468743

17 Фев, 02:11 #339 #468723

>>468722
> выравнивать
фикс

Ответы>>468724

17 Фев, 02:12 #340 #468724

>>468723
Flexbox.

17 Фев, 02:44 #341 #468733

>>468720
есть, но он дико старый, как говно мамонта.

17 Фев, 02:49 #342 #468735

>>468722
когда вы блядь в гугл уже научитесь? https://learn.javascript.ru/css-center

Ответы>>468739>>468741

17 Фев, 02:56 #343 #468739

>>468735
Не ругайся. Я же не спрашивал, КАК это сделать, интересует как это сделать ПРАВИЛЬНО.
Вот по твоей ссылке для вертикального выравнивания три способа - первый кривой, второй не всегда применим, в третьем подразумевается применение таблицы, что (вроде как) нарушает семантику документа.

Ответы>>468746

17 Фев, 02:59 #344 #468741

>>468735
Половина этих способов — хуита для древних браузеров.

Ответы>>468746

17 Фев, 03:02 #345 #468743

>>468722
https://css-tricks.com/centering-css-complete-guide/

17 Фев, 03:06 #346 #468746

>>468739
Кантор хуйни не посоветует)
Верстаешь блоки, им задаешь display: table-cell. в этом нет ничего страшного, ты же в html не прописываешь блядские tr td.

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

>>468741
ясен хуй, те же ie10< уже древние браузеры. их тоже приходится поддерживать, если потребуется, ведь это немалое количество пользователей. а те же флексбоксы, которые вы тут пиарить с какого-то хуя начали, еще не везде поддерживаются, приходится думать о поддержке тех же старых ie и сафари. и еще пару лет придется. а вообще, можно радоваться, так как старые браузеры потихоньку уходят, появляются новые стандарты, и скоро можно будет не использовать ту же jquery, заменив ее нативным js.

Ответы>>468749>>468795

17 Фев, 03:12 #347 #468749

>>468746
Статистику юзанья в рунете ие знаешь? Рекомендую глянуть

Ответы>>468752

17 Фев, 03:21 #348 #468752

>>468749
если не изменяет память, месяц назад было 0.5% у ie8, учитывая, что в стране ~145кк человек, то мы получаем ~725к человек. уберем половину, так как школьники и старики, получается 362.5к человек. весомое количество пользователей, тебе так не кажется, Peedor?

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

не учи ученого, мудила. я сам еще год назад верстал под 8 ишака со всеми этими картиночными уголками и прочим говном.

Ответы>>468754>>468757

17 Фев, 03:26 #349 #468754

>>468752
В рассее интернет еще не у всех есть. Пользователи на старых ослах нахуй не нужны, если ты не Яндекс или Вконтач. Поддерживать код дороже.

Ответы>>468758

17 Фев, 03:32 #350 #468757

>>468752
Ну да, ты прав по цифре. За январь было 0.4%. Только смотреть все же надо на относительный (процентный показатель), а не абсолютный. И глядя на 0.4%, Карл, почему просто не подключить для них полифилл флексовый если уж прям так надо?

А кто из нас еще мудила большой вопрос исходя из твоей манеры вести диалог, мелкобуквенный.

Ответы>>468758

17 Фев, 03:33 #351 #468758

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

>>468757
страница будет грузиться дольше. пошел на хуй.

Ответы>>468760

17 Фев, 03:37 #352 #468760

>>468758
В моей компании требования принимаются все-таки до начала проекта. А про буйных ПМов рассказывать не надо, я сам буйный ПМ.

17 Фев, 07:03 #353 #468781

Помогите ньфагу. Начал смотреть базовый интенсив HTML academy и в конце первого занятия нужно зайти на сайт borodinski-barbershop. Ввожу я в cyberduck их сервер и логин с паролем, которые есть в видео, и в результате 530 Login authentication failed, неправильный логин.
Вопрос, нужно ли закидывать на их сервер макет или просто верстать себе в оффлайне ?

Ответы>>468798>>468844>>468869

17 Фев, 08:24 #354 #468795

>>468746
>флексбоксы
>пиарить

распиарили блядь шо пиздец, ага

17 Фев, 08:53 #355 #468798

>>468781
хаха

17 Фев, 11:45 #356 #468844

>>468781
Лол

17 Фев, 11:59 #357 #468850

В препроцессорах файл grid.scss(less) отвечает, судя по названию, за сетку? Что в нем прописывать?
Шаг 2 из progressive enchancment (построение сетки)?
А потом блоки стилизовать только с помощью типографики и размеров, не касаясь их позиционирования?

17 Фев, 12:41 #358 #468869

>>468781
Ты же интенсив спиратил, сам подумай.

Ответы>>468929

64 Кб, 720x720

17 Фев, 13:08 #359 #468894

Сука, я уже заебался. Не подключается шрифт и все, пиздец. Хром браузер.

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

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

В результате хуй с таймс нью романом...ну что за пиздец.

Ответы>>468895>>468903>>468909

17 Фев, 13:09 #360 #468895

>>468894
ток без этих \t\ ессественно, хз че за хуйня

17 Фев, 13:26 #361 #468903

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

То есть, когда будешь указывать шрифт и вес, то у тебя будет находиться правильный.

17 Фев, 13:45 #362 #468909

>>468894
http://nicothin.ru/page/web-fonts

24 Кб, 1584x521

7 Кб, 1008x387

17 Фев, 14:22 #363 #468919

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

Ответы>>468936

17 Фев, 14:33 #364 #468929

>>468869
Не спиратил, а решил ознакомиться. Просто на NNM в комментах :

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

Если ты один будешь там хранить файлы, то ничего не случится. И врядли кто-то что-то поймет)) Главное - они чистят все перед каждым новым интенсивом.

17 Фев, 14:52 #365 #468936

>>468919
Скинь архив. И папку с шрифтами не клади в стили.

Ответы>>468941>>468943

17 Фев, 14:59 #366 #468941

>>468936
Тут папка с шрифтами сама по себе, тут нет папки для стилей, ибо тест и нахуй не надо
https://cloud.mail.ru/public/AfeK/YDduchwbR

Ответы>>468943

17 Фев, 15:03 #367 #468943

>>468941
>>468936
А, о госпади, ты шрифт ни к какому классу не применил. Пропиши, например, body - font-family: 'Helvetica-Condensed';

Ответы>>468944>>468947>>468951

17 Фев, 15:03 #368 #468944

>>468943
Ну не классу, а тэгу, если быть точным.

Ответы>>468951

17 Фев, 15:07 #369 #468947

>>468943
все там правильно применено, к тегу <p>. Но я применил к боди, как ты сказал-нет изменений.

Ответы>>468948

17 Фев, 15:08 #370 #468948

>>468947
Элементарно применением font-family: 'Arial', 'Helvetica-Condensed'; определяется, что дело не в классах, а шрифте.

Ответы>>468949>>468951

17 Фев, 15:09 #371 #468949

>>468948

17 Фев, 15:09 #372 #468951

>>468943
>>468944
это я тебе >>468948

17 Фев, 15:16 #373 #468954

Я не знаю как это дерьмо работает, но когда назвал шрифт просто "Helvetica" и применил его к боди всё заработало.

Ответы>>468956

17 Фев, 15:20 #374 #468956

>>468954
Это не та Хелветика, там стандартная есть, ты ее и подключил.

Ответы>>468959

17 Фев, 15:25 #375 #468957

Антуаны, простите за нубский вопрос, но, если у меня не куплен фотошоп на моём adobeid, то будет ли у меня работать extract в брекетс?
Заранее спасиб за ответы.

17 Фев, 15:26 #376 #468959

>>468956
Хех, это правда забавно, но я не знаю в чём причина.

Ответы>>468960

17 Фев, 15:30 #377 #468960

>>468959
Опять же другие шрифты подсоединяются, сейчас спокойно подключил OpenSans

17 Фев, 15:37 #378 #468961

Кажется я начинаю понимать в чем тут подвох, это пиздец

Helvetica.

Compatability:
Win: 7.34% Mac: 100%

Ответы>>468967

17 Фев, 15:50 #379 #468967

>>468961
Первый раз такое вижу. Мне кажется с шрифтом какая-то еботня.

17 Фев, 18:57 #380 #469108

господа каньте примеров верстки на флексбоксах если не сложно

Ответы>>469521

15 Кб, 292x227

17 Фев, 19:10 #381 #469117

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

Ответы>>469119

17 Фев, 19:10 #382 #469119

>>469117
иди туда где нравится, иначе проиграешь

Ответы>>469158

17 Фев, 19:22 #383 #469151

Пацаны. Я тут делал д.з. за 7-8 урок продвинутого (ну где js)

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

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

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

P.S. html/css можно не смотреть на коленке быстренько слабал фиксированно по их скринам.

Ответы>>469231

17 Фев, 19:24 #384 #469158

>>469119
Это все конечно хорошо, но фронтенд-разработчиком сейчас вообще реально устроится или везде жуткая конкуренция?

Ответы>>469186

341 Кб, 429x617

17 Фев, 19:37 #385 #469184

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

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

Ответы>>469187>>469278

17 Фев, 19:38 #386 #469186

>>469158
в верстке лэндингов с jq плагинами жуткая конкуренция, фронтэндер это тот же программер, ток специализирующийся на js. И вкатится сюда не так просто как кажется, достаточно просканировать вакансии и посмотреть требования.

Ответы>>469197

17 Фев, 19:39 #387 #469187

>>469184
>вместо макета docX
можно слать нахуй

Ответы>>469190>>469211>>469224

17 Фев, 19:41 #388 #469190

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

Ответы>>469211>>469224

17 Фев, 19:47 #389 #469197

>>469186
>в верстке лэндингов с jq плагинами жуткая конкуренция
Дак это же основная деятельность фронтенд-разработчика, разве нет?

Ответы>>469201>>469205

17 Фев, 19:49 #390 #469201

>>469197
Нет конечно. То что ты процитировал - задача верстальщика.
Даже джун фронтенд, если мы говорим про спеца с упором на джс, должен знать и уметь на порядок больше. Как минимум, написать и сверстать простую аппшку самостоятельно.

17 Фев, 19:53 #391 #469205

>>469197
молодой человек, на дворе 2016. Вот тут про минимум http://frontender.info/a-baseline-for-front-end-developers/

17 Фев, 19:57 #392 #469211

>>469190
>>469187

Мда

17 Фев, 20:02 #393 #469224

>>469187
>>469190
спасибо за ответы

17 Фев, 20:08 #394 #469231

>>469151
Бамп

Кто-нибудь вообще смотрел? Или все на порносайты отвлеклись? ))

Ответы>>469235

17 Фев, 20:11 #395 #469235

>>469231
в js тред пойди

17 Фев, 20:52 #396 #469278

>>469184
блядь, пиздец, снизу постучали.

47 Кб, 450x720

17 Фев, 21:06 #397 #469289

Какое вообще будущее у фронтенд-разработчиков, когда они стареют? Вот с программистами все более-менее понятно: они перекатываются в тимлидеров и т.д. А куда перекатываются фронтендщики, когда им стукает за 35+? В таком возрасте уже сложно конкурировать с молодыми-шутливыми студентами.

Ответы>>469290>>469292>>469293>>469295

17 Фев, 21:09 #398 #469290

>>469289
Фронтенд-разраб тоже может стать тимлидом если че.

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

https://youtu.be/nIFClfBXuIQ

Ответы>>469294>>469299>>469367>>469435>>469440>>469708

17 Фев, 21:11 #399 #469292

>>469289
А чем фронтенд разраб отличается от программиста?

17 Фев, 21:11 #400 #469293

>>469289
> когда они стареют?
На пенсию уходят, не? Ну если не фрилансер всю жизнь.

Ответы>>469299

17 Фев, 21:13 #401 #469294

>>469290
У меня от этого видео уныние, суть одна, типа всю жизнь верстаешь и пиздец.

17 Фев, 21:16 #402 #469295

>>469289
javascript гуру, какой-нибудь с 50+$ в час на odeskе

Ответы>>469299

24 Кб, 550x412

17 Фев, 21:20 #403 #469298

Бля, а че с пенсией у погромистов в старости?

Ответы>>469301

121 Кб, 610x720

17 Фев, 21:22 #404 #469299

>>469290
Тимлид фронтенда? Серьезно? Такое вообще реально в России? Как будто без тимлида бедные верстальщики не справятся.

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

>>469295
Какой 50$ на одексе... К тому времени будут выходить кучи новых фреймворков и технологий, за которыми старый пердун никогда не угонится. Мозги то уже потрачены.

Ответы>>469303>>469306>>469308>>469314>>469531

17 Фев, 21:23 #405 #469301

>>469298
бля а у водителя автобуса? Зрение уже не то, давление по утрам...

Ответы>>469303

15 Кб, 330x295

17 Фев, 21:26 #406 #469303

>>469299
>>469301
> На пенсию в 40 лет?
Я хуй знает вообще, как пенсию зарабатывают, я никогда не работал.
Но блядь, я не хочу всю жизнь верстать и кодить, а в снг хуй а не пенсия.
Выходит, нужно ебенить и съебывать нахуй в какую нибудь гейропу, там же льготы вся хуйня, не? Как жить-то, блядь?

Ответы>>469305

17 Фев, 21:27 #407 #469305

>>469303
А ТЫ О ЧЕМ ДУМАЛ КОГДА ВЕРСТАЛОЙ УСТРАИВАЛСЯ????

Ответы>>469311

19 Кб, 570x423

17 Фев, 21:28 #408 #469306

>>469299
вы тут все так говорите, как будто вы в 40 уже беспомощное говно не умеющее в думать и соображать. По вашему старые физики ядерщики полное говно и нихуя не могут? Ведь столько исследований выходит и многое надо изучать. Становитесь ахуенными спецами, зарабатывайте деньги, мутите свои дела в реале и так далее. Нахуй вы думаете про 40 лет? Мы может в следующем году все сгорим в ядерном пламени. Пиздец.

Ответы>>469311>>469318

17 Фев, 21:29 #409 #469308

>>469299
Есть и синьеры фронтенды и тимлиды и даже солюшн архитекты. Это ебать какая крупная отрасль. К тому времени у тебя уже столько опыта за плечами, что охуеть просто.
Фронтендер, настоящий, от программиста мало чем отличается. Грубо говоря это JS developer со всеми вытекающими. Только в отличие от обычной джс макаки он знает куда больше дополнительных технологий.

Ответы>>469323

17 Фев, 21:31 #410 #469311

>>469305
А кем устраивать, блядь? Я на предприятиях побывал на практике, ну его нахуй блядь.

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

Ответы>>469312>>469316

17 Фев, 21:32 #411 #469312

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

Ответы>>469319

130 Кб, 768x1024

17 Фев, 21:32 #412 #469314

>>469299
> Тимлид фронтенда? Серьезно?
А чё, тимлидом только по жабе какой-то можно стать, а по жс нет? Чё за хуйня? Зачем вы меня пугаете, ироды?

Ответы>>469320>>469323

17 Фев, 21:34 #413 #469316

>>469311
>я не хочу работать ВООБЩЕ
>wrk
Нахуй пошел отсюда.

Ответы>>469319

34 Кб, 604x462

17 Фев, 21:35 #414 #469318

>>469306
Старые ядерщики-физики всю жизнь дрочили матан и продолжают его дрочить. У них котелок настолько варит, что они и в 60 будут вполне работоспособны. А чем занимаются всю жизнь фронтенд-девелоперы? Подгоняют макеты, да пишут код на js. Тут большого логического аппарата не надо, мозги не сильно тренируются именно в плане логики.

Ответы>>469321>>469324>>469327

17 Фев, 21:35 #415 #469319

>>469312
> Ясно
Понятно, блядь.

>>469316
> Нахуй пошел отсюда.
У вас смысл жизни это работа, вас родили, чтобы вы ебашили всю жизнь, поехавшие?

Ответы>>469334

17 Фев, 21:35 #416 #469320

>>469314
Ой, больше слушай этих аутистов. Сходи на hh.ru и сам посмотри.

17 Фев, 21:36 #417 #469321

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

Ответы>>469325

17 Фев, 21:37 #418 #469323

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

Ответы>>469328>>469335

17 Фев, 21:37 #419 #469324

>>469318
то есть ты так убежден в том, что во фронт энде на js только слайдеры прикручивают да пипиську локал стораджа дергают?

17 Фев, 21:38 #420 #469325

>>469321
>нужно учить новое.
Вот тут пожалуй соглашусь. Даже в бэкенде так часто новые фичи не выходят. Но в бэкенде, с другой стороны, опять же, больше логики.

Ответы>>469329>>469344

17 Фев, 21:38 #421 #469327

>>469318
Область колбасит, новые технологии чуть не каждый месяц, все время нужно изучать что-то новое. Например, Redux вышел только в июне 2015, а сейчас его ставят с каждой второй установкой Реакта.

17 Фев, 21:39 #422 #469328

>>469323
Архитектура и координация работы над сложными SPA, очевидно.

17 Фев, 21:39 #423 #469329

>>469325
Если тебе все это интересно, наверни Савельева.

Ответы>>469333

17 Фев, 21:41 #424 #469333

>>469329
Ойблять, только не начинайте сейчас.
мимо заглядываю иногда в /sci

Ответы>>469337

17 Фев, 21:42 #425 #469334

>>469319
Смысл не в работе самой по себе, а в создании новых ценностей. От лежания на диване они почему-то не создаются.

Ответы>>469338>>469717

17 Фев, 21:43 #426 #469335

>>469323
Делать нам нехуй, только объяснять тебе очевидные вещи. Действительно зачем нужен тимлид команде разработчиков? Достаточно взять двух джунов, одного версталу, и можно свой букинг ком пилить.

17 Фев, 21:44 #427 #469337

>>469333
Мы тут щас за пенсии сремся.

17 Фев, 21:45 #428 #469338

>>469334
> От лежания на диване они почему-то не создаются.
А ты перестань меланхолию трудом лечить, может и найдутся.

17 Фев, 21:49 #429 #469344

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

Ответы>>469353

17 Фев, 21:56 #430 #469353

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

Ответы>>469360

17 Фев, 22:06 #431 #469360

>>469353
https://github.com/blog/2047-language-trends-on-github

мимо-анон

Ответы>>469363

17 Фев, 22:08 #432 #469363

>>469360
ну теперь-то все понятно.

26 Кб, 363x364

17 Фев, 22:10 #433 #469367

>>469290
Сук пздц душевная лекция. Часто представляю себя в 40+ уже тупым, старым, хрыщем который будет нахуй никому не неужен в этом фронтенде, но этот мужик дает надежду.

1257 Кб, 1903x883

17 Фев, 22:29 #434 #469397

Ребята, подскажите как выровнить текст внутри этой маски. Vertical Align не применяется, не понимаю в чём причина. Всегда проблема с этой хуйнёй.

Ответы>>469402>>469413

31 Кб, 699x514

17 Фев, 22:31 #435 #469402

>>469397
код блядь....КОООООООООД

Ответы>>469414

17 Фев, 22:38 #436 #469413

>>469397

Это разные блоки. Каким образом оно у тебя туда залезло

Ответы>>469415

17 Фев, 22:39 #437 #469414

>>469402
Картинки я так понимаю не подцепить. https://jsfiddle.net/n0sgffd2/

Ответы>>469437

17 Фев, 22:39 #438 #469415

>>469413
position: absolute, не?

17 Фев, 22:57 #439 #469435

>>469290
Видео смотрел где-то до половины, довольно давно. Так и не понял, что помешало ему взяться за изучение новых технологий, в частности JS. За то время сколько он уже верстает, мог бы себя поднатаскать и сойти за джуна-мидла фронтендера. Ну а оттуда уже путей масса.

Ответы>>469509

17 Фев, 23:02 #440 #469437

>>469414

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

582 Кб, 720x540

17 Фев, 23:03 #441 #469440

>>469290
пиздец, мне 20, уже полгода думаю, что уже давно проебал все полимеры, не стать уже нормальным фронтом и подобное

Ответы>>469448

17 Фев, 23:06 #442 #469448

>>469440
из-за этого с последней работы ушел.

18 Фев, 00:03 #443 #469509

>>469435
Лол, он умеет в js да и работает в яндексе как бы)

Ответы>>469519

18 Фев, 00:16 #444 #469519

>>469509
Почему тогда версталой остался? Он ведь на это жалуется всю презу?

Ответы>>469528>>469530

18 Фев, 00:19 #445 #469521

>>469108
Любой профиль в инстаграме.
https://www.instagram.com/eloadefly/

18 Фев, 00:24 #446 #469528

>>469519
Он не жалуется, а рассказывает что бывает в кризис среднего возраста и что делать чтобы работа так же доставляла удовольствие как и раньше. Ну делится мудростью так сказать. Предупреждает молодежь. Кого-то наоборот может даже подбодрить видосик, конечно если полностью глянуть, а не только то где жалуется)
Кстати фишка с оценкой сроков про которую он рассказал занятная довольно (взял на вооружение) и карта жизни (ну в смысле листочек на котором недели зачеркиваешь)

18 Фев, 00:24 #447 #469530

>>469519
верстальщик на js тоже пишет. и он, по сути, не просто верстальщик, а начальник отдела фронтенда.

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

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

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

18 Фев, 00:25 #448 #469531

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

Я не понимаю, на каком основании ты фронтендеров отделяешь от остальных? На западе Frontend Software Engineer вопринимается как любой другой Software Engineer. И зарплаты такие же в среднем.

43 Кб, 819x460

18 Фев, 03:14 #449 #469584

Господа, как по уму сделать вот такую разметку и сделать, чтобы по клику на текст этот див разворачивался на весь экран (и обратно)?

Ответы>>469586

18 Фев, 03:30 #450 #469586

>>469584
Можно таблицей, можно флексбоксом, можно даже флоатами или инлайн-блоками. В чем конкретно сложность?

Ответы>>469589

18 Фев, 03:45 #451 #469589

>>469586
В красивой анимации разворачивания. Вот над ней я и думаю.

16 Кб, 330x122

18 Фев, 06:09 #452 #469606

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

Ответы>>469607>>469617

18 Фев, 06:13 #453 #469607

>>469606
Через бордер радиус.
Попробуй задать его сразу, но указав цвет transparent. А при ховере ставить border-color: white. Транзишн ещё прилепи и збс будет.

Ответы>>469609

18 Фев, 06:16 #454 #469609

>>469607
Спасибо, сработало

18 Фев, 11:16 #455 #469617

>>469606
box-sizing: border-box

Ответы>>469635

18 Фев, 11:49 #456 #469635

>>469617
Тогда немного дрыгается иконка внутри

18 Фев, 11:52 #457 #469636

Аноны, а в сети вообще есть годный и полный гайд по Angular (бесплатно)?

Ответы>>470085

18 Фев, 13:10 #458 #469708

>>469290

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

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

Ответы>>469738

18 Фев, 13:22 #459 #469717

>>469334
>создании новых ценностей
>веб-макаки

18 Фев, 13:52 #460 #469738

>>469708
Першин как бы не верстальщик изначально, а прогер (он сам это говорил)

18 Фев, 14:01 #461 #469748

В адаптиве на какое минимальное разрешение значение ширины опираться? На каком там говне минимум сидят, 285-300?

Ответы>>469752>>469758

18 Фев, 14:03 #462 #469752

>>469748

яйфончики 320 вроде.

18 Фев, 14:09 #463 #469758

>>469748
Я делаю до 320. Все что ниже - дно.

Ответы>>469827

18 Фев, 15:22 #464 #469827

>>469758
Прочитал первую часть подумал нихера себе делает от 0 до 320. Потом из второй части поста понял что ты говорил не про mobile-first лол

64 Кб, 226x228

18 Фев, 15:26 #465 #469829

Рассказываете свои истории что ли, 24лвл все еще верстала без знания js

Ответы>>469835>>469845

18 Фев, 15:47 #466 #469835

>>469829
город,зп?

Ответы>>469867

18 Фев, 15:48 #467 #469836

Ебать комьюнити разнесло. Года два назад какая-то всратая доска была одна. Сколько щас платят за это говно? Также нихуя?
мимо 7 месяцев на проектах дропнул это говно

18 Фев, 16:02 #468 #469845

>>469829
Сколько чалишься? Как устроился?

Ответы>>469867

18 Фев, 16:15 #469 #469855

У меня нихуевый диссонанс с такого js http://www.fiveminutes.gs/

Ответы>>469887

18 Фев, 16:20 #470 #469867

>>469835
>>469845
Мухосрань, 25к удаленка
работаю около года может больше, вот теперь хуй знает нужен ли мне этот веб вообще

Ответы>>469868>>469873>>469891>>470014

18 Фев, 16:22 #471 #469868

>>469867
бля ты что не можешь найти вакансию получше? Много раз видал куда более выгодные удаленные верстало вакансии

Ответы>>469871

18 Фев, 16:23 #472 #469871

>>469868
Без знания js Больше 30к не видел

Ответы>>469877

18 Фев, 16:24 #473 #469873

>>469867
такой же мудель как и я, походу . только я ещё и в офисе сидел и меня потом с деньгами кинули, правда версту надрочил дай боже

18 Фев, 16:27 #474 #469877

>>469871
ну так что мешает его учить? Лень? Этож как пуэ для электрика.

18 Фев, 16:33 #475 #469887

>>469855
ппц тянке

18 Фев, 16:34 #476 #469891

>>469867
Кстати, на каких сайтах можно удаленку искать?
(интересуюсь на будущее, как раз скоро за js сяду)

Ответы>>469895

18 Фев, 16:36 #477 #469895

>>469891
hh хули

Ответы>>469901

18 Фев, 16:37 #478 #469901

>>469895
А, ну я думал еще какие варианты спецом для удаленок есть. Ясно, пасиб

18 Фев, 16:38 #479 #469903

просто верстка - ссаное дно. такое же как все крудошлепства и формоебства с продакшеном. из неё куда выкатываться? разве что в mobile app. а потом как-то к двиглу вырулить. лучше сразу двигло дрочить

Ответы>>470015>>470085

22 Кб, 259x154

18 Фев, 17:14 #480 #469941

Как сделать такому псевдоэлементу прозрачность вокруг? У меня получается такой треугольник сделать, но фон мешается вокруг него.

Ответы>>469948>>469959

18 Фев, 17:17 #481 #469948

>>469941
Иди нахуй, заебали уже. Прочитай что написал сам и пойди догадайся хули хотел, где как что.

Ответы>>469955

138 Кб, 300x300

18 Фев, 17:18 #482 #469955

>>469948
очередная манька порвалась. Снова не осилил псевдоэлементы?

Ответы>>469969

18 Фев, 17:19 #483 #469959

>>469941
rgba(0,0,0,0)

18 Фев, 17:26 #484 #469969

>>469955
вроде это ты не осилил, нет?

Ответы>>469991

23 Кб, 480x336

18 Фев, 17:44 #485 #469991

>>469969
ссу тебе на затылок, маня.

18 Фев, 18:17 #486 #470014

>>469867
>25к
>удаленка
>работаю около года
Проиграл
Мимо джуниор 40к

15 Кб, 292x227

18 Фев, 18:18 #487 #470015

>>469903
Аночики, он прав?

Ответы>>470044>>470119

18 Фев, 18:50 #488 #470044

>>470015
Верстка — дно, фронтенд-разработка — нет.

Ответы>>470052

18 Фев, 18:54 #489 #470052

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

Ответы>>470058>>470075>>470085

18 Фев, 18:55 #490 #470058

>>470052
Серьезные SPA, очевидно.

Ответы>>470064

18 Фев, 19:01 #491 #470064

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

Ответы>>470068>>470085

18 Фев, 19:02 #492 #470068

>>470064
https://ru.wikipedia.org/wiki/Одностраничное_приложение

18 Фев, 19:09 #493 #470075

>>470052
Ну давай маня, запали ка мне на коленке сайтец уровня
http://www.courchevel.com/
посмотрим как ты запоешь.

Ответы>>470078>>470118>>470157

18 Фев, 19:14 #494 #470078

>>470075
1. Типичная страничка
2. Убогий логотип

Ответы>>470080>>470088

18 Фев, 19:17 #495 #470080

>>470078
Там справа меню есть "гений". Ты пощелкай посмотри.

Ответы>>470100

18 Фев, 19:22 #496 #470085

>>469636
Первая ссылка в гугле.

>>470052
>А что там кроме верстки разрабатывать-то? Эффекты и прочие свистоперделки на js писать?
>>470064
>Не гуглится :(
Очередной диван что-то пиздит, в то время как даже не знает что такое SPA.

>>469903
>из неё куда выкатываться
Во фронтенд, очевидно. А из него можно в node.js, если будет на то желание.

18 Фев, 19:28 #497 #470088

>>470078
>2. Убогий логотип
Лого Толмачево перерисовали в полноценную снежинку

18 Фев, 19:49 #498 #470100

>>470080
>меню
ВАААААААУ

Ответы>>470107

18 Фев, 19:58 #499 #470107

>>470100
Ты правда такой дебил или прикидываешся?

Ответы>>470122

18 Фев, 20:16 #500 #470118

>>470075
и что?
хочешь сказать что это полноценное приложение?
это обычное формошлепство со свистоперделками.
верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
верстал интернет-магазины

Ответы>>470127>>470135>>470139

18 Фев, 20:17 #501 #470119

>>470015
прав. до сих пор жалею что засиделся на ней так долго и стольки сил вбухал

Ответы>>470123

18 Фев, 20:22 #502 #470122

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

18 Фев, 20:22 #503 #470123

>>470119
Пили кулстори

Ответы>>470188

18 Фев, 20:34 #504 #470127

>>470118
таки дебил

18 Фев, 20:37 #505 #470128

Все у них свистоперделки, пиздуйте реализуйте какой-нибудь evernote блядь

Ответы>>470136

18 Фев, 20:43 #506 #470133

или все сервисы яндекса, тож ниче сложного, но

18 Фев, 20:45 #507 #470135

>>470118
Это нихуя не приложение, но попробуй ты написать что-то подобное - обосрешся на второй странице и побежишь звать мамку.
>это обычное формошлепство со свистоперделками.
За такое, как ты выразился "формошлеперство" заказчики валят немеренно бабла. Сумеешь реализовать всю клиентскую часть самостоятельно - считай что ты лакомый кусочек для половины ДС студий. Можешь теперь вертеть носом и отказываться от зп в 2к зелени. И заметь, я не только о верстке, а вообще о всей кутерьме замешанной на JS и т.д.
>верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
Половину треда вам дебилам объясняют, что из верстальщик - личинка фронтендера, а они до сих пор что-то мычат. Пиздец. Вы либо воспринимать информацию не умеете, либо идиоты, либо просто зелень диванная.

Ответы>>470147

18 Фев, 20:45 #508 #470136

>>470128
Дак там обычная скролинг-страничка

Ответы>>470137>>470138>>470140

18 Фев, 20:46 #509 #470137

>>470136

Ответы>>470150

18 Фев, 20:48 #510 #470138

>>470136
лол

Ответы>>470150

18 Фев, 20:48 #511 #470139

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

121 Кб, 421x404

18 Фев, 20:48 #512 #470140

>>470136

Ответы>>470150

62 Кб, 800x666

18 Фев, 20:50 #513 #470143

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

18 Фев, 20:54 #514 #470147

>>470135
даже пробовать не буду.
движок бы попробовал
да мне без разницы, делайте че хотите

Ответы>>470153

18 Фев, 20:57 #515 #470150

>>470137
>>470138
>>470140
Сема

69 Кб, 968x383

18 Фев, 20:58 #516 #470151

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

Ответы>>470173>>470178>>470186>>470187

60 Кб, 600x400

18 Фев, 20:58 #517 #470152

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

Ответы>>470158

18 Фев, 20:59 #518 #470153

>>470147
Ну так для бэк-енда есть отдельные треды - вкатывайся туда: PHP, ruby и т.д.

Ответы>>470156

8 Кб, 184x184

18 Фев, 20:59 #519 #470156

>>470153
.., JS

Ответы>>470161

18 Фев, 21:00 #520 #470157

>>470075
а почему нет БЭМа на этом сайте? М??? Значит я был прав насчет него? БЭМ донное гавнище?

Ответы>>470160>>470162

18 Фев, 21:00 #521 #470158

>>470152
>ноют что это дно
Это подгорающие от своей бесперспективности копирайтеры заскакивают.

18 Фев, 21:00 #522 #470160

>>470157
БЭМ это состояние души, ты просто нихуя не понял

18 Фев, 21:00 #523 #470161

>>470156
Ну да, нода в и т.д. у меня ушла)

18 Фев, 21:01 #524 #470162

>>470157
>если на каком-то сайте нету БЭМа, значит он говно
Логика уровня /b/.

Ответы>>470163

18 Фев, 21:02 #525 #470163

>>470162
так мне тут с пеной из рта доказывали, что БЭМ это огромный шаг в будущее.

Ответы>>470167>>470168>>470170

18 Фев, 21:03 #526 #470167

>>470163
Я лично просто взял их логику, т.е. отвязку от анального каскадирования и модульность независимую и скажу что это реально удобно. А вот читать методу что там селектор что модификатор что класс...в пизду.

Ответы>>470174

18 Фев, 21:04 #527 #470168

>>470163
Очевидно что тебе нагло врали.

Ответы>>470174

18 Фев, 21:04 #528 #470170

>>470163
БЭМ это просто инструмент. Кроме него есть другие похожие, и всегда можно именовать классы по-своему.

Ответы>>470174

18 Фев, 21:06 #529 #470173

>>470151
подскажите, как тут сверстать лучше. Я вообще не могу понять, как правильнее будет

Ответы>>470187

26 Кб, 581x422

18 Фев, 21:06 #530 #470174

>>470170
>>470168
>>470167
пиздец

18 Фев, 21:08 #531 #470175

серьезно, доска напоминает секту)

Ответы>>470180

18 Фев, 21:09 #532 #470176

Начинается бля, ну пиздец. БЭМ не БЭМ.
Да пишите как хотите, не ебите мозг. Хочешь без методологии, хочешь по SMACSS, хочешь по БЭМ (или BEM или даже БЁМ), хочешь по OOCSS, хочешь по MCSS или вообще не пишите.

18 Фев, 21:09 #533 #470178

>>470151
Где там пунктирные линии?
Насчет шестиугольника, можешь глянуть создание фигур на ксс. Его полюбому можно сделать, другое дело, стоит ли игра свеч. Если совсем беда - можно и вырезать конечно. Правда там тенюшку вижу надо будет откидывать.

Ответы>>470185

28 Кб, 630x354

18 Фев, 21:11 #534 #470180

>>470175
Блять скажите что он тралит. Неужели наш тредик зашкварился об ньюфага-смайлоёба?

96 Кб, 500x500

18 Фев, 21:13 #535 #470182

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

Ответы>>470191

75 Кб, 968x383

18 Фев, 21:15 #536 #470185

>>470178
вот же эти линии

18 Фев, 21:15 #537 #470186

>>470151
Пунктирные можно бы было сделать через dashed, но уж больно они длинные. Можно одну вырезать и потом репитить наверное.

Фигуры наверное можно и на css, и через свг-маску и просто вырезать.

18 Фев, 21:17 #538 #470187

>>470173
>>470151
Возьми три блока с пунктир бордерами сверху слева и справа, second-child'у только верхний и спозиционируй под этими при это ширину не фиксируй, для адаптива надо смотреть на месте на поведение, сказать сложно так.

Ответы>>470200

18 Фев, 21:18 #539 #470188

>>470123
уебок-директор дрочил на поддержку старого говна. меня заебало верстать под ie 5 + и я ушел

Ответы>>470189

18 Фев, 21:18 #540 #470189

>>470188
три года назад было

18 Фев, 21:19 #541 #470191

>>470182
Насчет копирайтеров не знаю, но после месяца прибывания в /пр я считаю эти треды более простенькими что ли. То есть в /пр сидят благородные господины, настоящие программисты. А тут максимум верстальщики и js-макаки. Обидо, но это правда

Ответы>>470195>>470198

18 Фев, 21:21 #542 #470195

>>470191
может потому что этот тред для обучения верстке?

18 Фев, 21:22 #543 #470198

>>470191
JS тоже в /pr если че)

Ответы>>470202

18 Фев, 21:22 #544 #470200

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

Ответы>>470204

18 Фев, 21:24 #545 #470202

>>470198
ПхП тоже там. Но пхп от этого элитнее не стал.

Ответы>>470210

18 Фев, 21:24 #546 #470203

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

Ответы>>470209

18 Фев, 21:25 #547 #470204

>>470200
у меня min-width: 1140px;
Вроде не должно быть проблем при уменьшении экрана. Тут дали кучу советов, но какой из них будут правильнее?

Ответы>>470207

18 Фев, 21:26 #548 #470207

>>470204
можешь эти линии в один png соединить и тупо на фон въебать :3

18 Фев, 21:28 #549 #470209

>>470203
Посмотри вакансию любого фронта, даже от синьеров требуют углубленное знание HTML5/CSS3.

18 Фев, 21:29 #550 #470210

>>470202
Кстати да, думаю, чего не хватало то здесь... Шутеек про js и php)

18 Фев, 21:34 #551 #470214

Хотел переделать немного гайд по гитхабу, но проебал пароль и фейкомыло. Там скрины новые нужны. Простите, сосоны.

Ответы>>470217

18 Фев, 21:37 #552 #470217

>>470214
да пох, по нему инфа гуглится без проблем. Да и на самом хабе есть вся инфа.

18 Фев, 21:43 #553 #470228

Пелите перекат, что ли. Хотя я считаю лучше закрыть эти треды нахуй, все равно сюда кроме нытиков и ньюфагов-долбоебов, не умеющих в гугл, никто не заглядывает.
Давайте больше не будем создавать, а? Конкурентов плодить?

Ответы>>470235

18 Фев, 21:48 #554 #470235

>>470228
да какая нахуй конкуренция, тут реально темой занимается человек 20 от силы. 85 постеров если в треде, сколько залетных еще и сколько только начали и скоро забьют хуй

Ответы>>470339

18 Фев, 21:58 #555 #470248

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

Ответы>>470252>>470256

18 Фев, 22:01 #556 #470252

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

Ответы>>470258

18 Фев, 22:02 #557 #470256

>>470248
забыл добавить, до сих пор не могу понять многое в формах. Например в седоне на главной странице, когда надо вызвать щелчком форму над картой.

18 Фев, 22:03 #558 #470258

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

Ответы>>470266

18 Фев, 22:05 #559 #470266

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

Ответы>>470283

18 Фев, 22:11 #560 #470283

>>470266
ну это надо кидать на кодепен, а потом картинки вставлять. Потом как-нибудь вкину. Вспомнил что есть косяк на второй странице при уменьшении экрана футер ломается. Может через пару дней кину сюда. Пока что надо доделать другой макет

Ответы>>470287

18 Фев, 22:12 #561 #470287

>>470283
на хостингер какой-нибудь залить не проще?

18 Фев, 22:18 #562 #470295

https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
ПЕРЕКАТ

18 Фев, 22:18 #563 #470296

https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)
https://2ch.pm/wrk/res/470294.html (М)

18 Фев, 22:46 #564 #470339

>>470235
Ну тогда перекат пилите.

23 Фев, 10:04 #565 #474985

>>463552 (OP)
>Фронт-энд
>завалиться в хардкорный фронт-энд
Поясните, что это значит. Где можно ознакомиться с основной номенклатурой?

Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 21 марта 2016 года.

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

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

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion