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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
46 Кб, 1024x768
Front-end thread №6 #569536 В конец треда | Веб
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
Прошлый тред >>561684 (OP)
>>570934>>570975
#2 #569559
<test/>test<test/>
168 Кб, 640x480
#3 #569619
Освятил
>>570965
#4 #569841
Подкиньте сложный макетик, а то все изи какое-то.
573 Кб, 1105x493
#5 #569843
Анон, откуда могли взяться эти милипизерные отступы перед и после изображения?
Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
>>569846>>569852
#6 #569846
>>569843
дай угадаю, эти блоки display: inline-block?
>>569865
#7 #569852
>>569843
Код вбрасывай. Возможно дефолтные отступы инлайн блоков, если ты на них верстаешь, а возможно просто расхождение потому что 33 + 66 !== 100
>>569865
#8 #569865
>>569846
Нет. Оба флоатнуты.
>>569852
Опять же, один процент - и всё пойдёт по пизде.
Ладно, вот код.
https://jsfiddle.net/anonchik/zbf32uka/
>>569877>>569896
#10 #569879
>>569877
Пиздец, лол.
Спасибо.
>>569918
#11 #569889
>>569877
В чем космический эффект? При 35/65 тоже без промежутка. А вот при 38/62 он еще больше.
>>569897
#12 #569896
>>569865
>>569877
ГОВНОКОД !!!
>>569906
#13 #569897
>>569889
Ну в тз если я правильно помню должно быть строго 1 часть на текст и 2 на картинку. Ну вот это самый близкий вариант. Идеально конечно же не сделать из-за особенностей деления, лол
#14 #569906
>>569896
Спасибо, анон, а то я блять сам не знал.
Каким еще может быть код человека, который серьёзно этим начал заниматься 2 недели назад?
>>570447
#15 #569913
Кстати, можно было еще сделать не так как я в дробных частях, а тупо flex юзать (например grow поставить 1 часть и 2 части соответственно)
#16 #569918
>>569879
вся залупа с округлением идет из-за фикс ширины контейнера, если поставить скажем .container {
width: 764px;} то все норм будет. То есть ноги растут из фиксированной ширины оболочки, и если подумать нахуй тебе внутри проценты, если родитель фиксированный? С таким же успехом можешь жесткие пиксели прописать.
>>569922
#17 #569922
>>569918
Просто такие ширины (процентные) были прописаны в стайлгайде.
>>569923
#18 #569923
>>569922
ну так если это не резина в калькуляторе посчитай, пиздец беда
>>569931
#19 #569931
>>569923
Я и считал, всё равно все пиздой шло.
>>569954
#20 #569954
>>569931
бля я хотел посчитать, но в твоем html можно хуй сломать. Кароче нахуй.
>>569955
#21 #569955
>>569954
Делал как учили в интенсиве, лол.
>>569963
#22 #569963
>>569955
ну хуй знает, я вот тоже их смотрел, но делал не оглядываясь туда и в своем коде теперь разбираюсь без каких либо проблем, и ебал я такие матрешки.
>>569967
#23 #569967
>>569963
в вакансиях как написано бывает: умение разбираться с чужим кодом или гавнокодом, не суть =)

мимо анон
>>569975
#24 #569975
>>569967
Нормальный код у него.
>>569978>>569997
#25 #569978
>>569975
дак я ничего за код вообще не сказал, читать умеешь? Написал тому анону, что умение разбираться в чужом коде требуется обычно.
>>569984
#26 #569984
>>569978
А. Ну я подумал, что говнокод к нему относится.
#27 #569997
>>569975
да никто и не сомневается..
http://codepen.io/anon/pen/ZWNazO
>>570039
#28 #570039
>>569997
Не вижу ничего плохого в добавлении дива-центровщика.
>>570050>>570052
#29 #570050
>>570039
мне похуй. Иди нахуй.
#30 #570052
>>570039
ты когда наверстаешься до ебени фени, по-другому заговоришь, центровики везде писать да потом копаться в груде этого говна не есть хорошая идея. Минимализм и читаемость, остальное матрешкин говнокод.
#31 #570054
Товарищи, те кто макеты верстает, вы как с паддингами и маргинами ебётесь текстовыми? Это ж с ума можно сойти.
>>570061
#32 #570061
>>570054
что с ними не так?
>>570116
#33 #570116
>>570061
Как определить, что в каких случаях использовать? Маргин текста, паддинг текста, паддинг блока?
>>570131
#34 #570131
>>570116
почитай про разницу между блочными элементами и инлайновыми. Посмотри еще интенсив и все будет понятно
#35 #570150
Есть анон, разыскивающий работу фронтенд-разработчика?
Нужно умение применять БЭМ, знание ванилы и jQuery.
Если кого заинтересовало, пилите фейкопочту.
#36 #570154
>>570150
БЭМ-нэйминг или фулл-стек БЭМ?
>>570158>>570159
#37 #570158
>>570154
нахуй вообще бэм стек если ты не в яндексе работаешь?
>>570160
#38 #570159
>>570154
Нейминга/фс будет достаточно на начальном этапе. Проект в продакшене, говнокода под рефакторинг много. Смотреть буду на скилы именно в этом плане.
#39 #570160
>>570158
Венчурные инвестиции.
#40 #570164
>>570150
раскинь пару слов о проекте, какие задачи
>>570180
#41 #570168
>>570150
Что есть "ванилла"? Разметка или джава скрипт?
>>570179>>570181
#42 #570178
Чёт я не понимаю.
Нахуя дрочить HTML и CSS, когда всё современное верстается на какой-то другой хуйне?
#43 #570179
>>570188
#44 #570180
>>570164
Посидишь некоторое время (месяц) на рефакторинге js/css. Потом в паре с бэкендщикам будешь допиливать форк общей платформы.
>>571448
#45 #570181
>>570168
ньфанька)
>>570186
#46 #570182
>>570178
прочитай про устройство браузера, может понятно станет
#47 #570186
>>570181
Как что-то плохое. Если ты не забыл это тред еще и для новичков.
>>570205
#48 #570188
>>570179
Спасибо.
#49 #570190
>>570178
на какой же, лол?
>>570219
#50 #570197
Поясните ньюфагу вкратце:
БЭМ-нейминг - когда мы используем только для именования сущностей по БЭМ, но при этом всё хуярим в один css файл?
>>570202>>570205
#51 #570202
>>570197
Не обязательно в один. Просто разбиваем файлы по типу, а не по назначению.
>>570225>>570230
#52 #570205
>>570186
ванила есть чистый JS
>>570197
бэм нэйминг это просто специальное наименования классов для ухода от каскадности.
#53 #570219
>>570190
на с++
#54 #570225
>>570202

>Просто разбиваем файлы по типу


Не совсем понимаю, ты имеешь ввиду тип файла (js, scss, css), или тип того что в файлах. (button, form, slider, header, footer...).
>>570250
#55 #570230
>>570202
так если файлов css будет много будет много http запросов и страница будет больше грузиться ?
>>570232>>570234
6 Кб, 320x180
#56 #570231
>>570150
Вообщем, если кто захочет попробовать силы/найти работу, пилю свою фейкопочту ja\q5mes.variousANUSyandeG'?xPUNCTUMrN0Xu. Обратную связь обещаю.

Команда нормальная, без заёбов, не стартап, удалённо/коворкинг. З/п без задержек. Будет тестовое, я проверяю (35 строк кода), но все оргвопросы с ПМом. Много legacy-трэша, которое работает, но пахнет. Будет весело.
#57 #570232
>>570230
Для этого есть сборщики.
#58 #570234
>>570230
это все собирается в 1 css файл с помощью пакетного менеджера grunt, gulp...
>>570238
#59 #570238
>>570234
Зачем пердолится с грантом если есть божественные импорты в препроцессорах?
#60 #570241
>>570178
Ты имеешь в виду программки "сделай лендинг в два клика"?))))00
>>570256
#61 #570250
>>570225
Так может кто-нибудь ответить. Не является ли это лишним хуедрочевом - разбивать css файл на множество мелких, в которых будут лежать header, footer, button, form и тд...?
>>570255
#62 #570255
>>570250
В больших проектах без этого никуда. Представь что у тебя слитый в единое целове кссник имеет 5к строк. Как в нем ориентироваться будешь?
>>570265
#63 #570256
>>570241
Да я вообще не ебу о чём вы сейчас говорите
#64 #570265
>>570255
Ок, спасибо. Значит лучше прививать эту привычку уже сейчас, что бы потом не обосраться.
>>570312
#65 #570312
>>570265
в продвинутом тебе все это расскажут
>>570320
#66 #570320
>>570312
Кстати продвинутый интенсив годный? Или лучше просто пока верстать, верстать и верстать, чтобы голову лишним не забивать?
>>570371
#67 #570362
>>570231

Больше нужен JS'ер чем верстала?
#68 #570371
>>570320
я делал так: сверстал все макеты базового и сел за продвинутый. там тебе объяснять как верстать не будут, расскажут про необходимые для современной верстки доп фишки и инструменты, которые ты уже будешь внедрять в свой отточенный подход так сказать. ну и естественно про адаптивность расскажут и мобайл-фёст
>>570506
#69 #570422
Как нихуя не понять джпг.
https://htmlacademy.ru/courses/113/run/28
Вот эта штука.
Почему базис 100px?
Почему у нечетных коэфф 0, у четных один, они же все разные?
#70 #570447
>>569906
Нормальным?
17 Кб, 818x573
#71 #570506
>>570371
Сам хуй знает, братан
#72 #570525
Кстати, а где можно почерпнуть такие базовые макеты для верстки для новичков? Желательно с исходным кодом
>>570552
#73 #570552
>>570525
желательно это типо как в требованиях к работе обязательно?
>>570558
#74 #570558
>>570552
Ну, хочется же код проверить на перегруженность потом.
#75 #570826
>>570150
Если собираете на гранте/галпе, готов взяться.
anonchik-nyapUCshkaANUSrajh6mblerPUNCTUMrxzHu
>>570850>>571160
#76 #570850
>>570826

>@rambler.ru


Надеюсь это фейло-мыло
>>570853>>570898
#77 #570853
>>570850
фейко*
#78 #570886
Блядь, смотрю портфолио верстальщиков на говнобиржах аля веблансер/фл — сплошное однотипное буттсрап говно. И зачем я упарываюсь уникальными макетами на флексах с семантикой, бэмом и блекджеком? Кто-нибудь вообще это оценивает по-достоинству? Я так думаю, что нет.
>>571167
#79 #570898
>>570850
Для фейков не очень хочется связываться с гуглом/айклаудом, сам понимаешь
>>570924
#80 #570924
>>570898
Лол. Только сейчас увидел, что тут написано.

>anonchik-nyashka@


До этого я был уверен что там имя и фамилия.
Походу я сегодня себе не плохо так глаза выебал кодерством...
#81 #570927
А вообще очень часто замечаю за собой хуйню, когда впервые в тексте прочитываю какое-нибудь слово неправильно, и если это слово мне снова в тексте встречается, то я автоматически его как бы пропускаю. И только в конце, или перечитав пару раз, каким то чудом замечаю и понимаю что там написано не то что я думал... Пиздец бесит...
#82 #570934
>>569536 (OP)
Анон, как определить, что section, а что article? Что span, а что текст в диве?
>>570953
#83 #570953
>>570934

