Первый.
В продвинутом курсе надо будет верстать макет пинк. Сначала как я понял надо будет делать мобильную версию. Ее ведь надо верстать как обычный макет, а потом уже прописывать в самом конце @медиа для планшета и по возрастанию?
Анончики, по поводу вырезания.
Вот в туториале советуют брать интересующее изображение, дублировать, делать трим, обрезать прозрачные писсеи и затем экспортировать для веб.
А на ютубчике видел, как чуваки просто выбирают "конверт в смарт-объект" и после этого экпортировать. В чём разница?
Вот в туториале советуют брать интересующее изображение, дублировать, делать трим, обрезать прозрачные писсеи и затем экспортировать для веб.
А на ютубчике видел, как чуваки просто выбирают "конверт в смарт-объект" и после этого экпортировать. В чём разница?
Всегда смарт-объектом делал, брат жив.
Анон, который сервак искал,
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:
from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()
И собственно всё. Или тебе всякие бд нужны?
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:
from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()
И собственно всё. Или тебе всякие бд нужны?
Не знаком с питоном совсем. Решение, вроде, неплохое, но я зря чтоли в апаче разбирался?
Ну да.
А ты на винде поднимаешь?
В данный момент да, но вообще бывает и под прыщами работаю (когда на рельсах надо писать).
К слову о винде и линупсе.
Под чем лучше верстать/фронтэндить? На винде фотошоп работает без мокрых писек, интерфейс в десятке приятный на глаз, но вот когда нужно работать с консолью, начинаются костыли и попаболь.
А в линуксе православная консоль, работать с которой одно удовольствие, но опять же с фотошопом надо пердолиться.
Кто на чем сидит, котаны?
Под чем лучше верстать/фронтэндить? На винде фотошоп работает без мокрых писек, интерфейс в десятке приятный на глаз, но вот когда нужно работать с консолью, начинаются костыли и попаболь.
А в линуксе православная консоль, работать с которой одно удовольствие, но опять же с фотошопом надо пердолиться.
Кто на чем сидит, котаны?
dooalboot
Никак не пойму, откуда у меня этот зазор? В стилях прописал только то, что отображается в инспекторе (+нормалайз).
Cмотри, а если два харда, один системный, другой помойка - можно же на помойку поставить линух?
Бля, пока писал, вспомнил, помойку форматить же надо будет, да?
Можно отрезать от помойки кусок и поставить туда линукс.
Уже ответили, но да, от помойки отрезаешь кусок через gparted, размечаешь ручками раздели и все, ставишь линукс. Вот как раз хорошая статься в закладках висит: http://help.ubuntu.ru/manual/%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B0_%D0%B4%D0%B8%D1%81%D0%BA%D0%B0
И че, каждый раз как мне нужно собирать через gulp, бутиться в линупс? Я вообще комплуктер не люблю перезагружать, когда много процессов висит, потом все разворачивать снова лень.
Бля, точняк, спасиб
Короче переписал разметку с нуля и проблема ушла (хотя я ничего и не менял, разве что имена классов поправил).
Но мне чисто для себя интересно - что это за хуйня была?
Gulp и под шиндовс норм работает.
Попобава.
Ну ладно, пожалуй останусь на шинде. Кмдер же нормальная консоль?
Нихуя не смешно. Я чувствую, что что-то пропустил в теории, и даже не знаю, что.
>Под чем лучше верстать/фронтэндить?
Под маком, очевидно же.
Где бы еще 100к на него найти.
Наверное лучший эмуль консоли для окон
Заработать
Ставишь в винде git, работаешь в git console.
Сам так делаю.
А мы тебе гадалки, по скриншоту решать где твое говно разваливается?
Ну ладно, это скорее всего маргин списка.
сижу на уебунте, фотошоп запускаю через playonlinux. работает он хуевато и мной уже не раз были замечены мелкие косяки, но в целом для верстки канает. остальным, в общем, не рекомендую этой тупоебой возни и советую сидеть тупо на винде, хотя бы в чем-то облегчите свои сраные никчемные жизни. уж для консоли какую-нибудь хуйню можно поставить. сам бы перелез на винду, но отвык сука уже, да и лень искать нормальный вариант, ставить это все.
раньше, кстати, ставил виртуалку с фотошопом - очень заебывало переключаться между системами, настраивать эти общие папки ебучие, в общем, пиздец говно. а сейчас юзаю ноут, которому от виртуалки становится плохо, так что playonlinux.
А через wine не пробовал?
пробовал неоднократно, неоднократно соснул.
А какие именно косяки в работе фш?
ну например, когда пытаешься вырезать что-нибудь через crop tool, появляется маленькое окошко с циферками W и H, параметрами той области, которую ты собираешься вырезать. так эти циферки нихуя не подгружаются, когда ты водишь мышью и эта область меняется. еще бывает по мелочи, может отвалиться какая-нибудь хуйня и перестать работать. наверняка есть еще что-то. в общем, если надо было бы юзать фотошоп как основной инструмент, а не как приблуду для нарезки макетов, наверное было бы туговато. фотошоп у меня конечно же паленый, но в той же виртуалке например такого говна не было. хотя хуй знает, может, с ноутом как-то связано, тоже хуйня та еще.
На моём ноуте под вайном и pol запускается только CS2, а 90% макетов, которые я получаю по на фрилансе, не открываются в нём. Так что не вижу ничего зазорного в дуалбуте, тем более для вёрстки по удобству системы в принципе сравнимы.
Убунта нужна для более сложной разработки, чем psd-to-html+js.
Сложно во фриланс вкатиться с нуля?
>Убунта нужна для более сложной разработки
например?
В прошлом треде писал, для рельс, например
Сам ты ебанутый.
Нет. Я на прошлой неделе вкатился, вчера сходил все шмотки новые купил в брендовом магазине, думаю машину и квартиру в кредит брать. До этого листовки раздавал у Ашана.
Сестра посоветовала вкатиться, она менеджером интернет-магазина работает, 150.000-200.000 рублей в месяц зарабатывает, не больше 2-3 часов в день работает.
Я года пол учился перед своим первым заказом, и выполнил его очень хуёво. Сейчас примерно год опыта, можно жить одним фрилансом, но не оче бохато.
Как вы заказы набираете, если на верстку предложения редки и под каждым толпень в рот мне ноги спецов и студий набегает с отпалированными портфолио?
Верстаешь или чего покруче делаешь ?
Верстаю, если больше ничего нет. Предпочитаю клиентский джаваскрипт, но фреймворками не владею, поэтому выполняю узкий круг задач с jquery и ajax.
А если серьезно? Я почему спрашиваю - понимаю, что для работы во фрилансе, лучше сначала поработать в офисе. Но я на четвертом курсе, надо сдавать долги и писать диплом. Город небольшой, поэтому вакансий фронт-ендеров (даже не верстальщиков, их вообще нет), очень мало, а те что есть не предполагают гибкого графика и неполного рабочего дня.
Мне бы хотя бы 5к рублей в месяц иметь дополнительно, чтобы к концу обучения иметь какой-то запас, чтобы снять хату и так далее.
Можно ли на fl.ru, например, работать за еду, пусть даже это будет правка формочек?
Всем привет. Оцените мой макет. Сильно плохо сверстал?
http://codepen.io/anon/pen/EPGMKw?editors=1100
P.S. Не обращайте внимание на картинки, это просто рандомные фотки с инета под размер оригинальных.
P.S.S. Так же подскажите, как сделать широкие картинки на всю ширину, а не под размер контейнера. Макет называется casablanca.
http://codepen.io/anon/pen/EPGMKw?editors=1100
P.S. Не обращайте внимание на картинки, это просто рандомные фотки с инета под размер оригинальных.
P.S.S. Так же подскажите, как сделать широкие картинки на всю ширину, а не под размер контейнера. Макет называется casablanca.
А теперь убери из верстки весь каскад и поименуй по БЭМу. А потом переведи в SASS, вычисти повторный код и сделай вложенные правила, где уместно.
Алсо, нахуя писать все моднявным, очевидно несистемным шрифтом и при этом не подключать его?
Пацаны, у меня див, в нем див, я прописываю последнему диву маргин - нихуя не происходит, что я делаю не так?
Верстал этот макет после 4 макетов по базовому, так что пока что не приступал к просмотру продвинутого интенсива. Вот решил узнать мнение, готов ли я уже к продвинутому.
Насчет шрифтов, не знаю почему они на кодепене не подключились. У меня они работают, но на сайте нет.
Так я готов к продвинутому или нет?
При определенный условиях он схлопывается с маргином родителя: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
Спасибо.
Алсо, я задал флоат и норм стало.
Может потому что себе на комп ты их поставил, а про @font-face забыл?
Я хз что за интенсивы вообще, но правила вида .our-portfolio .filter a это точно хуйня полная.
Ананасы, закатился пару месяцев назад во фронтенд. В общем положняк такой: ваша йоба-верстка нахуй никому не нужна. Сейчас конечно могут набежать фронтендеры 5+ лет опыта и обоссать меня, но такая ситуация не только у меня, а еще у пары знакомых. Так вот, уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро. Хуяришь сайты на бутстрапе параллельно допиливая "дизайнерские задумки", которые разбиваются о гридовскую сетку, правки, правки, правки, макета из корела, тормозящие слайдеры на джиквери, вот это вот все. Вам конечно может и повезет и вы попадете в нормальную студию, но зачем нормальной студии даун без опыта. Так что поковыряйте перед устройством бутстрап, возможно придется чистить вилкой чужую верстку, а лазить каждый раз в документацию не комильфо и крайне желательны хотя бы в общих чертах понимать пыху.
Спасибо, и так знаем что гавноконторам надо человекаоркестра за еду.
>Хуяришь сайты на бутстрапе
>правки, макета из корела,
>тормозящие слайдеры на джиквери
>называет себя фронтендером
лол
Вот и первый сеньор, как по заказу. По делу то есть что сказать или ты из б с гринтекстом прибежал?
обосрался с этого дауненка-"фронтендера". хотя в чем-то он прав, иногда юзаю бутстрап-скрипты, потому что проще и быстрее взять готовый дропдаун, чем писать его самому. но стили его не юзаю, они пиздец вообще. то же самое со слайдерами-хуяйдерами. проще взять фотораму и чуть подредактировать стили, чем заново костылить. и так, по сути, везде. нет смысла писать костыли и велосипеды, если есть уже готовые решения (если только они не написаны как говнецо).
а верстка на фронте нужна, без нее просто соснешь. так-то, что даже начинающий фронт как минимум обязан знать html, css, js, svg, photoshop и jquery с аяксом хотя бы + разбираться в браузерах и том, как они рендерят. это основа. если говоришь, что верстка не нужна, ты хуй простой, а не фронт. дальше уже опционально, но часто нужно всякие ангуляры и прочее говно, php на уровне понимания, что происходит в этом блядском говне, движки всякие можно просматривать, wordpress тот же выучить можно, это несложная хуета. ну и так далее.
мимо фронтенд 2 года стажа
Я не говорил, что она совсем не нужна. Я о том, что ирл практичней знать необязательно хорошо, но все, чем выдрачивать по бэму десяток макетов, а потом закономерно соснуть
>уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро
брейкин ньюс блять.
Чувак, это зависит от того как ты еще к своему занятию относишься. Раз ты считаешь что нормально делать нахуй не всралось, то тебе явно не интересно то чем ты занимаешься, тогда какого хрена ты вообще этим занимаешься, а? Плох тот спец, который не любит свою работу и не стремится делать ее как можно лучше. Олсо в долгосрочной перспективе человек который охуенно знает свое дело потеснит вот такую макаку, которую ты описал, хотя получить бабло тут и сейчас ему будет сложнее, не спорю
подскажите что выбрать? Лесс или Сасс? Что сейчас используют чаще?
Сверстай на less, sass, stylus по одному простенькому макету и поймешь, что тебе больше нравится + будешь знать базовый синтаксис каждого и потом не будет особых проблемм с переходом с одного на другой.
А так sass несколько чаще юзают
По делу уже этот сказал.
От себя добавлю что если хочешь быть хорошим спецом то должен разбираться во всем досконально, более того, хотеть это делать. Только такие зарабатывают реальные деньги востребованы в нормальных конторах, где джуну фронту платят от 500 баксов и, что куда важнее, имеют реальные перспективы.
Но опять же, все зависит от задач. В говноконторках пилящих сайтики на конвейере, которым вообще поебать, чем там потом будет, хватит и твоих навыков. Побробуешь вкатиться не развиваясь дальше на ступеньку выше - скорее всего соснешь.
Потому что там требуется верстка, когда можешь запилить вообще все что накалякал дизайнерв разумных пределах офкорс и джс, когда можешь любой клиентский скрипт реализовать/улучшить сам, а не подключать говнобиблиотеки с говноплагинами, которые весят больше, чем весь твой говеный сайт вместе с графикой.
Да там дохуя чего требуется на самом деле, немного лень щас перечислять.
Так что ты антоша не фронтендер нихуя. Ты возможно верстальщик, а если и верстку плохо знаешь, тогда бутстрапер/интегратор.
БЛЯТЬ, ЕБУЧИХ ФРОНТЕНДЕРОВ РАЗВЕЛОСЬ, КАК СОБАК НЕРЕЗАНЫХ
даже в моих унылых ебенях какие-то гаврики взялись провести месячный ололо-ликбез по бэмам и галпам. я бы ради интереса сходил кстати, но запись уже проебал, да и ехать туда сука 2 часа.
уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.
даже в моих унылых ебенях какие-то гаврики взялись провести месячный ололо-ликбез по бэмам и галпам. я бы ради интереса сходил кстати, но запись уже проебал, да и ехать туда сука 2 часа.
уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.
> если хочешь быть хорошим спецом то должен разбираться во всем досконально
> человек который охуенно знает свое дело потеснит вот такую макаку
Эх сейчас бы прописные истины послушать, а то ведь никто не понимает этого. Я написал то, с чем могут столкнуться здешние аноны, потому что с этим столкнулся я и еще пару человек из окружения. Что перед устройством лучше не в верстку углубляться, а пройтись везде по верхам, что на начальном этапе будет полезнее. А вы сразу начали кукарекать про мои скиллы( к слову я о них вообще не писал, речь шла только о том что они не всрались на данном этапе ), что нужно учить, чтоб потом пойти на повышение(ДАЛАДНА). Только вот я написал, что может помочь анону на старте, дальше то он сам разберется. А вы мало того что жопой читаете, так еще и кукарекать прибежали, непонятно на чем основываясь делать выводы обо мне вместо того, чтоб дополнить списочек того, что может на старте помочь. Тащемта вся суть мамкиных хтмл сеньоров.
>списочек того, что может на старте помочь
http://www.nicothin.ru/page/chto-izuchat-html-verstalshhiku
такой канает?
Ты прям типа истину открыл что ли? Почитай шапку - про "немного разбираться в бэке" там есть. Про фреймворки там есть. Про знание css-фреймворков в интенсиве тоже рассказывается.
Про то, что надо знать для устройства на какую-нибудь вакансию есть (не поверишь) в описании вакансии. И еще ты можешь уточнить на собеседовании с чем и над чем ты будешь работать. То, что ты рассказал, что в гавноконторках всем на все плевать и лишь бы было хуяк-хуяк и в продакшен - тоже не секрет, и про то, что нужен им макак-всеводном-какнибудь-лишьбыбыстрее тоже.
Полезной инфы - 0. Че бугуртишь?
Точно, еще и это выкладывали уже.
У нас разные направления движения.
Ты даешь анону советы ориентированные на вхождение в низкопробную студию, скорее всего работающую на мелких отечественных заказчиков.
Я даю советы новичку, который ориентируется на вхождение в хорошую веб-контору, где есть карьерный рост, приятные зарплаты, большой светлый офис, печенки и прочие ништяки.
Вот и все дела.
Когда я шел на свое первое собеседование в такую контору, охуел с их офиса и общего уровня. Зато они меня ебанных 1.5 часа собеседовали по технической части, примерно час это была беседа с техдиром по части верстки, во время которой я выложил вообще все, что узнал за 4 месяца учебы, и этого было не то чтобы мало, но... ну скажем так, после собеседования я понял что мне есть куда расти.
А теперь скажи пожалуйста, сможет ли пройти такое собеседование человек, не углубляющийся в верстку, знающий только бутстрап и джиквери на уровне внедрения плагинов? Сомневаюсь.
Интенсив базовый сначала посмотреть весь и затем уже верстать или после каждого урока понемногу верстать?
лучше удали его нахуй. там куча вещей, по которым у тебя возникнут такие же долбоебские вопросы, и тебе будет очень тяжко каждый раз сюда ходить, спрашивать и ждать ответов.
ты бы поподробнее про вопросы рассказал, было бы заебись. Типо про какие темы и кароч подробнее. С нас нефть
Что это за ебала 100vw первый раз вижу, юзается в transform: translateX(100vw);
сам нашел бля https://css-tricks.com/viewport-sized-typography/
> уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.
Можно подумать, сейчас в ИТ есть какое-то поприще, в котором не нужно въебывать.
Там в конце каждого видео говорят что надо делать.
hr из ит компании
лол
Надо или уметь делать что-то востребованное, или уметь продавать себя
чо то в продвинутом интенсиве вообще не говориться, как правильно подключить сасс. Установил его через руби, подключил через линк файл scss, но как сделать чтобы, то что я пишу в этом файле перекидывалось в css-файл, непонятно.
говорится (сначала рекомендуют юзать препрос, а потом показывают grunt/gulp)
боже, какая же сложная хуита. Еще бы сложнее придумали эти установки
Установить препросс сложна?
Ну, чувак, походу эт, лучше тебе забить на это дело
Бля, предупреждайте сразу в ОП-посте, что без JS путь на работу закрыт, а то человек потратит время на верстку, а потом в JS не сможет и все, пзидарики.
JS довольно сложная и запутанная хуита.
мимокун, не могущий в JS
JS довольно сложная и запутанная хуита.
мимокун, не могущий в JS
сасс я поставил через руби. https://www.youtube.com/watch?v=gjCXVPvh-00&list=PL5FCJIdFxiLlQOinyTqiFG14MgvRMOC_O&index=1 по этому примеру. Вся моя проблема начинается с 4:15. Не хочет переходить в папку с проектом. Уже полтора часа ебусь сижу.
БЛядь, какие препросы/гальпы/гранты. Нахуя?
Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором
Лол, ну да, гранты/галпы нинужны)
Не еби мозг
Усердней старайся
>Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором
Че серьезно? Круто, мне как раз брекетс по интерфейсу сильно больше сублайма понравился, но как-то все на сублайме сижу, он вроде как популярней и быстрый как понос.
Задумаюсь о перекате.
на сайте сасс есть коала, установи и радуйся
>>Лол, ну да, гранты/галпы нинужны)
Я имел ввиду, конкретно для его случая
Тогда ок
установил коала и наконец-то все заработало. Спасибо за помощь всем
лол. ну, верстка - это еще и нормальное хобби, как по мне.
я так представляю свое будущее без js.
Так верстка это в любом случае только первый шаг. Без скиллов в JS или в дизайне верстальщики нахуй не нужны.
Анончики, помогите разобраться. Есть шаблон корпорэт блю. Из туториала на хабре. Там есть хитрая хуйня пикрелейтед. Фоновая текстурка. В макете она обозначена как обычный эффект, то есть это и не картинка и не текстура. Я слайсером порэзал кусок так, чтобы попиксельно повторялось, ну чтобы кубики (мелкие частицы) в конце совпадали с кубиками в начале следующей части.
Вроде легло нормально, если смотреть невооруженным глазом. Но если в бронзере сделать увеличение 300%, то видны стыки. Это ничего страшного или где? Или как вообще по-правильному именно не текстуры или картики а именно тупо эффекты верстать?
Вроде легло нормально, если смотреть невооруженным глазом. Но если в бронзере сделать увеличение 300%, то видны стыки. Это ничего страшного или где? Или как вообще по-правильному именно не текстуры или картики а именно тупо эффекты верстать?
Ты норм делаешь. Попробуй может в середине этой полосы кусок нарыть. Должно получиться. Хотя и так наверное сойдет, если только при сильном приближении косяк.
как вариант можно градиентом сделать
Хотя посмотри еще свойства эффекта, может там есть готовая текстура. Сам завтра могу макет еще поглядеть когда за комп сяду (сейчас на планшете)
Разве БЭМ еще актуален? Посмотрел код рандомных сайтов и бэмом там даже не пахнет
Сделал один большой шматок на всю длину, теперь остался горизонтальный стык
В пикрелейтеде свойства эффекта.
В общем, насколько понимаю, текстура растровая, пытался сделать минимальный шмат 4х4 пикселя, но там даже на ста процентах рябь была.
Кстати, анончики, а напомните, как называется фигня, когда при увеличении масштаба изображение увеличивается, но разрешение остаётся прежним и элементы просто "прижимаются" друг к другу, и не приходится экран прокручивать. Это max-width за это отвечает?
Ты еще код двачей бы посмотрел. Грамотных спецов мало, а долбоебов много, что тут удивительного?
Котаны, не могли бы вы немного прояснитть про sass/less организацию файлов?
1. Насколько я понял, нужны отдельные файлы для каждого из блоков, но обязательно ли это требование? Я в макете Pink например сделал только три блока - хидер, контент и футер. А в них уже стилизовал другие блоки (именовал их по БЭМ).
2. Громов говорил, что нужен отдельный файл для типографики.
То есть там я указываю размер шрифтов, интерлиньяж etc. etc. для каждого из блоков? А в других файлах, где я, скажем, стилизую отступы для этих блоков, нельзя уже укахывать ничего, связанного со шрифтами?
3. Есть ли вообще какие-то стандарты и правила именования/разделения файлов?
4. Как научиться правильному БЭМу и препроцессорам без посторонней помощи, а то боюсь, что пишу я откровенно хуево и потом меня будут засирать, если удастся таки куда-нибудь устроиться?
Вот примерно какая структура у меня <-- Это правильно?
1. Насколько я понял, нужны отдельные файлы для каждого из блоков, но обязательно ли это требование? Я в макете Pink например сделал только три блока - хидер, контент и футер. А в них уже стилизовал другие блоки (именовал их по БЭМ).
2. Громов говорил, что нужен отдельный файл для типографики.
То есть там я указываю размер шрифтов, интерлиньяж etc. etc. для каждого из блоков? А в других файлах, где я, скажем, стилизую отступы для этих блоков, нельзя уже укахывать ничего, связанного со шрифтами?
3. Есть ли вообще какие-то стандарты и правила именования/разделения файлов?
4. Как научиться правильному БЭМу и препроцессорам без посторонней помощи, а то боюсь, что пишу я откровенно хуево и потом меня будут засирать, если удастся таки куда-нибудь устроиться?
Вот примерно какая структура у меня <-- Это правильно?
> препросс
В двух словах объяснит кто нибудь, нахуя они нужны и для чего чаще всего используют?
> или в дизайне
Охуеть блядь, может фронедер вообще всю хуйню должен делать еще и сервер настраивать, пошел нахуй.
>или
Значение знаешь?
>должен делать еще и сервер настраивать
А я б понастраивал. Но пока мозгового ресурса не хватает. А кому-то, наверное, рисовач ближе.
Вот из за таких уебков рынок и проебан.
Нужны как компилятор, минификатор, автопрефиксер, рефрешер на том этапе, когда еще в гранте/галпе не разобрался
Ну это аутизм так-то. Веб-Вёрстка - это не такое обширнейшее поле деятельностьи, чтобы целиком и полностью только на нём концентрироваться.
Так как по бэм блоки независимы то надо для каждого бэмовского блока делать свой файл, в котором будут стили только этого блока и его элементов. Даже для вложенных блоков тоже нужен будет отдельный файл. Так при разрастании проекта будет лучше удерживаться структура.
Отдельный файл он имел ввиду только для базовой типографики (стилизация тупо по тегам). Потом ты для каждого блока при необходимости переопределишь
>в котором будут стили только этого блока и его элементов
А в эти стили включаются типографские, или их все складывать в отдельный файл? Или в type.scss должны быть только основные параметры шрифта для body?
И по БЭМу все-таки до конца так и не разобрался, как правильно именовать, сложно для меня отличить независимый блок от элемента и не понимаю, как делать элементы элементов, это ведь по правилам запрещено, а ситуации такие возникают часто.
Ага, понял, спасибо, это ответ на мой первый вопрос из
> когда еще в гранте/галпе не разобрался
А это зачем?
Еще раз перечетай статьи и доки. + завтра сяду за комп откопаю еще видос для нюфажиков от яндекса еще его кину (хотя уже кидал раньше)
Алсо, вроде же в интенсивах норм рассказывают, после просмотра видоса и чтения допов вполне все понятно (ну плюс логику немного подключить иногда). Но я конечно хз может эт мне понятно просто изза того что типа образование погромистское лол
Автоматизация рутинных процессов и всякие плюшки - 10 урок продвинутого. Да и как бэ стандарт отрасли. Почитай вакансии частенько попадается
Хуй знает что там у тебя проебано. Рынок айти огромен, интернационален и будет расти еще много лет. А если ты не устраивает, что за скиллы уровня пятого класса не дают сходу 100к зп, то предлагаю тебе вспомнить, что конкуренция и есть основа рынка, блять.
> не дают сходу 100к
По ебалу разве что дают, а когда впердолишь сотки фреймворков и жс берут как верстальщика и платят 15к.
>везде Node.js, Angular.js
Там иногда пишут высшее образование, где этому вообще учат?
А нахуя фронту нода, стесняюсь спросить?
Этому - нигде, но сойдет любое техническое я думаю
Нахуя оно нужно тогда, они охуели?
> А нахуя
Добро пожаловать.
Ну в рамках разумного. Обычно на кафедрах изучают какуюнибудь срань, кучу математики, алгоритмы и структуры данных, базы данных, и например с++. Короче типа инженер там или прикладной математик или еще какой хуй
А модули ставить и скрипты писать на чем будешь, котик?
> Знание JavaScript, умение писать самостоятельно и разбираться в чужих сложных скриптах.
и ниже
> Желательно знать HTML5, иметь стремление его знать.
и ниже
> Желательно знать HTML5, иметь стремление его знать.
Хз, я вот сижу с образованием курю фронтенд потому что это болееменее то, что мне по душе. Знаю нескольких человек с потока которые вообще не по специальности работают, а некоторые на заводах (причем краснодипломщики) какуюто срань на отмерших делфях, либо на си шарпе ваяют. Но меня такое не проперло дело.
Кстати максимум что нам рассказали в универе по верстке были основы html и блядь таблицами верстали. Все. Да даже курсы на кодкедеми информативнее будут. Ппц
Чтобы ставить модули не надо пиздец как разбираться в ноде
Ты что из Днепра?
Да, ИТ-образование в Рашке говно ужасное. Средний выпусник ПМИ умеет программировать на паскале как бог, по верхам знает С++ или шарп, имеет представление о БД. Если он ничем не занимался во время учебы самостоятельно, то хуй он куда устроится.
С другой стороны, действительно увлеченные люди без труда самостоятельно учат джаву/сисярп и устраиваются еще курсе на третьем.
У самого много знакомых просто так делали.
Это сюда
В очередной раз прихуел с ваших Московских зарплат.
У нас в милионнике за всю эту хуйню платят в диапазоне 25-40 уже опытному (хотя бы год) спецу.
Нахуя они требуют вышку? Я дрочил ангуляры и верстку, чтобы потом диплом просили?
Да не требует никто, чего ты.
Забей, если норм шаришь возьмут и так. Вышка максимум сыграет роль если вы будете с каким-нибудь телом одинаково шарить и тогда возьмут скорее того кто с вышкой. И то не факт
http://perm.hh.ru/search/vacancy?text=php&only_with_salary=true&area=1&enable_snippets=true&clusters=true&salary=
Говорила мне мамка пхп учить....
Так там такие же зарплаты, к чему ты?
Ну пхпист тоже как бэ основы верстки знать должон. Так что не проебался ты точно
Количество вакансий сравни.
> Пользовательский интерфейс
Что это за хуйня, поясните неофиту? Гуглится какие-то графики с колонками, нихуя не понятно.
Чот проиграл
В требованиях про жс пишут часто, яннп.
Какой наиболее годный стиль вёрстки? Флэксбокс? Чем рекомендуется верстать-им?
Верстаны, помогите дауну. Решил попердолиться с флексами, попутно упоровшись бэмом.
В общем, изначально я вспомнил лекцию интенсива, где лектор сказал, что не нужно становиться упоротым рабом методологии, и каскад вполне себе допустим. Сделал вот так: http://codepen.io/anon/pen/rxPwop
Потом я упоролся БЭМом и сделал вот так:
http://codepen.io/anon/pen/pgGwBw
Результат один, кода больше.
Как правильнее?
В общем, изначально я вспомнил лекцию интенсива, где лектор сказал, что не нужно становиться упоротым рабом методологии, и каскад вполне себе допустим. Сделал вот так: http://codepen.io/anon/pen/rxPwop
Потом я упоролся БЭМом и сделал вот так:
http://codepen.io/anon/pen/pgGwBw
Результат один, кода больше.
Как правильнее?
Вообще мой тупой мозг мыслил так:
навигейшен - вложенный блок (его можно будет засунуть, например, в футер, если заказчик захочет, а хули). Внутри него все эти кнопочки-ссылочки: элементы, которые оттуда никуда не перенесутся. Так что их можно стилизовать с привязкой к блоку.
Ребятки, ебаните кто-нибудь кулл стори для мотивашки, пожалуйста.
бамп вопросу
Ты понимаешь, что результат отсроченный, и имеет лишь некую вероятность успеха? Этим обуславливается твоё нежелание что то делать. Работай, а не фантазируй о успехе. Или не работай, а иди нахуй тада.
Выучил верстку за две недели, стал фриленсером 150к/неделя, переехал в Тайланд.
лол, а ты нахуя в своем бэме сделал одинаковые правила для main-navigation__menu-item и main-navigation__user-block? второе это же по сути такой же меню-айтем, как и остальные ссылки, т. е. его можно стилизовать вместе со всеми, а если нужно будет к нему что-то особенное добавить, прикрутить модификатор main-navigation__menu-item--user-block например.
вот кстати любопытная презентация по поводу такой хуйни в бэм, как спайсы соли миксы. когда я увидел, что эти хуи мешают в частности, такие вещи как "блок и элемент другого блока", сразу понял, что это чревато превращение бэма в такую же блядскую санта-барбару, как и каскад в 4 уровня. в общем, не стоило ребятам вскрывать эту тему.
https://events.yandex.ru/lib/talks/327/
http://www.slideshare.net/yandex/ss-14895358
https://events.yandex.ru/lib/talks/327/
http://www.slideshare.net/yandex/ss-14895358
Ты забыл ul сделать внутри nav :(
Не надо так...
Так, я там кому-то обещал скинуть про БЭМ для ньюфань. Вот кидаю (хотя уже раньше было)
https://ru.bem.info/forum/-661/
https://ru.bem.info/forum/-661/
Хлопцы, держите сайтец \(^-^)/
http://www.flatvsrealism.com/
http://www.flatvsrealism.com/
Сам делал?
лол, эт для вдохновения. Видишь, там справа награды всякие.
не открывайте это говно.
чтобы все не повисло нахуй, его наверное надо на ядерном реакторе запускать.
ну у меня ноут 2.1 ггц 2 гб оперативы
чуток подождал чтобы прогрузилось и норм. Правда на битве лагало чутка
У меня конфиг в четыре раза круче, лагало почти все время, грузилось секунд 10, да еще и скролл по мышке отвалился, прищось скроллбаром пользоваться.
Короче, хуево сделали.
вот тебе прошлогодняя паста, над которой я долго угарал:
"Расскажу свою историю. Сначала я писал статейки, будучи копирайтером. Потом какой-то петушок закатился в наш тред и сказал дословно следующее: за месяц выучил верстку и уже через месяц зарабатываю 200к. Я выучил верстку и сделал 10 не особо адаптивных макетов. Потом тот же петушок сказал. что макеты должны быть адапитвными. Я сделал еще 3 адаптивных, потом тот же петушок закатился и сказал, что нужно выучить жквери и жаваскрипт. Я расковырял жиквери и прикрутил несколько плагинов. Потом тот же петушок закатился в тред и сказал, что этого недостаточно и нужно еще и php c mysql освоить и вот тогда-то точно будет 200к через месяц. Я пробежался по мануалу пхп, написал сайтик с бэкендом на 1й странице. Тот же петух пришел и сказал, что так не пойдет надо еще ООП с паттернами освоить и вот тогда уж точно будет 200к через месяц. Я прочтиал книгу из Оп поста и перепечатал все паттерны, проверив их работу. Тот же петушок вкатился и сказал, что так не пойдет, нужно еще фреймворки освоить. Я взялся за слим и Уи2, сделал на них по проекту. И вот теперь приходит этот петух и говорит мне, что пхп - это дно, нужно перекатываться в шарп или джаву. Такое ощущение, что надо мной кто-то просто сидит и издевается годами".
Фронтаны, поясните по хардкору за разницу между <strong> и <b>, <em> и <i>?
Зачем создавать дублирующие теги? Я не улавливаю разницы между логическим выделением и выделения оформлением.
Во-первых, в обоих случая текст выделяется оформлением; во-вторых, зачем мне выделять оформлением, если я не хочу выделять логически?
в-третьих, зачем мне выделять логически, если я не хочу выделять оформлением?
Т.е. я не могу себе представить такие ситуации, когда одно без другого.
Зачем создавать дублирующие теги? Я не улавливаю разницы между логическим выделением и выделения оформлением.
Во-первых, в обоих случая текст выделяется оформлением; во-вторых, зачем мне выделять оформлением, если я не хочу выделять логически?
в-третьих, зачем мне выделять логически, если я не хочу выделять оформлением?
Т.е. я не могу себе представить такие ситуации, когда одно без другого.
Аноны, а в каком из уроков продвинутого интенсива рассказывается, как делать это? Как это вообще называется?
гамбургер.
А как наблюдать к чему приводят изменения в коде в прямом эфире?
F12
LiveReload для гранта или галпа. Загугли скринкасты Кантора на тытубе по галпу.
Я специально, для примера.
Спасибо. Если честно, я об этом даже не подумал, т.к. дебил и ньюфаг.
За какой срок надо сверстать пинк и седону в продвинутом? И верстать его надо после просмотра всех уроков или нет?
пока не разобрался с грант/галп можешь юзать что-то типа препросс, коала или еще че
в конце каждого видео говорят дз. Вот его потихонечку и делаешь. Продвинутый, на котором верстают 1 макет идет месяц примерно. Если же ты уделяешь время нормально то успеешь после прохождения скажем за 2-3 недели продвинутого и второй макет сверстать.
коала юзай
Аноны, можете на примере объяснить разницу между КОНТЕНТЫМИ и ОФОРМИТЕЛЬСКИМИ изображениями. Хочу нормально сортировать, но не могу понять что есть что. Например, спрайт оформительское так? Значит в папку /img. А рандомное фото из слайдера это уже контент? Тогда блядь где логика чуваков из интенсива, докладчик по части фотошопа, советовал сохранять контент в /pict, но в начальной разметке барбершопа изображения из слайдера уже по дефолту в /img. Хуй пойми. Пока в img все сохраняю.
Можно разделять, можно не разделять (в том числе и тот кто про фотошоп рассказывает потом в продвинутом так скажет)
Я бы посоветовал не париться и все складывать в папку img
Спасибо, буду знать.
У меня на ведре он даже открываться не стал, лол.
Какие же, все-таки, флексы охуенные, в 20 строчек разметил то, что на флоатах-инлайнблоках заняло бы у меня раза в 3 больше времени.
Короче, два стула появилось. Взяли на стажировку помощником дизайнера из-за моего знания верстки, при этом фотошоп нихуя толком не знаю, рисовать со школы не умею. Вот думаю нахуй все это и дрочить дальше js, пока не найду вакансию чисто версталы, джуна фронтендера, или месяц 5 дневки за 8к, зато с опытом КОММЕРЧЕСКОЙ разработки? И вообще как это, помогать дизайнеру, охуительные шрифты ему скидывать штоле, лол?
Какой же ты ебан, будучи верстальщиком устроился на должность дизайнера и не знаешь что делать, вот это пушка.
Ебло, я на должности стажера, был в конторе только на собеседовании. Потом уже позвонили и пригласили. Я не знаю чем должен там заниматься, да. Откуда мне знать. Или помощь в РАЗРАБОТКЕ КОНЦЕПЦИИ ДИЗАЙНА, дохуя информативно?Может раз ты такой умный, просветишь меня?
Нахуя ты шел на должность дизайнера, если ты НЕ дизайнер, а верстальщик?
Потому что ололо стажировка, мол всему научим. А в моей мухосрани раз в год студии стажеров берут.
ты случайно не с миллионника?
У меня у одного хром тупит? Обновляю страницу своего макета, а показывает все словно ксс файл не подключен.
Чувак, надо спрашивать на собеседовании, а не на дваче, что будет входить в сферу твоих обязанностей.
Ну и наверное, я бы все-таки поработал, js можно подтягивать и повыходным, да и по вечерам, если совсем уж уставать не будешь
Какой город? Тоже хочу
Аноны, планирую изучать html, css и js как заготовку для нормального перехода в asp.net
Как там с фрилансом дела обстоят? Трудно найти заказ?
лол, вангую там сидит такой же вагон дизайнер, который ровным счетом нихуя не шарит в хтмл, и тебе придется вместе с ним пилить страницы, отвечая на его вопросы, а можно ли вот так, а не развалится ли эта хуйня, и т. д.
будут у вас короче одни мозги на двоих, ты будешь одним полушарием, а он другим.
пацаны, а где этот шрифт брать?
Шрифт Roboto, начертание Thin. Перейди в Robot и там скачай.
Благодарю!
Чем пик разметить? <i>? Как такие штуку верстают?
два псевдоэлемента
Но их три там, выходит три раза подряд :before задать и позиционировать?
И у меня еще один неофитский вопрос, как пик разметить? Ссылками нельзя, это же не ссылки, они никуда не ведут, вроде бы "кнопки", но у кнопок свои стили уже, я что-то в замешательстве.
это просто сдвинутые тени у одного кружка
это ссылки
Это before, ему бордер-радиус 50%, а как тени так сдвинуть?
> это ссылки
Но ссылка она куда-то ведет, а это как кнопки управления содержимым на странице.
http://codepen.io/anon/pen/MKLMme?editors=1100
Помогите с проблемой. Не понимаю почему не появляется картинка в before. Что я делаю не так?
Помогите с проблемой. Не понимаю почему не появляется картинка в before. Что я делаю не так?
сам решил проблему. Забыл ширину с высотой поставить. Во дурак
Пацаны, на пике дерьмо не работает в ие10, хотя слайдер по тому же принципу норм работает, как фиксить? Не работает даже ховер. В хроме все ок.
1. Выложи свой сраный код на кодпен
2. Убери каскад, сука, не беси меня
А чо не так с каскадом? В css-модулях же можно юзать, и не будет с пространством имен никаких проблем, да и путаницы за счет больших файлов - тоже.
Поясняю на примере правила ".lbl label". Во-первых оно будет срабатывать для каждого тега лейбл. Во-вторых после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl. И вот нахуя это нужно, если можно просто написать .label-group__label и проверка пройдет супербыстро?
Оказалось я не обновлял винду с 13года и у меня 8ие, сейчас обновлюсь и потом опять гляну.
Лбл там нахуй не нужен, я просто тестил и пробовал оборачивать оп разному.
> просто написать .label-group__label
А перед этим просто бэм выучить, я же нгеофит.
Тебе из БЭМа надо выучить только основные принципы и соглашение об именовании. Это первые две страницы: https://ru.bem.info/method/
Я хз почему все считают, что БЭМ это охуеть как сложно и непонятно — тебя же никто не просит ебаться с bem-json, местной системой именования файлов и прочим дрочевом. Это может понадобиться только если ты второй Яндекс писать собрался.
Объясни пожалуйста, меню, логотип - это отдельные блоки всегда? А какой-то контентный блок в main'е - это элемент? А если у нас слайдер - это отдельный блок или элемент того блока, в котором он находится?
У меня такого рода сложности с БЭМом.
БЭМ сделали специально для аутистов. Никто не юзает бэм, только хтмл академия на это дрочит, и заставляет своих обмутков юзать это гавно. Если бы он был настолько охуенен, то учили бы БЭМ с базового интенсива, но как показывает нам базовый интенсив он нам нахуй не нужен.
Все, что ты перечислил это отдельные блоки. Элемент это то, что логически не может жить вне своего блока. Например, слайдер может жить на другой странице или внутри другого элемента.
Пара замечаний:
1. Блоки можно помещать внутрь других блоков. И у них будет разный namespace и это нормально.
2. В именовании не нужно соблюдать иерархию, то есть element2, вложенный в element1, не обязательно называть block__element1-element2, а писать block__element1__element2 вообще запрещено.
Вообще, советую открыть yandex.ru в инспекторе и посмотреть что там как названо. Мне помогло.
Хорошо, спасибо.
ебать ты баран. в базовом и флексбокс не показали, и хуле? это значит, что все всю жизнь флоатами будут верстать?
Ох блядь и логика, сука женская бы обзавидовалась.
Продолжаяя ее можно прийти к просто охуенным выводам, вон чувак один про флексы уже написал, но это цветочки. Продолжая твои мысли:
-препроцессоры для аутистов, ими никто не пользуется, если бы действительно были охуенные про них бы рассказали в базовом
-медиавыражения и адаптивность для аутистов, ими никто не пользуется, если бы то....
-галп для аутистов,...... ну ты понял, да?
http://codepen.io/anon/pen/NxJKgB
Аноны, понимаю что я использую БЭМ скорее всего очень ужасно, но нужна ваша помощь в одном вопросе, который не дает мне покоя. Вот сижу верстаю макет, и не могу решить правильно ли я поставил контейнер? Имею в виду это не считается за ошибку, что он у меня один на весь макет. В седоне вроде я делал так же, но не могу найти свой макет на ноуте, чтобы проверить, так что надежда на вас. Повторюсь, меня интересует контейнер. Подскажите в этом вопросе.
Аноны, понимаю что я использую БЭМ скорее всего очень ужасно, но нужна ваша помощь в одном вопросе, который не дает мне покоя. Вот сижу верстаю макет, и не могу решить правильно ли я поставил контейнер? Имею в виду это не считается за ошибку, что он у меня один на весь макет. В седоне вроде я делал так же, но не могу найти свой макет на ноуте, чтобы проверить, так что надежда на вас. Повторюсь, меня интересует контейнер. Подскажите в этом вопросе.
>.info .info__block .info__title
Бляяяяяяяять
я тоже заметил это, когда только сделал. Не знаю почему он сделал именно так, но макет еще не сделан до конца, остался слайдер. Как слайдер доделаю, буду просматривать, что еще sass там сделал.
Все ок с контейнером. В чем проблема-то?
честно сказать смутило, что он один на весь макет. Почему-то пока верстал думал, что это не правильно, а проверить не на чем, так как седону куда-то посеял. Вот поэтому решил спросить тут.
Раз все хорошо с контейнером, то благодарю вас за помощь.
Нет бы сразу скинуть то место, которое тебя интересует. У меня глаза вытекают от этой разметки без логических отступов.
Судя по всему, твой контейнер - это обертка-центровщик с тенью. Обычно его называют "враппером" и довольно часто используют.
Такая хуйня бывает, когда ресайзишь после обрезки - ближние к краю пиксели становятся прозрачными. Сначала ресайз, потом кроп. Ну или копайся в настройках.
Лох, я за неделю с листовок у ашана до 200к поднялся, нихуя не учил, нихуя не делаю - просто иногда пизжу с клиентом по скайпу о том, что работа идет, но нужно чуток добавить к бюджету, чтобы за новыми трендами угнаться. Потом беру деньги и иду бухать в стрипбар.
Единственная адекватная паста. Но ньюфаги все равно не поверят - "Тут же хуйня учить, через месяц уже 50 буду поднимать, еще через полгода 150, а потом в силиконовую долину перееду".
>после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl
Не понял. Посяните тупому, плз.
Браузер нашел элемент label, но он знает нужно применить к нему правило или нет — ему нужно понять, есть ли среди родителей класс lbl. Поскольку глубина вложенности не указана, он будет искать его, поднимаясь по DOM-дереву все выше, пока не найдет или не достигнет элемента html.
Я думал, он ищет слева направа. То есть сначала нашел .lbl, потом label. А как глубина вложенности указывается?
Нет, это было бы очень неэффективно. Именно поэтому не существует селектора, который бы фильтровал по дочерним элементам. Глубина вложенности задается символом: >
Обзорная статья на тему: http://frontender.info/writing-efficient-css-selectors/
Спасибо.
Блядь, я так и знал, что нужно жабу учить.
Но если ты сделаешь css-модуль, то искать он будет в области видимости классов компонента, которая находится за ключом, например. Проигрываю с начавшегося здесь бэм-дрочерства. 2016 год уже, ребята, можно и вебпаком пособирать.
Что ты подразумеваешь под CSS-модулем, как ты собираешься задавать область видимости и тебе здесь поможет вебпак?
>Проигрываю с начавшегося здесь бэм-дрочерства.
а я проигрываю с питухов, которые 3 дня назад осилили какую-то приблуду типа вебпака и бегут сюда ЛАЛ 2016 НА ДВОРЕ НАДО ЮЗАТЬ ВЕБПАК Я ВОТ ЮЗАЮ ВЕБПАК А ВЫ РЕБЯТА ЛОХИ Я ЮЗАЮ ВЕБПАК СЛЫШАЛИ ВЕБПАК
import styles form './someFile.css';
за ключ все это ставит css loader при сборке.
Ну примерно полгода как осилил, запустил в продакшен аппу с es6 и css-модулями для компонентов. Не очень плотно слежу за тредом, но форс бэма тут начался явно позже. Раньше кто-то изредка упоминал - мол, можно по бэму, а можно и еще как-нибудь. А щас прям пиздец, бэм или кипячение. Ничего не имею против, но нэйминг-конвенции для css в своем техническом аспекте устарели с апреля 2015 года.
css-модуль - файл, в котором заданы стили для конкретного компонента. Сайдабра, верхнего навигационного меню, еще для какой-нибудь хуйни. Делая компоненты таким образом, можно спокойно переносить нужные между приложениями, не беспокоясь, например, о глобальной области видимости css. Все изолировано, и поэтому не сломается.
Сеньоры, начитался я значит про вашу резину-хуину и высрал вот это)
http://c12266.shared.hc.ru/xxx/index.html
При резиновой верстке должно получаться что-то в этом духе?
http://c12266.shared.hc.ru/xxx/index.html
При резиновой верстке должно получаться что-то в этом духе?
Как правило резина идёт от 1350+ до 1024, а потом идёт адаптив.
Не, я понимаю что надо адаптив пилить, просто решил сделать это говно чисто резиновое, попрактиковаться что-ли в %
А как предлагается управлять сложными состояниями используя эту систему? Допустим, я использую Реакт, и у меня есть компонент 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>. Окей, а что делать, если класс зависит от состояния компонента? Ифы хуярить каждый раз? А если состояний много?
Обосрался с примером немного, isSelected у item, конечно, будет свой и вообще это будет отдельный компонент, но суть, я думаю, ясна.
Я тоже использую Реакт. Не вижу, в чем проблема с css-модулями в твоем кейсе. Не путаешь с инлайн-стилями?
css-модуль - это просто изолированное место, где ты можешь писать css-правила, и позже подключаешь их к своему react-компоненту через синтаксис es6 import. Поскольку лоадер оставит их за ключом, они не попадут в пространство глобального нэйминга css, и ты можешь не писать больше свои длинные бэм-классы, если конечно это не требуется в целях межкомандной коммуникации. Стили компонента не сломаются, где бы он ни оказался.
Функция в рендере ради обсчета css-классов - ну, я бы не сказал что это оптимально, но я не видел кода аппы в целом. Если кейс в том, чтобы генерить зависящие от props классы и все - можно делать внутри {}, складывая строки через + типа "item_name_"+this.props.counter. Если там что-то более сложное, и рендерите вы stateless через => - ну, наверное есть причина вставить функцию. Однако, повторюсь, к css-модулям это никакого отношения не имеет.
Ты можешь привести аналогичный пример, где компоненту нужно отрендерить див, меняя классы в зависимости от пропсов? По-моему это очень частый кейс.
render(){
return(
<div className={"yolo_swag-"+this.props.data.swag}>
</div>
)
}
Ну, лол, это-то понятно. А с использованием css-модулей? Там же добавляется суффикс к классу для сохранения неймспейса.
Да нет никакого БЭМ-дроча, просто тут люди интенсивы проходят и там по БЭМу предлагают делать верстку. Все.
Рассказали бы там про вэбпак, реакт, ангуляр, метеор или еще какую-нибудь хрень - обсуждали бы в процессе изучения материала и их точно так же.
хотя вряд ли - для этого есть javascript-тред в програмаче[/spoliler]
Рассказали бы там про вэбпак, реакт, ангуляр, метеор или еще какую-нибудь хрень - обсуждали бы в процессе изучения материала и их точно так же.
хотя вряд ли - для этого есть javascript-тред в програмаче[/spoliler]
const className = styles[this.props.someSwagClass];
Не знаю, вполне ли я уложился в твой сложный кейс, но в теории там можно точно так же складывать выплевываемые лоадером строки. Styles поставит ключи.
Анончики, что бы вы выбрали, работать в студии, где постоянно много работы и челленджей, но з/п меньше или работать в компании, в качестве штатного сотрудника с более высокой зарплатой, но соответственно работа будет вестись только над их проектами?
Спасибо, покопаю эту тему.
Только второе. Пробовал оба варианта. Заказная разработка это унылые типовые решения, срачи с клиентом и прочее разгребание говна лопатой. Настоятельно не рекомендую.
Аноны, дайте сайт в котором люди кидают свой пример анимации и код на ксс, джс и т.п.. Помню тут бывает кидает кто-то из анонов, но все время проебываю тред.
Помню там был пример анимации для меню. Типа красивое появление полоски под словами и так далее.
Помню там был пример анимации для меню. Типа красивое появление полоски под словами и так далее.
на кодепен.io не судьба погуглить?
при чем тут твой кодепен? Там не песочница, а конкретно сайт. Где есть форум и т.п..
Это не только песочница, но и библиотека готовых решений.
мне нужен именно тот сайт. Это был точно не кодепен.
css-tricks.com ?
>css-tricks.com
неа. Кажись проебали годноту. Странно что не кинули тот сайт который я ищу в шапку.
codrops
это именно он! Благодарю, добрый анон!
Ну у нас в студии есть целый штат проект-менеджеров. Извини, но у тебя совсем какой-то треш был видимо. Другое дело, что работой грузят без конца, это да.
Привет, верстаны. Очень нужна ваша помощь.
Есть достаточно сложный (на мой взгляд) фильтр, который работает не так, как нужно. Состоит из двух частей. По сути, это два фильтра, которые образуют один. Скриншот прилагаю.
Принцип работы: выбираем количество денег(стоимость часа работы) в первом фильтре, выбираем количество часов во втором и из этих значений должна получаться итоговая цена. Проблема заключается в том, что не работают ползунки и не меняются картинки в первом фильтре. Также, немного неправильно рассчитывается цена.
Может ли кто нибудь помочь с этим дерьмом? Сам фильтр, кстати, на js. Приложу архив.
https://yadi.sk/d/RtZH1o4zosgk9
Есть достаточно сложный (на мой взгляд) фильтр, который работает не так, как нужно. Состоит из двух частей. По сути, это два фильтра, которые образуют один. Скриншот прилагаю.
Принцип работы: выбираем количество денег(стоимость часа работы) в первом фильтре, выбираем количество часов во втором и из этих значений должна получаться итоговая цена. Проблема заключается в том, что не работают ползунки и не меняются картинки в первом фильтре. Также, немного неправильно рассчитывается цена.
Может ли кто нибудь помочь с этим дерьмом? Сам фильтр, кстати, на js. Приложу архив.
https://yadi.sk/d/RtZH1o4zosgk9
Где-то я уже такую штуку видел.
А вообще лучше в js-тред напиши
Лей в песочницу.
Как вы искали работу в дс?
Я могу не только в верстку, препроцессоры и т.д, но еще и в простенькие скриптики на жс и жк, в сборщики и гитхаб. То есть не ноль далеко.
На хх большинство воротят нос.
Мейби убрать нахуй что я junuior? И пытаться закосить под миддла?
Я могу не только в верстку, препроцессоры и т.д, но еще и в простенькие скриптики на жс и жк, в сборщики и гитхаб. То есть не ноль далеко.
На хх большинство воротят нос.
Мейби убрать нахуй что я junuior? И пытаться закосить под миддла?
напиши что бэм знаешь, от звонков отбоя не будет, базарю
Простенькие скриптики на джс это какие?
В резюме написал что ты джун фронтенд?
>Простенькие скриптики на джс это какие?
Уровня клацни на этот блок, блок меняет свойство. Какая-нибудь валидация еще. Аякс-хуякс. Плюс могу подрубить какие-нибудь карусели на жк, что в общем не сложно, понятно.
>В резюме написал что ты джун фронтенд?
Да.
>Да.
Может в этом и дело. По навыкам ты еще не джун. Просто продвинутый верстальщик с претензией на джуна.
Большинство тестовых на джуна фронтенда предусматривали, что кандидат может написать простенькое приложение с фильтрацией данных, приемом и выводом информации, сохранением данных пользователя и т.д.
То есть грубо говоря, нужно уметь написать хотя бы одно SPA с простеньким функционалом типа продвинутого todoapp.
В общем я смогу в средненький todo. Конечно не весь функционал что ты написал, но все же.
Фильтрация сложновато, но я уже реализовывал подобное.
Но прикол в том, что я больше писал именно на вакансии верстальщика.
Всем нужен чистый верстальщик с опытом 5 лет.
Но как они собираются их искать? Ведь все перекатываются во фронт.
Может джун фронтендер воспринимается ими как джун верстальщик и ясно, такое нахуй не надо никому.
Интересно, а до junior есть какая-нибудь позиция???
Ну вот просто сам факт, например ты без образования, да даже ладно, возьмем с образованием техническим либо выпускника, либо студента последних курсов. Как правило нихрена это в универе не преподают. Как человек может тогда вкатиться на junior позицию (если она предполагается как минимальная)? Ну типа есть junior, middle, senior. Так вот, есть что-то до джуна?
Ну тогда хуй знает. Путаница сильная вокруг. Одни говорят что джун фронтенд и верстальщик - одно и то же. Другие, что это все такие разные вещи.
Портфолие свое еще подлатай, возможно в нем дело, ну и резюмешку пересмотри. А может просто не повезло. Щас в парахе кризис, санкции и вся хуйня. Никто толком не расширяется. А на готовые проекты джуны особо не нужны. Там надо быстро и заебись, то есть мидл+.
Те кто собираются расширяться и смотрят в будущее, те таки да - берут джунов.
Не все, есть так и остаются верстаками. Вон был видос от типочка из Яндекса. Но верстала все-равно должен уметь в js. И рамки из года в год между ним и фронтом стираются. А в снг это так вообще не удивительно ибо тут пытаются стереть рамки еще и между фронтом и бэком.
>Интересно, а до junior есть какая-нибудь позиция???
Этих позиций тысячи.
Зайди на любую российскую фриланс-биржу. Там по 50 откликов за лэндинг паге, стоимостью 300 рублей.
Да у меня портфолио вообще минимализм.
Там ссылка на актуальную работу, с анимациями, транзишенами, бутстрапом и жс-ом и ссыль на профиль гитхаба с ~10 работами и всякими несерьезными игрушками.
Угу. Хуево, конечно.
Это сразу заставляет задуматься о схлопывании веба в Россиюшке.
Аноны, шо сейчас с вакансиями у верстал?
Правда ли вы первые заказы бесплатно делаете?
Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Сколько зарабатываете и работаете в день/месяц? Люди с зарплатой большей, чем 20000$ в секунду могут не отвечать
Сколько обучались верстать, чтобы наконец получить деньги за заказ на фрилансе?
Правда ли вы первые заказы бесплатно делаете?
Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Сколько зарабатываете и работаете в день/месяц? Люди с зарплатой большей, чем 20000$ в секунду могут не отвечать
Сколько обучались верстать, чтобы наконец получить деньги за заказ на фрилансе?
Точно не скажу, но у всяких там джавистов вроде есть позиция trainee. То есть стажер.
В вебе и конкретно фронтенде верстальщик как раз энтри левелом и является.
С джуном заморочки потому что многие считают что джун фронтенд это мальчик прочитавший два учебника. Некоторым компаниям требуются и такие, не спорю.
Однако стандартный уровень, ящитаю - это все-таки наличие практики, то есть хотя бы одного приложения написанного самостоятельно.
Потому что одно дело - читнуть учебник и решить задачку, и совсем другое - когда сам все это делаешь.
Тогда постепенно понимаешь, что при разработке подводные камни есть вообще везде. Что сохранение данных имеет свои косяки, что код надо структурировать и разбивать на логические блоки, нужны модули, а следовательно - сборщики типа вебпака, что нужно следить за множеством функций/областями видимости/коллбеками . Что вот здесь можно проще, а вот здесь сложнее. Что блять фаерфокс, если ему передать функцию в addEventListener без аргументов не отловит объект event снаружи, а вебкитовские движки отловят и т.д. и т.п.
Куча вещей, которые кроме как на практике больше никак не разобрать.
>Аноны, шо сейчас с вакансиями у верстал?
Выше почитай.
Без опыта сложно устроиться.
>Правда ли вы первые заказы бесплатно делаете?
Правда.
Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
>Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Для версталы не обязательно его знать, для фронтеда обязательно.
Для первого языка нормально.
>Сколько обучались верстать
Сложно сказать. Я и сейчас не все умею. Те же флексбоксы. Но основы учатся за месяц максимум.
Ну а бабло у кого как. Через месяц-два что-нибудь мейби и найдешь. Не рассчитывай конечно на деньги, это будут скорее поощрения небольшие, уровня 500 рублей за три дня работы.
Требования:
Любить программировать
Уметь отличить плохой код от хорошего
HTML5, CSS, JavaScript на хорошем уровне
Иметь опыт работы на PHP достаточный для выполнения нашего тестового задания
Приветствуется:
Иметь опыт работы на PHP
Навыки работы с командной строкой *nix
Навыки работы с jQuery, Bootstrap, YII, Laravel или иным очищающим карму ширпотребом
Опыт разработки расширений под magento / wordpress / moodle / что-нибудь-накодированное-злыми-индусами (обязательно упомяните в резюме)
Навыки работы c MySQL / PostgreSQL (составление сложных запросов)
Понимание принципов ООП и знакомство с шаблонами проектирования
Понимание принципов работы протоколов OSI ISO
Опыт использования Git, участия в opensource проектах
Ебать требования. Словно ищут Цукенберга
Любить программировать
Уметь отличить плохой код от хорошего
HTML5, CSS, JavaScript на хорошем уровне
Иметь опыт работы на PHP достаточный для выполнения нашего тестового задания
Приветствуется:
Иметь опыт работы на PHP
Навыки работы с командной строкой *nix
Навыки работы с jQuery, Bootstrap, YII, Laravel или иным очищающим карму ширпотребом
Опыт разработки расширений под magento / wordpress / moodle / что-нибудь-накодированное-злыми-индусами (обязательно упомяните в резюме)
Навыки работы c MySQL / PostgreSQL (составление сложных запросов)
Понимание принципов ООП и знакомство с шаблонами проектирования
Понимание принципов работы протоколов OSI ISO
Опыт использования Git, участия в opensource проектах
Ебать требования. Словно ищут Цукенберга
>Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
Разве не за отзывы? Можно вообще любую работу вложить, если сам сделал?
>пытаются стереть рамки еще и между фронтом и бэком
и веб-дизайном, ггг.
Фриланс для опытных.
Не советую туда идти без опыта. Не получится дохуя бабла поиметь.
Если ты совсем школьник, то на мороженное себе заработаешь и заодно сделаешь портфолио какое-никакое.
Я бы посоветовал сосредоточиться на личном фане, верстать и кодить для себя и когда будешь в себе хоть немного уверен, пиздовать в студию.
Требования:
знание css3/html5
адаптивная верстка
адекватность в работе
будет плюсом умение работать c:
less, sass
Bootstrap
Условия:
работа в молодом дружном коллективе
заработная плата обсуждаема
график работы обсуждаем
Тип занятости
Полная занятость, полный день
А вот тут уже по скромнее ищут версталу. Может вкатиться аноны? З/п не указана правда, да и портфолио у них так себе сделано.
знание css3/html5
адаптивная верстка
адекватность в работе
будет плюсом умение работать c:
less, sass
Bootstrap
Условия:
работа в молодом дружном коллективе
заработная плата обсуждаема
график работы обсуждаем
Тип занятости
Полная занятость, полный день
А вот тут уже по скромнее ищут версталу. Может вкатиться аноны? З/п не указана правда, да и портфолио у них так себе сделано.
Я почти школьник и в ближайшие 2 года мне надо освоить и подзаработать немного.
Но таки да, на мороженное, в месяц больше 6к не надо, это вообще возможно?
Возможно.
Ты главное поменьше сиди на дваче и побольше учись.
Два года оптимальный срок, чтобы стать неплохим спецом и зарабатывать достойно.
За то что отошлешь им резюме никто по пальцам не ударит.
ударил бы пальцем, да только адаптивную верстку я не знаю. А верстать только на бутстрапе я бы не хотел, так как ничему новому он бы не научил, а тупо облегчил жизнь на короткое время.
Я просто думаю вкатываться в джаву, либо сишарп
И параллельно обучаться верстке и английскому.
Тащемта да, ты прав, я сегодня все хочу выбрать, а завтра уже даже не зайду сюда.
И времени у меня немного поменьше (23 месяца, лел)
Не распыляй внимание.
Можно повестить на дохуя технологий и типа сымитировать деятельность.
Ты молод и горяч, любой из этих двух вариантов(frontend/java,c#) у тебя получится, если только ты будешь работать каждодневно.
Я знаю, уже было такое.
Вот реально, что выбрать? На джаве вакансий в офис больше, а фриланса нету почти.
А у сишарпа дохуя технологий, которые приходят и уходятэ
Не знаю.
Посоветуйся в программаче.
Джаву.
Мде, взлольнул над обсуждением ксс модулей, очередная оверхайпнутая хуйня, которое вообще в принципе невозможно юзать в сколь либо большом проекте.
Боже, как я тебя понимаю.
Написал в резюме, что я front-end разработчик. Только потому, что мне сейчас в вёрстке часто приходится устанавливать самый разный js. В основном jquery, но уже не только. Да, глупо, но хотел выставить себя по-лучше.
Блин, смотрю, за день штук 20 просмотров и 4 предложения, круто. Да только все они что-то вроде: "нам нужен бла-бла-бла гуру js с опытом от 3-х лет (а ф написал, что у меня всего год опыта), чтобы возглавить отдел, лол."
Пиздос, почему я не добавил junior.
Теперь получается я засрал резюме, раз его уже посмотрела куча народа и все думают, что я одинокий team lead, который не может найти себе пристанище.
Аноны, студент может на этой вашей верстке поднимать хотя-бы по 8к в месяц?
Когда-то давно учил верстку в течении 2-х месяцев, не фрилансил, нужно было для своего проекта.
Сейчас если месяца 1.5 посижу, думаю, все вспомню.
Я очень не хочу идти клеить и раздавать листовки, аноны, не для меня это.
И поймешь что тебе еще учить и учить.
ну хз, мне, например, было очень сложно впервые поставить gulp и stylus + jade просто потому, что инфы на русском мало, а та, что есть, не объясняет новичку о том, что это такое и как его ставить. пришлось самому копаться в доках ноды и нпм, чтобы вкурить, как все это ставить. так что я того анона понимаю, в первый все сложно.
или еще пример. на html-academy объясняют, как писать html и css, но не объясняют банальное создание html и css файла. как-то знакомый попросил ввести его в тему верстки.этот пидор, конечно, хотел научиться всему за пару недель и украсить сверху асинхронным js, не зная его нихуя. так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать. и ответа на html-academy по этому вопросу нет.
хуйня, не смог перекатиться, брекетс неудобныйпо крайней мере, был и тормознутый, саблайм пизже. а еще есть php-storm, это вообще pooshka.
На базовом все разжевано и в рот положено, в том числе и показаны форматы файлов.
блядь, точно, про файерфокс забыл, спасибо
обосрался, человек-аркестр нахуй. но на деле не так уж и страшно, основы всяких вордпрессов и жикуери учатся за пару недель
вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.
мне, к примеру, неудобно смотреть видео-материалы, так как я куда быстрее читаю и понимаю написанное, чем видео-уроки.
>вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.
Проиграл в шепотину. Тебе так сложно скачать с торрентов? Давно там все лежит и легко ищется. На nnm-club по запросу "html academy" всё есть. Зайти на сайт и воспользоваться поиском в состоянии?
>мне, к примеру, неудобно смотреть видео-материалы, так как я куда быстрее читаю и понимаю написанное, чем видео-уроки.
Ой, да вы только посмотрите на него, ему неудобно! Ему бесплатно выложили базовый и продвинутый интенсивы да и ещё JS-интенсив, а ему неудобно. Вот это пушка. Неудобно — ищи всю нужную информацию сам.
Чувак, как я понял он и так уже это знает, просто высказывает свое мнение по-поводу усвоения инфы, в том числе и исходя из того, что пытался кому-то помочь вкурить верстку.
Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще. (Ну кроме js-интенсива)
Ну и да, видеоматериалы хороши так сказать для овервью, а вот как повседневный справочник конечно юзать их неудобно, некоторые вещи проще в доках почитать, тут согласен с тобой.
Хотя вообще люди разные и каналы восприятия могут разниться.
>Неудобно — ищи всю нужную информацию сам
что я всегда и делаю. благо, у меня есть друг-фронтенд, с которым я консультируюсь.
я выучил большую часть того, что есть в интенсивах без них, просто потому, что не знал о них и не стремился. но я смотрел другие платные уроки пару лет назад, и сейчас иногда смотрю различные видео-обучалки, того же sorax, например, но просто не могу адекватно воспринимать информацию на видео, у меня появляется чувство, что я впустую трачу время, ведь я мог куда быстрее прочитать все то, о чем говорит обучающий в видео. мог включить фоновую музыку и углубиться в чтение и анализ кода.
>Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще.
я и не стремился искать различные интенсивы, обучался в компании у другого верстака, потом уже сам обучался.
а на торрентах просто не сижу, если нужен какой-нибудь скайрим или iso-образ винды, то я, конечно, запросто его скачаю, но раньше я и не задумывался о том, что разные интенсивы могут быть на торрентах. но, например, различные программы я обычно скачиваю с лицензионного сайта, а затем ищу разные активаторы, хотя мог бы скачать сразу готовую сборку от васяна на каком-нибудь рутрахере.
>друг-фронтенд
Лучше бы у тебя был друг-мозг.
петросян дохуя?
Чему ж ты блять обучался, если не знаешь как создать html или css? Похоже что не верстке, и точно не логике.
в глаза долбишься?
>как-то знакомый попросил ввести его в тему верстки.
>так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать.
Я правильно понимаю, что в гитхаб.пэйджс можно опубликовать только один проект?
неправильно.
Неправильно.
>> ищу разные активаторы
поясните за сасс. Надо все свойства, которые у меня будут в макете указывать через $ или можно будет где-то записать к примеру margin: 20px, margin: 25px вместо $margin_one: ...., $margin_second: ....???
Можешь вообще ни одного. Зачем хоть цсс в переменных писать.
>php storm
Тогда уж web storm
>приложу архив
Посмотри еще раз ту часть где рассказывается про переменные в препроцессорах
Пацаны, я вам работу нашел
hh.ru/vacancy/15761023
hh.ru/vacancy/15761023
не профиль, это больше дизайнер веб мастер, от которого много хотят
Прикольно нужен спец по СЕО, копирайтер, web-дизайнер, дизайнер печатных изданий, фотограф, верстальщик, веб-программист в одном лице
ну хз, мне phpstorm поближе будет, и, если не ошибаюсь, он и помощнее
Пацаны, почему у меня при наведении тень не меняет цвет?
http://codepen.io/anon/pen/WrmWPE
http://codepen.io/anon/pen/WrmWPE
Отбой, я сам разобрался.
Котоны, спиратил последний фотошоп, как там теперь элемент выбирать? Раньше просто кликал мув тулом и все, а теперь на клик мув-тулом не реагирует, а cntrl+click выделяет слой с этим элементом, а не сам элемент.
Там в настройках где-то ставится, что именно выделять на ctrl + clk
А все, нашел, там на верхней панели настройик инструмента надо было чекнуть "auto-select: layer"
галочку наверху автовыбор слоя поставь ебана рот
Концентрация бесполезных рифлеманов просто зашкаливает. Такое впечатление, что донаторы до последнего верили, что рыбы заквиркуют раннюю версию джаггера так, что она будет имбовать.
Олсо, альттабнулся, чтобы написать этот пост прямо во время перестрелки на поларе.
Олсо, альттабнулся, чтобы написать этот пост прямо во время перестрелки на поларе.
Пацаны, как в сафари чекать, если у меня спермерка и нет гейфонов?
никак, покупай макбук
Боже, какие убогие брови.
скачай 5.1.7 версию блядь, если в ней все будет норм, значит и в последующих тоже все будет норм
под 7 разве есть сафари?
Как правильно выранивать элементы в div`е по центру (вертикально/горизонтально)?
> выравнивать
фикс
Flexbox.
есть, но он дико старый, как говно мамонта.
когда вы блядь в гугл уже научитесь? https://learn.javascript.ru/css-center
Не ругайся. Я же не спрашивал, КАК это сделать, интересует как это сделать ПРАВИЛЬНО.
Вот по твоей ссылке для вертикального выравнивания три способа - первый кривой, второй не всегда применим, в третьем подразумевается применение таблицы, что (вроде как) нарушает семантику документа.
Половина этих способов — хуита для древних браузеров.
Кантор хуйни не посоветует)
Верстаешь блоки, им задаешь display: table-cell. в этом нет ничего страшного, ты же в html не прописываешь блядские tr td.
ну и по поводу семантики, вся суть в том, чтобы вставлять теги таблиц чисто для использования таблиц, а не для main и aside таблицами.
ясен хуй, те же ie10< уже древние браузеры. их тоже приходится поддерживать, если потребуется, ведь это немалое количество пользователей. а те же флексбоксы, которые вы тут пиарить с какого-то хуя начали, еще не везде поддерживаются, приходится думать о поддержке тех же старых ie и сафари. и еще пару лет придется. а вообще, можно радоваться, так как старые браузеры потихоньку уходят, появляются новые стандарты, и скоро можно будет не использовать ту же jquery, заменив ее нативным js.
Статистику юзанья в рунете ие знаешь? Рекомендую глянуть
если не изменяет память, месяц назад было 0.5% у ie8, учитывая, что в стране ~145кк человек, то мы получаем ~725к человек. уберем половину, так как школьники и старики, получается 362.5к человек. весомое количество пользователей, тебе так не кажется, Peedor?
а caniuse показывает 1% использования. это еще больше.
не учи ученого, мудила. я сам еще год назад верстал под 8 ишака со всеми этими картиночными уголками и прочим говном.
В рассее интернет еще не у всех есть. Пользователи на старых ослах нахуй не нужны, если ты не Яндекс или Вконтач. Поддерживать код дороже.
Ну да, ты прав по цифре. За январь было 0.4%. Только смотреть все же надо на относительный (процентный показатель), а не абсолютный. И глядя на 0.4%, Карл, почему просто не подключить для них полифилл флексовый если уж прям так надо?
А кто из нас еще мудила большой вопрос исходя из твоей манеры вести диалог, мелкобуквенный.
а потом к тебе подбегает ПМ и пиздит лопатой по голове, ибо проебались 1000-10000 пользователей, которые сидят на ie9. и ты будешь потом начальству объяснять, почему сайт не работает на ie и старых хромах-огнелисах. "кококо, зато флексбокс, смотрите, как вертикально выровнял".
страница будет грузиться дольше. пошел на хуй.
В моей компании требования принимаются все-таки до начала проекта. А про буйных ПМов рассказывать не надо, я сам буйный ПМ.
Помогите ньфагу. Начал смотреть базовый интенсив HTML academy и в конце первого занятия нужно зайти на сайт borodinski-barbershop. Ввожу я в cyberduck их сервер и логин с паролем, которые есть в видео, и в результате 530 Login authentication failed, неправильный логин.
Вопрос, нужно ли закидывать на их сервер макет или просто верстать себе в оффлайне ?
Вопрос, нужно ли закидывать на их сервер макет или просто верстать себе в оффлайне ?
>флексбоксы
>пиарить
распиарили блядь шо пиздец, ага
хаха
Лол
В препроцессорах файл grid.scss(less) отвечает, судя по названию, за сетку? Что в нем прописывать?
Шаг 2 из progressive enchancment (построение сетки)?
А потом блоки стилизовать только с помощью типографики и размеров, не касаясь их позиционирования?
Шаг 2 из progressive enchancment (построение сетки)?
А потом блоки стилизовать только с помощью типографики и размеров, не касаясь их позиционирования?
Ты же интенсив спиратил, сам подумай.
Сука, я уже заебался. Не подключается шрифт и все, пиздец. Хром браузер.
Подключаю:
@font-face{
font-family: 'Helvetica Condensed Light';
src: url(fonts/Helvetica-Condensed-Light-Light.ttf);
}
Использую:
font-family: 'Helvetica Condensed Light';
В результате хуй с таймс нью романом...ну что за пиздец.
Подключаю:
@font-face{
font-family: 'Helvetica Condensed Light';
src: url(fonts/Helvetica-Condensed-Light-Light.ttf);
}
Использую:
font-family: 'Helvetica Condensed Light';
В результате хуй с таймс нью романом...ну что за пиздец.
ток без этих \t\ ессественно, хз че за хуйня
Адреса правильно указал? Может надо '../fonts/'
И ещё, если делаешь шрифт отличный от regular. Например, как у тебя light:
@font-face
font-family 'Helvetica Condensed' - не указывай здесь light, это глупо
src url ...
font-weight 300 - а указывай здесь.
font-style normal
То есть, когда будешь указывать шрифт и вес, то у тебя будет находиться правильный.
Ну я чет даже хз блядь, шрифт не работает. Сделал тестовую сборку без всяких сассов, все подключил--ии нихуя блядь. Скачал другой, поставил так же-работает. Тот шрифт не работает. Вот вам блядь и вопрос, с какого хуя он может не работать ни в хроме ни в мазилле...нигде. Сам по себе файл не битый, на винду встал. Я ебался с ним блядь 2 часа..пиздец
Не спиратил, а решил ознакомиться. Просто на NNM в комментах :
есть доступ к бородинскому сайту. наверное вздёргнут за то что свои файлы там сохраняю?
Если ты один будешь там хранить файлы, то ничего не случится. И врядли кто-то что-то поймет)) Главное - они чистят все перед каждым новым интенсивом.
Скинь архив. И папку с шрифтами не клади в стили.
Тут папка с шрифтами сама по себе, тут нет папки для стилей, ибо тест и нахуй не надо
https://cloud.mail.ru/public/AfeK/YDduchwbR
А, о госпади, ты шрифт ни к какому классу не применил. Пропиши, например, body - font-family: 'Helvetica-Condensed';
Ну не классу, а тэгу, если быть точным.
все там правильно применено, к тегу <p>. Но я применил к боди, как ты сказал-нет изменений.
Элементарно применением font-family: 'Arial', 'Helvetica-Condensed'; определяется, что дело не в классах, а шрифте.
это я тебе
Я не знаю как это дерьмо работает, но когда назвал шрифт просто "Helvetica" и применил его к боди всё заработало.
Это не та Хелветика, там стандартная есть, ты ее и подключил.
Антуаны, простите за нубский вопрос, но, если у меня не куплен фотошоп на моём adobeid, то будет ли у меня работать extract в брекетс?
Заранее спасиб за ответы.
Заранее спасиб за ответы.
Хех, это правда забавно, но я не знаю в чём причина.
Опять же другие шрифты подсоединяются, сейчас спокойно подключил OpenSans
Кажется я начинаю понимать в чем тут подвох, это пиздец
Helvetica.
Compatability:
Win: 7.34% Mac: 100%
Helvetica.
Compatability:
Win: 7.34% Mac: 100%
Первый раз такое вижу. Мне кажется с шрифтом какая-то еботня.
господа каньте примеров верстки на флексбоксах если не сложно
Есть тут те, кто когда-то выбирал между фронтендом и бэкендом? Я еще в сосничестве верстал сайтики на тему игор, а в школе спокойно мог кодить на паскале. В общем и там, и там особых проблем не испытывал. Вот думаю куда лучше податься. Верстка все-таки больше нравится, но хотелось бы при этом еще нормальную зарплату, а в бэкенде, вроде как, зарплаты выше.
иди туда где нравится, иначе проиграешь
Пацаны. Я тут делал д.з. за 7-8 урок продвинутого (ну где js)
Там задавали мол сделать чтобы кнопки "+" и "-" работали.
Потом чтобы когда увеличиваем количество взрослых и детей добавлялось на каждого по 3 поля (ФИО)
Затем делал как они рассказали чтобы отправлялось AJAX'ом форма и при выборе картинок отображались их превьюхи и можно было их удалить.
Можете посмотреть че там с моим кодом на js - сильно ужасен? Или лучше кинуть в js-тред?
http://jsbin.com/xayoyicufu/edit?js,output
P.S. html/css можно не смотреть на коленке быстренько слабал фиксированно по их скринам.
Там задавали мол сделать чтобы кнопки "+" и "-" работали.
Потом чтобы когда увеличиваем количество взрослых и детей добавлялось на каждого по 3 поля (ФИО)
Затем делал как они рассказали чтобы отправлялось AJAX'ом форма и при выборе картинок отображались их превьюхи и можно было их удалить.
Можете посмотреть че там с моим кодом на js - сильно ужасен? Или лучше кинуть в js-тред?
http://jsbin.com/xayoyicufu/edit?js,output
P.S. html/css можно не смотреть на коленке быстренько слабал фиксированно по их скринам.
Это все конечно хорошо, но фронтенд-разработчиком сейчас вообще реально устроится или везде жуткая конкуренция?
Аноны, предложили мне работу верстальщиком. вроде все норм, обещали выслать тестовое задание. выслали...
вместо макета - docX с картинками кривых порно-сайтов и папка с картинками. как думаете, в чем наебалово? в вакансии сообщалось о сайтах для взрослых, но посмотрев внимательно шаблон, понял, что это кликер для мобильников: кликаешь, у тебя снимается бабло. пикрилейтед. деньги предлагают неплохие, но это какой-то пиздец, и чувствую наебалово.
вместо макета - docX с картинками кривых порно-сайтов и папка с картинками. как думаете, в чем наебалово? в вакансии сообщалось о сайтах для взрослых, но посмотрев внимательно шаблон, понял, что это кликер для мобильников: кликаешь, у тебя снимается бабло. пикрилейтед. деньги предлагают неплохие, но это какой-то пиздец, и чувствую наебалово.
в верстке лэндингов с jq плагинами жуткая конкуренция, фронтэндер это тот же программер, ток специализирующийся на js. И вкатится сюда не так просто как кажется, достаточно просканировать вакансии и посмотреть требования.
>вместо макета docX
можно слать нахуй
двачую. Дальше тестового нихуя не двинется. Это такой способ не платить демпингующим макакам даже малость, а получить все на халяву с тестовых.
>в верстке лэндингов с jq плагинами жуткая конкуренция
Дак это же основная деятельность фронтенд-разработчика, разве нет?
Нет конечно. То что ты процитировал - задача верстальщика.
Даже джун фронтенд, если мы говорим про спеца с упором на джс, должен знать и уметь на порядок больше. Как минимум, написать и сверстать простую аппшку самостоятельно.
молодой человек, на дворе 2016. Вот тут про минимум http://frontender.info/a-baseline-for-front-end-developers/
Мда
спасибо за ответы
Бамп
Кто-нибудь вообще смотрел? Или все на порносайты отвлеклись? ))
в js тред пойди
блядь, пиздец, снизу постучали.
Какое вообще будущее у фронтенд-разработчиков, когда они стареют? Вот с программистами все более-менее понятно: они перекатываются в тимлидеров и т.д. А куда перекатываются фронтендщики, когда им стукает за 35+? В таком возрасте уже сложно конкурировать с молодыми-шутливыми студентами.
Фронтенд-разраб тоже может стать тимлидом если че.
А вообще вот, правда не про фронта, а про версталу
https://youtu.be/nIFClfBXuIQ
А чем фронтенд разраб отличается от программиста?
> когда они стареют?
На пенсию уходят, не? Ну если не фрилансер всю жизнь.
У меня от этого видео уныние, суть одна, типа всю жизнь верстаешь и пиздец.
javascript гуру, какой-нибудь с 50+$ в час на odeskе
Бля, а че с пенсией у погромистов в старости?
Тимлид фронтенда? Серьезно? Такое вообще реально в России? Как будто без тимлида бедные верстальщики не справятся.
На пенсию в 40 лет?
Какой 50$ на одексе... К тому времени будут выходить кучи новых фреймворков и технологий, за которыми старый пердун никогда не угонится. Мозги то уже потрачены.
бля а у водителя автобуса? Зрение уже не то, давление по утрам...
> На пенсию в 40 лет?
Я хуй знает вообще, как пенсию зарабатывают, я никогда не работал.
Но блядь, я не хочу всю жизнь верстать и кодить, а в снг хуй а не пенсия.
Выходит, нужно ебенить и съебывать нахуй в какую нибудь гейропу, там же льготы вся хуйня, не? Как жить-то, блядь?
А ТЫ О ЧЕМ ДУМАЛ КОГДА ВЕРСТАЛОЙ УСТРАИВАЛСЯ????
вы тут все так говорите, как будто вы в 40 уже беспомощное говно не умеющее в думать и соображать. По вашему старые физики ядерщики полное говно и нихуя не могут? Ведь столько исследований выходит и многое надо изучать. Становитесь ахуенными спецами, зарабатывайте деньги, мутите свои дела в реале и так далее. Нахуй вы думаете про 40 лет? Мы может в следующем году все сгорим в ядерном пламени. Пиздец.
Есть и синьеры фронтенды и тимлиды и даже солюшн архитекты. Это ебать какая крупная отрасль. К тому времени у тебя уже столько опыта за плечами, что охуеть просто.
Фронтендер, настоящий, от программиста мало чем отличается. Грубо говоря это JS developer со всеми вытекающими. Только в отличие от обычной джс макаки он знает куда больше дополнительных технологий.
А кем устраивать, блядь? Я на предприятиях побывал на практике, ну его нахуй блядь.
>нахуя вы думаете
>можете
Это все так, но задумываться нужно, я не хочу работать ВООБЩЕ, а программирования для меня это способ заработка и обход капитализма, только и всего. Вот есть куча знакомых, которым уже за 30, а они и года трудового стража не заработали.
>я не хочу работать ВООБЩЕ
Ясно
> Тимлид фронтенда? Серьезно?
А чё, тимлидом только по жабе какой-то можно стать, а по жс нет? Чё за хуйня? Зачем вы меня пугаете, ироды?
>я не хочу работать ВООБЩЕ
>wrk
Нахуй пошел отсюда.
Старые ядерщики-физики всю жизнь дрочили матан и продолжают его дрочить. У них котелок настолько варит, что они и в 60 будут вполне работоспособны. А чем занимаются всю жизнь фронтенд-девелоперы? Подгоняют макеты, да пишут код на js. Тут большого логического аппарата не надо, мозги не сильно тренируются именно в плане логики.
> Ясно
Понятно, блядь.
> Нахуй пошел отсюда.
У вас смысл жизни это работа, вас родили, чтобы вы ебашили всю жизнь, поехавшие?
Ой, больше слушай этих аутистов. Сходи на hh.ru и сам посмотри.
> Тут большого логического аппарата не надо, мозги не сильно тренируются именно в плане логики.
На самом деле нет, умственные нагрузки позволяют сохранять связи нейронов, к тому жен, стандарты из года в год меняются, нужно учить новое.
Ну объясните мне тогда чем таким особенным занимается тимлид-фронтенда, если все задачи спокойно способен делать обычный фронтенд-девелопер без надзора старших.
то есть ты так убежден в том, что во фронт энде на js только слайдеры прикручивают да пипиську локал стораджа дергают?
>нужно учить новое.
Вот тут пожалуй соглашусь. Даже в бэкенде так часто новые фичи не выходят. Но в бэкенде, с другой стороны, опять же, больше логики.
Область колбасит, новые технологии чуть не каждый месяц, все время нужно изучать что-то новое. Например, Redux вышел только в июне 2015, а сейчас его ставят с каждой второй установкой Реакта.
Архитектура и координация работы над сложными SPA, очевидно.
Если тебе все это интересно, наверни Савельева.
Ойблять, только не начинайте сейчас.
мимо заглядываю иногда в /sci
Смысл не в работе самой по себе, а в создании новых ценностей. От лежания на диване они почему-то не создаются.
Делать нам нехуй, только объяснять тебе очевидные вещи. Действительно зачем нужен тимлид команде разработчиков? Достаточно взять двух джунов, одного версталу, и можно свой букинг ком пилить.
Мы тут щас за пенсии сремся.
> От лежания на диване они почему-то не создаются.
А ты перестань меланхолию трудом лечить, может и найдутся.
фронт-енд разраб дрочит на протяжении карьеры js, который можно юзать и на бэке, причем со своими плюсами(особенно в вебе, где одна технология с двух сторон уже ахуенно), это я еще не говорю о массовости языка, его поддержке и прогрессирующем развитии.
> это я еще не говорю о массовости языка, его поддержке и прогрессирующем развитии
А ты расскажи, а то я неофит и нихуя не понял.
ну теперь-то все понятно.
Сук пздц душевная лекция. Часто представляю себя в 40+ уже тупым, старым, хрыщем который будет нахуй никому не неужен в этом фронтенде, но этот мужик дает надежду.
Ребята, подскажите как выровнить текст внутри этой маски. Vertical Align не применяется, не понимаю в чём причина. Всегда проблема с этой хуйнёй.
код блядь....КОООООООООД
Это разные блоки. Каким образом оно у тебя туда залезло
Картинки я так понимаю не подцепить. https://jsfiddle.net/n0sgffd2/
position: absolute, не?
Видео смотрел где-то до половины, довольно давно. Так и не понял, что помешало ему взяться за изучение новых технологий, в частности JS. За то время сколько он уже верстает, мог бы себя поднатаскать и сойти за джуна-мидла фронтендера. Ну а оттуда уже путей масса.
картинка с тремя надписями - это один блок, а "седона - небольшой городок...." - это другой блок. Если бы ты сверстал так, то у тебя ничего не залезло наверх. Или я не правильно понял, что ты хочешь
пиздец, мне 20, уже полгода думаю, что уже давно проебал все полимеры, не стать уже нормальным фронтом и подобное
из-за этого с последней работы ушел.
Лол, он умеет в js да и работает в яндексе как бы)
Почему тогда версталой остался? Он ведь на это жалуется всю презу?
Он не жалуется, а рассказывает что бывает в кризис среднего возраста и что делать чтобы работа так же доставляла удовольствие как и раньше. Ну делится мудростью так сказать. Предупреждает молодежь. Кого-то наоборот может даже подбодрить видосик, конечно если полностью глянуть, а не только то где жалуется)
Кстати фишка с оценкой сроков про которую он рассказал занятная довольно (взял на вооружение) и карта жизни (ну в смысле листочек на котором недели зачеркиваешь)
верстальщик на js тоже пишет. и он, по сути, не просто верстальщик, а начальник отдела фронтенда.
жалуется не на то, что он верстальщик, а на то, что ему уже 36 лет, жизнь, вроде как прожита, он боится, что многое из того, чего он хотел сделать за свою жизнь, он уже не сможет.
но потом он говорит, что это лишь поверхностное мнение, что в 36 лет жизнь еще идет, итп.
лучше полностью посмотреть его выступление, не отвлекаясь ни на что. ну и это проще понять, когда ты сам начинаешь бояться, что жизнь бежит, не ждет тебя
>Тимлид фронтенда? Серьезно?
Серьезно, у меня даже есть знакомый тимлид фронтендер, ему 21 год. Могу дать контакты, он скорее всего даже ответит.
Я не понимаю, на каком основании ты фронтендеров отделяешь от остальных? На западе Frontend Software Engineer вопринимается как любой другой Software Engineer. И зарплаты такие же в среднем.
Господа, как по уму сделать вот такую разметку и сделать, чтобы по клику на текст этот див разворачивался на весь экран (и обратно)?
Можно таблицей, можно флексбоксом, можно даже флоатами или инлайн-блоками. В чем конкретно сложность?
В красивой анимации разворачивания. Вот над ней я и думаю.
Подскажите как кружок делать.
Если через бордер-радиус, то все немного скачет когда прорисовывается
Если через бордер-радиус, то все немного скачет когда прорисовывается
Через бордер радиус.
Попробуй задать его сразу, но указав цвет transparent. А при ховере ставить border-color: white. Транзишн ещё прилепи и збс будет.
Спасибо, сработало
box-sizing: border-box
Тогда немного дрыгается иконка внутри
Аноны, а в сети вообще есть годный и полный гайд по Angular (бесплатно)?
с одной стороны как-то завидуешь всяким зубрам, которые в теме чуть ли не больше времени, чем ты на свете жил, но с другой - сколько же говна им на своем веку пришлось разгребать. все эти иешки кондовые, нетскейпы древние.
если вы заметили, першин из академии до сих пор с опаской поглядывает на всякие бокс-сайзинги и оверфлоу:хиддены, в то время как молодым и шутливым похер, юзают только в путь.
>создании новых ценностей
>веб-макаки
Першин как бы не верстальщик изначально, а прогер (он сам это говорил)
В адаптиве на какое минимальное разрешение значение ширины опираться? На каком там говне минимум сидят, 285-300?
яйфончики 320 вроде.
Я делаю до 320. Все что ниже - дно.
Прочитал первую часть подумал нихера себе делает от 0 до 320. Потом из второй части поста понял что ты говорил не про mobile-first лол
Рассказываете свои истории что ли, 24лвл все еще верстала без знания js
город,зп?
Ебать комьюнити разнесло. Года два назад какая-то всратая доска была одна. Сколько щас платят за это говно? Также нихуя?
мимо 7 месяцев на проектах дропнул это говно
мимо 7 месяцев на проектах дропнул это говно
Сколько чалишься? Как устроился?
У меня нихуевый диссонанс с такого js http://www.fiveminutes.gs/
Мухосрань, 25к удаленка
работаю около года может больше, вот теперь хуй знает нужен ли мне этот веб вообще
бля ты что не можешь найти вакансию получше? Много раз видал куда более выгодные удаленные верстало вакансии
Без знания js Больше 30к не видел
такой же мудель как и я, походу . только я ещё и в офисе сидел и меня потом с деньгами кинули, правда версту надрочил дай боже
ну так что мешает его учить? Лень? Этож как пуэ для электрика.
ппц тянке
Кстати, на каких сайтах можно удаленку искать?
(интересуюсь на будущее, как раз скоро за js сяду)
hh хули
А, ну я думал еще какие варианты спецом для удаленок есть. Ясно, пасиб
просто верстка - ссаное дно. такое же как все крудошлепства и формоебства с продакшеном. из неё куда выкатываться? разве что в mobile app. а потом как-то к двиглу вырулить. лучше сразу двигло дрочить
Как сделать такому псевдоэлементу прозрачность вокруг? У меня получается такой треугольник сделать, но фон мешается вокруг него.
Иди нахуй, заебали уже. Прочитай что написал сам и пойди догадайся хули хотел, где как что.
очередная манька порвалась. Снова не осилил псевдоэлементы?
rgba(0,0,0,0)
вроде это ты не осилил, нет?
ссу тебе на затылок, маня.
>25к
>удаленка
>работаю около года
Проиграл
Мимо джуниор 40к
Аночики, он прав?
Верстка — дно, фронтенд-разработка — нет.
>фронтенд-разработка
А что там кроме верстки разрабатывать-то? Эффекты и прочие свистоперделки на js писать?
Серьезные SPA, очевидно.
Не гуглится :(
Ну давай маня, запали ка мне на коленке сайтец уровня
http://www.courchevel.com/
посмотрим как ты запоешь.
1. Типичная страничка
2. Убогий логотип
Там справа меню есть "гений". Ты пощелкай посмотри.
Первая ссылка в гугле.
>А что там кроме верстки разрабатывать-то? Эффекты и прочие свистоперделки на js писать?
>Не гуглится :(
Очередной диван что-то пиздит, в то время как даже не знает что такое SPA.
>из неё куда выкатываться
Во фронтенд, очевидно. А из него можно в node.js, если будет на то желание.
>2. Убогий логотип
Лого Толмачево перерисовали в полноценную снежинку
>меню
ВАААААААУ
Ты правда такой дебил или прикидываешся?
и что?
хочешь сказать что это полноценное приложение?
это обычное формошлепство со свистоперделками.
верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
верстал интернет-магазины
прав. до сих пор жалею что засиделся на ней так долго и стольки сил вбухал
>эти виляния жопой
Пили кулстори
таки дебил
Все у них свистоперделки, пиздуйте реализуйте какой-нибудь evernote блядь
или все сервисы яндекса, тож ниче сложного, но
Это нихуя не приложение, но попробуй ты написать что-то подобное - обосрешся на второй странице и побежишь звать мамку.
>это обычное формошлепство со свистоперделками.
За такое, как ты выразился "формошлеперство" заказчики валят немеренно бабла. Сумеешь реализовать всю клиентскую часть самостоятельно - считай что ты лакомый кусочек для половины ДС студий. Можешь теперь вертеть носом и отказываться от зп в 2к зелени. И заметь, я не только о верстке, а вообще о всей кутерьме замешанной на JS и т.д.
>верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
Половину треда вам дебилам объясняют, что из верстальщик - личинка фронтендера, а они до сих пор что-то мычат. Пиздец. Вы либо воспринимать информацию не умеете, либо идиоты, либо просто зелень диванная.
Дак там обычная скролинг-страничка
лол
>верстка - дно и из нее надо выходить. куда угодно. у нее НЕТ путей развития
>у нее НЕТ путей развития
Лол. Ты сказал?
чет тут дохуя умных развелось в последнее время, у треда скоро разовьется бэм, надо срочно пилить перекат.
даже пробовать не буду.
движок бы попробовал
да мне без разницы, делайте че хотите
Сема
Подскажите, как сверстать такое? Меня интересует конкретно пунктирные линии. Как лучше с ними поступить? Вырезать и закинуть как бэкграунд или есть еще какие-то способы? Так же интересует шестиугольник, такой реально сверстать или лучше вырезать с иконкой?
вам бы фронтенд какого-нибудь букмекерского агрегатора написать, а то вы шутливые слишком, все знают все умеют, на этой доске за каким-то хуем сидят, ноют что это дно...бля в чем смысл? Хуй знает.
Ну так для бэк-енда есть отдельные треды - вкатывайся туда: PHP, ruby и т.д.
.., JS
а почему нет БЭМа на этом сайте? М??? Значит я был прав насчет него? БЭМ донное гавнище?
>ноют что это дно
Это подгорающие от своей бесперспективности копирайтеры заскакивают.
БЭМ это состояние души, ты просто нихуя не понял
Ну да, нода в и т.д. у меня ушла)
>если на каком-то сайте нету БЭМа, значит он говно
Логика уровня /b/.
так мне тут с пеной из рта доказывали, что БЭМ это огромный шаг в будущее.
Я лично просто взял их логику, т.е. отвязку от анального каскадирования и модульность независимую и скажу что это реально удобно. А вот читать методу что там селектор что модификатор что класс...в пизду.
Очевидно что тебе нагло врали.
БЭМ это просто инструмент. Кроме него есть другие похожие, и всегда можно именовать классы по-своему.
подскажите, как тут сверстать лучше. Я вообще не могу понять, как правильнее будет
пиздец
серьезно, доска напоминает секту)
Начинается бля, ну пиздец. БЭМ не БЭМ.
Да пишите как хотите, не ебите мозг. Хочешь без методологии, хочешь по SMACSS, хочешь по БЭМ (или BEM или даже БЁМ), хочешь по OOCSS, хочешь по MCSS или вообще не пишите.
Да пишите как хотите, не ебите мозг. Хочешь без методологии, хочешь по SMACSS, хочешь по БЭМ (или BEM или даже БЁМ), хочешь по OOCSS, хочешь по MCSS или вообще не пишите.
Где там пунктирные линии?
Насчет шестиугольника, можешь глянуть создание фигур на ксс. Его полюбому можно сделать, другое дело, стоит ли игра свеч. Если совсем беда - можно и вырезать конечно. Правда там тенюшку вижу надо будет откидывать.
Блять скажите что он тралит. Неужели наш тредик зашкварился об ньюфага-смайлоёба?
Я сначала думал что копирайтеры не люди, потом зашел сюда и проникся уважением к этим знатным гражданам
вот же эти линии
Пунктирные можно бы было сделать через dashed, но уж больно они длинные. Можно одну вырезать и потом репитить наверное.
Фигуры наверное можно и на css, и через свг-маску и просто вырезать.
Возьми три блока с пунктир бордерами сверху слева и справа, second-child'у только верхний и спозиционируй под этими при это ширину не фиксируй, для адаптива надо смотреть на месте на поведение, сказать сложно так.
уебок-директор дрочил на поддержку старого говна. меня заебало верстать под ie 5 + и я ушел
три года назад было
Насчет копирайтеров не знаю, но после месяца прибывания в /пр я считаю эти треды более простенькими что ли. То есть в /пр сидят благородные господины, настоящие программисты. А тут максимум верстальщики и js-макаки. Обидо, но это правда
может потому что этот тред для обучения верстке?
JS тоже в /pr если че)
если тебе надо фиксированую верстку, то это очень изи, а вот на растягивание могут возникнуть проблемы.
ПхП тоже там. Но пхп от этого элитнее не стал.
мне кстати за верстку обидно.
это ужасно неблагодарный труд, как труд учителя.
да еще и ебучий стереотип, что верстальщик - не человек.
жаль, что специальность отмирает постепенно...
все тот же 7 мес
это ужасно неблагодарный труд, как труд учителя.
да еще и ебучий стереотип, что верстальщик - не человек.
жаль, что специальность отмирает постепенно...
все тот же 7 мес
у меня min-width: 1140px;
Вроде не должно быть проблем при уменьшении экрана. Тут дали кучу советов, но какой из них будут правильнее?
можешь эти линии в один png соединить и тупо на фон въебать :3
Посмотри вакансию любого фронта, даже от синьеров требуют углубленное знание HTML5/CSS3.
Кстати да, думаю, чего не хватало то здесь... Шутеек про js и php)
Хотел переделать немного гайд по гитхабу, но проебал пароль и фейкомыло. Там скрины новые нужны. Простите, сосоны.
да пох, по нему инфа гуглится без проблем. Да и на самом хабе есть вся инфа.
Пелите перекат, что ли. Хотя я считаю лучше закрыть эти треды нахуй, все равно сюда кроме нытиков и ньюфагов-долбоебов, не умеющих в гугл, никто не заглядывает.
Давайте больше не будем создавать, а? Конкурентов плодить?
Давайте больше не будем создавать, а? Конкурентов плодить?
да какая нахуй конкуренция, тут реально темой занимается человек 20 от силы. 85 постеров если в треде, сколько залетных еще и сколько только начали и скоро забьют хуй
я тут с октября, но начал хоть что-то понимать в верстке только в январе.
эт нормально, тут ток залетные копирайтеры воют, что верстка это очень изи и научившись верстать статик лэндинг строят из себя гуру. Сложного в ней тож хватает (поверстав сложные адаптивы я понял), но в целом, она требует просто много времени на практику.
забыл добавить, до сих пор не могу понять многое в формах. Например в седоне на главной странице, когда надо вызвать щелчком форму над картой.
я сверстал 4 макета с базового, правда вот у седоны осталось только доделать форму.
покажи хоть, мало ли косячок заметим. Я не стал верстать эти макеты нашел рандомные в сети и сделал их сам адаптивными, чтоб сразу в портфель можно было класть
ну это надо кидать на кодепен, а потом картинки вставлять. Потом как-нибудь вкину. Вспомнил что есть косяк на второй странице при уменьшении экрана футер ломается. Может через пару дней кину сюда. Пока что надо доделать другой макет
на хостингер какой-нибудь залить не проще?
Ну тогда перекат пилите.
>Фронт-энд
>завалиться в хардкорный фронт-энд
Поясните, что это значит. Где можно ознакомиться с основной номенклатурой?
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред