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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
33 Кб, 649x716
Front-end thread №6 #574452 В конец треда | Веб
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ

>Можно ли вкатиться в randomAge.


Можно.

>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.


Можно.

>С чего начать? Что учить? Куда смотреть?


Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.

>Есть ли работа?


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

>Пришел ли кто-то из нашего треда к успеху?


Да, и не один а двое, азазазза, кхм.

>Сколько времени займет обучение?


Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.

>Слышал что для устройства на работу нужно портфолио.


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

>Подскажите хостинг/сайт/место где все эти проекты держать?


Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.

>Могу ли учить верстку/JS после работы по 2 часа?


Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.

>Могу ли я спросить что-то в треде?


Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.

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

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

=====================

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

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

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

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

http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и 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/

Шпаргалка от Громова по гиту
http://nicothin.pro/page/git

Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM

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

Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp

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

Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking

Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>569536 (OP)
>>577152>>578848
#2 #574454
Нумерацию проебал... ну да и похуй, запомним что этот тред седьмой, а следующий - восьмой.
208 Кб, 1361x703
#3 #574468
Освятил
>>574539
#4 #574489
Тэкс, ананы, тут вот какая проблема.
В моем коде в теории при переключении на второй радиобаттон должен меняться фон. Картинка-то в принципе и меняется, но не так, как надо - если просто щелкнуть на баттон, то ничего не изменится, но есть чуть дернуть мышкой, то изменится. В чём косяк?
P.S. Почему-то на кодпене изображение вообще не меняется, как ты мышкой ни юлозь.
http://codepen.io/tvoibatya/pen/bpPzYK
>>574497
#5 #574497
>>574489
ну хз, все правильно вроде работает, по клику на второй меняется фон дальше все. Если задался делать слайдер так, то лучше оперируй атрибутом checked
>>574499
#6 #574499
>>574497
Нет, нихуя, это я аутист, забыл положить картинку.
Вот обновленный и ПРАВИЛЬНЫЙ вариант.
http://codepen.io/tvoibatya/pen/bpPzYK
Фишка в том, что ТУТ всё отображается нормально.
А в Мозилле - вот такая беда, как я описал.
Хорошо, а как использовать атрибут чекд в Js?
>>574503
#8 #574504
>>574503
Охуенно, грац!
#9 #574523
-webkit-box-shadow на Хром никак не влияет. Размытие как бы "квадратное". Есть решения?
#10 #574539
>>574468
Злоебучий интернет эксплорер, как раз сейчас фикшу свою флексовую седону так, чтобы она и на 10-ке нормально отображалась.
Олсо, в новомодном едже флексовые элементы все также ебут друг друга в сраку и вылазят за пределы контейнера (мда), если не задать им жестко флекс-бэйзис в процентах, тогда как в нормальных браузерах достаточно православного флекс-гроу и все становится красиво. Ай да мелкософт, ай да молодцы!
>>574552
#11 #574552
>>574539
Flex-basis плохо себя ведет в 10ке. Меняй на width.
#12 #574573
Анончики, читнул тут, что ретина отличается чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
>>574576
#13 #574576
>>574573
Внезапно https://ru.wikipedia.org/wiki/Retina