>что спан, а что текст в диве


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

>что секшон, а что артикл


секшон - просто несколько объединённых по какой-то причине дивов, артикл - самостоятельный элемент веб-страницы, который можно невозбранно оттуда выдёргивать.
>>570958
#84 #570958
>>570953
Как понять "самостоятельный элемент веб-страницы, который можно выдергивать?" Каким образом он самостоятелен? Куда его можно выдёргивать?
>>571432
#85 #570965
>>569619
Ебаать.. Бомбануло с ноута. 10 лет пользуюсь. Какой на этом гавне кодинг?
>>571216
#86 #570975
>>569536 (OP)
ищем фронт-энд-макаку.
Спб.
Чкаловская.

400€/месяц.
Задавайте ответы прямо сюда.
>>570992>>571440
#87 #570982
Что скажете за курсы "специалист" при бауманке ?
>>571092
#88 #570992
>>570975

>Задавайте ответы прямо сюда.


Что такое Спб?
#89 #570994
Один я даун который в HTMLacademy не понимает как биатлон пройти? Пиздец же. Я ему код, а он мне распидорашивает мишени по всей странице.
>>571001>>571003
#90 #571001
>>570994
Жопа какая-то. Вообще нихуя не понял. Хотя курс прошёл вообще влёгкую.
#91 #571003
>>570994
возможно не один, но скорее всего один
>>571011
#92 #571011
>>571003
Нахуй иди, толстяк. Судя по форуму овер 2к человек не выполнило задание на 100%
>>571016>>571020
#93 #571016
>>571011
я на сотку все задания выполнял, они там простые максимум на 20 минут
>>571021>>571022
100 Кб, 595x782
#94 #571020
>>571011
Ёбаный ад. Кто создал это испытание, маму того ебал.
>>574563
#95 #571021
>>571016
пиздабол.
#96 #571022
>>571016

>я на сотку все задания выполнял


>все задания выполнял


>все задания


>задания


В глаза ебёшься?
#97 #571030
Подкиньте нормальную статью по тегу Picture, где все бы разложили по полочкам, с примерами включающими адаптивные изображения и ретинизацию в зависимости от плотности пикселей девайсов.

inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
#98 #571079
Так, оперовскую статью я нашел. Но остался один вопрос. Есть 2 набора изображений: квадратные и широкие. Суть в том, что квадратные мне нужны на ширинах <480px и >839px (т.е. мобильные и десктопные вьюпорты), а широкие, соответственно, на >439px и <840px.
Как это оформить в <picture>?

>>571030-кун
#99 #571092
>>570982
норм. ходил туда. базу дадут. дальше уже проще будет все понимать. живое общение в любом случае пизже, чем пустое выкание в монитор.
но есть минус - со мной в группе были тетки, которые хотели задать вопрос, но сформулировать никак не могли, да и вообще много ненужных вопросов и ошибок у людей старшего контингента.
#100 #571160
>>570826
Нет, у нас сборка несколько иначе организована. Полностью в ведении бэкенда.
#101 #571167
>>570886
Я за месяц штук 60 уже прособеседовал по теории/практике. Вообщем, выводы просто неутешительные, в индустрии пиздец.

1. Народ не может отцентировать блок;
2. С JS пиздец. Полное отсутствие понимания логических операторов, контекста функций, работы с массивами и данными;
3. Нейминг у 99% такой - chornaya-block, registratsia-click, shapka. Это из реальных тестовых. С переменными/методами вообще ужас.
И это не сверхтребования какие-то. Это реально вызубрить, выработать навык за месяц-три. Но нет же, лол.

>>570231 - кун
#102 #571169
>>571167

>1. Народ не может отцентировать блок;


Не каждый блок просто центруется, зависит от ситуации. Или ты про margin: 0 auto;?
>>571172
#103 #571172
>>571169
Ни одним из способов. Ни при каких обстоятельствах.
#104 #571175
>>571167
Какие вопросы задаешь по теории/практике?
>>571194
#105 #571176
>>571167
бля, чувак, ты просто сделал мой день и поднял чсв само собой, спасибо.
>>571196
#106 #571178
>>571167

Сколько тебе лет, и чем сам занимаешься, пишешь на чем-то, или ты уже все это перерос?
>>571194
#107 #571180
>>571167
Лол, всегда думал что в компании ломится куча кандидатов с охуительной версткой, знанием джс на уровне профессионал, парочкой фреймворков ангуляр/метеор и т.д.
Чем они вообще тогда занимаются? Статику на бутстрапе верстают?
>>571181>>571194
#108 #571181
>>571180
Как можно сверстать статику на бутстрапе? А главное - зачем?
>>571184
#109 #571184
>>571181
Под статикой я подразумеваю верстку вообще, в т.ч адаптивную, без оживления с помощью JS.
#110 #571194
>>571175
Ляпы тестового разбираю, спрашиваю, почему именно так. Просто косячная вёрстка, не учтена кроссбраузерность. В JS 99% сравнивают в стиле if ((1 > 0) == true), плодят тучу переменных. Вообщем, 5ый класс.
>>571178
Я обычный фронтендщик. Просто нам нужно ещё.
>>571180
Кандидатов ломится дохуя, но подавляющее большинство ставит или надругалось над телом Битрикса, или ставит темы на вордпресс.
10 Кб, 200x176
#111 #571196
>>571176
ты же в илитном треде сидишь, хули удивляешься
#112 #571197
>>571194

Так напиши в ЖС тред
#113 #571202
>>571194
А вам нужны те, кто в JS пока не понимает?
>>571210
#114 #571206
>>571194
Вы там на js приложения пишете полноценные, или чем ограничивается его применение?
>>571210
#115 #571210
>>571202
Не, скорее наоборот.
>>571206
Бизнес-логика сайта.
>>571214
#116 #571214
>>571210
это например каких сайтов? Пример приведи какой-нибудь. А то сейчас все понятия растяжимые.
>>571224
#117 #571216
>>570965
Это фотошоп, лалка
#118 #571224
>>571214
Авито.
#119 #571326
>>571030
Удвою. Я чет нихуя не могу понять как правильно его прописать, шоб работало.
>>571328
#120 #571328
>>571030
>>571326
https://www.youtube.com/watch?v=O9JGDHEL2b8
Тут вроде неплохо объясняли, только я уже точно и не помню.
#121 #571333
Анон, а как бы ты сделал эту карусель Кантора http://plnkr.co/edit/mmB7VI860TmlheRj7jlm?p=preview адаптивной, если ширина "li" в процентах?
#122 #571338
Анон, вопрос по адаптивной седоне

Я долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
>>571452
#123 #571432
>>570958
переставлять куда угодно,хоть в другой блок, хоть в новую страницу вставить, он не должен поломаться.
#124 #571440
>>570975

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


>Санкт-Петербург


>зарплата уровня хуевого версталы


>фронт-энд-макака


Нахуй из треда, выебистая мразь.
>>571455
#125 #571448
>>570180
О яебал такое говно. Реально просто лютый пиздос разбирать чужой говнокод и чистить его. Сейчас занимаюсь именно этим, в некоторых местах все настолько плохо, что приходится хуярить заплатки, так как можно похерить весь фронт нахуй из-за пары узких мест. А на переписывание с нуля времени нет, проект на стадии последнего тестирования перед сдачей.
>>571457
#126 #571452
>>571338
Ты про спрайт? Есть у тебя изображение, в котором много одинаковых картинок с прозрачным фоном и отступами друг от друга. Блоку с определенным классом задается background, равный этому изображению, потом у него прописывается background-position и background-repeat: no-repeat. И потом уже попиксельно подгоняют изображение при помощи background-position. Ну и у блока обычно фиксированные размеры, хоть и не всегда.
#127 #571455
>>571440
Мы, кстати, намного больше платим.
>>570231 - кун
>>571583
#128 #571457
>>571448
Но кому-то надо этим заниматься в любом случае. Плюс для новичка отличная возможность хоть врубиться как этот говнокод функционирует в принципе.
>>571591
360 Кб, 1245x514
#129 #571468
Котаны, подскажите, пожалуйста, как сделать такую карусель, как в юлмарте? Киньте ссылку на годный плагин, или пример.
>>571470
#131 #571476
>>571470
Спасибо
#132 #571522
Анон, привет. Я тут относительно недавно вкатился в верстку, посмотри, пожалуйста, мой код - нет ли там ничего такого вырвиглазного и тому подобное.
https://jsfiddle.net/8L8yfu8o/
#133 #571529
>>571522
сам новичок, но могу тебе подсказать с одной штукой:
#000000;
#ffffff
подобные херовины можно сокращать до 000 или fff
>>571531
#134 #571531
>>571529
Спасибо.
А сам-то как считаешь, нормально всё, кроме этого?
>>571538
#135 #571538
>>571531
ну, да. мне показалось, что читабельно. я сейчас угораю по этой херне
https://habrahabr.ru/company/piter/blog/280828/
мне показалось, что у тебя все понятно в CSS.
#136 #571555
Аноны, почему в этих тредах никогда не идет речи о CMS, разве фронт-енд не подразумевает натягивание на CMS?
>>571584
#137 #571581
>>571522
1. Каскад не нужен
2. Таблицы, флоаты, инлайн-блоки → флексы
>>571617
#138 #571583
>>571455
Вот и я об этом. Ищут фронта, который будет горбатиться над заданиями уровня фронтенд-разработчика за зарплату верстальщика.
#139 #571584
>>571555
Нет. Готовые CMS используются только для простых сайтов.
>>571589>>571599
#140 #571589
>>571584
Точнее сказать не для простых, а для типовых.
>>571599
#141 #571591
>>571457
Надо делать так, чтобы потом не приходилось перепиливать говнокод. Или хотя бы пытаться. Новичку как раз не стоит подобным заниматься, так как может нахвататься и продолжить подобную практику. Ну и по описанию такое чувство, что ищут козла отпущения, который будет рефакторить говнокод, от которого все отказались. Неприятно как-то.
>>571595
#142 #571595
>>571591
Не, мы возьмём новичка и сразу ему логику платёжной системы дадим пилить. Потом на хэши посадим, дата-слой. Чотко будет, ага? Тем более там было сказано про форк, пожизненной каторги никому не обещано.

Надо делать - отлично звучит в модном стартапе, где накатил кокса, смузи, позвонил парню, вмазал ангуляр. А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
>>571605
#143 #571599
>>571584
>>571589
Этот не прав. Натягивание верстки на движок CMS - это одна из частей фронтенда, не самая приятная, но все-таки одна из частей. Просто никто в этом треде не хочет этим заниматься, да и вообще мало кому это нравится. Но хороший фронтенд хотя бы раз натягивал верстку на движок, для расширения кругозора. Это мог быть платный проект, а могла быть обычная проба для себя.
>>571602>>571688
#144 #571602
>>571599
Я хороший фронтенд и не то что никогда не натягивал верстку на CMS — вообще никогда к ним не прикасался.
>>571604
#145 #571604
>>571602
двачую этого
#146 #571605
>>571595

>5+ Мб JS-говнокода


Поправил, не благодари.

>А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.


Что мешало сразу пилить нормально? Предполагаю, код писали бэки, а теперь требуется еще один фронт, чтобы эту кашу поправить. И почему ты этим не займешься? Хочешь свалить такую стремную работу на джуна, в то время как сам будешь попивать смузи и попиливать логику?
>>571616
#147 #571612
Привет, парни. Я нихуя не могу понять БЭМ (нгэйминг). Точнее, я вроде бы понял его суть и смысл, но не могу врубиться, как все таки надо его правильно делать. Можете что - то посоветовать?
Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
#148 #571616
>>571605
Спор ради спора. Я тут немного не за этим, так что ты победил.
#149 #571617
>>571581
Вроде бы флексбокс ещё не до конца хорошо поддерживается, не?
>>571619
#150 #571619
>>571617
IE 10+
>>571620
#151 #571620
>>571619
Хорошо, а "каскад" что такое?
>>571640
#152 #571622
>>571612
В бэм-нэйминге нет слова нельзя. В голове прокрути архитектуру вложенности и дописывай через __ к родителю. Все. В сасс очень удобно потом через & с этим работать, прям мне доставляет.
>>571624
#153 #571624
>>571622
У элемента не может быть элементов.
>>571627
#154 #571625
>>571612
Ты это я.
Правда, я уже начинаю подзабивать на главную идею БЭМа как конструктора независимых блоков, и просто стараюсь неймить по-БЭМовски в меру своей фантазии. Но если в элементе внезапно обнаруживаются другие элементы - без зазрения совести юзаю каскад. Ибо сидеть выдумывать 3 часа напзвания классов меня не улыбает. Каскадность слабая, классы по-БЭМовски понятные и описывают суть элементов - ну и ОК.
>>571631
#155 #571627
>>571624
Бэм нэйминг вася, не подчиняется бэм методологии. .main__content_block__dolbaeb_list
>>571629>>571639
#156 #571629
>>571627
Эй, спокойней. Давай без ПРОБОЕВ ПАМЯТИ
#157 #571631
>>571625
была у меня такая проблема. Знаешь как решается? Когда с высоких уровней опускаешься на низкие можно смело юзать припеси типа left down list column при взгляде на верстку сразу становится понятно что к чему
#158 #571633
Вообще правила БЭМа какие-то уж очень строгие. Допустим, есть у нас блок, в котором дохуя чего. Тех же блочков, элементов и т.д. И эти другие блочки и элементы имеют свои обертки. И эти обертки надо тоже как-то стилизовать. И как их называть? Видать, в Яндексе с таким не сталкиваются.
#159 #571638
>>571612
Во-первых main-content__features-block хуевое название, слово block избыточно (особенно учитывая то, что это элемент, лол).

Во-вторых что тебе мешается сделать features-block блоком, а не элементом?

В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.

Как не надо:
block__container
block__container-item
block__container-item-title

Как надо:
block__container
block__item
block__title или block__item-title
>>571647>>571661
#160 #571639
>>571627
Хуйни не неси плес
#161 #571640
>>571620
Селекторы вида .class ul li .another-class
#162 #571642
>>571612

>Но ведь по бэм нельзя делать элемент элементу.Но ведь по бэм нельзя делать элемент элементу.



Блять, вы презентации из интенсивов вообще смотрите, или как?
>>571648
#163 #571647
>>571638

>block__container


>block__container-item


>block__container-item-title



Как раз этот вариант очень удобен в препроцессорах.
>>571649
#164 #571648
>>571642
Блять, ты на сайт БЭМа то хоть раз заходил, методологию читал? #000 по #fff написано, что нельзя.
#165 #571649
>>571647
Но не очень удобен в JS.
>>571657
#166 #571657
>>571649
Чем не удобен? По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
>>571659
#167 #571659
>>571657
Тем, что длинные классы получаются.

>По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element



Это вообще ерунда какая-то.
>>571660
#168 #571660
>>571659
Уточню, что под JS я имею в виду React/Angular. Или любую другую технологию на которой пишутся шаблоны.
>>571662
#169 #571661
>>571638
погоди ка погоди. Твой вариант описывает абсолютно другую структуру. block__container-item-title подразумевает тройную вложенность. А все твои это двойная вложенность.
>>571665
#170 #571662
>>571660
Недавно впервые поучаствовал в реальном проекте, увидел структуру интертнет-магазина на php. Там тоже по сути все собиралось из файлов-шаблонов. Реакт и ангуляр - они про то же?
>>571670
#171 #571665
>>571661

>В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.

>>571666
#172 #571666
>>571665
однако когда смотришь такой код он читается гораздо лучше. Поэтому довод про длинные имена идет нахуй
>>571681
#173 #571670
>>571662
Нет, это фронтенд-технологии. Обе из которых, впрочем, включают шаблонизаторы.
133 Кб, 1022x668
#174 #571681
>>571666
Ноуп. На пике код одного из моих компонентов (функция cn просто генерит имена в БЭМ-стиле). По-твоему это бы лучше читалось, если бы logo-image назвался root-header-logo-image? А когда я решу поменять верстку, то все переименовывать? Ну охуеть, спасибо.
>>571725
#175 #571688
>>571599
Ты имел ввиду хорошего человека-оркестра, а не фронт-енда.
#176 #571694
Ваши флексы ебаные на мобилках не поддерживаются блять, а бэм-нейминг вам нахуя, я так и не понял. Что за хуйню вы тут устроили сука?
>>571696
#177 #571696
>>571694
Попизди тут еще http://caniuse.com/#search=flex
>>571698>>573041
#178 #571698
>>571696
А теперь открой на своем ведре или гейфоне твою хуйню, сверстанную на флексах и отсоси, теоретик хуев.
>>571701
#179 #571701
>>571698
Так, парни, у нас тут человек не слышал про автопрефиксер. Срочно два куба постцсса ему!
>>571705
#180 #571705
>>571701
Так ты открыл или нет?
>>571711
#181 #571711
>>571705
Неоднократно верстал. Не расскажешь что конкретно там не поддерживается, котик?
>>571713
#182 #571713
>>571711
Так ты ссылочку-то кидай
>>571714
#183 #571714
>>571713
За щекой у себя проверь.
>>571716>>571717
#184 #571716
>>571714
Проверил, не нашел. А теперь иди нахуй, диванный теоретик без пруфов.
>>571721
#185 #571717
>>571714
необъективный ответ, у тебя аргументы закончились или ссылок нет?
мимиКрокодил
#186 #571720
Кидайте ссылку на флексы, проверю.
мимо-Андроидобог
#187 #571721
>>571716
Без пруфов чего? Я тебе уже кинул ссыль на caniuse. Жду конкретный примеров на какой системе какое свойство не работает. Если у тебя их нет, то иди нахуй.
>>571724
#188 #571723
ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??
>>571773
#189 #571724
>>571721
Ссылку кидай, что ты верстал на флексах под мобилку, мы тут всем тредиком на разных устройствах проверим.
147 Кб, 1271x725
#190 #571725
>>571681
посмотрев на любой элемент-модуль ты сразу понимаешь откуда у него растут ноги. Но ты не совсем правильно понял мой подход, я предлгаю прописывать эти пути модульно. То есть вложенность может быть уровня 3 где-то после идут уже элементы.
#191 #571731
>>571724
Я не собираюсь что-то кидать и деанониться чтобы опровергнуть бред не подтвержденный ни одним пруфом.
#192 #571735
>>571725
Не вижу особых отличий от моего примера.
>>571738
#193 #571738
>>571735
значит я твой не понял
#194 #571739
>>571724
Могу я скинуть
https://meduza.io/
Работаю в медузе уже почти год
>>571772>>571813
#195 #571747
>>571724
https://htmlacademy.ru/
проверяйте
#196 #571772
>>571739
Ты один из восьми разрабов? Чем занимаешься?
>>571807
#197 #571773
>>571723

>ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??


Так че, может кто ответить.
Я понимаю, что в любом случае придется использовать полифилл в реальных проектах, но всё-равно интересен этот момент.
>>571777
#198 #571777
>>571773
Гугли доклад Макеева, точно не помню, но он вроде упоминал про это.
#199 #571792
А флексохейтер-то и сдриснул, лол.
#200 #571797
Смысл вообще хейтить флексы? лол. Скоро все равно все на них будет.
#201 #571807
>>571772
Там больше на самом деле, есть удаленные/контрактные
Верстка, фронт
#202 #571813
>>571739

Сколько получаешь?
>>571837
#203 #571829
Почему итт постоянно спрашивают сколько ты получаешь? Вас на hh забанили?
>>571838
#204 #571837
>>571813
Не скажу, нда
И в вопросе нету смысла, ты же не знаешь мои обязанности, сколько у меня опыта и вообще какая именно должность, так что.. На хорошую жизнь в дс2 хватает
>>571863
#205 #571838
>>571829

То что пишут на hh и получается в действительности, может сильно отличаться
#206 #571844

>Завтра ищешь в интернете книжку Dive into python. Похуй если ничего не поймешь. Затем идешь на python.org и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию питоньего кода - PEP8, чтобы от зубов отскакивало. Когда напишешь свою первую имиджборду, по пути изучив верстку на html+css, скачиваешь и изучаешь любой питоний асинхронный вебсервер, рекомендую Tornado или Gevent. Как переделаешь имиджборду, чтобы выдавала по крайней мере 5 тысяч запросов в секунду, можешь идти дальше - тебя ждет увлекательный мир хайлоада. Apache Hadoop, сверхбыстрые асинхронные key-value хранилища, MapReduce. Отсос хиккующих выблядков / просто неудачников типа рейфага или сисярп/джава-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.



Бред или в блокнотик сохранить как пособие?

Сам две недели как учу хтмл.
>>571848
#207 #571848
>>571844
Это паста, нюфанька
>>571850
#208 #571850
>>571848
В ней какая-то доля правды?
>>571870
#209 #571863
>>571837

У них же офис в Прибалтике?
>>571870
#210 #571866
>>571862
А за два года реалистично выполнить этот сценарий, гуманитарию с iq 118?
#211 #571870
>>571850
Нет, это даже не оригинал пасты, а переделка под питон.
>>571863
Я в любом случае на удаленке и на контракте
#212 #571895
>>571522
Для начала неплохо (если ты первую неделю верстаешь). И да, флексы - заебись, но не бросайся сразу в них, поверстай на флоатах/инлайнах/дисплей-тейблах, это тебе в любом случае будет нужно (почти везде требуют либо ие8+ либо как минимум ие9+).

PS Хотел было даже пофиксить слегонца, но, святой артемий лебедев - зачем вы ебучий джсфиддл для верстки используете, люто неудобная хуерга же. Заливайте на православный кодепен.
105 Кб, 680x561
#213 #571920
Охуеваю с уровня менеджмента местных конторок.
Я тот анон который рассказывал что его умудрились дважды позвать на собес.
В первый раз сходил, вроде нормально, но фидбека не получил, то есть вообще. Ничего не сказали по окончании, просто с улыбкой проводили к двери. Через 3 дня отзвон от эйчара, типа приходите на собес. Я уточнил что уже был, извинились, сказали будут перепроверять.

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

Вот я хуй знает анон, либо слишком придирчив, либо это таки бардак и нехуй с ними связываться. Что думаешь на эту тему?