Господа, верстаю на ноутбуке с разрешением 1366рх, есть какие-либо способы проверить, как будет выглядеть вёрстка на бОльших экранах? Сработает ли задать body нужную ширину ( взятую отсюда http://www.w3schools.com/browsers/browsers_display.asp ) а потом уменьшить масштаб в браузере?
#14 #574584
Аноны, кто-нибудь смотрит какие-нибудь каналы по фронтенду на ютубе? Я вот смотрю DevTips, охуенный. Есть-ли че-нибудь подобное?
>>574785>>575333
#15 #574590
>>574576
Масштаб меняй либо f12
#16 #574629
>>574576
Адаптивность в девтулз для кого завезли?
#17 #574634
>>574576
читнул, и теперь мне интересно, как отображаются веб-сайты с шириной основного блока в 1000 пикселей на макбуках. Что, на макбуках всё выглядит очень мелко, и их владельцы вынуждены везде изменять масштаб?
>>574637
#18 #574637
>>574634
Да, а владельцы iMac с ретиной 5х вынуждены приближать сайты на 500%, а на рабочем столе пользоваться экранной лупой с винды.
>>574652
#19 #574652
>>574637
а серьёзно? Как отображаются сайты с фиксированной шириной 1000 пикселей и картинками шириной в 200-300 пикселей?
сижу с ноута 1366х768
>>574665
#20 #574665
>>574652
Ты продвинутый интенсив смотрел?
>>574681
#21 #574681
>>574665
нет. Всё понятно, ушёл смотреть.
>>574683
#22 #574683
>>574681
Правильное решение.
#23 #574740
http://codepen.io/Okhre/pen/ONeYEv?editors=1100

Подскажите, почему .page-header__top .main-nav__list-info:nth-child(1) перекрывает остальные nth-child????
>>574748>>574756
#24 #574748
>>574740

>:nth-child(1)


Наркоман?
>>574753>>574757
#25 #574753
>>574748
я сначала писал :first-child, но результат был одинаковым
#26 #574756
>>574740

>нтх-чсихд(1)


сука ты мне с утра настроение поднял
>>574757
#27 #574757
>>574748
>>574756
почему first-child использовать предпочтительнее, чем nth-child(1)?
мимо работаю версталой, не использую first child и last child
>>574759
#28 #574759
>>574757
Потому что ты не аутист, чтобы писать энный-потомок(1) вместо первый-потомок?
>>574763
#29 #574763
>>574759
когда начинал карьеру версталы, не знал даже о nth-child, потом у знакомого кодера, году в 2010, узнал про него, а узнав о first-child и ему подобных, подумал, что это какая-то хуета. Так что нахуй.
#30 #574773
о д н о х у й с т в е н н о
д
н
о
х
у
й
с
т
в
е
н
н
о
#31 #574785
>>574584
leveluptits
#32 #574817
>>574815
А как макбуки отображают сайты, где используется растровая графика с относительно невысоким качеством? Плохо?
>>574849
#33 #574829
Аноны, как правильней шрифты подсасывать? Ссылки на гуглфонтс в шапке не моветон?
>>576242
#34 #574849
>>574817
Блядь, вы заебали. Смотрите продвинутый интенсив - там вам все разжуют.
19 Кб, 200x218
#35 #574895
>>570231
>>573624
О, блин, а я вчера вечером отправил тебе тестовое. Буду очень признателен, если ты прокомментируешь мой вариант.
#36 #574930
Почему то как не зайду в тред сразу дизмораль. То ли от вас, то ли настроение всегда такое.
>>574931
#37 #574931
>>574930
Может потому что редко заходишь?
322 Кб, 1920x1080
#38 #574991
ФЛЕКС

БОКС
На этом этапе я сдался. Ладно хоть в 11м нормально отображается.
#39 #575013
кто устроился на работку, подкиньте советов мудрых насчет резюме/портфолио/собеседований и прочих плюшек.
>>575486
#40 #575135
Привет, верстаны. Есть ли тут добрый самаритянин, который глянет мою разметку по БЭМ. Покритикует, укажет на недостатки, а не просто обоссыт. Буду очень благодарен.
>>575139>>575444
#41 #575139
>>575135
Ну ты кидай, а мы посмотрим.
>>575150
#43 #575259
>>575150
Блядь, ты меня извини, но я лично не стану ломать свои глаза. Заливай на гитхаб.
>>575409
89 Кб, 630x472
#45 #575345
Есть тут такие кто год-пол назад начал учить верстку и сегодня успешно зарабатывает? Или все слились?
#46 #575365
>>575345
я слился, пока работаю на дноработах, сейчас вот снова ищу. Думаю подкопить денег и сесть на пару месяцев задротить. А так учить веб начал больше года назад, но всё урывками.
#47 #575367
>>575345
Вкатился 2 года назад без опыта и навыков, еще не сидел в тредах, даже не знаю, былили они тогда, проработал год, слился по собственному желанию, о чем не жалею, ибо относились ко мне как к полному уебку. Полгода сидел на жопе, учась, прошел базовый, проскипал продвинутый, посмотрел js-интенсив, почерпнув там только ООП и прошел курсы на learn.js. 2 месяца назад нашел работу на удаленке с зарплатой большей, чем была. Правда, пишу скриптики на js и jquery, больше на jquery. Думаю чутка попотеть и осилить js до приемлемого уровня, после чего вкатиться в ангуляр и написать уже свое spa + приложуху для мобилок с облачной бд. Так сказать, 3 в одном. Идея уже есть. Олсо, планирую переехать из своей мухосрани в нормальный город и устроиться уже официально.
#48 #575407
Я так и не вдуплил, зачем они так сделали логотип на этом сайте - https://dojotoolkit.org/
При отключении свойство font-family логотип исчезает, видимо они сделали специальный шрифт где один из символов соответствует этому логотипу, только нахуя они вставляют этот символ через псевдоэлемент? И вообще, нахуя так делать, а?
Еще они почему-то использует мэйн, футер и секшены, но не используют хэддер и нав для главного меню.
#50 #575420
>>575345
Начал в феврале с нуля, сейчас работаю версталой, учу джс пока.
>>575425>>575426
#51 #575425
>>575420
Город, зарплата, обязанности?
>>575429
#52 #575426
>>575420
какой уровень у тебя был, когда пошел версталой? Что знал?
>>575429
#53 #575428
>>575345
Наткнулся на тред в марте, позадротил пару месяцев, сейчас работаю верстальщиком в студии.
#54 #575429
>>575425
600к, оклад 15к + гранты за каждое выполненное задание.Если норм работать то можно по 25к за месяц поднимать.Обязанности - верстка сайтов. Для остального есть пхпшники и джсеры.
>>575426
html css, умение натягивать верстку на вордпресс и прикрутить говнобиблиотеку на джсе.Прошел базовый интенсив + половину продвинутого. Адаптивную седону и пинк не верстал. На работу вначале взяли на стажировку, запилил им там адаптивный лэндинг на бутстрапе(мой первый опыт запиливать что-то адаптивное) и меня взяли.
>>575430
#55 #575430
>>575429
Украина или РФ?
>>575431>>575432
#56 #575431
>>575433
#57 #575432
>>575430
зарплата как в моей рфной мухосране, значит рф
#58 #575433
>>575431
Для Украины было бы норм. Для РФ, наверное, не оче.
>>575434
#59 #575434
>>575433
Лол, а ты за верстку хотел миллионы получать?Для моего города средняя зп 15-17к. Так что мне очень даже норм пока что + со мной в офисе опытные ребята подсказывают дохуя чего.
#60 #575437
>>575434
У вас средняя з/п в 2 раза выше чем в Украхе, а получаешь ты даже по нашим меркам средненько. Вот и удивился.
>>575440>>575685
#61 #575439
>>575434
двачую, тем более у тебя были знания простой верстки, это вполне нормальная зарплата для таких навыков
#62 #575440
>>575437
мань, в рашкниских регионах когда у тебя зарплата выше 20 тыщ рублей, это уже норм
>>575443
#63 #575441
Вы чё, суки, опять хохлосрач решили устроить?
#64 #575443
>>575440
Хуй знает. Родичи свалили к вам, когда заваруха началась, не жалуются, в среднем по 50к получают. Не ДС/ДС2.
>>575445
#65 #575444
>>575135
Бамп, верстаны.
>>575150 - вот картинка
>>575409 - вот код
>>575455
#66 #575445
>>575443
Ну так блять они явно не на дно-работе работают?
>>575448
#67 #575448
>>575445
Ну как сказать, кому вахта -дно, а кому норм. Я к тому, что у вас есть возможность зарабатывать в 2 раза больше, хуй знает почему люди продолжают сидеть на 15-20к в месяц.
>>575449
#68 #575449
>>575448
П И Д О Р А Х И
#69 #575455
>>575444
да вроде норм, но жди ответа кого-нибудь более опытного, я пока не до конца разобрался где нужно применять секшены и артиклы. Единственное, на инглише лучше не "main-navigation__item-list", а "main-navigation__list-item"
>>575493
#70 #575456
Кто верстал Пинк, пользовались каким-нибудь фреймворком? Если да, то каким? Или все ручками с нуля?
>>575496>>575910
#71 #575461
>>575458
Тебя попросили БЭМ оценить.
#72 #575462
Бэмодрочеры, уймитесь вы уже нахуй. Делайте понятное именование классов и не ебите мозг.
>>575465
#73 #575465
>>575462
Унялся тебе за щеку. БЭМ - это профессионально и удобно. А твоя каскадная параша даже тебя в тупик поставит, если ты вернешься к проекту через пару месяцев.
>>575466
#74 #575466
>>575465
Я не говорю что надо вообще не применять это, но блять дрочерство на ПРАВИЛЬНОСТЬ меня бесит, вы столько времени теряете.
>>575469
#75 #575469
>>575466
Это дрочерство - всего-лишь способ набить руку корректно применять методологию. После того, как придет полное ее понимание - это наоборот облегчит процесс.
Ты ведь тоже в школе дрочил на правильность русского языка или математики, или это тоже была потеря времени?
#76 #575470
>>575469
Дроч математики - потеря времени. А русский никогда не дрочил, всегда всё интуитивно получалось, лол.
#77 #575471
>>575469
странный пример с русским языком
#78 #575472
>>575469
Вот выше чувак пишет не лист айтем, а айтем лист. Охуеть какая разница, и так блять все понятно, но нет, надо ведь выдрачивать каждый символ.
#79 #575474
>>575473
Нет. Не понятно. Ибо зарубежные разработчики могут не понять.
#80 #575475
>>575468
лол, примеч тут li il вообще. Итем-список -> список-итем. Первое тег, второе вариант написания класса. Уж если до такого доебывать, то это точно бэм головного мозга.
>>575493
#81 #575476
У неосиляторов полыхнуло. Найс.
>>575478>>575479
#82 #575478
>>575476
У аутиста-перфекциониста полыхнуло. Ты поди еще и пиксель перфект практикуешь?
#83 #575479
>>575476
Верь в свой маня мир дальше. Потом только не обламайся, когда в реальной жизни на все это всем будет похуй, а ты будешь тратить на это лишнее время.
#84 #575482
>>575480
Ну то есть ты действительно думаешь, что я не в курсе, что такое li? Ты правда поехавший.
#85 #575484
>>575483
Большая часть кодеров - быдло и говнокодеры. Смирись. Тебе придется править их ссаный говнокод и дописывать еще боьше костылей. А твой выдроченный бэм они вообще не оценят.
>>575490
#86 #575485
>>575483

>язык разметки


>кодеры


Пиздец ты преувеличиваешь значимость незначительного. Главное-это читаемость, и похуй там всем в каком порядке у тебя li il написаны.
#87 #575486
>>575013
<bump></bump>
>>575489
#88 #575489
>>575486
берешь, пилишь портфолио и идешь на собеседование. Хули тебе еще надо сказать?
>>575506
#89 #575490
>>575484
Долбоебина, да похуй на оценку других - тебе же удобней будет пользоваться выдроченным БЭМом, особенно если проектов одновременно дохуя.
>>575502
#90 #575493
>>575468

>item-list → list-item. Тег же li, а не il.


>>575475
пиздец вы ебанутые, list item надо писать не потому, что тег называется li, а потому что это АНГЛИЙСКИЙ ЯЗЫК
List item - элемент списка
Item list - список элементный
>>575455 - кун
>>575500
#91 #575494
бэмосрач опять. найс. вангую появление питушка с ксс-модулями.
#92 #575495
>>575491
ну если им важно порядок твоих li il то они такие же как и ты. Ну как говориться окружение создает человека, оно и видно, проблема может даже и не в тебе.
#93 #575496
>>575456
Бамп вопросу. Что, Пинк никто не верстал? Ну тогда за Седону расскажите.
>>575504>>575910
#94 #575497
>>575487
Да, работал. Пилили новостной сайт. Все всё делали по-своему. А еще нам сказали оставить большинство старых стилей и некоторые из них модифицировать, в итоге пришлось переписывать старый говнокод. А, и наверное сломаю ваш манямирок еще раз, но никто не ебался с препроцессорами, все тупо правилось в цсс файле прямо через фтп.
>>575501>>575513
#95 #575500
>>575493
я и хочу сказать, что список-итем это последняя инстанция. А итем список подразумевает еще итемы. А этот поехавший доказывает что так будет неграмотно. Ведь Li
#96 #575501
>>575497

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


>ко-ко-ко, большая часть говнокодеры без препроцессоров кудах-тах


Окей.
>>575509
#97 #575502
>>575490
Я знаю как работает бэм-разметка, но я ее не выдрачивал до таких мелочей как лист айтем и айтем лист. Так что если не знаю как правильно сделать - делаю интуитивно.
#98 #575503
>>575498
Я не говорил такого, я говорю дрочь на бэм-бессмысленная хуйня.
#99 #575504
>>575496
Зачем тебе фреймворк? Все можно верстать без фреймворков, и первое время нужно так делать
>>575505
#100 #575505
>>575504
Да мне интересно же, кто как к адаптиву подходил.
#101 #575506
>>575489
ну лан, хуй с ним тогда.
#102 #575509
>>575501
Ясен хуй, тут всему треду до хай уровня фронт енда как до китая, так что пока лучше не задрачивать всякую хуету, которая тебе не понадобится, ибо на их уровне коллеги будут скорее все быдлокодерами.
>>575511>>575514
#103 #575511
>>575509

>препроцессоры


>хай уровень фронт енда

#104 #575512
>>575507
Конечно, ты скорее всего на высоком уровне работаешь. Тут большинство треда начинающие. И придется им работать с говнокодерами. Так что наверное пока стоит задрочить другие скиллы?
#105 #575513
>>575497
где-то на днях читал про этот фэйл, когда проект делали на препроце, потом отдали заказчику, который добавлял свои правки уже в css, а потом на переделку отдали обратно и начался ебаный ад. Манямир блядь.
>>575519
#106 #575514
>>575509
Я сделал всего одно задание пока, и там уже был Git, dev-ветка на Azure, less.
Для второго сказали подтянуть sass.

Так что, мань, у всех по-разному. То, что у тебя с самого начала говнокодинг еще ни о чем не говорит.
>>575517
#107 #575515
кстати вот вам еще одна ебала, похоже на бэм, но не бэм

http://maintainablecss.com/
#108 #575517
>>575514
Повезло с конторой тебе, хули. Не все сразу в нормальные попадают. Большинству приходится за гроши с быдлокодерами начинать
>>575521
#109 #575519
>>575513
я с таким адом каждую неделю сталкиваюсь. А что делать? Заказчику похуй.
Просто в гите смотрю изменения в общем файле и раскидываю их по отдельным scss файлам.
>>575522
#110 #575521
>>575517
Какой конторой, лол? Это так, беру что знакомые подкидывают. Причем даже этот проект по моему мнению был низкого качества, с php и старой CMS.
>>575527
#111 #575522
>>575519
да-да, вот такой вот пиздос и происходит.Но это уже тема другого разговора.
#112 #575526
>>575518
сукалол, я как раз подумал, что надо было написать, что этот питухан еще и вебпаком хвастается
#113 #575527
>>575521
Вот именно, тебе знакомые подкидывают. Мне, как начинающему любая работа уже будет збс.
>>575529
#114 #575529
>>575527
Ты за нитью разговора не уследил.

Я сам начинающий, но сделал замечание насчет того, что твои выводы основаны на маленьком опыте, будто большинство вокруг говнокодят, и, дескать, не надо париться насчет актуальных технологий и правильности применения методик. Надо.
>>575532
53 Кб, 461x604
#115 #575531
#116 #575532
>>575529
Ты тоже не уловил суть. НАДО ЗНАТЬ технологии, но выдрачивать их до уровня лист айтем блять не нужно.
>>575534>>575536
#117 #575533
>>575524
Уйду, только денег и опыта накоплю.
А ада на самом деле мало. Ну что там такого сможет натворить заказчик не шарящий в css. Даже сотня строк кода, что бывает очень редко, раскидывается за полчаса.
#118 #575534
>>575532

>до уровня лист айтем


А что это за уровень? Сильно на него выдрачивать придется?
>>575537>>575540
#119 #575536
>>575532
причем здесь технологии? Это грамматика английского языка, от перестановки слов меняется смысл
>>575538
#120 #575537
>>575534
Самый хардкорный уровень. Я целый год потратил.
#121 #575538
>>575536
У него в стэк технологий входит английский язык.
#122 #575539
#123 #575540
>>575534

>list-item/item-list


Это уже блять мем без пяти минут
>>575541
#124 #575541
>>575540
Англичанин в треде!Все в айтем лист!
#125 #575543
Бля, надо было скринить вам код из прошлого пректа.
Там были такие перлы, как комментарий 3 - Не знаю или 11 - Это Макс писал в качестве заголовков к блокам JS-Кода.
#126 #575547
Бля, серьезно, может быть у меня ахуенно высокий уровень знания английского, если я знаю ТАКИЕ тонкости языка?
>>575550>>575551
#127 #575550
>>575547
Это нихуя не тонкость.
>>575589
#128 #575551
>>575547
Врядли. Я со своими интермидиэтом тоже такие тонкости знаю.
>>575589
#129 #575554

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



мимо-бог-из-школы-с-углубленным-изучением
>>575571>>575589
#130 #575571
>>575554
у меня тож углубленно с 3го класса было, только вот толку чет не особо дохуя с этого.
#131 #575583
>>575535
кек
#132 #575589
>>575550
>>575551
>>575554
<img class="post__img" src="img/irony.jpg" alt="Это была ирония">
>>575591
#133 #575591
>>575589
<span style="font-family:comic sans;">Соси хуй</span>
>>575605
#134 #575605
>>575591
<marquee behavior="scroll" direction="left" bgcolor="#ffcc00">Мамку твою ебал</marquee>
#135 #575643
Господа, поясните за замыкания в ЖС.
Я прочёл http://stackoverflow.com/questions/111102/how-do-javascript-closures-work?rq=1 и в принципе понял, как они создаются и работают, но там нет ни одного действительно рабочего примера, всё на уровне хеллоу ворлд.
Меня интересует, где они применяются в реальных проектах, как понять, что в такой-то ситуации оптимально применить замыкание?
>>575646
#136 #575646
>>575643
у меня вообще со всем джсом так, пока не пойму где это применяется, вообще нихуя не понимаю.
75 Кб, 312x373
#137 #575656
Эти тенюшки можно сделать при помощи css, или только картинкой? Я вообще ахуевой от папки с картинками у этого макета, вообще нехуя подходящих картинок нет.
>>575657>>575670
#138 #575657
>>575656
Ну и кстати, серый фон, который под углом, предполагается делать его наклонным градиентом?
>>575664
#139 #575664
>>575657
серый фон под углом это два прямоугольника белый и серый, на сером сверху еще серый треугольник.
Тень снизу по макету проще jpg спиздить, но можно и css
>>575669
#140 #575669
>>575664
щито? Так можно такую тень сделать с помощью CSS?
>>575689
#141 #575670
>>575656
Тени - сделай псевдоэлемент с нулевой высотой и нужного размера и задай ему тень.
С фоном в принципе можно поступить так же, блок 100% ширины, z-index'ом расположи под изображением смартфона и примени transform: rotate. Возможно придётся дать ему ширину больше 100%, тогда не забудь прописать контейнеру overflow-x:hidden.
#142 #575685
>>575437
Если верить первому каналу то да. На практике в некоторых мухосранях и зп в 10к считается средней. Моя тян за 8к работает в школе, там про 30-40к зп даже не заикаются, для них это космические бабки.
>>575746
#143 #575687
>>575661
Реальный пример можно?
#144 #575689
>>575669
ты недооцениваешь css
48 Кб, 500x436
#145 #575692
Есть у кого-то кулстори, как он добился успеха из этого треда?
>>575693>>575702
#146 #575693
>>575692
заебали вы уже. Нет нету, уходи
>>575717
#147 #575702
>>575692
Что в твоем понимании успех?
>>575717
#148 #575711
>>575705
Спасибо, но я имел в виду другое, пример из реального проекта. Необязательно кодом, просто на словах. Вроде "вот здесь нужно было сделать то и то, я подумал и пришел к выводу, что следует применить замыкание по такой-то причине".
#149 #575717
>>575693
>>575694
>>575702
Успех значит найти работу и съехать от мамки.
Алсо с кулсторями было бы как-то психологически приятней работать.
>>575722>>575726
#150 #575722
>>575717
Я начинал в этом треде в конце зимы 2015 года. К концу лета вкатился во фриланс, от мамки съехал, но я пиздец ленивый, поэтому нищебродствую.
>>575728
#151 #575726
>>575717
Психологически приятнее будет не ебать тут всем мозги 350 раз повторяющимися вопросами.
#152 #575728
>>575722
Верстаешь? На русскоязычной или англоязычных биржах? Как вкатывался? Какой средний доход в месяц?
>>575730
#153 #575730
>>575728

>Верстаешь?


Верстаю, ЖС пописываю.

>На русскоязычной или англоязычных биржах?


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

>Как вкатывался?


Зарегистрировался, вывесил портфолио, стать подавать заявки. Никаких хитростей.

>Какой средний доход в месяц?


200-250 долларов.
>>575737
#154 #575737
>>575730
А как твоё портфолио выглядело в самом начале? Можешь примеры сайтов показать?
>>575742
#155 #575742
>>575737
Ставшие легендарными здесь барбершоп и седона. Показать не могу. И ещё пара макетов найденных на просторах интернета
>>575754
#156 #575746
>>575685
Какой город?
>>575756
#157 #575749
>>575743
Как бы выглядел код без использования замыканий?
#158 #575754
>>575742
А ты платил за курсы htmlacademy? Есть же вероятность что у тебя спросят откуда у тебя эти вёрстки.
>>575759
#159 #575755
Чет у меня пригорает от пинка. Какой-то он переусложненный, что ли. Пиздил бы дизайнера за такие решения вроде косых бэкрграундов, слайдеров с таблицами и т.д.

Надеюсь, его намеренно таким сделали, чтобы новички не расслаблялись.
#160 #575756
>>575746
Саратовская область
#161 #575759
>>575754
Платил конечно. нет
659 Кб, 1106x1012
#162 #575773
Посоны, здравствуйте.
В сети полно работы по натягиванию HTML шаблонов на Вордпресс. Кто-то таким занимался?
Насколько глубоко надо знать PHP, чтобы делать подобного рода работу? Там ещё вроде и XML нужно писать, нет?
Почему именно блядский Вордпресс, когда для кастомных шаблонов придумали MODx?
Есть ли какие-то обучающие гайды по натягиванию?
Заебали индусы, верстают за $1 на бутстрапе, а все и довольны.
>>575785>>575787
#163 #575780
>>575761
Тут тоже есть замыкание.
95% кода в жс используют замыкания. Даже глобальный контекст это замыкание.
>>575794
#164 #575783
В Пинке решение с разделением таблицы на 4 отдельные - это вообще норм, так и надо? Думаю как ценровать потом столбцы и пока вообще не представляю себе такое решение.
#165 #575785
>>575773
Да хули там натягивать. Пхп не надо знать, если говносайтик натянешь.
>>575789
#166 #575787
>>575773
Ну попробуй объясни своему заказчику что ему лучше MODx использовать. Он знает что есть популярный проверенный WP и ему поебать чо тебе будет удобней делать на чем-то другом.
На ютабе полно гайдов. Разжевана каждая деталь специально для даунов.
#167 #575789
>>575785
Хорошо, а если надо сделать с каким-нибудь e-shop плагином?
>>575791
#168 #575791
>>575789
Вангую, что вывод товаров и прочая хуйня - придется уже знать похапэ и вордпресс.
#169 #575794
>>575780
И правда, лол. Совсем задвачевался.
#170 #575823
Тупой вопрос, но что-то у меня голова не варит уже.

Вот эти респонсив-макеты от академии. Есть на 320, 700, 1200 и 1440 пикселей. Как задавать для них медиа-правила? Вот, допустим, для 320 - это min-width 320px and max-width 699px? Или это max-width 320px? Я, наверное, сейчас какую-то очевидную хуйню спросил, но я правда не могу сообразить.
>>575834
37 Кб, 651x840
631 Кб, 700x1554
365 Кб, 700x2750
#171 #575828
Поясните за сайты с длинной прокруткой вниз, такие одностраничные. Я встречал и тут анон выкладывал свои работы, и в хтмлакадемии они, и гуглю бесплатные макеты и тоже везде они.
Как они ценяться? Это мода на них?
Алсо сколько работ должно быть в портфолио примерно такого плана как пикрелейтед?
>>575835>>575851
#172 #575829
>>575454
>>575454
Просто хочется поинтересоватся у реальных людей, а то знаем мы, 3 месяца отучил и забросил. Хочется же спросить что аноны делали дальше после изучения академии и интенсива.
#173 #575834
>>575823
При max-width: 320, ксс правила будут срабатывать на экранах от 0 до 320px.
При min-width: 320, правила будут срабатывать при экране от 320 до бесконечности.
>>575839
#174 #575835
>>575828

>Как они ценяться?


Относительно.

>Это мода на них?


Как посмотреть.

>сколько работ должно быть в портфолио примерно такого плана как пикрелейтед?


Ровно 2,78 работ такого плана должно быть в портфолио.
>>575841
#175 #575839
>>575834
Т.е. таки вариант min-width 320 and max-width 699 оказался верным?
Следующие соответственно: min 700 max 1199, min 1200 max 1439, min 1440?

А раз это мобайл-ферст, то первое медиа-правило не задается, верстается под мобильник, а комп уже сам подставит стили, когда ширина вьюпорта не будет подходить ни под одно следующее медиа-правило?
>>575842
#176 #575841
>>575835

>Ровно 2,78


Я серьёзно спрашиваю, потому что я могу наверстать и 10, и 20 таких сайтов. Но в какой-то точке это не будет иметь смысла.
Перефразирую: сколько сайтов подобного типа достаточно иметь ньюфагу в портфолио, для успешного нахождения работы?
>>575844
#177 #575842
>>575839
Я задавал.
#178 #575844
>>575841
Верстай 20, не ошибешься. представляю, как охуеют рекрутеры
#179 #575845
Хуле вы доебались до моего item-list? Я английский только учу, но ведь должно быть так: item of list либо list's item. Я просто опустил of и все. Насчет block к блокам учту. Есть еще какие - то косяки? Я имею в виду, структурные, в самой логике разметки, а не именовании классов.

https://github.com/Klampe-Rampe/sedona-markup/blob/master/index.html
>>575913
#180 #575851
>>575828
Это называется landing page или посадочная страница. Используются, чтобы быстро и красиво доставить посетителю идею продукта/сервиса и подтолкнуть к покупке. Довольно простые в изготвлении, от того ценятся как говно. Индусы хуячат такие полностью респонсивные и с мобильной версией по 5 баксов/штука за 3 часа. Особого впечатления на работодателя они не производят. Очень хороши, чтобы начать осваивать адаптивную/респонсивную верстку, поэтому их дохуя в хтмл академии.
>>575853
#181 #575853
>>575851

>Индусы хуячат такие полностью респонсивные и с мобильной версией по 5 баксов/штука за 3 часа


Знал бы ты какое говно получается в итоге.
#182 #575862
Другой анон. Вопрос тоже про адаптивность.
Допустим у нас есть вот это: http://codepen.io/anon/pen/dMxMqN?editors=0100
Но нам еще нужно прихуярить ретину. Еще 3 медиазапроса.
Это так делается?
@media only screen and (min-device-pixel-ratio: 2) and (min-width:1201px) and (max-width:1400px),
@media only screen and (min-resolution: 192dpi) and (min-width:1201px) and (max-width:1400px){
//bla bla
}
>>575916
#183 #575865
Ах да, если у вас капча не отображается, то просто перенесите курсором беленький квадратик в новую вкладку. Тоже самое, если даже белый квадратик не отображается. Все равно можно перенести.
#184 #575888
Хули молчите, псы.
#185 #575910
>>575456
>>575496
Что седона, что пинк - ублюдочные макеты. После того, как я сверстал седону, на пинк у меня не встал. И да, какие фреймворки, хуй знает, хотя теоретически можно эту ебату на бутстрапе запилить. Но я делал на флексах. (В ие10 разваливается нахуй, лол).
>>575911
#186 #575911
>>575910
В каком плане ублюдочные? Что именно не понравилось?
>>575917
700 Кб, 1600x1600
#187 #575912
>>575518

> css-модули удобнее


Вся суть тупых вонаби-фронтендеров, готовы жрать дерьмо только потому, что им кто-то сказал, что это НОВЫЙ ТРЕНД ЗА ЭТИМ БУДУЩЕЕ.
>>575915
#188 #575913
>>575845
Недоучил. В английском когда следуют др за др несколько существительных, они автоматом становятся прилагательными, кроме последнего, которое и описывают. Поэтому достаточно list item - буквально списочный элемент.
>>575945
#189 #575915
>>575912
Кинь ссылка. Что еще за css модули?
>>575920
#190 #575916
>>575862
бамп
#191 #575917
>>575911
Не знаю, вот чисто субъективно. Верстаешь эту ссаную седону, и через час у тебя уже глаза нахуй вытекают от этого бело-голубого говна, и в мозгу вертится "ЭТО МАЛЕНЬКИЙ ГОРОДОК В АРИЗОНЕ", и вертится, и вертится, ТАМ ЕСТЬ МОСТ ДЬЯВОЛА. Тьфу.
А еще он какой-то пустой, что-ли. Хуй знает, вроде верстаешь-верстаешь, адаптивность, ретина, свг, заебался, а в итоге на тебя смотрит с экрана какая-то голубая фигня с квадратиками и гугл/яндекскартой.
>>575926
#192 #575920
>>575914
Какие тут могут быть аргументы вообще?
>>575915
Первые две ссылки в гугле.
#193 #575924
>>575919
Уже почитал. Ни хуя не понял. Буду ждать когда это станет мейнстримом (если станет).
#194 #575926
>>575917
Я просто с Пинка чет охуеваю. Понимаю, что это чисто учебный макет, ну как с автомобилями: лучше учиться ездить на чем-то хуевом и слабоуправляемом, чтобы нормальная машина вообще вопросов в управлении не вызывала.
>>575927
#195 #575927
>>575926
Ну я так скажу - если не верстал адаптивную седону, то сверстай пинк. Там очень много всего в процессе узнаешь, как свг обжектами вставлять, как мобайл ферст пилить, ретинизация и прочее. В общем, нужная штука, хоть и уродская.
>>575931
#196 #575931
>>575927
Я его как раз сейчас пытаюсь сверстать. Но чет он какой-то сложный для меня. Вот этот элемент с таблицей-слайдером в мобильной версии - ХЗ как делать. Да и в целом подход mobile first мне какой-то хуйней лютой кажется сейчас, уже представляю сколько придется на переходе даже в планшетную версию ебаться с уже написанной версткой.
>>575934
#197 #575934
>>575931
У меня сложность возникла только с "визуализацией", что-ли. Ну т.е. когда десктоп версия готова, как-то проще представить, что вот этот блок на планшете уйдет вниз, вот этот на айфоне скрываем и т.п. А так я даже не понял, если честно, нахуя нужен этот мобайл ферст, лол. Количество кода одинаковое, количество элементов тоже.
>>575939
#198 #575939
>>575934
Ты меня потолкнул к тому, чтобы отказаться от идеи Першина в продвинутом, когда участникам постепенно открывали макет от мобильного к десктопному. Пошло оно нахуй, буду от десктопного скакать.
#199 #575940
>>575933
Там есть общий файл style на выходе как в беме?
#200 #575945
>>575913
Я, конечно, проверю это, но спасибо за информацию
#201 #575946
>>575942
Не знаю, что такое js-объект, spa, бандл...
Не актуально мне это.
Пока и в вакансиях не видел.
#202 #575963
В SCSS есть аналог @import (inline) из Less?
#203 #575969
>>575966
Чтобы в style.css передавался код импортируемого файла, а не строчка @import хуе-мое. В Less для этого достаточно после @import написать (inline).

Я не пользуюсь пока грантами/галпами/вэбпаками, если что.
#204 #575975
>>575971
Я импортирую обычный css. С ним это не работает?
#206 #576003
>>575978
@import "components/_normalize.min";
>>576006
#207 #576006
>>576003
Что это?
>>576009
#208 #576009
>>576006
То, как у меня это заработало.
>>576012
#209 #576012
>>576009
Нормалайз был в css формате?
>>576013
#210 #576013
>>576012
Ага
>>576020
#211 #576020
>>576013
Изменил расширение нормалайза на scss - начало нормально импортить. Мда.
#212 #576242
>>574829
бамп вопросу, тоже интересно

верстаю maguwohost, шрифт Rockwell на гугле отсутствует, хуита получается без этого шрифта, все время ощущения халтурности работы из-за этого
>>576349
101 Кб, 1684x395
#213 #576244
Так я не понял, хули этому пидару не нравится. Сам же пишет, что атрибут такой есть.
>>576246
#214 #576246
>>576244
о, я даун, все ок
107 Кб, 1371x779
#215 #576349
>>576242
Скачиваешь web-шрифт, кладешь в папочку fonts, прописываешь его в цсс (в моем случае - компонент fonts). Далее как обычно, прописываешь шрифты всему боди или только нужным элементам.
>>576353>>576356
#216 #576351
Олсо, как считаете, прикладывать ололошоп (переверстанный на флексах с частичной адаптивностью прикрученный от балды) к портфолио слишком зашкварно? А то жалко как-то, первый проект, все-таки.
564 Кб, 1428x634
245 Кб, 1385x880
281 Кб, 1549x934
#217 #576352
Котаны, объясните дауну, что имел в виду дизайнер, когда поместил так блоки, что они вываливаются за края макета, как на первых двух скринах? Там должен быть слайдер по ховеру? На всю ширину окна браузера, или в контейнере с шириной 12 колонок (как его тогда, кстати, настроить, чтобы он двигал сразу две строки с блоками, если блоки внутри могут быть двойной ширины)?
Что значат горизонтальные направляющие? По ним нужно делать отображение на всю высоту окна браузера?
>>576358>>576548
#218 #576353
>>576349
чет fonts сложно отнести к компонентам

https://sass-guidelin.es/ru/#section-48
>>576355
#219 #576355
>>576353
Да пофиг, если пойду на работу - без проблем перейду на их структуру проекта. Я привык фонтс засовывать в папочку компонентс, так же как и файлик, описывающий кнопочки и прочее.
>>576357
#220 #576356
>>576349
Почему бы тогда просто не подключить с гугла?
Импортом в CSS или в хед
>>576365
#221 #576357
>>576355
А хотя ты прав, нечего своевольничать. Сейчас все пересортирую по-хардкору, спасибо.
#222 #576358
>>576352
Поделись ссылкой, где брать такие макеты?
>>576361
#223 #576361
>>576358
В шапке же есть, от академии рассылка.
>>576533
#224 #576365
>>576356
А какая разница, скрыть от постороннего, что ты шрифты с гуглосервиса подключаешь? Что так, что так - ты делаешь запрос на сторонний сервер. Хочешь нормально - качай шрифты и подключай их. Хотя на самом деле всем похуй.
>>576385
#225 #576385
>>576365
Я не разбираюсь в механизмах кеширования, но предположу, что если браузер до этого ходил по сайту с таким же шрифтом, подключеным по той же ссылке с гугла, то он возмет его из кеша.
Я думал, что для этого шрифты и библиотеки и подключают оттуда.
Поправьте, если не так.
#226 #576453
После почти 8 месяцев фриланса решился вкатиться в офис.
Пошел на сайт с работой, поглядел, а подходящих ваканский аж 2 блять. Остальные либо слишком низкооплачиваемые, либо я слишком анскильный.
Об одной компании много плохих отзывов, поэтому послал объявление только на одну вакансию.
Как думаете, какова вероятность успеха?
>>576578
#227 #576533
>>576361
А там есть нормальные адаптивные? А то я видел везде один index.psd, мб я чего-то не знаю.
#228 #576548
>>576352
хочет, чтобы ему прописали в табло
#229 #576577
>>575434
Говнокузнецк?
#230 #576578
>>576453
Зачем в офис?
На какой сайт с работой пошел?
Низкооплачиваемые - это сколько?
Анскильный - что умеешь, что делал?
#231 #576612
Ребят, есть у кого нибудь аккаунт с подпиской на HTML academy?
>>576671
#232 #576613
Наверняка тут много людей, работающих во фрилансе, и которые каждый день сталкиваются с задачей "сверстать копию фейсбука за 2 дня за 100 баксов, фулл респонсив", на которую откликаются в основном индусы.
Так вот вопрос у меня такой: кто-нибудь видел что из себя представляет индусская верстка, стили и жабоскрипт? Если да, скиньте пару примеров - может они не так уж и плохи, как все говорят, а?
>>576640
240 Кб, 1578x397
#233 #576618
Бля, я все-таки изъебнулся и сделал эти тенюшки сиэсэсом. Хвалите, восторгайтесь мной
#234 #576628
>>576618
чет не могу понять - нахуя там left: 5%?
>>576630
#235 #576630
>>576628
шоб тенюшка была по центру, можно было конечно задать left 5% и right 5%, а на width забить. Пожалуй, так даже было бы лучше. Поправил у себя.
>>576636
#236 #576636
>>576630
че-то мне кажется, если у тебя ширина родительской картинки задана четко 180 пикселей - то и ширину/положение положение :after тоже можно четко задать в пикселях.
Имхо, понятнее читается такой код:
bottom: 0;
left: -20px;
position: absolute;
width: 220px (к примеру)
>>576645
118 Кб, 590x683
#237 #576640
>>576613
все адекватные заказчики обходят индусов стороной, среди их огромного количества найти грамотного просто ооочень сложная задача. Хотя там и есть профессионалы. Они очень сильно демпингуют и поэтому им нужно делать больше, качество как следствие падает ебанистически.
>>576665
144 Кб, 1198x384
#238 #576645
>>576636

>bottom: 0;


не, это нельзя задавать, у меня псевдоэлемент скрыт, а видна только тень от него. Во что будет если прописать bottom: 0
>>576649>>576654
#239 #576649
>>576645
height: 0?
>>576654>>576657
#240 #576654
>>576645
>>576649
в общем bottom и left можно отрегулировать, моя мысль была в том, что если у родителя относительное позиционирование и четко задана ширина, то наверное нет смысла прописывать в :after проценты в правилах left и right, лично меня такой подход запутывает, я начинаю искать подводные камни.
>>576660
#241 #576656
>>576618
а нафига префиксы прописывать самому?
>>576660
#242 #576657
>>576649
Тень не от чего будет отбрасывать
#243 #576660
>>576654
Родителем для псевдоэлемента является не img
>>576656
Я делал градиент генератором градиентов, а так, да, собсна, у меня в галпе есть автоперфиксер и это действительно лишнее, удалил.
#245 #576665
>>576640
Ещё и индийский уровень жизни, для них 100 бачей наверняка вполне приемлимая зарплата за которую можно и фэйсбук сверстать.
#246 #576671
>>576612
Если тебе продвинутые курсы нужны, я скринил все что было на тот момент. В шапке лежит.
>>576672
#247 #576672
>>576671
Спасибо, сотен нефти тебе.
#248 #576674
>>576663
>>576634
ну кстати, да, спасибо, галахер рулит
#249 #576676
Аноны, каковы шансы школьнику 16-го лвла устроиться на удалёнку в какую нибудь Москву, чтобы получать по 10-15к в месяц за знание HTML, CSS и JS?
#250 #576682
Просто я так понимаю, что для москвича 15к в месяц это не деньги, поэтому можно было бы их отдавать за работу школьнику из провинции.
#251 #576687
>>576684
Не соглашусь, если парень имеет отличный скилл верстки и может в джс, то подработку наверняка найдет. Тут куча народу из треда, в том числе и я, работают удаленно.
>>576690
#252 #576688
>>576676
Высокие, юзанешь в скайпе морфер и профит, если у тебя голос как у шкальника.
>>576690
#253 #576690
>>576684
Я и говорил о прибыли, буду ли я полезен так рынку. И почему больше возни? Если я ещё добавлю знание всяких вордпрессов и джумлы. Многие же так работают, нет?

>>576688
Хех, на днях буду устраиваться в колл-центр, с голосом таки повезло.

>>576687
А сколько ты получаешь? Ты тоже знаешь только хтмл, ксс, жс и движки?
>>576693>>576695
#254 #576693
>>576690

>на днях буду устраиваться в колл-центр


калл-центр - это ад, постарайся фрилансить или найти работу по специальности.
>>576698
#255 #576695
>>576690
Не работаю с движками. Зато хорошо знаю верстку, джс, разбираюсь в браузерной производительности, знаю полный набор инструментов, разве что без вебпака, но этот вопрос решается.
Пока средний рейт ~5 бачей в час.
>>576699>>576700
#256 #576698
>>576693
Это по факту и есть фриланс, я буду дома работать. Да и ненадолго. И мне рановато до специальности как то.
#257 #576699
>>576695
а почему у тебя такой низкий рейт, ты сразу с него начал или искал на большем но тебя слали?
Планирую попробовать вкатиться на одеск.
>>576714
#258 #576700
>>576695
Какой опыт работы? Ты на одну компанию работаешь или от разных заказчиков задания получаешь?
>>576714
#259 #576710
>>576676
>>576684
работаю на удаленке. Знаю css и html - вроде на достойном уровне, jquery на уровне макаки.
Бампал сначала все что в Питере более менее подходило - 3 месяца не мог устроиться. Потом стал бампать чисто удаленку и через пару недель нашел.
>>576719
#260 #576714
>>576700
>>576699
Опыт работы меньше месяца, лол. Да сразу с него начал. Для джуна без опыта вполне норм.
На одеск без отличного английского соваться смысла нет.
>>576716
#261 #576716
>>576714
как прокачал английский?
>>576726
#262 #576719
>>576710
Сколько получаешь? Сколько учил ксс и хтмл?
>>576725
#263 #576720
>>576717
может на удаленке легче устроить неофициально. Это же расходы на сотрудника почти вдвое меньше.
#264 #576725
>>576719
Полгода расслабленно проходил академию постепенно ускоряясь. Бесплатные несколько месяцев, потом за месяц платную часть. Дальше прошел интенсив базовый, увилился и уехал на продвинутые курсы в Питер. Знакомый подкинул проектов еще. 2-3 месяца в хостеле сплошь верстал.
Работу нашел получается спустя 6-9 месяцев после появления идеи.
Но конечно до этого были представления о том что это и интерес небольшой к этому, а не только желание все поменять.
>>576735
#265 #576726
>>576716
Не прокачивал целенаправленно. Где-то год назад смотрел видео vice-news про муслимов, пару статей в месяц почитывал. Кое-что понимал, кое-что нет, но в целом хуево все было.
Затем стал обучаться фронту. Здесь вся актуальная инфа на английском, поэтому количество языка увеличилось в разы. Почитывал статьи, видео смотрел, отказался от просмотра фильмов с дубляжом все равно он полное дерьмо, актеры гнусавые, интонации не передают, бэкграундный звуковой поток искусственно заглушен, а недавно и на книги в оригинале перешел. Все неизвестные слова записывал в словарь и заучивал.
>>576727>>576728
#266 #576727
>>576726
Ну у тебя не отличный еще, пожалуй.
Не пугай, народ.
С нейтивами общался по скайпу?
>>576730
#267 #576728
>>576726
Ну это одно дело, я тоже могу легко читать почти без словаря, но ведь писать самому это совсем другое дело, как ты в этом прокачался?
#268 #576729
гребаная запятая.
#269 #576730
>>576727
Кто говорил что он у меня отличный? Я не работаю на одеске и пока вкатываться туда не планирую.
Знаком с тамошней обстановкой, вот и поделился инфой.
>>576732>>576736
#270 #576732
>>576730

>Опыт работы меньше месяца


>На одеск без отличного английского соваться смысла нет.

>>576739
#271 #576735
>>576725
Я так понимаю, что ты проходил это не спеша, могу ли я освоить твой же курс за лето?
#272 #576736
>>576730
Я сам там был, и создалось впечатление, что да, без англа даже разговаривать не хотят с тобой.
Поэтому подзабил на него. Но тут недавно анон писал, что англ чисто на форчане поднял и вкатился с полугодовым опытом на апворк.
Он меня снова вдохновил.
Пожалуй, пройду js интенсив и снова начну атаку на апворк.
#273 #576737
>>576735
можешь
>>576738
#274 #576738
>>576737
А ещё быстрее?
>>576741
#275 #576739
>>576732

>Опыт работы меньше месяца


удаленки на локальную компанию

>На одеск без отличного английского соваться смысла нет.


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

>>576754
#276 #576741
>>576738
ты можешь все осилить и за пару месяцев, а можешь и за пару лет, все зависит от тебя
>>576744
#277 #576742
>>576735
Все ответы есть в факе, часовая шкала даже есть. Вам что трудно прочитать?
>>576745
#278 #576743
>>576735
академии задачки ты можешь вообще за месяц пройти, если не работаешь/учишься.
Это даст хороший бэкграунд. А дальше нужен опыт реальных проектов.
Или может находить шаблоны и верстать просто так? Но я такое никогда не мог вывозить. Бессмысленная работа для портфолио, в надежде что кто-то увидит это я бы не вывез.
>>576746
#279 #576744
>>576741
Спасибо, а сколько получаешь на удалёнке?
>>576751
#280 #576745
>>576742
Я всегда читаю факи, просто мне интересен опыт других.
#281 #576746
>>576743
Спасибо.
#282 #576748
35, хотя был согласен на 30. А в начальные времена вообще за опыт.
>>576750
#283 #576750
>>576748
И сколько эти времена длились?
>>576753
#284 #576751
>>576744
хуй с маслом получаю, я не он, я в свое время забивал несколько раз и сейчас заново вкатываюсь. Я как-раз пример того, как можно учить всякую хуйню месяцами, потом забивать, забывать, и учить заново.
#285 #576753
>>576750
жил на накопления 3,5 месяца. еще полмесяца и поехал бы в ДС на первую попавшуюся работу (может и лучше кстати было бы)
>>576755>>576760
#286 #576754
>>576739

>записывал в словарь и заучивал


я так делал, но без практики слова проебывались быстро из головы
>>576759>>576775
#287 #576755
>>576753
Не лучше, если ты конечно же собираешься улучшать свои навыки и развиваться.
#288 #576757
Спасибо анонам за ответы, вы дали мне мотивации, пойду на академию.

школо-кун
#289 #576759
>>576754
попробуй лингвалео, охуенная вещь.
>>576764
#290 #576760
>>576753
бля, ты тогда, это я сейчас, у меня даже билет есть в ДС на июнь, но я еще не решил, ехать или нет. Планирую вкатиться во фриланс буквально через 2 недели, и если в течении еще 2 недель на фрилансе нихуя не получу, то прыгаю в поезд, а если что-то будет, то сдам билет.
>>576767
#291 #576764
>>576759
пробовал, охуенно.
но проблему отсутствия практики не решает.
>>576766
#292 #576766
>>576764
Иди на форч тогда.
>>576769
#293 #576767
>>576760
пробуй на удаленку одновременно.
>>576770
#294 #576769
>>576766
захожу постпенно.
Есть годные борды.
А то последнее что видел - это расистские обсуждения мера-муслима Лондона.
#295 #576770
>>576767
само собой
#296 #576775
>>576754
Насчет слов могу посоветовать повторять записанное в словаре с определенными промежутками, ну и само собой воспринимать больше контента. Будучи разработчиком это не сложно, всегда есть что почитать/посмотреть/послушать.
Если ты записал слово, выучил его, а затем в течение недели встретил в тексте раз 5-10 и самостоятельно вспомнил что оно значит, то шанс передачи его в долговременную память серьезно увеличивается.
>>576779
#297 #576779
>>576775
Спасибо.
Я просто ленивая блядь.
Мне проще копить год-два, поедая дошираки, и съездить в США, чтобы там уже поставить себя в безвыходное положение.
Чем искуственно без интереса что-то там изучать чисто для практики.
#298 #576838
Лучше всего выучить английский мне помогли две вещи.
1. Пиратский международный сервер WoW, где кроме как на английском ты хрен поговоришь со всякими испанцами, французами и турками.
2. Курсы английского с носителем языка, которым была молодая афроамериканка, с которой просто было приятно попиздеть о жизни, отложив учебники в сторону.
#299 #576888
>>574024

Да, взяли анона отсюда.
#300 #576910
>>576618
Тебе десигнер подготовил все картинки уже с тенями, нет буду 3 дня ебаться с ними в css.
>>576977
#301 #576977
>>576910
Сейчас я еще буду ебаться с градиентом
#302 #577013
>>576618
Я как-то в макете глейси тоже сделал свечение сзади мороженого КСС-ом. Очень прямо радовался, какой я молодец, не вставлял картинку. А потом открыл своё творение в хроме и охуел. Пришлось вставлять картинку.
>>577015
235 Кб, 1131x648
#303 #577014
Сделал градиент, но как это еще по-умному можно было реализовать? Кроме как ебануть в фон огромный серый треугольник имитирующий этот наклон? Или огромный серый треугольник в формате svg? Мне кажется, это было бы более геморройно.
#304 #577015
>>577013
а что случилось?
>>577016
#305 #577016
>>577015
В мозилле размытие получилось нормальным, как и должно было быть. А в хроме получились какие-то разноцветные квадраты. -webkit не помогает.
>>577019
#306 #577017
>>577014
Я сам сделал на мелких через псевдо-элемент (хз зачем), а на крупных экранах градиентом.
По идее, с свг должно быть очень удобно и не затратно, но у меня нет векторного редактора. Через фш не умею.
#307 #577019
>>577016
ну хз, я скриншочу с хрома, вот тут и тенюшки css-ные и градиент >>577014
#308 #577021
Я еще вспомнил, почему лучше подключать шрифты и библиотеки с гугла. Тому что ограничение на кол-во запросов на один домен обходится. Если ты не делаешь хитровыебаное сохранение в локалстор, то лучше подрубать со сторонних доменов.
>>577031
#309 #577031
>>577021
ну для библиотек есть код, которые чекает загрузилась ли библиотека с cdn-ки, если нет, то грузит с хоста сайта.
#310 #577045
>>577014
а зачем ебашить "огромный треугольник".
Можешь минимальных размеров треугольник сделать и задать ему
background-size: ??px 100%;
правда наклон будет будет меняться в зависимости от ширины экрана.
>>577047>>577075
#311 #577047
>>577045
фикс
background: 100% ??px;
ширина д.б. 100%, а высота фиксированная
>>577075
#312 #577054
Пацаны, есть какой-нибудь гайд как через ФШ правильно измерять всякие маргины и паддинги? Потому что каждый раз, когда я измеряю по макету, на деле оказывается больше, чем нужно. Это потому что у некоторых тегов есть свои отступы? Я как-то в такие моменты хочу юзнуть reset.css но хтмлакадеми как-то говорили что это плохой тон и вся хуйня. Так как выкручиваться?
>>577056
#313 #577056
>>577054
В хтмл тэги h1, p, ul и подобные? Чекни стили и отмени их, а лучше просто на автомате суй m0.
Через фш надо учитывать, что измеряется отступ между интерлиньяжем.
>>577058
#314 #577058
>>577056
Так если на автомате совать м0, это же по сути и есть ресет? А интерлиньяж что такое? В хмтл объясняли, что измеряется отступ начиная от высоты линии, а не начиная от высоты буквы.
#315 #577062
>>577058
Высота линии === интерлиньяж === line-height
Так ты не совсем на автомате суй, а когда они есть и они тебе не нужны, а это большиство случаев, когда ты пишешь стили для этого элемента.
#316 #577075
>>577045
>>577047
ну я примерно это и имел ввиду, когда говорил про svg-шку, потому что без svg это будет ДЖПЕГ
>>577085
#317 #577077
>>577058

>В хмтл объясняли, что измеряется отступ начиная от высоты линии, а не начиная от высоты буквы


Берешь и измеряешь от края буквы.
Суть в том, что тут надо вычитать из того что ты отмерил (line-height - font-size) / 2.
#318 #577083
>>577058
1. Обнуляй/заменяй своими всегда эти петушиные маргины тегов. Это атавизм.
2. Если пиксель перфект не требуется, то забей на эти +/- пиксели, замеряй выделением, определяя границы на глаз, округляй до 5 пикселей. Сэкономишь тонны времени.
Если же пиксель перфект нужен. То ставь плагин и подгоняй маргины в браузере, на измерении не трать время, все равно проебешься.
#319 #577085
>>577075
Еще можно через border, но тут придется трахаться тогда с абсолютным позиционированием
>>577141
#320 #577113
Парни, у кого на компе 4гига оперативы? Вам как верстается/кодится, норм? Есть ли подвисания/затупы при открытом браузере, sublime (или webstrom) и фш (авокод) ?
>>577118
#321 #577118
>>577113
У меня 8, но я недавно смотрел прогрузку, так что выскажусь.
Открытый фш с несколькими макетами, брекетс, препрос, консоль, гугл с 15-20 вкладками, еще какое-то дерьмо по мелочи, жрет порядка 6-7 гигов оперативы.
#322 #577141
>>577085

>Еще можно через border


как?
>>577211
#323 #577142
>>577118

>Открытый фш с несколькими макетами, брекетс


Нахуя тебе и фотошоп, и брекетс одновременно?
>>577146
#324 #577143
>>577118
Удваиваю.
#325 #577146
>>577142
У меня, например, extract перестал работать, выдает ошибку.

Другой анон.
>>577151>>577155
#326 #577151
>>577146
Который в CC?
>>577173
#327 #577152
>>574452 (OP)
Анон, кто-то тут проходил? Я прошел htmlacademy бесплатный курс, но очень давно. Хочу освежить знания, но снова проходить все с нуля, все задания - тяжело и не интересно. Стоит ли тут почитать?
https://webref.ru/layout/learn-html-css
75 Кб, 1000x365
#328 #577153
>>577118
да тут чуть ли не в простое и 15вкладками жрется 4гб. пиздец
>>577170
#329 #577155
>>577146
Вся суть брекетса в экстракте. Без него он - тормозной саблайм.
>>577173
#330 #577170
>>577118
>>577153

ясно, спасибо, вам
ну если тут вдруг объявится кто-нибудь вдруг с 4гигами отпишитесь плиз
>>577197>>577214
#331 #577173
>>577151

>CC


Что это?
>>577155
Мне лень другой редактор ставить.
>>577191>>577193
#332 #577191
>>577173

>это что?


Это Creative Cloud. По сути полная версия экстракта находится именно на этом сайте Abode. Все чу умеет делать с макетами брекетс - можно делать в браузере.
#333 #577193
>>577173
Я тоже сидел на брекетсе, пока не заебался разбираться в косячных макетах хтмл-академии (там часто шрифты не правильно считываются), и перешел на CC и WebStorm. Так оно как-то удобнее.
#334 #577197
>>577170
у меня ровно столько, и остается свободным обычно что-то около 1гб
>>577200>>577201
#335 #577200
>>577197
хотя, не, где-то 600МБ
>>577202
#336 #577201
>>577197
а че открыто при работе?
>>577205
#337 #577202
>>577200
а, бля, у меня же еще media encoder включен
#338 #577205
>>577201
примерно все, что ты перечислил, подвисания бывают, это да, но это совсем не критично
>>577212
#340 #577212
>>577205
ясно, и тебе спасибо, что отписался.
просто у меня некро ноут 2гб да еще и ddr2
и на него планки по 4гб дефицит (особенно в моей жопе мира). Вот и думаю если поставить на время на 2гб смогу с четырьмя перекантоваться или нет некоторое время
>>577218
#341 #577214
>>577170
4ГБ
В данный момент октрыт Avocode, photoshop, brackets, firefox, grunt(watch+livereload);
>>577215>>577217
169 Кб, 1366x768
#342 #577215
>>577214
Отклеилась
#343 #577217
>>577214
понял, пасибо и тебе.
#345 #577223
>>577218

>тред фронтенда


>заливает пикчу в 2мб

#346 #577225
>>577218
Адобе софт покупной или пиратка?
>>577230
#347 #577230
>>577225
покупной
не покупной
да, покупной
ты чё, слышь?
не покупной
покупной
йоба
#348 #577244
>>577218
гуд, вы меня прям утешили немного
>>577248
#349 #577248
>>577244
только ты должен учесть, что у меня в ноутбуке нормальная видеокарта, и я не могу сказать, какую нагрузку она берет на себя в фотошопе. Но в любом случае, с 4ГБ работать будет можно, пусть и с зависаниями.
#350 #577261
на хедхантере позвали на собеседование, вакансия - верстак.

в требованиях было знание пхп, в моем резюме ни слова про пхп нет. что делать, ломиться на пхп курс кодкедеми штоле? хотя бы основы захватить.
150 Кб, 554x921
#351 #577263
Блять, всего 8 месяцев работаю, а уже чет заебало верстать. Целыми днями только и делаю, что фикшу говнобаги и воплощаю в жизнь различную шизофазию клиентов. Хочу на реакты/ангуляры да ноду перекатиться, но применить их сейчас по сути негде. Один раз только сделал маленький сайтец на реакте и все. Начальник все обещает, что мол вот-вот ща попрут суперсложные проекты, буду спа хуячить и кайфовать, надо лишь немного потерпеть. Но чет мне слабо верится в это дерьмо. Я конечно дома учу и практикуюсь, но хочется уже и в реальных проектах это все поприменять. На ноду и не надеюсь, т.к. там по сути кроме меня никто поддерживать это потом не сможет, они глубоко в Yii2 засели и вылазить оттуда не собираются. Кароч наверное доработаю год и если нихуя не изменится, то съебу нахуй оттуда. Благо когда пару месяцев назад резюме для теста выкладывал, то буквально завалили приглашениями на собеседования. Так что думаю работу будет не проблема найти, даже наверное повыбирать смогу.
>>577467
#352 #577272
>>577261
я бы пошел чисто из интереса и получиться опыт собеседований и спросил бы нафига мне пыха вообще нужна. Если фронтенд - то js, если уж для себя повозиться в бэке, то опять же js (нода). А тут тем более верстак.
>>577276>>577299
#353 #577276
>>577272
*получить

быстрофикс
#354 #577278
>>577261
иди, конечно. потом поделишься что спрашивали, что хотели
>>577299
#355 #577299
>>577272
>>577278

да я-то пойду конечно, хуле дома сидеть. и погода хорошая.
#356 #577306
>>577261
а резюме что из себя на хх представляет? Я как-то кидал свое, но там не было портфолио и дальше просмотров ничего не заходило, сейчас доделываю ахуенный сайт портфолио с примерами работ, погляжу, что изменится
>>577340
#357 #577340
>>577306
ничо особенного, в тексте пара ссылок-примеров работ по верстке и пара по жс. и еще ссылка на гитхаб, там все работы, где лежит 20+ макетов среди которых где-то треть довольно хуевых.
>>577363>>577572
64 Кб, 560x373
#358 #577360
ОП одного из самых первых вёрстка-тредов здесь. Нахожусь на пути между 2 и 3 шагом старой пасты хотя и не особо тороплюсь, т.к. нашел вполне нормальную фирму. В основном пилим веб-приложения, иногда сопутствующее говно уровня на php типа магазинов. Не так давно запилили соц. сеть с видосиками))) и музякой для одного американского стартапа. Сейчас штиль, багфиксинг умеренно вялотекущих проектов и самообразование. Вторую неделю вношу правки от дизайнера на лендинг в ~5 экранов.
ЗП 51к деревянных. Миллионник, не ДСы.
>>577363
#359 #577363
>>577340
а js работы какого рода?
>>577360
Хоть до конца треда спасешь от залетных ищущих мотивации.
>>577376
#360 #577376
>>577363