Алсо, возможно такое отношение выработалось из-за моих предыдущих собесов. Их было всего 2 и давно, но оба в крупные аутсорсинговые компании с центральными офисами в штатах и ЗЕ. И вот там все действительно заебись. Эйчары все по несколько раз уточняют и разжевывают, собеседования ведутся как положено, а в конце, даже если ты не подошел, тимлид 10 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
#214 #571921
>>571920
Хуйня какая-то, я бы уже их послал.
480 Кб, 1200x2416
#215 #571937
Есть тут те, кто верстал этот макет?
Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
>>571943>>572375
#216 #571942
я вам ультрагодноту по вордпресу принес аноны https://tyler.com/
>>571949
#217 #571943
>>571937
Меня смущают вот эти 3 кружка, выглядит как слайдер.
>>571944
842 Кб, 1200x2416
#218 #571944
>>571943
Отклеилось
>>571978
#219 #571949
>>571942

О, збс подгон
#220 #571978
>>571944
Ну это и есть слайдер.
Другой вопрос, как это по семантике правильно верстать?
Тут 2 варианта, либо я в хедер засовываю просто нав со всякими окошками поиска, логотипом и прочей парашей (кстати похоже так и надо, учитывая его размер), либо я хедер обёртываю в див, на фон которого ставлю мороженки.
Вроде бы первый вариант, а слайдер идет в диве на фоне которого это изображение, сразу после хедера.
>>571993
#221 #571991
>>571920
Похоже на какую-то лютую парашу.
#222 #571993
>>571978
Ты не догоняешь.

>нав со всякими окошками поиска, логотипом и прочей парашей


Во-первых: не стоит в nav пихать всякую парашу. Он не для этого.

>а слайдер идет в диве на фоне которого это изображение


Во-вторых:
Фоновое изображение предназначено для оформления и только для него.
Картинка с двумя мороженками - промо изображение.
Да и вообще, какого хуя ты в СЛАЙДЕР пихаешь фоновое изображение?
>>571996
#223 #571996
>>571993
Нет, я оговорился, в наве только менюхи. А все остальное, к ним не относящееся - просто рядышком в хедере. Так?
А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
>>571998>>571999
#224 #571998
>>571996

>А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?



БЛЯЯЯЯЯЯЯЯЯЯЯЯЯТЬ
#225 #571999
>>571996
Нет, это фон слайдера. На то он и слайдер, что кнопочку переключаешь и изображение меняется.
>>572159
56 Кб, 876x503
#226 #572018
Пацаны, такая хуйня, выделяю область в фотошопе, хочу выделенное сделать прозрачным, а ебаный ластик замыливает за выделенной областью, как мне с ним совладать? Я там разные кисти выбирал, все так делают.
>>572021
29 Кб, 453x353
#227 #572020
Посоны, есть ли смысл добавлять normalize или reset в мой собственный бойлерплейт?
Прошу аргументировать мнение.
>>572836
#228 #572021
>>572018
Не совсем понял, в чём суть твоей проблемы, но попробуй выделить област и ткнуть del.
>>572965
#229 #572023
>>571725
Ебанутая система. На сложном проекте у тебя получится такая вложенность, что ты охуеешь. Сам писал нечто подобное, когда плохо понимал бэм. Овердохуя уровней вложенности не нужны. Почитай про бэм поподробнее.
мимо
>>572174
#230 #572026
>>571920
Стремно как-то. Бардак у них там творится. И новеньких, видимо, совсем не уважают.
#231 #572034
>>571920
спроси у них, почему эти так делают
#232 #572038
>>571725
Зачем прописывать боди_#чтото#, если отображаемый контент хтмл может быть только в боди? Футер это часть боди, а не тот же уровень, что хеад и боди. Мне кажется ты не понимаешь иерархию хтмл, тебе надо сначала разобраться с этим. https://learn.javascript.ru/dom-nodes
>>572369
26 Кб, 636x181
#233 #572084
Есть тест (1 вопрос для примера из пикрелейтед), нужно для него сделать веб-страничку. Т.е под 1 вопрос по 3-4 чекбокса, в конце теста выдается результат сколько правильных и неправильных ответов.

У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.

https://jsfiddle.net/vxcy1p5q/ - есть похожее, но всё таки немного не то.
>>572086
#234 #572086
>>572084
Гугли jquery plugin quiz.
#235 #572159
>>571999
Там не только фон слайдера, там фон всей страницы меняется.
>>572363
#236 #572174
>>572023
Очень хороший совет, спасибо. Только вот на деле все равно полстоянно получается, что элементы должны иметь элементы. А те в свою очередь тоже их имеют. И вся суть БЭМ идет из-за этого нахуй.
>>572377
#237 #572203
Поясните вкратце за Avocode, уже юзабельно? Баг с направляющими, думаю, должны уже фиксить. Если пофиксят, то не поскуплюсь на лицуху, зело заебало в дуалбуте сидеть.
>>572232
#238 #572232
>>572203
Косяки с тенями. На днях проебался знатно.
>>572281
#239 #572281
>>572232
Т.е. нужно ещё месяц-второй подождать?
>>572306
#240 #572306
>>572281
Не знаю, это к разработчику вопросы, но пришлось ставить вайн+фотошоп.
>>572309
#241 #572309
>>572306
У меня под вайном только CS2 нормально заработал, но он слишком стар уже. Печалька.
>>572313
#242 #572313
>>572309
CS5 работает отлично.
Не уверен, что 100% решение, но установи через sudo apt-get install playonlinux, там подтянется всё, чего не хватает, если лень вручную ебаться с установкой.
>>572323
#243 #572323
>>572313
Ноут слабоват, может не потянуть. Но я попробую, спасибо.
#244 #572324
>>572316
Ебать ты простой, цены на макбуки видел?
>>572325>>572368
#245 #572325
>>572324
Половина зарплаты?
>>572329
#246 #572329
>>572325
15" макбук про с человеческой начинкой - в полтора раза больше моего годичного заработка на апворке.
>>572336>>572510
#247 #572336
>>572329
Хз, бросай Апворк тогда. Я там давно не работал, но демпинг ебанутейший, как помню.
>>572343
#248 #572343
>>572336
С демпингом проблем нет, просто я вкатывался с нуля, не имея опыта работы в офисе.
>>572346
#249 #572346
>>572343

Что знаешь, какие заказы берешь?
>>572350
#250 #572350
>>572346
Жиквери разработчик. Делаю psd-to-html, прикручиваю всякие плагины, аякс, всё такое. Потихоньку расширяю влияние на чистый php и дизайн, дабы на вордпрессе сайтики ваять.
#251 #572363
>>572159
Так и итоге, мороженое ставится как фон страницы? А кнопки слайдера и информация с 10-22 абсолютно спозиционированы?
>>573197
#252 #572368
>>572324
Видел. Не тянешь макбук — бери подержаный мак мини с авито. Все равно перелезать придется рано или поздно.
>>572372>>572378
#253 #572369
>>572038
вы заебали я накидал примерно. Я не пишу боди что-то. Боди это как корневой каталог.
#254 #572372
>>572368
Подержаная прошка 13 тоже опция. Что-то типа early 2013. Тысяч 40, я думаю.
>>572378
#255 #572375
>>571937
я тут мимо-анон, много говорить не буду просто дам направление так сказать:
1) в бэм не важна реальная иерархия все заменяется на связь блока и элемента. Блок может содержать внутри себя элементы и другие блоки.
2) не забываем про миксы (в БЭМ они есть)
>>572377>>572383
#256 #572377
>>572375
бля, это сюда >>572174
#257 #572378
>>572368
>>572372
Я не думаю, на данном этапе моей карьеры мне позарез нужен мак. Рано или поздно да, придётся.
>>572380
#258 #572380
>>572378
Ну, не самая важная вещь в мире, но работать станет попроще. Просто хотел отметить, что мак это не обязательно космические деньги.
>>572382
#259 #572382
>>572380
Существенная переплата за небольшой прирост по сравнению с Linux. Сомнительное вложение.
>>572385
#260 #572383
>>572375
ну правильнее сказать, что вся соль бэма уход от каскада в отдельных модулях. А модули это отдельные классы в общей структуре, это типо и позволяет потом брать модуль и втыкать куда угодно подцепив его стили.
#261 #572385
>>572382
Прирост довольно солиден же.
Отпадает необходимость в ебле с вайном/виртуалками, более широкий набор инструментов (навскидку - скетч и зеплин), ретина, ёпта!
#262 #572510
>>572329
Проиграл с тебя.
Во-первых, зачем нужен 15"? Бери 13 с ретиной.
Во-вторых он стоит около $2к. Если ты фрилансер, зарабатывающий $4к в год, то у меня для тебя плохие новости.
>>572515>>572850
#263 #572515
>>572510
в чем мак хорош при фронт-энде?
>>572524>>572534
#264 #572524
>>572515
У меня знакомый как раз с прошкой 13-дюймовой. Дома с ней работает, приезжает в офис - подключил по HDMI к монитору - и там же опять работает. Может легко съездить к клиенту и показать продукт.
Машинка легкая, очень быстрая.
#265 #572534
>>572515
Да ничем, разработка идеальна на линукс, но если говорить о фронт-енде, то появляется нужна в фш и тогда катит мак
>>572538>>572549
#266 #572538
>>572534
не тормозит или что? я просто уже давно не сидел на винде. все на маках. на винду трудно садиться. какая-то она не такая - думает иногда долго, тормозит
>>572559
#267 #572549
>>572534
А чем Линукс лучше?
>>572559
464 Кб, 3000x2116
#268 #572559
>>572538
Винда на норм железе и с чистой ос тоже не тормозит, и даже летает.
>>572549
http://www.makeuseof.com/tag/6-superb-reasons-use-linux-programming/
>>572562
#269 #572562
>>572559
Абсолютно все эти преимущества относятся и к макоси.
>>572567
#270 #572567
>>572562
ну так понятно, речь про то, что если бы не фш нахуй не надо было бы переплачивать за мак.
>>572571
#271 #572571
>>572567
Не согласен. Маки отлично собраны, там ретина и няшная ось. У нас рубисты тоже на маках работают.
>>572573>>572585
#272 #572573
>>572571
Они не пидоры часом?
>>572579
#273 #572579
>>572573
Не знаю. А это что-то плохое?
>>572582
#274 #572582
>>572579
Я просто хочу с ними работать. Я пидор просто.
#275 #572585
>>572571
собраны они на тех же заводах, что и делы какие-нибудь собирают. Так что это спорный плюс. А визуальная макось это такое, дело вкуса. Есть линукс оболочки копии, хуй отличишь.
>>572589>>572596
#276 #572589
>>572585
а забыл добавить бесспорный плюс. Только с яблоком на задней стороне ты выглядишь со строны как современный хипстопидар. Это да, тут мак лучше.
>>572593
#277 #572593
>>572589
Ну разумеется.
>>572594
56 Кб, 619x442
#278 #572594
>>572593
Пик отклеился
>>572663
#279 #572596
>>572585
ну, собраны-то на одном, но качество, что материалов, что сборки получше будет. конечно, маки стоят огого, но если сравнивать по хар-кам, то цена на винде будет плюс-минус такая же
>>572599>>572603
#280 #572599
>>572596
Напрягает маленькие размеры экрана. Неудобно кодить же. Я привык на ноуте кодить, а на доп мониторе следить за изменениями в браузере.
#282 #572605
>>572603
Кто в своем уме купит макбук без ретины и с TN матрицей?
#283 #572621
>>572603
Ну охуеть аналоги. А вес, материал корпуса и тип диска ты характеристиками не считаешь?
>>572629
#284 #572629
>>572621
за разницу в цене можешь себе два ssd купить, хотя не для игр тебе и этого гибрида хватит и разницы ты не почувствуешь, особенно учитывая, что линукс стоять будет. Вес больше на килограмм, и я конечно понимаю, что хипсерков вес в 2 кг на их хрупкие плечи ебать разница. А материалы примерно одинаковые, там такой же пластик ток серебристый. И да, спорить яблочными поехавшими идея глупая, я знаю. Это и телефонов и касается. Зря я начал, зря.
>>572637
#285 #572637
>>572629