>а js работы какого рода?


на freecodecamp предлагают несколько идеек для проектов, я оттуда взял калькулятор и генератор случайных цитаток.
88 Кб, 720x670
#361 #577454
Блять, что это за пиздец? Почему люди такие тупые?
#362 #577467
>>577263
Мне бы твои проблемы, друг.
84 Кб, 1024x600
#363 #577481
Я знаю что за такие просьбы тут посылают нахуй, но все равно посоветуйте как правильно сделать этот милый хвостик на верху выпадающей минюшки. Макет резиновый, и нарезать рисунок меня напрягает, вечно вылазят бочины на разных разрешениях. Есть возможность сделать с помощью CSS?
#364 #577487
>>577481
псевдоэлиментом?
>>577516>>577526
#365 #577491
>>577481
http://codepen.io/anon/pen/oxKqLw
гугли CSS triangle generator
>>577516
#366 #577496
>>577481

Простой способ, это сделать квадрат и перевернуть его. Но можно изъебнуться, и сделать треугольник из бордера
>>577516
#367 #577516
>>577487
>>577491
>>577496
Все правы. Но у меня проблемка с тем, как жестко прикрепить к меню.
#368 #577525
>>577516
position: relative для меню
position: absolute для псевдоэлемента

http://codepen.io/pen/
>>577527
#369 #577526
#371 #577530
>>577516
Базовый интенсив проходил?
>>577535
#372 #577535
>>577527
Спасибо.
>>577530
Проходил. Я просто тупой.
#373 #577547
>>577527
Блять, это магия какая то. Почему бордеры получаються скошенные?
#374 #577555
>>577547
Потому что это всего-навсего перевернутый квадрат, лалка.
http://codepen.io/anon/pen/JXgLeO
Советую тебе еще раз пройти базовый и прочитать какможно больше статей про css.
>>577567
#375 #577560
>>577547
Бля, ну я вообще тупой. Вот решение
"Попробуй нарисовать рамку конечной ширины вокруг объекта нулевого размера. А терерь убери все грани рамки, кроме одной. Получишь такой клинышек."
>>577566
26 Кб, 480x800
#376 #577566
>>577560
У меня все нормально. И на десктопе тоже
>>577573
#377 #577567
>>577555
Да начитался уже , наелся до подбородка, только хули толку если верстаешь макет и все равно встречаешь такие проблемы про которые еще не читал. И пока читал я так не одного макета и не сверстал, а когда смотришь сколько еще надо прочитать - руки опускаються. ПРАКТИКА, ПРАКТИКА, ПРАКТИКА. В пизду теорию.
#378 #577572
>>577340
Блин, у меня всего 6 макетов, но зато вылизанные до блеска (это если считать ОЛОЛО СЕДОНУ еще, которая у каждого первого имеется). Как думаешь, стоит ли наверстать еще говна или хватит? У меня просто не хватает мотивации верстать просто так, без отдачи.
>>577589
#379 #577573
>>577566
Что-то я аутист тупанул.
>>577547
Ты ведь про задавание border'а написал
#380 #577589
>>577572
сложно сказать, тут был недавно чувак который с тремя-четырьмя штоле макетами устроился, помню что-то про зубную клинику там было.