>там такой же пластик ток серебристый


Это алюминий.

Ты сравниваешь два ноута, которые вообще в разных классах находятся. Эйр это ультрабук и для него весь очень важен. Работают обычно все-таки на прошках.
>>572638>>572640
#286 #572638
>>572637

>весь


вес
#287 #572640
>>572637
кароче каждому свое.
>>572649
#288 #572649
>>572640
Более-менее опытные кодеры используют Линукс, самое дно - винду. Где-то посередине Макось.
>>572663>>572853
#289 #572655
Ананасы, посоветуйте пожалуйста отличную книгу про Angular.js, я начал читать O'Reilly на английском, все шло отлично, пока в книге не начался разбор реального приложения, там у меня шары в мозгах свернулись, до сих пор в себя прихожу.
Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д.
Очень нужно для первого ангулар-портфолио, ибо сидеть на 600-800 долларах в месяц заебало неимоверно.

мимо апворк джиквери разработчик
#290 #572656
>>572655
Нехуй читать краденные книги с торрентов. Купил бы нормально, всё бы понял.
>>572658
#291 #572658
>>572656
Не поверишь, но она в бумаге, куплена.
#292 #572663
#293 #572665
>>572655

Бля как ты так смог, без опыта, у тебя тогда портфолио хоть какое-то было, когда вкатывался на апворк, работаешь за фиксированную плату или почасовую? Английский хорошо знаешь?
>>572672
#294 #572668
>>572655
Посоветую учить Реакт.
>>572673
#295 #572672
>>572665
На самом деле это не очень сложно. Главный момент - английский и умение общаться с людьми по переписке (харкач научит).
Реальный опыт достаточно небольшой, работаю с сентября прошлого года. Поначалу демпинговал, но работу делал на 10 из 10, каждый проект вылизывал как писечку молодой тян.
Есть почасовая работа, есть фиксированная ставка. По фиксированной больше нравится работать - есть стимул побыстрее завершить проект и с клиентом нет никаких качелей по учету времени.
В портфолио до сих пор нет ничего приличного, кроме двух Wordpress веб сайтов на премиум-темах. Хотя сами темы и охуительно смотрятся. Было пару интересных и красивых веб-приложений, но заказчик не позволил вывесить картинки.
#296 #572673
>>572668
Чому?
>>572680
#297 #572674
>>572672
Уточнение: под реальным опытом я имел в виду опыт реальной разработки (верстки + скрипты)
#298 #572680
>>572673
Он классный, на него тоже много вакансий, у него намного более пологая кривая обучения. См. линк с актуальными технологиями в шапке.
#299 #572695
>>572672

Демпинговал как сильно пару баксов в час?
>>572698
#300 #572698
>>572695
Нет, минималка там 3 бакса, на нее я и пошел работать в первый контракт. Сделал первые 30 баксов, на второй контракт меня взял тот же клиент, но уже на 5 баксов. Дальше удачно выстрелил китаец уже на 8 баксов и я за октябрь уже получил около 320 долларов суммарно.
>>572700>>572706
#301 #572700
>>572698
а делал-то что в основном
>>572704
#302 #572704
>>572700
да то же, что и сейчас по-большому счету: костыли-заплатки, сделать старый ублюдочный корявый сайт адаптивным, написать лендинг с нуля, используя препроцессоры, написать веб-верстку и скрипты для вебприложения для фотографий и чатика, куча заданий было для Wordpress, большие и маленькие.
Когда стал TOP RATED, то сразу ощутил небольшое облегчение в поисках нормальных заказов - люди охотнее тебе платят больше, если видят, что у тебя одни пятерки. Несколько раз присылали прямое приглашение на неплохой контракт.
#303 #572706
>>572698
Какие у тебя дальнейшие планы, анончик. Продолжать фрилансить, или стать офисным планктоном?
>>572710
#304 #572710
>>572706
Хочу хорошо подтянуть какую-нибудь библиотеку (angular или, как советовал товарищ по несчастью выше, react), выйти на нормальные проекты по 20-25 долларов в час. Затем хочу нанять в офис пару обезьянок на простые задания с UpWork и может быть из этого что-нибудь получится.
Как я уже говорил - у меня очень мало реального опыта, нету даже и года. И в команде не работал вообще никогда.
>>572712>>572729
#305 #572712
>>572710
самоучка? долго учился?
>>572715
#306 #572715
>>572712
Самоучка. Где-то полгода, после основной работы по 2-3 часа в день, начал сперва с C# почему-то, потом прошел MySQL, потом прошел фронт-енд.
Сейчас джиквери спагетти-код в принципе получается, даже игрушку сапер сверстал на джиквери лол.
>>572718
#307 #572717
>>572672

Красава. А на сколько англ хорош, прямо вообще без проблем разговариваешь/переписываешься?
>>572732
#308 #572718
>>572715
молотка! удачи тебе
>>572720
#309 #572720
>>572718
блин, я думал ты работодатель, предложишь сейчас что-нибудь интересное. Прям выложил все карты! (тут смайлик)
>>572723>>572725
#310 #572723
>>572720
я только начинаю вкатываться. курсы прошел, книжку почитываю, с ленью борюсь понемногу
#311 #572725
>>572720

Так а что тебя не устраивает (ну кроме 600-800 долларов в месяц, которые в украине, например, космические просто, еще и сидя дома) ?
>>572730
#312 #572729
>>572710
Я думаю всё зависит от твоих целей. Некоторые и без опыта устраиваются, работая за еду. А потом потихоньку вырастают. И тогда, если их опыт и знания не соответствуют зарплате, то уже с этим багажом устраиваются в более крутую фирму.
Тебе, наверное, нет смысла идти в офис работать за еду, коль ты на фрилансе относительно неплохие деньги делаешь.
#313 #572730
>>572725
все устраивает, но хочу куда-то развиваться, от контрактов типа psd to html понемногу деградируешь все-таки.
>>572734>>572743
#314 #572732
>>572717
Английский неплохой, на общие темы разговариваю без проблем, за специфическими терминами конечно лезу в словарь.
#315 #572734
>>572730

Ну это само собой, я думал, ты любой ценой в офис хочешь на эти технологии.
>>572738
#316 #572738
>>572734
мне уже за 30, думаю в офисе среди 20-летних сеньеров я буду выглядеть как жених на панихиде
>>572739
#317 #572739
>>572738

А прошлая работа какая была?
#318 #572743
>>572730

>деградируешь все-таки.


Скорее стоишь на месте. Ты ж ведь не становишся хуже, хоть и выполняешь одни и те же задания, наборот, ведь со временем это все идет на автомате, да и придумать что-то более эффективное/удобное можно.
Или ты о том что технологии идут вперед и за ними надо поспевать?
#319 #572751
Соснул с прохождением всех интенсивов к 19му.
мимо-стремящийся
>>572754>>572799
#320 #572754
>>572751
сколько времени на интенсив тратил в день? еще не приступал, хочу прикинуть хер к носу для начала, чтобы было понятно по сколько времени уделять
>>572772
#321 #572772
>>572754
Я хотел все три за неделю, да так чтобы еще и в голове что-то осталось. А в итоге только вот первый заканчиваю.
#322 #572799
>>572751
А, помню тебя. Я ещё тогда цокнул языком, увидя твои космические цели, так как сам думал примерно также - отсмотрю первый интенсив за недельку, сверстаю все четыре макета ещё за недельку, а там добью второй попутно изучая js. а через два месяца устроюсь на работу с портфолио, а ещё через полгода стану как Аллах, освоив все фрейморки мира и замучу себе топовую работку тысяч на 100 с блэкджеком и шлюхами.
>>572807
#323 #572807
>>572799
А я, наверное, еще более слоупочный, чем вы оба вместе взятые.

Начал изучать зимой, прошел codecademy (html/css), htmlacademy (включая платный курс), отстмотрел первый интенсив, доверстал Барбершоп, сверстал Нердс, сверстал страничку портфолио, и сделал первую верстку за деньги. И это считай, почти за пол года.
Продвинутый еще не досмотрел (осановился на JS), понемногу начал применять препроцессоры, в JS пока вообще не могу. Ну разве что там addClass, короче самый минимум.

Один знакомый за пол года смог влезть в Python и устроиться макакой за 5$/час. Чувствую себя дном.
>>572812
#324 #572812
>>572807
Куда устроился то он? И учил голый питон?
>>572815
#325 #572815
>>572812
Питон и джангу. Ну он еще слегонца знает хтмл/цсс и совсем базово джиэс.
Устроился по удаленке на буржуинов работать.
#326 #572836
>>572020
мне почему-то больше нравится reset.css, даёт больше свободы, чем reset - я лучше напишу пару дополнительных строк кода, чем буду учить, какие встроенные css правила у каждого браузера.
>>572842>>572862
#327 #572842
#328 #572850
>>572510

>если ты фрилансер, работающий за $4к в год, то у меня для тебя плохие новости


да вы охуели!
>>572852
#329 #572852
>>572850

>335$/месяц


>имплаин это нормальная з/п

>>572864
#330 #572853
>>572649

>самое дно - винду


используемая ось не зависит от опытности кодера. Под все оси есть все необходимые инструменты
#331 #572862
>>572836

>чем reset