в какой-то момент, когда просто верстка уже совсем заебала, становится важным в каждом макете пробовать какие-то новые хуйни, которых раньше не делал, экспериментировать в общем. тогда как-то больше смысла появляется.
#381 #577687
>>577589

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


Устроился версталщиком в зубную клинику?
>>577863
#382 #577731
>>577589
Да у меня не хватает фантазии что-то прикручивать. Для ретины-свг нужны исходники, а они есть аж в целых двух макетах (седона-пинк). Слайдер прикрутить-настроить - это я могу, жикфери хуйней верстку полировать как-то по-быдляцки. В итоге у меня сейчас 5 адаптивных макетов и один фиксированный лендинг, как-то не охчень хочется еще столько же верстать тупо для количества.
Ладно, это все лирика (надо будет - сверстаю, конечно).
Такой вопрос к тем, кто уже работает на удаленке - где лучше искать/рассылать резюме? На ХХ как-то тухловато, две с половиной вакансии. На апворк пока боюсь.
>>577744
#383 #577744
>>577731
Чому тут все на удаленку хотят?
#384 #577754
>>577744
хикканы
>>577760
#385 #577760
>>577754
Не, я сириусли спрашиваю. Может какие-то подводные камни есть?
#386 #577761
Сап. Нужно сделать краткое содержание страницы, т.е список слов и якоря на определенные места на страничке. Есть ли какой-нибудь нормальный минималистичный css-шаблон для этого? (желательно с прозрачностью).
#387 #577769
>>577744
Насиделся я уже в офисах, хватит. Лучше получать копейки, но дома, за собственной пекой.
#388 #577811
>>577744
Потому что половина не из ДС. А жизнь в Залупинске легка и приятна. Ни возможности на перезд, ни заработать на перезд.
>>577842
#389 #577842
>>577744
>>577811
Заебали офисы/цеха.
Заебал отпуск 14 дней раз в полгода, не когда ты хочешь, а куда тебя поставят (в феврале/ноябре, про лето забудь).
Заебало быть аки крепостной привязанным к одной локации.
И главное, спрос на нюфагов фронтендеров есть только в дсах. В других "городах" обычно хотят сразу специалистов среднего/высшего уровня (причем за меньшие деньги).
>>577856
#390 #577855
>>576676
Если у тебя уровень верстки отличный, то на удаленке всем будет насрать на твой возраст. Я сам вкатился в 17, а мой друг детства в 15 и через полгода уже съебал в Москву. Правда, ему повезло, он в 15 выглядет на все 18, а я в 20 выгляжу на 15. Но это не меняет дела, если у тебя высокие скиллы, на фрилансе всем будет насрать на твой возраст, просто веди себя адекватно.
#391 #577856
>>577842
Этого двачую, сам съебал с работы в мае прошлого года из-за нежелания просиживать штанцы летом в офисе. Пожалел пару раз, когда денег совсем не было, сейчас все норм, зарабатываю на фрилансе больше, чем на бывшей работе в мухосранском офисе. Открыл истину, если тебя что-либо бесит на работе - поговори с руководителем. Если ничего не изменится - съебывай.
#392 #577859
>>577589
Ебать, это я был. Стоматологическая клиника была, по нынешним рамкам верстка страшная как моя бывшая. Устроился я короче и за 2 месяца охуеть как скилл повысил.
#393 #577863
>>577687
Устроился версталой на "высоконагруженный проект" в стадии последнего вылизывания. И сразу охуел от говна, которое там понаделал предыдущий верстальщик. Сейчас правлю за ним баги, через день по одному-два бага фикшу. Думаю вкатываться еще куда-нибудь, так как последнюю неделю получается работы на 4 часа в день, а оплата почасовая. Начал на автомате вкатываться в php, потому как просматриваю шаблоны и иногда что-либо правлю. Например, недавно узнал, что конкатенация и сложение в php пишутся через разные операторы сложение через "+", конкатенация строк через ".". Успел проебаться таким образом и вывести вместо менюшки пользователя с аватаркой число на главной странице. висело все выходные. Хорошо, что проект еще на стадии тестирования, никто его не юзает.
36 Кб, 400x452
#394 #577931
>>577943
#395 #577943
>>577931
Проигрунькал.
433 Кб, 955x511
#396 #577981
Как вот эту фигню добавить между двух дивов?
>>577990
#397 #577990
>>577981
background: url('fignya.jpg') no-repeat right center;
для первого дива сделай
#398 #578226
Ананасы, предлагают удаленку. Главная проблема в том, что бэки пишут на битриксе. Кто верстал под битрикс, скажите, неужели все действительно так плохо?
>>578259>>578368
#399 #578259
>>578226
Что тебя пугает?
>>578477
#400 #578368
>>578226
Разницы никакой. Но в резюме "работал в команде Битрикс программистов" будет звучать, как приговор.
>>578378>>578477
#401 #578378
>>578368
да с чего вдруг?
на hh огромная доля вакансий имеет требование: опыт работы с битрикс.
>>578514
#402 #578477
>>578259
Битрикс меня пугает. Знакомые говорят, что это дико страшная, неповоротливая херь, на которой править верстку в случае чего - просто форменное извращение. А править приходится часто, так как Битрикс.

>>578368
Не собираюсь писать про Битрикс в резюме.
>>578502
#403 #578502
>>578477
нет руководств для чайников, кроме одного с половиной набора уроков на ютубе.
Пытаешься загуглить, а все ссылки приводят на офф. сайт, где все ответы рассчитаны на минимум спецов в php.
Но мне не с чем сравнивать, работал еще только с рукописными движками.
>>578520
#404 #578514
>>578378
На hh огромная доля вакансий имеет требование: активный, позитивный, радиоактивный, но ведь миллионы мух не могут ошибаться, да?
>>578519
#405 #578519
>>578514

>активный, позитивный, радиоактивный


этого обычно много в резюме тех, кто ничего не умеет.
А в ит-специальностях таких глупостей почти не встречается.
Ну да, работодатели - это же мухи, стадо, которое не знает чего хочет. И будет писать что им нужен опыт в битрикс, а когда узнают, что он у тебя есть, скажут "фу зашквар".
#406 #578520
>>578502
Теоретически, когда не можешь понять, откуда руки растут, надо спрашивать у старшего товарища, который шарит в этом, а не пердолиться до последнего. Я так тимлида спрашивал часто по поводу шаблонов и прочей мудоты, он просто перестал отвечать на удаленке сижу. Начал спрашивать у другого чела, с которым теперь работаю в паре на фронте. Вот он без проблем отвечает и помогает. Правда, про тимлида пришлось стукануть вышестоящему начальнику, зато с тех пор работа не останавливалась из-за различной хуерги.