чем normalize.css
фикс
#332 #572864
>>572852
ну так-то 20к, средняя зарплата для миллионника.
>>572869
#333 #572869
>>572864
Но не в айти же, где люди в валюте получают, а не в говноденьгах типа рублей или гривен.
>>572878
#334 #572878
>>572869
и там тоже, если ты первый год работаешь. Кому ты с опытом в год нужен то?
>>572884
#335 #572884
>>572878
Джун спокойно может рассчитывать на 500 бачей в месяц, если конечно имеет необходимые знания.
>>572890
#336 #572890
>>572884
ну, джун это не верстала, а уже относительно продвинутый кодер, умеющий работать с обширным стеком технологий, но не имеющий опыта. Так сказать, уже как минимум вторая ступенька в кодерской иерархии.
#337 #572965
>>572021
С дел такая же хуйня.
#338 #572986
Аноны, нужна такая функция (JS) : Нажимаю на 1 кнопку на сайте, и после того как она выдаст результат - она становится больше не активна. Как сделать?
>>572990>>572997
#339 #572990
>>572986
$(button).click(function(){
if (!$(button).hasClass('disabled')) {
// do stuff
$(button).addClass('disabled');
}
Через класс можно поменять её внешний вид, чтобы показать, что она больше не работает.
});
#341 #573016
Антоши, нужен плагин для навешивания скроллбара на любой див.
Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
>>573018
#342 #573018
>>573016
mCustomScrollbar
>>573045
#343 #573038
>>573027
Поэтому нужно делать фоллбэки.
#344 #573039
Так что насчет флексов? Как они ведут себя в андроидах/айфончиках? К сожалению сам затестить могу только в девтулс, а от них, насколько я понимаю, толку мало.
мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
>>573041
#345 #573041
#346 #573045
>>573018
Спасибо
#347 #573059
Котаны, сверстал барбершоп, очень подробно разобрал для себя все моменты. В целом всё понял.
Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца?
Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
>>573062>>573066
#348 #573062
>>573059
Можешь конечно, но барбершоп охватывает далеко не все аспекты вёрстки, с каждым новым макетом ты будешь узнавать что-то новое. Кроме того, для работы нужно портфолио, тут-то тебе и пригодятся эти нерды и т.д.
>>573071
#349 #573066
>>573059
ты на платный собрался?
>>573071
#350 #573071
>>573062
Я просто хочу начать верстать сразу с адаптивом, препроцесорами и всем таким, потому что чувствую что делаю не всё что мог бы.

>>573066
Если бы. У меня денег даже на еду не всегда хватает.

И еще вопрос. Базовый джаваскрипт мне очень понравился. Становится слишком тяжелым(хотя бы на среднем уровне) что бы развлекаться?
>>573076>>573090
#351 #573076
>>573071
Верстай эти макеты с адаптивом и препроцессорами, что тебе мешает?
>>573080
#352 #573080
>>573076
Ну я подумал что возможно понадобится закрепить базовый уровень, прежде чем переходить на более сложный. Весь вопрос в том - сильно ли хуже так торопится?
>>573087
#353 #573087
>>573080
Я не проходил интенсивы, т.е. в базовом нет инфы по адаптивности совсем? Тогда да, лучше пройди его и после начинай верстать. Fixed-width макеты в портфолио тебе не особо помогут.
Как доберёшься до препроцессоров, поставь сразу gulp.
>>573103
#354 #573090
>>573071

>Базовый джаваскрипт мне очень понравился.


Что это? ЖС из базового интенсива?
>>573097
#355 #573097
>>573090
Базовый + http://learn.javascript.ru/ (частично). Очень весело, но я боюсь что я слишком тупой для этого, и банально многие вещи перечитываю по много раз, и даже тогда сижу с тупым лицом.
#356 #573099
>>573097
Да из базового интенсива*

Простите, устал за сегодня.
#357 #573102
>>573097
Ну там жса по сути и нет.
>>573105
#358 #573103
>>573087
Спасибо, я вот слышал про этот гулп и так понял это сорт оф автоматизация, но до конца не стал разбираться. Можно в двух словах о чём это?
>>573110
#359 #573104
>>573097
Чтобы стать жиквери разработчиком, много ума не нужно, не бойся.
>>573106
#360 #573105
>>573102
Ну ладно, спасибо.
>>573112
#361 #573106
>>573104
Спасибо, анон.
#362 #573110
>>573103
Смотри, сейчас ты пишешь в css файл, сохраняешь, идёшь в браузер и тыкаешь f5.
Когда станешь использовать препроцессор - добавится ещё действие - пойти в консоль, нажать стрелку вверх и энтер, чтобы скомпилировать стили. Нужно будет вручную писать браузерные префиксы и прочую ебалу.
С гульпом процесс таков:
1) написал изменения в .less файл (если используешь лесс).
2) открываешь браузер, а там всё уже готово и перезагружено.
>>573113>>573117
#363 #573112
>>573105
Параллельно почитывай Кантора, современем придет понимание. Я сам первую часть учебника долго курил, так как нюфаня в погромировании.
>>573114>>573119
#364 #573113
>>573110
У препроцов есть свои cli, которые умеют вотчить.
Так что тупо для стилей галп излишен.
>>573127
#365 #573114
>>573112
со временем