Хз, какая там компания, но заебывать вопросами я их буду в любом случае.
#407 #578537
А где своровать взять Курс «Великий Кексби»?
>>578677>>578859
#408 #578677
>>578537
Ты про курсы на академии, которые открываются только с платной подпиской? В шапке треда есть ссылка на скрины заданий.
>>578707
#409 #578688
Эх анон, прямо не знаю что делать. Все учебные макеты из хтмл академи я доверстываю не до конца. Паддинги и маргины измеряю кое-как. А уже хочу дальше двигаться, лол. Где можно полезной инфы набраться по верстке, чтобы раньше времени в JS не лезть? Может какие-то макеты легкие для верстки есть? Интенсив базовый смотрел.
>>578692>>578732
#410 #578692
>>578688
посмотри продвинутый, там адаптивность.
>>578696
#411 #578696
>>578692
А при чём тут адаптивность?
Я хочу хотя бы один учебный сам до конца доверстать. Я просто не понимаю как они измеряют паддинги и хуяддинги. Я не понимаю где section, а где article. Я не понимаю, что нужно оборачивать в див, а что не нужно. Например, блочный по умолчанию элемент (всякие абзацы, h-123456 и так далее) не нужно, ведь они по умолчанию блочные? Почему изображения помимо CSS надо прописывать в хтмл да еще и с указанием размера? Вот такое вот где почитать?
>>578717>>578764
#412 #578700
>>577261-кум репортинг.

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

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

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

такие дела.
#413 #578707
>>578677
В шапке только интенсив, а я про "Эпичный курс". Может он там и есть, тогда я в глаза долблюсь.
>>578715
#414 #578711
>>578700
Ты бывал ещё на собеседованиях? Там часто так?
>>578729
#415 #578713
>>578700
что за контора-то? похоже, что ты у них первый человек, который будет заниматься этим
>>578729
#416 #578715
>>578707
Кексби. Знакомство
Кексби. Разметка, оформление текста
Кексби. Ссылки и изображения
...
Я вот про это.
#417 #578717
>>578696
бамп
#418 #578729
>>578711
первый раз приперся.

>>578713
маркетинг там у них кароч.
по вебу, судя по всему, пилят магазы и лендинги.
подумываю о том, что возможно, имеет смысл забить на чистый фронт и попытаться стать фуллстак-мартыханом, тут по мелочи, там по мелочи. хуеватый путь, но шансы устроиться повышаются. особенно если вы обитаете в пердях.
#419 #578732
>>578688

>все пропускает и делает кое-как


>спрашивает где набраться инфы


В том, что ты пропускаешь мб?
>>578735
#420 #578735
>>578732
И что мне теперь, заново интенсив пересматривать?
Ну хорошо, а кто код мой проверит?
>>578737>>578756
#421 #578737
>>578735
Лей на гитхаб и выкладывай
#422 #578745
>>578700
какая-то лажа, а не конторка
#423 #578756
>>578735
Блять, оплати курсы и сиди с наставником разбирай свой код, раз ты такой тупой, что не можешь самостоятельно учится.
#424 #578761
Котаны, возможно ли вызывать метод jquery двойным щелчком по элементу, конкретно slideToggle(), а то у меня на нём уже висит одна функция по одиночному клику?
>>578766
#425 #578764
>>578696
Пересматривай интенсив, перепроходи курсы на сайте, верстай, кидай в тред и мы оценим. Или пошел нахуй с таким глупыми вопросами.
#426 #578766
>>578761