Фикс*
#366 #573117
>>573110
Спасибо, я пробовал воспользоватся программой которая называется Prepros, она делала то что ты описал. Она сильно хуже этого гулпа?
>>573120
#367 #573119
>>573112
Спасибо за совет.
#368 #573120
>>573117
Забей на тулзы, лучше на начальном этапе больше кодить, чем в них разбираться.
Препрос говно, но опять же, по началу сойдёт и он, если просто стили компилить и жс, например. Галп это для всяких более сложных штук, ну и он быстрее в разы.
>>573124
#369 #573124
>>573120
Спасибо большое.
#370 #573127
>>573113
И browserSync поддерживают?
>>573134
#371 #573134
>>573127
Ты ахуеешь, но у него тоже есть cli, так что да
Галп нахер не нужен для всего этого говна, намного быстрее и проще сделать нпм скриптами
>>573144
#372 #573144
>>573134
Ну ладно. Но всё же пиздатый гульпфайл я себе по скринкастам Кантора уже сделал, а разбираться с другими прожками мне сейчас впадл.
>>573156
#373 #573153
>>572997
Почему вставляя в конце функции строку document.getElementById("btnPlaceOrder").disabled = true; кнопка сразу же не работает. Т.е если код выполняется сверху вниз, то он сначала должен выполниться, а потом уже выключить кнопку или нет?
>>573186
#374 #573155
Вопрос от дауна: как и зачем использовать тэг pictures? Соответствующий урок в продвинутом смотрел, все равно нифига не понял.
#375 #573156
>>573144
Наверняка платиновый вопрос, но все же, что лучше ставить гульп или грунт? Или это однохуйственно
>>573158>>573160
#376 #573158
>>573156
Галп
#377 #573160
>>573156
Галп быстрее раз в 5 если не 10, удобнее, и у него более красивый конфиг на чистом джс (как пример: http://codepen.io/anon/pen/RazZZN)
Грант более старый, там куча готовых тасков и плагинов, предназначение которых выходит далеко за рамки не то, что верстки, но и вообще фронтенда. Но грант подробно разбирается в продвинутом от кокодеми, на выходе получается что-то типа такого (http://codepen.io/anon/pen/YqoxxK) (это мой грантфайл полугодичной давности, лол).

tl;dr - если только начал, можешь посидеть на гранте. Но я лично сразу потратил пару дополнительных часов на гуглинг инфы по галпу и не пожалел.
>>573162>>573164
#378 #573162
>>573160
Блядь, ебучая макаба ссылки со скобочками пидарасит, а я все время забываю.
Ну да и хуй с ним.
#379 #573164
>>573160
Ок, спасиб.
>>573170
#380 #573170
>>573164
Можешь вообще мой галпфайл взять, я его по совету анонов с треда как раз составлял (скобочку убери из ссылки только, лол).
>>573176
#381 #573176
>>573170
А что у тебя за структура проектов? Дай скрин плс :3
>>573188
#382 #573186
>>573153
бамп
>>573215
#383 #573187
Аноны, киньте ссылку темы на learn.javascript.ru , которая даст понять, как с помощью JavaScript можно выводить данные например в <p>(хз можно ли так) или куда-то ещё, например в таблицу..
62 Кб, 344x904
#384 #573188
>>573176
Да обычная, ньюфажная, ничего особенного. Вот седона, например.
Кстати, я ее сверстал где-то месяца три назад, сейчас думаю отрефакторить, и это такой пиздец, лол. Ну, в плане, код вроде нормально структурирован, но это же надо вспоминать, что где и куда, и схуяли я инпуты обернул во флексовый контейнер и т.п.
>>573234>>573703
#385 #573197
>>572363
Бамп вопросу
#386 #573215
>>573186
JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее. Нужно воспользоваться функцией-коллбэком. Расскажи подробнее о том, что делаешь.
>>573248>>573255
#387 #573228
Прошло полтора месяца с тех пор, как я начал изучать JS, и я до сих пор охуеваю с задач типовида "напишите функцию, которая принимает в качестве аргументов массив функций, которые возвращают свой индекс внутри этого массива".
#388 #573234
>>573188
А почему у тебя кнопки в компонентах, а не блоках?
мимо ньюфаг
>>573940
#389 #573248
>>573215
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.

Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
>>573250
#390 #573250
>>573248
Вставь строку отключения кнопки в конец своей функции-обработчика, или воспользуйся коллбэком, опять же.
button.addEventListener('click', function(event, callback){
// делай свои грязные дела
callback();
});
>>573257
#391 #573251
>>573228
Какова практическая ценность таких задач? Подрочить алгоритмосики это, конечно, полезно, но только в качестве хобби.
#392 #573255
>>573215
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.

Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
>>573256
#393 #573256
>>573255
блять, дабл пост, сорян
#394 #573257
>>573250
Так строка и находится в конце функции, но ПОЧЕМУ то отключает кнопку ещё до её выполнения.
>>573259
#395 #573259
>>573257
Пили на codepen.
>>573263
#396 #573260
>>573228
Да ладно, че в этом сложного?

Учу жс с марта
>>573262
#397 #573262
>>573228
Этот господин >>573260 прав. Есть же indexOf.
#399 #573269
>>573263
В html и js ошибки, подсветило же. Из-за них не показывает страницу.
>>573855
#400 #573272
Господа, поясните за практические аспекты вёрстки mobile-first. Сначала я пишу стили без любых медиа запросов, чтобы норм было на мобильнике, потом создаю медиа с min-width и описываю?
>>573306
#401 #573306
>>573272
При mobile-first проще верстать именно адаптивные сайты. Когда верстаешь сначала под десктопы, сложнее разместить блоки под мобильные версии.
>>573309
#402 #573307
Пацаны, а кто эти хорошие люди, которые слили интенсивы? Учащиеся или сама академия, чтобы привлечь народу?
И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
#403 #573309
>>573306
Я ж потому и интересуюсь, надо адаптивчик красивенький сделать.
>>573312
#404 #573312
>>573309
Попробуй mobile first, потом еще захочешь, гарантирую
>>573313>>573379
#405 #573313
>>573312
Так я правильно процесс работы описал?
>>573320
#406 #573320
>>573313
Нет, сначала ты верстаешь под мобильники, чтобы блоки без медиа запросов на десктопе отображались так же, как и на мобильниках, а потом потихоньку добавляешь медиа-запросы под каждое разрешение, начиная с @media screen and (min-width:480px) и заканчивая десктопом.
>>573321
#407 #573321
>>573320
Я то же самое и написал по сути, но всё равно спасибо.
>>573322
#408 #573322
>>573321
Да, я уже понял, извиняй, ночь не спал, работал, мозг уже плохо соображает.
#409 #573379
>>573312
Чем проще? Наоборот, геморрой же. На десктопе в 99% случаев отображается больше элементов, чем на мобильнике. Что, каждый раз, с увеличением ширины вьюпорта, добавлять новые блоки которые к тому же могут ломать существующую верстку? Зачем, когда можно сразу сверстать полноценную версию, и уже скрывать ненужные на мобильниках и планшетах элементы?
>>573792
#410 #573403
>>572655
В общем, я нашел вроде достойную книгу по angular, очень объемная, но автор отличный и пишет очень доступно. Имя Ari Lerner, книга ng-book.
Первая же ссылка вкудахте ведет на халявную копию на английском языке.
все тот же мимо апворк джиквери разработчик
>>573415>>573422
#411 #573415
>>573403
Как думаешь, как вкатываться в ангуляро-разработку? Ведь чтобы потренироваться, сделать тестовый проект, нужно иметь бэкенд, который будет служить посредником между ангуляр-приложением и базой данных с всякими API.
>>573421
#412 #573421
>>573415
Нарисовать, например, JSON объект для анальных игрищ с ангуляром не составит большого труда, я думаю. Еще его можно сохранять в кэш и загружать из него - почти симуляция работы с базой данных лол.
#413 #573422
>>573403

На каком уровне ты знаешь Жиквери, всякие штуки дрюки сам на нем пишешь?
>>573427
#414 #573427
>>573422
максимум, что смог из себя креативного исторгнуть на текущий момент - это игра сапер.
А по работе пилю обычное говно - манипуляции с DOM, менюшки с анимацией. Приходилось пару раз всякие трюки делать, типа динамического добавления data- атрибутов и дальнейшая работа с ними.
#415 #573431
Такс антоши, если кому-то еще интересно я тот анон со странной компанией в которой бардак >>571920
Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит.
Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25.
Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю.
Все правильно делаю?
>>573432
#416 #573432
>>573431
Конечно правильно. Могут вообще кинуть, поэтому попроси хотя бы 30% аванса на работу. Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
>>573437
#417 #573435
фывфыыв
#418 #573437
>>573432
Сомневаюсь что они таки кинут, потому что компашка из моего города, в десяти минутах ходьбы, да и занимаются они отнюдь не продажей говяжьих анусов. Вроде как солидная контора с кучей сотрудников.
С другой стороны, возможно в их понимании нормально дать нескольким фронтам один проект а в беседе промелькнули слова о том что один дают задание всем а потом смотреть кто им понравится.
Ну тогда извините, я тут не на голодный ярмарок явился, чтоб после оффера меня пичкали тестовыми на пару дней полноценной работы и потом еще думали, нравится ли им.

>Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?


Честно говоря не знаю точно, если до того дойдет, уточню. Я думаю что это все-таки просто уточнение, насчет качества верстки. Ну тоесть минимум оберток, все в проекте структурировано, разделено по файлам, замешано на препроцессорах, оптимизировано, по возможности оттестировано и т.д. Ну и ессно адаптивность надо под каждый экран подогнать, нормальные именования селекторов and so on.
>>573806
#419 #573440
Блядь изучаю бутстрап, пиздец инструмент для домохозяек. Я так полагаю все юзают только их сетку? Ну типо дизигнеры пилят под 12 колонок дизигн и все быстренько его натягивают?
>>573446
#420 #573446
>>573440
я иногда шрифты бутсраповские подтягиваю, реже жиквери плагины и совсем редко готовые стили для элементов. Почти никогда - их колоночную систему.
>>573448
#421 #573448
>>573446
я вакансии часто с бутстрапом вижу. И что-то мне подсказывает, что они делают сайты на заказ как раз по простой схеме. А что там за jq плагины? Это на меню всякие?
>>573449
#422 #573449
>>573448
плагины на табы, аккордионы, попапы и куча другой хуйни: http://getbootstrap.com/javascript/
>>573451
#423 #573451
>>573449
и ради этого ты целые файлы тянешь?
>>573452
#424 #573452
>>573451
смотрю всегда по конкретному заданию, всегда стараюсь тянуть как можно меньше
#425 #573497
Аноны, помогите советом. Делаю адаптив с LESS. Задача - сделать всему-всему box-sizing: border-box по умолчанию, чтобы не надо было постоянно прописывать. Как это делается?
>>573498>>573499
#426 #573498
>>573497
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
>>573518>>573526
#427 #573499
>>573497
примесь сделай, хотя если там будет только это то время ты не съэкономишь
#428 #573518
>>573498
спасибо
#429 #573526
>>573498
А нахуя префиксы то? http://caniuse.com/#search=box-sizing
>>573527
#430 #573527
>>573526
на всякий случай, но руками не пишется, автопрефиксер для этого
>>573608
#431 #573608
>>573527
Автопрефиксер же проверяет, нужны ли они.
>>573614
#432 #573614
>>573608
ну так да
#433 #573624
>>570231
Не актуально, нашли фронта.
>>574024
#434 #573694
Ребят, как у вас руки не опускаются от осознания сколько нужно учить? Я вот читаю и просто млею.
#435 #573703
>>573188
И это ты называешь ньюфажной? Нод джс, препроцесоры, джава скрипт, gulp... По какому маршруту ты это учил? И как долго?
>>573709>>573940
#436 #573708
>>573694
Очень просто: я уволился с прошлой работы, и денег мне еще максимум на пол года. А терпения тянки и того меньше. Так что глаза боятся, а руки делают.
>>573711
#437 #573709
>>573703
Там нет ноды, там есть модули, под галп, скорее всего.
мимо
#438 #573710
>>573694
тут главное лень победить, как мне кажется. я получаю удовольствие от процесса, особенно когда все получается.
>>573720
#439 #573711
>>573708
И на каком ты сейчас уровне?
>>573715
#440 #573713
>>573694
Когда у тебя в кошельке в 5-10 раз больше, чем у Ваньки Ерохина, почему бы нет?
#441 #573715
>>573711
Привыкаю к адаптиву. Впереди самое сложное - JS. Но, думаю, какую-никакую я все-таки работку к тому времени найду. А там главное не прекращать учиться.
>>573718
#442 #573718
>>573715
долго уже ебешься?
>>573721
#443 #573720
>>573710
Мне тоже нравится, но от осознания того насколько я далеко, просто хренею.
Вон там человек выложил структуру макета "седоны" с базового интевсива. От одного вида сколько там всего плохо. И ведь это какой-то макет из базового интенсива, что же будет дальше?
>>573723>>573944
#444 #573721
>>573718
С зимы, но до апреля куча времени уходила на прежнюю работу.
Сейчас бодрее пошло, даже один заказ за деньгу (пусть и малую) выполнил. Обещают еще подкидывать.
>>573724>>573727
#445 #573723
>>573720
бля, я тоже прихуел от него. я думал, что все проще и меньше.
>>573738
#446 #573724
>>573721
где заказ подобрал?
>>573734
#447 #573727
>>573721
А как занимался? Как в оп посте?
>>573732
#448 #573732
>>573727
Codecademy - htmlacademy (включая платные курсы) - базовый интенсив - барбершоп - нердс - продвинутый интенсив (еще не закончил) - сайт-портфолио - подработочка.

Пока так. Пока допиливаю свое портфолио, хочу вылизать его до блеска. Потом возьмусь за пинк, наверное.
>>573740
#449 #573734
>>573724
По знакомству.
#450 #573738
>>573723
Ничего страшного там нет. Когда напишете пару своих проектов скорее всего после продвинутого интенсива то структура у вас будет примерно такой же, если не сложнее, и вы будете четко понимать, почему надо делать именно так.
В ОП посте не зря указан порядок обучения. Все знания даются постепенно, если вы чего-то не понимаете, это не значит что задача или охуеть как сложна. Это значит что вы просто не прочитали еще статью которая объясняет тот конкретный кусок, или видеурок, или не попрактиковались, или попросту не дошли до того уровня задач, когда подобный подход вообще нужен. Нет смысла объяснять человеку принципу ООП, если он на JS ничего больше функции перебора массивов не писал.
мимо ОП
#451 #573740
>>573732
А можешь показать сайт-портфолио?
>>573742
#452 #573742
>>573740
Почему-то не очень хочется светиться тут. Не знаю даже почему.
>>573743
#453 #573743
>>573742
jpg приклей хуле
>>573747
2295 Кб, 1920x3139
#455 #573752
>>573747
От так хуяк и прикрепляешь. Эт говноделие на бутстрапе сейчас за 3 часа наваял.
>>573761
#456 #573758
А вот такой вопрос, вот есть макеты с академии(те что с интенсива). Ну я могу их разметить и сделать как на картинке, но они же работать не будут. Кому нужен неработающий сайт? Ну т.е там кнопки не переключаются, нельзя двигать эти ползунки. Зачем они дают такой макет который новичок не может до конца сверстать? Так мало того, там еще и страниц не хватает. И что с этим делать?
>>573762>>573765
#457 #573761
>>573752
Я надеюсь из этих 3-х ты 1-н час разбирался с бутстрапом и еще час искал картинки.
>>573763
#458 #573762
>>573758
это для тренировки верстки. Потом в js сможешь, доделаешь функционал.
#459 #573763
>>573761
разбирался в бутстрапе ессественно большую часть времени.
#460 #573765
>>573758
Да пофиг. Я выложил, кому надо - тот нажмет F12 и посмотрит код. В дальнейшем уберу их подальше, выставляя на первое место ссылки на реальные проекты.
#461 #573792
>>573379
Двачую, до сих пор не могу понять этот принцип "mobile first".
Все объяснения обычно заканчивались фразой: попробуй и сразу поймешь что это круто.
Попробовал. Все равно в голове приходится держать десктоп потоянно, а итоге что-то забываешь и постоянно приходится возвращаться к html во время стилизации.
#462 #573806
>>573437
Не знаю, какая у тебя ситуация, но я когда был безработный (3 месяца назад) брался за все тесты, иногда на это уходило до недели.
Даже не рассуждал делать-не-делать, возьмут-не-возьмут или что могут наебать. Но мне делать просто нечего было. Днями сидел и смотрел как падает снег после возвращения из Питера в свою мухосрань (все-таки снег - это очень провинциально).
>>573817
#463 #573817
>>573806
У меня немного иная ситуация. Тот же проект для резюме и повышения скиллов который я щас делаю, еще вылизывать надо пару полноценных рабочих недель.
В первую очередь я заинтересован в работе с нормальными ребятами с которыми мне будет комфортно. Эти, скорее всего, такими не являются.
>>573821
#464 #573821
>>573817
Ну так ты уже решил сам все, не зависимо от их ответа
>>573868
#465 #573855
>>573269
Ну пишет идентификатор хуевый какой-то. Но чет не пойму я.
101 Кб, 1184x1500
#466 #573858
Как думаете? Появилась следующая мысль.
Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте.
Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет).
Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения.
Что скажете, фронтендщики?
#467 #573864
>>573858
Мысль справедлива практически для любой работы сложнее грузчика. Даже продавцу нужно осваиваться на новом месте. Я, прежде чем стать фрилансером, работал машинистом холодильных установок на мясокомбинате, чтобы разобраться во всех премудростях рабочего процесса, у меня месяца 2 ушло.
>>573881
#468 #573868
>>573821
Тащемта они ответили что оплатят, я предложил уточнить цену.
Они мне начали задвигать за профессионализм и что им нужен качественный продукт. Ответил что я всегда выкладываюсь по максимуму и назвал свою цену, 3 часа нет ответа.
Это мне нихуя не нравится, в довесок ко всему тому что было до этого. Если мне и дальше придется вытягивать из них необходимую информацию клещами, то пусть себе ищут другого фронта. С таким уровнем организации работать совершенно некомфортно.
#469 #573881
>>573864
все-таки в работу холодильных установок ты, наверно, мало внес отсебятины.
И тот кто тебя заменил, через те же пару месяцев изучения того же оборудования продолжил работать не натыкаясь постоянно на следы твоего былого присутствия.
>>573890
#470 #573883
>>573858
Во многом согласен. Особенно это касается мелких команд разработчиков. Например, случай из личной практики. Уходит разработчик движка на ноде, и замену ему не могут найти месяцами. Проект тупо простаивает потому что движок не готов, а без него нельзя продолжать разрабатывать фронт, так как все что можно было сделать без движка на клиенте уже сделали.

Впрочем, это касается любых проектов где мелкая скамья запасных и большой порог вхождения. К примеру, знаком с руководством небольшой СЕО фирмы, практически вся коммуникация и продвижение в ней держится на смышленом и очень работоспособном менеджере. Если он уходит, встанет тупо все.
>>573893
#471 #573890
>>573881
Отсебятины-то я оставил, но ни мои предшественники, ни последователи не лезут туда, где могут на неё наткнуться. Я для примера привёл, без разницы почему, но процесс почти везде длителен. Кроме того, что мешает фирме держать несколько фронт-ендеров?
>>573897
#472 #573893
>>573883
я еще даже не говорил про большой порог вхождения. Там вообще наверно крах фирмы наступит.
...знакомый админ работал в госучреждении в тот период когда им выделили деньги на закупку компов и создание сети. Поставил и настроил оборудования на миллионы рублей. И потом ушел... Кажется, они до сих пор оправится не могут, хотя прошло уже лет 10
#473 #573897
>>573890
Для мелких одного хватает за глаза.
#474 #573907
>>573858
Недавно довелось поучаствовать в реальном проекте. Там остался даже .less файл от исполнителя, но макаки заказчика вносили свои изменения не в него, а в css, что вылилось в полный пиздец. Мне, соответственно, тоже не улыбалось разбираться чего они там наворотили и как это исправить, поэтому просто добавил свой min.css скомпилированный из .less в их копилку говнокода.
>>573914
#475 #573914
>>573907
прогеры у меня на проекте не страдают скромностью если нужно что-то быстро поправить в стилях.
Я потом смотрю лог в гите и добавляю все вручную в нужные scss файлы, чтобы все было упорядочено. Не дохуя, но много времени отнимает, но лучше ничего не придумал.
#476 #573940
>>573234
Спиздил у кого-то, когда осваивал препроцессоры. Ну и вообще это логично, там в одном компоненте все кнопочки описываются, через экстенды, например, тоже удобно а каждая кнопка - это как бы отдельный блок по БЭМу, городить кучу файлов под каждую кнопку - как-то тупо. Правда в седоне всего 2 с половиной кнопки, но я просто учился.
>>573703
Ты это все через месяц-два поставишь и настроишь, в этом нет ничего сложного или особенного же.
#477 #573944
>>573720
Не, ребят, расслабьтесь, я выложил фулл-респонсив седону, с адаптивными изображениями, свг и ретиной. Верстал ее начиная с 4 урока продвинутого интенсива.
#478 #574024
>>573624
отсюда нашли, или с другого источника?
#479 #574031
Анон виз проблем хир. Это нормально не сходу решать все испытания академии и прибегать к помощи форума? Как по палате вообще температура? Или уже все давно работают в яндексе? Интенсив еще не начинал.
>>574074>>574126
#480 #574074
>>574031
какая разница. Главное что для тебя это норма. Всегда будут те, кто справляется лучше и хуже, результат один-полученные знания. Так что не трать время на определение своих умственных способностей относительно других.
>>574110
#481 #574110
>>574074
Ты всю жизнь мою описал, всегда на поезд опаздываю, спасибо.
269 Кб, 1226x884
#482 #574126
>>574031
До сих пор не закончил большую часть испытаний. Вот это говно, например. Зачем оно нужно? Нет, если ты любишь копаться в каскадах уровня body ul li a > hui~pizda и тыкать импортанты - то пожалуйста.

Хотя, сейчас попробую решить, интересно аж стало.
>>574136
#483 #574136
>>574126
У меня просто бредовые, а может и нет, мысли о том что вот не могу решить обычное испытание, значит всё, крах, ничего не получится. Как у тебя сейчас судьба складывается с версткой? Котопрофайл только на 92% сделан.
>>574140
#484 #574140
Ну да, отличное задание, 10/10. Не думаю, что мне где-нибудь в реальной жизни придется тыкать столько импортантов, лол.
Может, это хитрый план кокодемии по отпугиванию ньюфагов?
>>574136
С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
>>574153
297 Кб, 1209x873
#485 #574149
Ну нафиг, на большее моего терпения не хватит. Удвою этого анона >>574145 не теряйте время, сидя на этих испытаниях.
>>574153
57 Кб, 500x500
#486 #574153
>>574149
>>574145
>>574140
Спасибо аноны, буду меньше зацикливаться на этом!
>>574323
#487 #574158
Анончики, поясните одну вещь. Вот, допустим у нас есть форум, каждый пользователь ставит себе аватар, загружая картинку. Картинка, само собой сжимается по размеру рамки (200х200). Но ведь она от этого не весит меньше. Эта задача бекенда уменьшить её размер?
>>574165
#488 #574165
>>574158
Я нуб, но предположу, что тут вступает логика CMS. То есть да, бэк.
>>574184
#489 #574184
>>574165
>>574169
А что на счет ретины, где размер должен быть х2? В таком случае в беке нужно обрабатывать 2 картинки? Одну под 200х200, вторую под 400х400.
Ну а с нашей стороны прихуяривать picture/srcset?
#490 #574253
Ананасы, кто что может сказать про 10 месячное обучение от geekbrains? Увидел рекламку недавно и стало интересно.
Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
#491 #574281
Пример верстки по БЭМ для самых маленьких от академии. https://youtu.be/txUZrAQnSLg?t=8m31s
Можете конечно смотреть с начала, если вас не будет раздражать его эканье.
>>574285>>574415
#492 #574285
>>574281
Привязка отвалилась, да и хуй с ней. 8:31 если че.
#493 #574308
Кстати, этот подкаст кто-нибудь слушает? У меня пока руки не дошли. Но вроде должно быть годно. Леха Симоненко присутствует.

https://soundcloud.com/web-standards/
#494 #574323
Мне прям легче стало, лягу пожалуй спать. А завтра буду смотреть и верстать вместе с ведущим интенсива барбершоп. Медленно и размеренно.
>>574153
#495 #574360
Кто-нибудь в стартующем скоро js-интенсиве участвует?
>>574362
#496 #574362
>>574360
Поучаствуем, если скинешь видео и материалы оттуда.
>>574363
#497 #574363
>>574362
а еще никто не скидывал?
>>574364
#498 #574364
>>574363
Скидывали 2015, вроде, года.
#499 #574366
Парни, пилю глласи из академии. Коротенькая хтмлька.

http://codepen.io/Synaphai/pen/reEQyM

Как прилепить position: relative только к ссылкам списка первого уровня, без ссылок дропдауна, при том, что первая ссылка обернута в span?
#500 #574370
>>574366
Попробуй задать для кажого элемента списка класс и к нему прилепить релатив. ИМХО
>>574373
#501 #574373
>>574370
Это понятно, а поизящнее никак нельзя? Не хочется лепить класс, ради сраного декоративного элемента.
>>574377
#502 #574377
>>574373
.main-navigation>ul{
position: relative;
}
#503 #574384
>>574366
.main-navigation>ul>li>span>a,
.main-navigation>ul>li>a{
position: relative;
}
>>574403
#504 #574385
>>574366
зачем в span обернул?
>>574393>>574403
#505 #574393
>>574385
Полагаю, потому что там дропдаун, который не должен быть ссылкой. Алсо у меня сразу такой вопрос, а можно в таких случаях использовать <a> без атрибута href? Эффект будет тот-же что и со <spanom> но без лишнего кода в css.
>>574400
#506 #574400
>>574393
можно li использовать
>>574404>>574407
#507 #574403
>>574384

>.main-navigation>ul>li>span>a,


>.main-navigation>ul>li>a{


>position: relative;


>}



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

Метод с классами самый простой и очевидный, хотя это и костыль.

>>574385
Долго объяснять. Если кратко, то таким образом я обернул ссылку и дропдаун выпадающий из нее.

Вообще макет глласи меня знатно вымораживает, его кто-нибудь еще верстал? Он реально такой муторный или это я неопытный?
>>574408
#508 #574404
>>574400
Так дропдаун выпадает когда ты наводишь мышку на лишку, не доходя до самой ссылки.
#509 #574407
>>574400
Но ведь на <а> может быть куча стилей. Тот же паддинг, цвет...
>>574412
#511 #574412
>>574407
какая задача стоит, опиши шире.
>>574426
#512 #574415
>>574281
Спасибо тебе, добрый человек. Наконец-то кто-то нормально привел в пример использование БЭМ.
>>574429
15 Кб, 745x124
#513 #574426
>>574412
Да хотя бы взять тот-же барбершоп. Там область клика по ссылки огромная, благодаря паддингам у ссылки. А если повесить паддинг на ul, то область клика по ссылки будет только там где текст. Не очень удобно.
>>574431
#514 #574429
>>574415
На самом деле, тот пиздюк забил хуй на гайд, а там самое интересное должно было впереди - файловая структура...
#515 #574430
>>574408
Да, ты прав. Я дичайше тупанул, выставив паддинги вместо маргинов и не заметил этого, из-за чего мне потом пришлось кучу кода писать.
#516 #574431
>>574426
Если нужна шире область клика - повесь padding на a.
http://codepen.io/g1un/pen/NNZEZx
>>574438
#517 #574438
>>574431

>Там область клика по ссылки огромная, благодаря паддингам у ссылки.



Но всё равно спасибо, кэп.

>Если нужна шире область клика - повесь padding на a.

#518 #574440
Поясните за прохождение курстов htmlacademy. Если я пройду все эти тесты, и сверстаю их стандартные макеты, то как это поможет мне при поиске работы? В смысле, если я напишу в резюме, что я прошёл htmlacademy, лол.
>>574442>>574445
#519 #574442
>>574440
наличие бумажек и дипломчиков в этой сфере ничего не решает.
Все решит тестовое задание и/или собеседование.
>>574444
#520 #574444
>>574442
Да я вот думаю, стоит заплатить за месячную подписку и побить ачивки.
>>574451
#521 #574445
>>574440
Сможешь, как я, сделать сайт-портфолио, чтобы было на что хоть ссылку сначала кинуть. Чем-то же его заполнять надо, прежде чем реальные работы появятся.
#522 #574451
>>574444
У меня тоже были такие мысли: стоит/не стоит. Потом наступил перелом и решил, что это все копейки по сравнению с возможным результатом.
#524 #574563
>>571020
оно кстати очень простое, я когда допетрил сам охуел, но это все бесполезная хуйня разбиратся в селекторах чужого кода
#525 #574572
Анончики, читнул тут, что ретина отличается от чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
>>574796
#526 #574796
>>574572
у ретины пикселей в два раза больше
Тред утонул или удален.
Это копия, сохраненная 22 июня 2016 года.

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

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