Можно. Но говорят, что может глючить.
#427 #578767
<b>Плохо:</b>
<b>Самое страшное, к счастью уже редкое — float: left для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии!</b>
Чего это так флоаты не любят?
#428 #578768
>>578767
Бля, я совсем свихнулся с этим хтмл.
#429 #578784
>>578767
Потому что есть флекс.
#430 #578813
>>578767
Потому что это говно рассыпется нахуй при малейшем изменении размеров. Хочешь флоатить - делай это нормально или ставь бутстрап.
#431 #578816
Я думал рынок вебразработки уже подох давно. А за него оказывается еще и платят.
Вообще на чем все это держится не понимаю. Существуют разные cms, конструкторы сайтов с каждым месяцем все лучше и лучше, в конце концов тысячи бесплатных шаблонов как лэндосов, так и интернет-магазинов.
Объясните мне, почему верстка/фронт-энд до сих пор живы, и за это еще и деньги платят?
#432 #578820
>>578816
по твоей логике все должны роллтоны с пельменями жрать, потому что быстро и все уже считай готовое.
>>578836
190 Кб, 800x572
#433 #578832
Пришло приглашение от одной компашки, вроде интересный вариант, вилка зп под 1к зеленых. Вот только по требованиям к ним я не особо подхожу. Ибо нужен базовый python/django и опыт работы с фреймворками на джс.
Бросили мне ссылку на getting started в документации к django https://docs.djangoproject.com/en/1.8/intro/tutorial01/ попросили пройти как можно скорее и идти к ним на собес.
Вот я хуй знает что делать котаны. С питоном вообще не работал. Стоит тратить время на изучение? Кто-то проходил? Сколько времени этой займет?
Если уж бекенд ковырять, то я больше к ноде склоняюсь. Ситуация становится more complicated еще и тем, что у меня щас в разработке проект, в котором работы часов еще на 20, в лучшем случае. Заказчик ждать не будет, и эти скорее всего тоже.
>>578932>>580445
#434 #578836
Я даже вынырну из ридонли блядь. Набрел на сей тред года 3 назад(я уже поменял 5 мест работы) и все 3 года сначала находится такое мудило >>578816
которое опять выходит на связь, а потом находится добрая душа >>578820
что то ему объясняющая вместо того чтобы накормить от души хуями. Доколе?
Уже стыдно о таких говноедов шквариться.
#435 #578846
>>578816
Они не живы, все веб-погромисты уже давно работают на складе кладовщиками, а здесь просто очень толстый жирный тред двух семенов, ну как апворк-тред, там тоже все друг друга троллируют вымышленными заработками, как домой приходят после смены на заводе. Весело нам, понимаешь?
#436 #578848
#437 #578859
>>578537
Не было их на тот момент, когда я скринил. Да и там нет нихуя интересного скорее всего.
>>578883
#438 #578876
>>578816
СУКА ИДИ НАХУЙ БЛЯТЬ КАК ВЫ ЗАЕБАЛИ СУКА ИЗ ТРЕДА В ТРЕД ЭТУ ХУЕТЫ ПИСАТЬ УЕБКИ ССАНЫЕ, УМРИТЕ НАХУЙ.
#439 #578883
>>578859
А у тебя подписки не осталось? Интересно было бы посмотреть, что там. Чувствую, что нужно больше практики, так как теорию понимаю, но теги подзабываются.
>>579199
#440 #578932
>>578832
спокойно и хладнокровно обдумай свои возможности. Что действительно приоритетно и что в твоих силах.
Не гонись за двумя зайцами.
#441 #579099
Анончики, посоветуйте какие-нибудь успокаивающие средства на натуральной основе, вся всяких лишних веществ, например сборник из валерианы, пустырника, мята и тд, только от какой-нибудь нормальной компании.
#442 #579199
>>578883
Подписка на месяц. Как зп получу могу анонам купить курсы, лол.
>>579205
#443 #579205
>>579199
Будем оче благодарны.
>>579208
#444 #579208
>>579205
Да хули, там 300 рублей, могли бы и сами купить в принципе, чем ждать.
>>579209
#445 #579209
>>579208
Я лично вообще на нуле...
>>579212
#446 #579212
>>579209
планирую купить в июне. если никто не купит, то сделаю скрины
>>579219
#447 #579219
>>579212
А можешь лучше дать аккаунт?
#448 #579233
Эх, надо было сразу на codecademy учиться а не на htmlacademy, прохожу курсы по jquery, годно.
#449 #579251
>>579233
лол, там же вообще все изи и поверхностно
>>579258>>579272
#450 #579258
>>579251
Все разжевано же, а для новичка это норм.
>>579272
#451 #579272
>>579233
>>579251
>>579258
Так где учиться то тогда лучше?
>>579374
#452 #579296
>>579233
А на кодакадемии всё бесплатно?
>>579303
#453 #579303
>>579296
Там все задания для обучения бесплатные, а финальные задания, где ты скиллы будешь применять - платные. Так что норм.
#454 #579374
>>579272
пишу свое личное мнение

3 интенсива от htmlacademy
learn.javascript.ru + видосы с его занятий 2015 года ( + скринкаст про gulp/webpack оттуда же)
ну еще задачки с codewars можно порешать

На первое время с головой.

Академия в плане верстки пока лучшее, что я просматривал (пролистывал и гикбрейнс и го ит и нетологию и psdtohtml (make web))

у makeweb кстати на ютубе есть норм ознакомительный видос про авокод и адаптивную верстку с его использованием + про бутстрап 2 плейлиста - их тоже можно глянуть

там же бэминары от яндекса (если есть желание)

Из js смотрел еще специалиста (но не зашло, какая-то манера преподавания не очень была у чувака, не помню правда за какой год листал) и ИТ Бурсу - прикольно, можно глянуть, но ролики не большие, поэтому сам понимаешь

Так же в js-треде кидали на udemy 10 вопросов к собеседованию по js - туфта
JS Garden - туфта
в этих двух ничего нового не найдешь если Кантора изучил нормально

web-dev-bootcamp - его целиком еще не листал, но html/css часть не очень

freecodecamp (поверхностная теория, но всякие задачки "для портфолио" можно взять и сделать)
udacity - толком не лазил, видел только html/css/responsive части, все это и у htmlacademy рассказывают и еще больше даже.

еще на диске валяется loftschool (какой-то то комплексный курс) - его еще не листал. Но сам факт что будут болтать обо всем не внушает оптимизм.

Еще в ссылках у меня есть:
https://egghead.io/series - вроде годнота
http://courses.reactjsprogram.com/ - тут ознакомительный курс бесплатен
эти еще не глядел:
http://rutracker.org/forum/viewtopic.php?t=5180933
http://rutracker.org/forum/viewtopic.php?t=5045588

и в планах прочиткать YDKJS

как-то так.
#454 #579374
>>579272
пишу свое личное мнение

3 интенсива от htmlacademy
learn.javascript.ru + видосы с его занятий 2015 года ( + скринкаст про gulp/webpack оттуда же)
ну еще задачки с codewars можно порешать

На первое время с головой.

Академия в плане верстки пока лучшее, что я просматривал (пролистывал и гикбрейнс и го ит и нетологию и psdtohtml (make web))

у makeweb кстати на ютубе есть норм ознакомительный видос про авокод и адаптивную верстку с его использованием + про бутстрап 2 плейлиста - их тоже можно глянуть

там же бэминары от яндекса (если есть желание)

Из js смотрел еще специалиста (но не зашло, какая-то манера преподавания не очень была у чувака, не помню правда за какой год листал) и ИТ Бурсу - прикольно, можно глянуть, но ролики не большие, поэтому сам понимаешь

Так же в js-треде кидали на udemy 10 вопросов к собеседованию по js - туфта
JS Garden - туфта
в этих двух ничего нового не найдешь если Кантора изучил нормально

web-dev-bootcamp - его целиком еще не листал, но html/css часть не очень

freecodecamp (поверхностная теория, но всякие задачки "для портфолио" можно взять и сделать)
udacity - толком не лазил, видел только html/css/responsive части, все это и у htmlacademy рассказывают и еще больше даже.

еще на диске валяется loftschool (какой-то то комплексный курс) - его еще не листал. Но сам факт что будут болтать обо всем не внушает оптимизм.

Еще в ссылках у меня есть:
https://egghead.io/series - вроде годнота
http://courses.reactjsprogram.com/ - тут ознакомительный курс бесплатен
эти еще не глядел:
http://rutracker.org/forum/viewtopic.php?t=5180933
http://rutracker.org/forum/viewtopic.php?t=5045588

и в планах прочиткать YDKJS

как-то так.
#455 #579377
В коде может быть два section?
>>579380
#456 #579380
>>579377
да хоть 10
#459 #580445
>>578832
У кого такая вакансия? Устроился бы :)
Тред утонул или удален.
Это копия, сохраненная 28 июня 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /wrk/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски