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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
70 Кб, 560x395
42 Кб, 1200x750
83 Кб, 550x497
Верстка тред №57 #492412 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

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

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


Можно.

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


Можно.

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


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

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


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

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


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

>Слышал что нужно портфолио, подскажите хостинг/сайт/место


Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github 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/

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

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

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

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

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

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

Прошлый тред >>486241 (OP)
>>494244>>496653
#2 #492446
Да вы че хоть, поехавшие, куда так быстро треды сливаете? Как ни зайду - новый тред, ну охуеть. Сделайте уже конфу, блет, и чатьтесь по самые помидоры.
>>492518>>492652
112 Кб, 1110x560
#3 #492500
#4 #492518
>>492446
Да наплыв верстаков и фронтендеров такой, что пиздец. Скоро будем за краюху хлеба страницчки оживлять. Обезьянья работа же, вот все и лезут.
>>492527>>492790
#5 #492521
Котаны, нужно верстать под IE8 как же ненавижу его, суку. Почему-то не работают условные комменты - нормальные браузеры их не видят. но почему-то в них пропадает часть незакомментированных, "нормальных" свойств.
А в IE, для которого предназначены эти комменты, их вообще не видно.
Пишу так:
<!--[if IE 8]> ..стили.. <![endif]-->
Да и верстаю через sass, поэтому при собрании комменты убираются, так что это какой-то так себе способ.
Есть еще варианты, как можно заставить IE8 проглатывать нужные ему свойства, чтобы другие браузеры не обращали на них внимания?
>>492523
#6 #492523
>>492521
А блять, дошло до меня! Я же пишу их в css, а там комменты по-другому пишутся. Вот дурья башка.
#7 #492527
>>492543>>492657
#8 #492543
>>492527
Так ничего не говорится об адекватности этих откликов. Большая половина сидящих тут просто обреченные неудачники, успеху хорошо если процентов 15 добьется.
>>492549
#9 #492549
>>492543
Ну просто я видимо дебил и сужу по себе, поэтому не могу понять людей которые отправляют резюме просто так (либо зная совсем кропаль). Вот и не допускал такого варианта (что могут неадекваты откликаться).
#10 #492565
>>492064

>бажественный Brackets


>>492119

>Насколько он лагучий?


Тормозной очень.
>>493148
#11 #492579
Котаны, помогайте: нужно, чтобы содержимое всегда тянулось на всю высоту страницы, а при увеличении содержимого, чтобы колонки тянулись дальше и не теряли фон. Без читерского min-height:100vh.
https://jsfiddle.net/rxLLb9ar/1/
>>492587>>492617
#12 #492587
>>492579
флексы
>>492591
#13 #492591
>>492587
но хотя ты наверное скажешь и без них

https://css-tricks.com/fluid-width-equal-height-columns/
#14 #492617
>>492579
Проще всего
>>492619
#15 #492619
>>492617
Ссылку потерял
https://jsfiddle.net/rxLLb9ar/4/
#16 #492639
Бля, я заебался верстать это говно в пустоту.

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

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

Надо топить в жс, смотрю видосы Кантора (норм чувак кстати), но где нубу все это применять, чтобы было что в портфолио закинуть? Ума не приложу.
>>492641>>492648
#17 #492641
>>492639
Напиши несложный сервис типа списка дел или расчета своего бюджета. Сохранять данные пока можешь в local storage.
#18 #492648
>>492639
Ну тут все просто. Пишешь SPA на формах, подцепляешь аякс транслятор на нодовый бэк сайд, который обрабатывает информацию и отправляет обратно.
#19 #492652
>>492446
Можно последовать примеру господ из соседнего upwork-треда и создать конфу в слаке параллельно с тредом.
>>492669
#20 #492657
>>492527
Блядь, такая хуйня везде, начиная от пхп-макак и заканчивая джава-уебанами. Что теперь, бросать все и идти на завод гайки крутить? Я бы не против, но в моем городе нет заводов.
>>492663>>492691
#21 #492663
>>492657
Ну кстати откликов на бэкенд поменьше там, если не видел)
>>492668
#22 #492668
>>492663

> там


там может и меньше, но если зайти на hh и полистать вакансии пыхеров, то хочется плакать и смеяться одновременно.
А вообще я ради интереса по гитхабу полазил, посмотрел макеты тех, кто курсы хтмлакадемии заказчивал — это же феерический пиздец. Я так даже свой первый барбершоп не верстал. Так что я бы особо не волновался, на самом деле.
>>492674
#23 #492669
>>492652
Если завести конфу - тут останутся одни ньюфани со своими: "а через сколько я смогу зарабатывать?", "а без вышки норм?", "в школе когда-то учил этот ваш html потом 5 лет на стройке, хочу вкатится" и т.д.
Хотя может это и к лучшему - им никто не будет отвечать и все подумают что отрасль загнулась и меньше будет всяких вкатывальщиков лол
Хотя те, кто поумнее все же прочтут шапку и присоединятся к конфе, и будут писать свои вопросы туда
#24 #492674
>>492668
У пыхеров в требования порой помимо всего прочего пихают навыки фронта (причем не просто базовое знакомство) и зарплатка 25к лол. Но эт не везде так естественно
#25 #492691
>>492657
Да там еще фронтенд везде версталой называют. На верстал всегда дохуя было конкуренции. При том, что отклики это одно, а качество этих претендентов другое. Тем более, что подавляющее большинство вкатывающихся в итоге выкатываются, ибо думают, что тут все гораздо проще, чем грузчиком на складе, да и парни говорят образования не надо,(это как с зашкаливанием дизайнеров, все думают что изи-изи, тож смогу). В итоге на норм места им суют в ебало такой стек, что появляется резкое желание вернуться на склад. Максимум-это в версталы можно попасть, но там они тупо сидят и дрочат верстку без перспектив и с низкой зп, да я и не уверен уже в этом, 2016 же еба.
511 Кб, 1347x885
#26 #492738
аноны, посоветуйте, как сверстать подобную мудотень, уже минут 20 над ней жопу рву, не могу придумать нормальный вариант для верстки без костылей.
#27 #492740
>>492738
Тот редкий случай когда нужны флоаты.
>>493083
#28 #492790
>>492518
Поэтому дальше осваивать боязно. В чём-то более хардкорном не справлюсь со сложностью, а здесь с конкуренцией.
#29 #492810
>>492738
Очевидный флоат очевиден. Причем флоат по прямому своему предназначению (обтекание).
>>492842>>493083
#30 #492842
>>492810
Флоаты для лошков, только флексбоксы
>>492922
#31 #492922
>>492842
Ну блядь, сделать сетку на флексах, а эту хуйню флоатом обтечь.
#32 #492949
>>492738
Картинку делай через position: absolute;
Отступы в тексте через &nbsp;
>>493047
173 Кб, 949x1024
#33 #492994
пацаны, почему у пиндосов часто пишут frontend engineer, а не разработчик? Почему инженер?
>>493021>>493033
#34 #493021
>>492994
Да всем похуй на именование, как hr написал, так и висит.
#35 #493033
>>492994
Чаще всего пишут front end software engineer.
#36 #493047
>>492949
Зачем этот геморрой, если можно правый блок просто зафлоатить?
>>493083
#37 #493083
>>492740
>>492810
>>493047
правый блок зафлоатить? может сработать, вот только там ебаный враппер для текста, чтобы он не расползался. получается, стоит убрть враппер
#38 #493148
>>492565
И тем не менее, ему нет альтернатив. Зачем нужна скорость других IDE, если параллельно придется альттабиться к фотошопу?
#39 #493153
Смотрю интенсив. Забавное наблюдение:

Первое видео интенсива - кол-во участников ~180;
Второе - ~150;
Третье - ~125;
Четвертое - ~105;
К концу пятого видео - 83.
#40 #493187
>>493153
Да, до некоторых доходит что на такое дерьмо нет смысла тратить время, но остаются и те кто продолжает превозмогать, потому что хочешь не хочешь, а мамка гонит на работу.
>>493193
#41 #493193
>>493187
А ты что в этом треде забыл, мамка гонит?
>>493244
#42 #493244
>>493193
Смеюсь над html-макаками
>>493257
#43 #493257
>>493244
А ты кто?
>>493270
#44 #493260
>>493153
А на последних лекциях джс интенсива участников ~15-20.
#45 #493264
>>493260
На первых 35) Там видимо просто набор небольшой
#46 #493270
>>493257
копирайтер
>>493288
#47 #493285
>>493260
В итоге, из них всех, окончательно вкатываются в фронт от силы 50-60%.
>>493359
#48 #493288
>>493270
Круче: копирайтер-толокер.
#49 #493359
>>493285
Я думаю там в лучшем случае половина его с первого раза закончит нормально. А сколько продожит учится - это хз. Делаю ставку на треть.
#50 #493398
>>492738
Я бы сделал таблицей. Первая ячейка - отступ, вторая - половина текста, третья - половина текста, четвертая - второй отступ. Ну и colspan'ы/rowspan'ы
#51 #493403
>>493398
чувак изобрел машину времени? Как там в прошлом кстати, доллар сколько?
>>493406
#52 #493406
>>493403
Ну я только учу хтмл-программирование. Читаю сейчас книжку по верстке от издательства "Питер".
>>493419>>493422
#53 #493419
>>493406
2001 год издания? лел
>>493555
#54 #493421
>>493260
У меня кстати бомбит там от одной бабы в чате. Пиздец какую-то срань несет постоянно. То блядь у нее редактор не так настроен, то она рассказывает про работу свою, то ей camelCase не нравится и она не хочет писать так то еще чегото.

Нахуя ты блядь туда пришла, сука?????

Да, я просматриваю чат ибо в базовом и продвинутом там были полезные ссылки порой. Это не отменяет того факта, что туда дегенераты приходят порой. Адекватные тоже есть если что.
>>493544
#55 #493422
>>493406
В унитаз эту книжку спусти.
#56 #493453
>>493398
Ты в ворде все документы тоже в таблицах набираешь?
#57 #493457
>>493398
ебать ты олдфаг, не то что эта флексопитушня нынче.
>>493535>>493557
#58 #493535
>>493457
Деда прозрачными гифразделителями пользовался и ты юзай. Неча тут флексбоксовщину эту вашу разводить. Не ориентировались на новые фичи, неча и начинать.
#59 #493544
>>493421
да там таких ололошек половина блять.
хуй знает, время и бабло видимо некуда деть.
24 Кб, 200x277
#60 #493555
>>493419
И я не шучу
#61 #493557
>>493457
Да, молодежь нонче совсем распустилась, не нюхали они пороху под нетскейпом.
#62 #493571
Верстаны, каким способом вы бы верстали макет с таким требованием:

>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?



Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.
>>495816
#63 #493647
Гайз хули вы везде пихаете в ответы эти флексы, всех интересует как делали раньше, без них. Сейчас ими не пользуются на полную и еще не скоро это время настанет.
#64 #493648
>>493647
Уебывай, ретроград. Здесь верстают флексами по БЭМу.
>>493650
#65 #493650
>>493648

>жахаемся в очечо


Ну ладно. Ухожу.
#66 #493655
>>493647
Я на последний вопрос который был про колонки равной высоты кинул помимо варианта с флексом ссылку на статью в которой решение без флекса.
Кто, сука, читать будет? Так что не пизди что везде кидаем одни флексы.
Или вон где текст должен обтекать картинку и блок нормальные люди предложили флоат, ибо удобнее чем с флексами там пердолиться. Что, ты тоже не увидел этого?
>>493671
#67 #493671
>>493655
Ну как бэ я беру в расчет не только этот тред.
#68 #493695
>>493647

>всех интересует как делали раньше


это тайна, в которую посвящены только избранные.
#69 #493806
>>493647

>Сейчас ими не пользуются на полную и еще не скоро это время настанет.


Это ты про тех, кто автопрефиксер не осилил?
#70 #493926
>>493153

>кол-во участников ~180;



это на базовом штоле?
если он стоит 12к, то 12 000 x 180 = 2 160 000. даже если какая-то часть приперлась повторно, все равно нормас, за месяц-то.
а ви гойворите, верстка нинужна.
нужна, только надо не самому этой хуйней страдать, а поднимать бабос на ололошках, у которых этот бабос есть.
>>493954
#71 #493954
>>493926
Чтобы такой бабос поднимать - надо самому верстку знать охуенно, и куча времени и денег на создание и раскрутку ресурса вроде htmlacademy.
#72 #493956
Как обычно в CSS оформляются стили для разных страниц одного ресурса? Я пытаюсь все комментариями отделять, но все равно не очень читабельно выходит.
>>493966
#73 #493966
>>493956
В разных CSS файлах. После всё собирается в один, в который лезут если проебали другие.
>>493967
#74 #493967
>>493966
Чет не понил. Сначала создают CSSки под каждую отдельную страницу, а потом сливают воедино? И в чем смысл? Там ведь в таком случае дохуя повторяющихся правил получится, которые потом еще и чистить. И это все еще не отвечает на вопрос как в итоге этот единый файл стилей размечается/форматируется.
>>493968>>494192
#75 #493968
>>493967
Ты базу проходишь? Если да, то делай как там, в одном файле. На продвинутом потом посмотришь как можно улучшить. А то тебе ща насоветуют тут
>>493969
#76 #493969
>>493968
А, ок, спасибо, тогда не буду перепрыгивать через подающуюся информацию.
18 Кб, 450x450
#77 #494006
Треду не хватает историй успеха и всего такого.

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

Вкратце можно анкеткой:
1. Лвл когда начали изучать фронт / лвл когда нашли работу / лвл сейчас.
2. По каким курсам/вебинарам/книгам изучали, что показалось самым эффективным.
3. Какая з/п сейчас и в каком городе (ДС/не ДС/не РФ).
#78 #494015
>>494006
Тебе в /b, все успешные погромисты-фрилансеры 300к в секунду там сидят. Буквально вчера офис-тред создавал.
>>494025
#79 #494016
>>494006

Автор первых тредов и первоначального фака пришел к успеху, переехал из мухосрани в ДС, получал несколько предложений поработать в европе, но проебал их. Иногда захаживает, отвечает на вопросы.
#80 #494025
>>494015
Я вот инженегр на крупном предприятии, работаю в сфере project management и внедрения инвестиционных проектов. Моя з/п сейчас это 6000 гривен / $225 / 16 700 рублей, и мне еще и завидуют, лол. А я завидую программистам, которые у нас $500 получают. Моя ближайшая мечта - найти работу во фронт-энде хотя бы на свою нынешнюю з/п. Про мифические 100/200/300 т.р./месяц даже не думаю.
>>494045
#81 #494045
>>494025
В моей мухосрани-600к работа во фронтенде начинается с 25к.
>>494088>>494111
#82 #494088
>>494045
Ну в твоей мухосрани и квартиру снимать меньше, чем за 13-15 т.р. врядли получится.

В моей же можно и за 4 т.р. съем найти.
>>494097
#83 #494097
>>494088
Нахуй тебе целая квартира?На двоих если снимать по комнате каждому будет как раз 4-6 т.р
#84 #494111
>>494045
Так же 600к, зп с 20-25, снять хату 12-14
>>494117
#85 #494117
>>494111
Смотрю сейчас факансии хорошие фронтендеры у нас получают от40-60к
>>494155
#86 #494155
>>494117
так аналогично, но там требования йобнешься
>>494196
#87 #494192
>>493967
less/sass @import
#88 #494194
>>494006
Периодечески всякие захаживают. Историй дохуя было. Но эти люди редко появляются, и еще редко о себе заявляют. Когда ты все выучил и уже перешел в другую лигу - скроллить такие треды станвится не сильно интересно.
#89 #494196
>>494155
Например какие?
>>494204
#90 #494204
>>494196
Ну открой какую-нибудь Самару или Иркутск с Воронежом и посмотри. Идеальные знания HTML/CSS/JS(JQ, React, Angular)/PHP/стопицот CMS, базовые знания Ruby+RoR/Python+Django и за все это какая-нибудь невероятная з/п типа 35-45к.
#91 #494208
>>494204
Опыт работы от 3-х лет до бесконечности забыл еще.
#92 #494234
>>494204
Очевидно же что такие вакансии суть фарс и не стоят вашего внимания.
Средние требования джун-фронтенда с 500$ strong HTML5/CSS3 good JS умение писать конкретные рабочие модули, умение работать с системами сборки, гитом, пропроцессорами, оптимизировать код и т.д. и т.д.
Если хочется выше, тогда нужно уже умение работать с ООП, какой-то фреймворк, паттерны и прочий JS.
Плюс еще может быть что-то из серверного, типа пыхи там, или джавы, но скорее на уровне создать ответ аякс запросу на сервере самостоятельно.
#93 #494239
>>494204
Хуйня это все, на самом деле нужно знать гораздо меньше, и опыт верстки макетов дома чем не опыт?
276 Кб, 1000x1860
#94 #494244
>>492412 (OP)
Анон, до этого нигде никогда не работал, 18 лвл кун, успешно пидорнут со второго курса средненького универа ДС. Вроде есть кое какие навыки в области фронт-энда, да и это собственно единственное во что я более-менее могу.

К слову о навыках:

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

- Html/Css где-то на 3/5. В принципе любой сложности макет при определенной доле пердолинга могу осилить, но работаю очень медленно, а тут вроде важна скорость. Sass/Less околознаю. БЭМ и SMACSS пока не изучал, да и вроде если небольшие проекты то не требуется. Буцтрап и Фаундейшн вроде помню, если надо будет подтяну. В медиазапросы и в целом в адаптивную верстку могу.

- Js на 2/5. Базовый js вызубрил наизусть, клиентский вроде тоже более менее знаю, но в нормальное построение программы, ооп и модульность не могу абсолютно. Делал какие-то минипроекты, где весь код укладывался в один файл (не считая плагинов), типа вот такого: www.emoji-messages.esy.es, делал игры на html5 тоже простецкие совсем, чуть сложнее чем флэппи бёрд. jQuery знаю на уровне "погуглить как сделать то, погуглить как сделать это", на память мало что помню.

- Python/Django на 2/5. Вряд ли во фронтенде пригодится как-то иначе, чем для галочки, но все равно. Пилил на джанге небольшие проекты типа интернет магазина для знакомых по гайдам.

Какие шансы попасть джуниором в какую-нибудь не самую обоссанную студию в ДС? Если они вообще есть, то на какую зп с таким набором скиллов можно расчитывать? Опыта работы как уже говорил нету, портфолио наскребу если надо будет.
#95 #494248
>>494244
Тысяч на 40-50 можно попробовать вкатиться, я думаю. Если хорошо составишь резюме и не будешь на собеседованиях сопли жевать.
#96 #494249
>>494244
Ебать у тебя самооценка заниженная.
#97 #494250
>>494244
Проверь знания для начала.
https://github.com/h5bp/Front-end-Developer-Interview-Questions
>>494274
#98 #494252
>>494244
Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.
>>494269
#99 #494254
>>494244
Нормально, еще сборщики покури, собирай портфолио и дерзай
#100 #494256
>>494244
emoji-messages.esy.es ты делал? Довольно годно. Макет на пике тоже хорошо нарисован.

Я бы тебя взял, если бы мне был нужен фронтоджун.

Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.
#101 #494269
>>494252

>Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.


Вопроса о работе до недавнего времени не было вообще отчислели азаза и вроде как занимался этим как хобби.

>emoji-messages.esy.es ты делал? Довольно годно.


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

>Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.


Не спорю, поэтому мне и 20к будет завались.
>>494274
#102 #494274
>>494269
И да, отписавшим анонам спасибо за ответы, буду дрочить вопросики эти >>494250.
#103 #494332
Приветствую, господа. Думаю вот, чем заняться - таки превозмочь и осилить вёрстку, или идти грузчиком или разнорабочим, параллельно задрачивая программирование? Хочу пилить игровую логику браузерной ММОРПГ и писать сюжет, от фронт-енда - тошнит, хотя, с другой стороны, всё-таки фронт-енд даёт усидчивость, закрепляет знание некоторых технологий и даёт работу мозгу.
Уровень - полтора года работал верстальщиком 6 лет назад, верстал статику, знания жс есть, но очень поверхностные, и те забыты.
#104 #494333
>>494332
Ну и нахуй тебе фронт если тошнит от него и заниматься в будущем хочешь совсем другим? Совсем логики не вижу.
>>494341
#105 #494338
>>494332
В общем, что интересует-то? Задрочить всё я смогу, но стоит ли? С учётом того, что своё время дропнул вёрстку из-за того, что та работа вызывала отвращение своей однообразностью и загруженностью, не соотносящейся с зарплатой. Обстановка на рынке совсем плачевная, или всё более-менее норм?
>>494346
#106 #494341
>>494333
Деньги. Мамки нет, живу один, со старой работы сисадмина в связи с кризисом погнали, накопления заканчиваются. Работы по специальности в городе нет, уже полтора месяца ищу.
#107 #494345
>>494332
Ох лол. Я собираюсь вкатываться во фронт, потому что он мне пиздец интересен, а от текущей работы тошнит.
А ты наоборот.
>>494355
#108 #494346
>>494338

>Обстановка на рынке совсем плачевная, или всё более-менее норм?


Браузеры стали получше, чистые версталы практически не нужны. Нужны фронтенд-разработчики.

Алсо, не понимаю зачем заниматься тем, от чего тебя тошнит. Если хочешь разрабатывать браузерки, так иди и разрабатывай.
#109 #494353
>>494332
Ну так учи ЯП плотно и реализовывай свои проекты клиент-сервер, пусть и примитивные. Вакансии ГД есть и будут, но там только один критерий, покажи что ты можешь. И да, написать ммо браузерку ахуенно сложно, особенно в плане иерархии серверной. Мморпг в браузере это больше сервер, чем клиент, ибо шаловливым ручонкам пользователя ничего нельзя отправлять. Кроме ответа.
#110 #494355
>>494345

>пиздец интересен


Чем? Как макака преобразовывать фотошоповские макеты в формат веб-страниц, и потом добавлять туда свистоперделки из жквери-скриптов, спизженных из гугла? И в качестве вершины эволюции - натягивать на всё это движок одной из десятка криво написанных цмсок?
#111 #494356
>>494355
Делать сложные SPA — круто и интересно.
>>494360
#112 #494357
>>494355
Ты кажется слабо представляешь себе работу FE, все что ты пишешь-это верстала. FE-это не прикручивать JS, а писать его.
#113 #494360
>>494356

>SPA


расшифруй, пожалуйста

>писать его


всё уже давно написано
#114 #494363
>>494360

>не владеет базовой терминологией


>пытается что-то пояснять про фронтенд-разработку



Single Page Application
#115 #494365
>>494360
Чувак, я гарантирую, что вообще не представляешь, чем может заниматься фронтенд разраб с уровнем скилла >= миддл
>>494366>>494370
#116 #494366
>>494365

>что ты вообще не представляешь


быстрофикс
#117 #494367
>>494360
лол, нахуй ты тут что-то доказываешь, если сам нихуя не знаешь? Или ты думаешь, что на JS нет крупных проектов? Не догадывался откуда берутся крупные проекты? М? Ведь все написано, лел. Слайдер тебе в бэм надо засунуть.
#118 #494369
>>494355
Всем. Ты, походу, не знаешь что такое скучная, однообразная и бесполезная работа.
Каково это, когда твой день занят полубесполезным перекладыванием бумажек, эксель-отчетами, и говнопрезентациями в паверпоинте.
Когда ты вообще не видишь результатов своей деятельности.

Так что да, создание сайтов для меня сейчас в овер 9000 раз интереснее того, чем я сейчас занимаюсь.
>>494371
#119 #494370
>>494365
Не представляю. Чем?
>>494373
#120 #494371
>>494369

>с одной стороны - занимаешьеся ИБД, можешь капчевать хоть весь день


>с другой - верстаешь сутками, иногда даже не успеваешь всё сделать на работе, и ебашишь дома


>получаешь примерно одинаково


ну хз
#121 #494373
>>494370
Криэйтить стартапы в коворкингах, попивая смузи.
Передай маффин с черникой.
>>494378
#122 #494375
>>494371

>можешь капчевать хоть весь день


Все ясно. Ты просто тупой лентяй, который не шмог за полтора то года выйти на уровень интересной работы и сложных задачь.
>>494386
#123 #494376
>>494371
Если ты на работу капчевать ходишь, то согласен — тебе лучше заниматься какой-нибудь ИБД за копейки.
#124 #494377
>>494371
Не хотеть работать-хотеть деньги получать. Офис с екселем определенно лучше для тебя, да. Даже покапчевать время есть. Ток вот уволившись и придя в другой офис через 5 лет ты будешь получать столько же, ибо ты нихуя нового не умеешь и не знаешь.
#125 #494378
>>494373
а серьёзно?
>>494387
#126 #494381
я не понял, если тут уже давно сидят жс-синьоры и еба-фронтовики, какого хера этот тред называется верстка-тред?
>>494382>>494383
#127 #494382
>>494381
по традиции, это FE jun тред
>>494384
#128 #494383
>>494381
потому что тут изучают верстку а потом идут в js-тред. и по старой памяти возвращаются помогать нормальным ньюфажкам. ну иногда конечно заебывает и не заходят долго
#129 #494384
>>494382
предлагаю сменить традицию. а то че как лохи сидим.
#130 #494386
>>494375
пожалуй, ты прав. Хотя, перед уходом я как раз, запилив самописный сайт на пхп случайно попавшемуся заказчику на нативном пхп и жс, пришёл к директору просить повышения и был мягко послан нахуй, после чего уволился. И на следующий день устроился сисадмином-эникейщиком на первом же собеседовании.
К чему я это? К тому, что я не совсем лентяй, вёрстка, как по мне, дно, а задач у серьёзного фронт-енда, способного писать на нативном жс очень сложные веб-приложения, нет (кроме геймдева, разумеется).
#131 #494387
>>494378
Лид предполагает знание всего плюс вопрос организации всех мидлов, джунок, решение текущих проблем и т.д.
На мидла пример(лид=опытный мидл):
●Javascript — знать, понимать.
●Web sockets — понимать, уметь
●Node.js/io.js — знать, понимать.
●Event loop — знать, понимать, уметь применять на практике.
●CoffeeScript — знать, писать, понимать как транслируется.
●Понимание и умение принципов ООП.
●Системы контроля версий — Git, Github.
●SASS, CSS.
●Gulp, Grunt.
●Глубокое знание HTML 5 и CSS 3.
●Docker — умение и понимание писать конфиги(docker-compose). (Dokku, Deis умение будет плюсом).
●NGINX.
●Postgresql — основное хранилище. уметь писать запросы самому.
Стек
server application:
●async
●express
○express.js middlewares
○Abstraction router/server around express.js
●engine.io
○Abstraction around engine.io
●passport.js
●sequelize.js
○Abstraction around sequelize.js
●unerscore/lodash
#131 #494387
>>494378
Лид предполагает знание всего плюс вопрос организации всех мидлов, джунок, решение текущих проблем и т.д.
На мидла пример(лид=опытный мидл):
●Javascript — знать, понимать.
●Web sockets — понимать, уметь
●Node.js/io.js — знать, понимать.
●Event loop — знать, понимать, уметь применять на практике.
●CoffeeScript — знать, писать, понимать как транслируется.
●Понимание и умение принципов ООП.
●Системы контроля версий — Git, Github.
●SASS, CSS.
●Gulp, Grunt.
●Глубокое знание HTML 5 и CSS 3.
●Docker — умение и понимание писать конфиги(docker-compose). (Dokku, Deis умение будет плюсом).
●NGINX.
●Postgresql — основное хранилище. уметь писать запросы самому.
Стек
server application:
●async
●express
○express.js middlewares
○Abstraction router/server around express.js
●engine.io
○Abstraction around engine.io
●passport.js
●sequelize.js
○Abstraction around sequelize.js
●unerscore/lodash
#132 #494390
>>494387
а ну еще это $1000–2500 на конец 2015.
#133 #494393
>>494387
Странный какой-то список, особенно на конец 2015.

Зачем фронту Docker, NGINX и Postgresql?

io.js и CoffeeScript неактуальны. Gulp и Grunt постепенно заменяются на вебпак.

Где React/Angular? Не на ванили же все писать.
>>494396
#134 #494395
>>494387
Это понятно, но какие задачи он реализовывает? Каковы задачи веб-фронт-енда, помимо оживления сайтиков? Функционал же бэк-энд программисты пишут.
#135 #494396
>>494393

>io.js и CoffeeScript неактуальны.


с хуя ли, зависит от проекта.

>Зачем фронту Docker, NGINX и Postgresql?


Юзают на проекте, чтоб знал что к чему.
>>494406
#136 #494397
>>494395
В SPA бэк только данные отдает, а крутится все в браузере. При необходимости бразузер заменяется приложением на любой платформе.
>>494401
#137 #494399
>>494395
ты тупой или не понимаешь что тут написано и зачем это нужно? Функционал бэк ендеры пишут на стороне сервера, на стороне клиента может быть ебаная тонна своего функционала на 200к строк.
#138 #494401
>>494397
Можешь привести примеры таких приложений, причём, действительно полезных?
#139 #494405
>>494395
Функционал чего? Бекэнд - серверная сторона, это в первую очередь оперирование данными. Убери у сайта фронт-енд, оставь только бекэнд и у тебя будет белая страница выводящая по нажатию на кнопку нерозпарсенный json.
So exciting user expirience, isnt it?
>>494422
#140 #494406
>>494396
io.js влились в ноду той осенью. Кофе неактуален, потому что есть ES6/7 и TS.

>Юзают на проекте, чтоб знал что к чему.


Все равно не понимаю, нахуя ему постгрес, например. Фронт же с ним не может взаимодействовать вообще никак.
>>494410
#141 #494407
#142 #494408
>>494401
Вконтач, фейсбук, гмейл (и все другие почты).
#143 #494410
>>494406
Может и будет, захотел лид, чтоб мидл это делал-будет делать.
#144 #494414
Я тут слегка ворвусь в обсуждение.

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

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

мимокрокодилл
>>494417>>494480
#145 #494415
>>494401
еще в голову пришло какой-нибудь букмекер типа фонбета или марафона.
>>494421
#146 #494417
>>494414
В джс треде где-то с месяц назад, помнится один парень объявился со схожей историей. Писал то ли на джаве, то ли на сишарпах, хуй знает уже. Жаловался что серверный кодинг заебал, ибо пердолишся с данными без видимых результатов. Говорил, мол, хочется отзывчивости и интерактивности в работе.
Но это скорее исключение.
#147 #494421
>>494415
Отчасти и двач к таким приложениям относится, автообновление и посты добавляют через через API. Но это, конечно, не совсем полноценный SPA.
#148 #494422
>>494405
ты неправ. Например, тем же gmail'ом можно без проблем пользоваться в базовом html режиме без свистоперделок, которые должен делать фронт-енд. И, например, те же чатики вконтактике - это не фронт-енд, а серверный яваскрипт.
>>494424>>494427
#149 #494424
>>494422
толсто уже иди нахуй
#150 #494426
Я думаю это снова тот пхпшник уебан, уже в третий раз троллить приходит
>>494430>>494431
#151 #494427
>>494422

>чатики вконтактике - это не фронт-енд, а серверный яваскрипт


ЯСНО.
>>494436
#152 #494430
>>494426
ну тогда он перетолстил, или даже не в курсе что вкач на его любимом пэхапе. Который кстати умирает)
#153 #494431
>>494426
Та не, это просто дебил, без матчасти. Сначала он топил что фронтендера == верстала. Теперь он говорит что фронтендер пилит только свистоперделки.
А еще у него сабы с сервера сами магическим образом на странице отрисовываются, лол.
>>494436
#154 #494434
И еще раз, кто не понял: https://www.youtube.com/watch?v=Bn0wby8fwFg
#155 #494436
>>494431

>сами отрисовываются


нет конечно, но чтобы их отрисовать, не нужно быть знатоком жс, достаточно основ.
>>494427
а что?
>>494437>>494438
#156 #494437
>>494436
он реально тупой, даже не понимает когда надо остановиться
>>494445
#157 #494438
>>494436

>а что?


Ты абсолютно нихуя не понимаешь в том, о чем говоришь. Пожалуйста, прекрати уже.
>>494445
#158 #494440
А бля, хули про ютуб-то забыли, это же SPA
>>494452
#159 #494445
>>494437
>>494438
блядь, идите нахуй, школьники. Рты ваши ебал.
>>494447>>494448
#160 #494447
>>494445
https://habrahabr.ru/post/278655/
и читните вот это, ФРОНТ-ЕНДЫ
>>494453
#161 #494448
>>494445
Еще и порвался, ну вы только посмотрите на него.
#162 #494452
>>494440
Да че вы привязались к этому СПА помимо них есть дохуя все. Любой сайт сложнее визитки требует клиентскую логику. Да даже визитки требуют. Все эти ваши почты, ютабы, ластфмы, инет-магазины, приложухи для бизнеса, развлечения, кормления воображаемых собачек - это все не может существовать без фронтенда, к которому кстати и верстка относится тоже, как начальный этап.
Человек отрицающий его необходимость подобен "экземпляру" который установил ДВС на металлическую платформу и называет теперь эту хуйню автомобилем.
>>494456
39 Кб, 385x264
#163 #494453
>>494447
Вот это аргумент, лучше уходи не усугубляй свою зашкваренность.
>>494458>>494478
#164 #494456
>>494452

>клиентскую логику


аутист, вся твоя клиентская логика уже давно написана, всё, что от тебя требуется - знание жс на базовом уровне для кастомизации гор готового кода и решений. А серьёзного ничего на стороне клиента, мать твою, не делается.
#165 #494458
>>494453
лучше ты иди ещё один бесполезный скриптик на жквери напиши
11 Кб, 200x200
#166 #494459
>>494456
Спешите видеть крушение манямира тупого пыхапешника.
>>494467>>494478
#167 #494461
>>494456
перетолстил
#168 #494462
>>494456
это тоже самое что сказать что вся серверная логика давно написана и надо просто научится юзать и кастомизировать cms-ки)
>>494464>>494472
#169 #494463
>>494456
Давай, мань, утекай уже отсюда
#170 #494464
>>494462
*научиться

фикс
#171 #494467
>>494459

>крушение манямира


>за всё обсуждение - ни одного серьёзного аргумента

>>494475
#172 #494472
>>494462

>серверная логика


>длина алгоритмов - сотни, а где-то тысячи и десятки тысяч операций


>клиентская логика


>длина алгоритмов, как правило, не больше десятка операций

>>494477
#173 #494474
Не пишите ему, я как зам опа прошу, а то тред больно быстро плывет. Он все равно тупой, ему нихуя не доказать.
#174 #494475
>>494467
Интересно узнать за что тогда хорошим фронтам платят по 150к? За кастомизацию джиквери небось?
18 Кб, 200x200
#175 #494477
>>494472
Front-end -> JS -> node.js == server side -> PHP=delete
>>494478
#176 #494478
>>494477
>>494459
>>494453
идите нахуй, уёбки, я порвался, сука
#177 #494480
>>494414
Согласен. Именно возможность визуального обзора выполненной работы - очень важная вещь для некоторых людей.

Инженегр-вкатывальщик
26 Кб, 604x604
#178 #494550
Блять, какое ебучее вырвиглазное говно блять. Весь день сидел изучал эти селекторы на академии. Радовался блять, что все схватываю на лету. Каждое задание с легкостью проходил и тут блять добрался до испытания и все нахуй. Обосрался. Пиздец. Абсолютный ноль. Нихуя не понимаю. Все блять позабыл. Ну пиздец ебучий случай. Хуй знает чо делать. Чо блять делать то ебать. Проходить его? Сидеть ковыряться в этом говне? Подбирать селекторы? Или ну его нахуй и идти учить дальше? Блять какое говно. НЕНАВИЖУ ОСТАВЛЯТЬ ЧТО-ТО НЕДОДЕЛАННЫМ, НО БЛЯТЬ ЭТО НЕ ЗАДАНИЕ, А ХУЙНЯ СОБАЧЬЯ. ОНИ ЕБАНУЛИСЬ ЧТО ЛИ ТАКОЕ ГОВНО НОВИЧКУ ПРЕДЛАГАТЬ? БЛЯТЬ БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ

https://htmlacademy.ru/courses/42/run/18
#179 #494553
>>494550

Ты лучше интенсив начни, намного быстрее все поймешь.
>>494565
#180 #494554
>>494550
Забей на эту хуйню, эти задания на подбор селекторов - хуйня, сделал примерно по логике на 90%, брат жив, верстаю макеты, все нормально.
>>494565
#181 #494555
>>494550
Там селекторы по порядку почти во всех подобных испытаниях. Отдохни, вспомни все, вникни в код можешь в коменты еще щаглянуть и сделаешь.

Хоть я и быстро все проходил но да, задания ебанутые бывают.
>>494565
#182 #494565
>>494553
С торрента начать? Я хотел пройти все курсы для начала, а потом либо оплатить интенсив для новичка либо пройти его скачав с торрентов есть вобще смысл оплачивать для новичка? или лучше сразу продвинутый купить когда закончу со всей этой парашей
>>494554
Я имею представление о том, где что находится, но я искренне не понимаю как блять и что надо подставлять. Пиздец. Хоть еще раз проходить.
>>494555
Мне это не поможет. Я отдыхал 3 часа. Сел и как будто все по новой. Как будто блять я не учил нихуя в течение всего дня. И что самое хуевое, так со всем. Я уверен, что сядь я сейчас и попытавшись пройти испытание предыдущего курса я обосрусь и хуй что сделаю. хотя проходил блять все на этой неделе
#183 #494566
Анон, если я вот это скачаю https://desktop.github.com/, сам гит не нужен, я правильно понял?
>>494568
#184 #494568
>>494566
Вроде да. Но лучше учиться юзать командную строку
>>494572
#185 #494569
нахуя вам вообще эти курсы, возьмите самый примитивный макет и начните верстать с гуглом, пользы в разы больше будет.

мозг нихуя не запоминает то, что ему не нужно, вкладку с курсом закрыл и забыл. а если макеты будешь делать, напорешься на кучу ебаных нюансов, изнасилуешь поисковики и в конце концов что-то да запомнишь. ну и уже в портфолио работы закинешь, если не совсем уж уебанские.
>>494573
#186 #494570
>>494565
Базовые курсы входят в программу базового интенсива
#187 #494572
>>494568
Почему?
>>494576
#188 #494573
>>494569
Поэтому и советуют смотреть сразу базовый интенсив ибо там надо еще и макет параллельно верстать а не просто теорию читкать
#189 #494574
>>494565

Ничего не надо оплачивать, качаешь базовый с торрента и там сразу все поймешь, без всяких курсов.
#190 #494576
>>494572
Быстрее, меньше глючит и автоматизацию всеравно будешь через нее делать.
>>494612
#191 #494603
Так что получается. Забить хуй на эти курсы и проходить интенсив по торренту? Неужели я зря время свое терял?
>>494615>>494616
#192 #494612
>>494576
Поясни за автоматизацию, в чем суть?
>>494617
#193 #494615
>>494603
Курсы часть интенсива все равно будешь их проходить, только не все сразу а по темам и с закриплением на практике - верстая макет
#194 #494616
>>494603
Курсы интегрированы в интенсив. После каждой лекции дается на прохождение 2-4 курса в качестве домашки, помимо практики верстки сайта ессно.
С курсами проще постигнуть теорию, она лучше усваивается. Если хочешь действительно что-то знать проходи все. Отдельно или вместе - это уже как понравится. Только смотри не запутайся.
#195 #494617
>>494612
В продвинутом расскажут про грант/галп.
122 Кб, 1236x886
#196 #494788
Двач, я один такой тупой или у вас тоже были серьезные проблемы с этим испытанием? Реально тупым себя почувствовал, решение с комментов скатал.
#197 #494822
>>492738
короче, аноны, сделал на флоатах, даже немного стыдно, что не допер сам. это все один большой блок, внутри которого параграфы. нужные блоки зафлоачены и вынесены в стороны старым-добрым position: relative; left: 50% итп
#198 #494832
>>494788
на этом задании у меня бомбануло, делал его уже поздно ночью, впервые не справился на 100% за 10 попыток. решил послать на хуй, выспался, с утра сделал с полпизды
#199 #494839
>>494565
Я курсы проходил тупо ради теории, типа селектор такой-то, туда-сюда. В итоге получилось, что половина всей этой хуйни мне не нужна (в частности все эти хитровыебанные каскады, ~, > и прочая хуйня). По интенсиву ихнему сверстал барбершоп с закрытыми глазами, сейчас с легкостью могу сверстать абсолютно любое хитровыебанное говна, хоть на флексах, хоть на обосрате.

А эти испытания я, также как и ты, не смог осилить, лол. И до сих пор не могу. А может и могу, но мне лень проверять.
#200 #494841
>>494788
Эта хуйня н-а-х-у-й н-е н-у-ж-н-а.
Забей на это говно. Проходи курсы ради теории.
Из полезных испытаний у академии - те, что на построение сетки. Все.
>>494843
163 Кб, 1212x852
#201 #494843
>>494841
>>494788
Вот эту хуню я, к примеру, даже сейчас не смог сделать. Потому что мне лень копаться в этом говнокоде и тыкать импортанты.
А если верстать с нуля, то это займет минут 10-20 (из них половина времени на вырезание картинок и группирование их в спрайт).
>>494844
#202 #494844
>>494843
От каскада вытекли глаза.

модулеб
>>494849
#203 #494849
>>494844
Я тут понял одну забавную штуку.
Барбершоп тот базовый я ведь верстал по всем говноканонам, с каскадами и прочей хуйней.
А если сейчас меня попросить повторить по таким же стандартам - я не смогу, лол.
>>494850
#204 #494850
>>494849
Каскад это скорее все-таки говно, нежели канон.
16 Кб, 674x326
#205 #494852
>>494788
Вот самые полезные курсы, можешь их проходить прямо сейчас, одновременно с просмотром базового интенсива.
>>494853
#206 #494853
>>494852
А базовый интенсив только качать? Если так то откуда?
>>494855>>494865
#207 #494855
>>494853
Сори, запятую проебал.
#208 #494865
>>494853
В шапке торрент для кого?
>>494866
#209 #494866
>>494865
Ой. Прошу прощения.
42 Кб, 603x452
#210 #494911
Уважаемые, подскажите, как не проебать зрение за всеми этими занятиями? Последнее время даже чтение одного треда заставляет глаза болеть. Куда ткнуться чтобы узнать советы по выбору монитора и что-то еще, что может быть важно? Может уже пора к окулисту на проверку?

В целом на зрение не жалуюсь, книжку читаю - норм, номера машин издалека различаю. Монитор у меня ЛОС-2353.
194 Кб, 626x459
808 Кб, 1304x768
130 Кб, 610x457
#211 #494915
Интересует вот такое - как на практике форматируются изображения перед вставкой на страницу? На белом фоне - макет, сохранив из него изображения обнаружил, что они в огромном разрешении, плюс не квадратные. Пик с коричневым фоном - мое поделие. Как видно, лица не отцентрованы. Нужно ли (хорошая ли это практика вообще) для подобных вещей менять форму изображения (в моем случае идеально подойдет квадрат) или размер, или все должно подстраиваться средствами хтмл/цсс?
>>494973>>495102
#213 #494973
>>494915
Что мешает сделать через background-position?
>>494976>>495097
#214 #494976
>>494973
Купил за 300 рублей продвинутый курс, пока сделал 4 курса, из них один только показался полезным.
>>494977
#215 #494977
#216 #495061
>>494937
Спасибо огромное.
#217 #495062
>>494937
Вообще, стоило бы добавить в шапку пункт о здоровье. Очень не очевидная для многих вещь.
>>495071
#218 #495071
>>495062
просто не надо сидеть уставившись еблом в монитор и делать 10-15 минутный отдых это на мой взгляд очевидные вещи.ну или хотя бы каждые 2 часа
>>495257
#219 #495097
>>494973

>Что мешает сделать через background-position?


Отсутствие знаний же. Погуглю за это.
#220 #495102
>>494915
Картинки вырезаются в нужном разрешении (или двойном для ретины), иначе они будут биться при ресайзе и анимации.

Скругления делаются через border-radius: 50%;
>>495326
#221 #495106
Сап, верстаны. За сколько такой сайт сваяете?

http://www.antreholl.ru/remont/
#222 #495107
>>495106
Чет проиграл с нашей бригады.
>>495113
#223 #495113
>>495107
На фл.ру висит заказ сделать такой же сайт как >>495106 Бюджет - 1000 рублей. Вот мне интересно - это реально такие расценки? Кто-то за 1000 рублей будет корячиться или это несложно все?
>>495114>>495115
#224 #495114
>>495113
Лол, нет, конечно. Мало ли что на фл висит.
#225 #495115
>>495113
За 1000 рублей наверное только нердс сверстать можно, и то я бы дороже взял.
>>495119>>495123
#226 #495119
>>495115
А за сколько такой сделают? Если самому попытаться такой сделать, много времени займет? Уровень почти нулевой.
>>495127
#227 #495123
>>495115
Сверстать и сделать это все-таки немного разные вещи.
>>495124
#228 #495124
>>495123
Ну тогда пусть нахуй идут.
#229 #495125
>>495106
если со всеми анимациями и прочим дерьмом то за баксов 200
>>495130>>495141
#230 #495127
>>495119
У нас в говноконторе такой бы сделали за 25-30к
>>495130
#231 #495130
>>495125
>>495127
Спс. А второй вопрос?
>>495136>>495137
192 Кб, 600x631
#232 #495133
Посоветуйте русскоязычные сообщества в gitter-e по frontend-у.
>>495443
#233 #495136
>>495130
Откуда нам знать какой у тебя уровень. Прошаренный верстала такую страничку за пару дней наваяет, там даже адаптива нет. Ну еще часть времени уйдет на анимации.
Это конечно без посадки на сервер или цмс, только клиент и только те направления что представлены в примере.
Новичок на такое может пару недель спокойно убить, особенно если совсем зеленый.
>>495143
#234 #495137
>>495130
С нулевым уровнем - нет.
>>495143
#235 #495141
>>495125
А хотя не, вижу там еще дополнительные свистоперделки есть. Баксов 350-400 взял бы, меньше вряд ли.
>>495143
#236 #495143
>>495136
>>495137
>>495141
Благодарю. А если адаптивность добавить, то время на два умножать?
>>495146
#237 #495146
>>495143
С нулевым уровнем ты это не сделаешь, либо сделаешь но очень хуево. Так что можешь даже не считать.
#238 #495204
>>494911
flux + eyeloveu
#239 #495209
>>495204
Алсо, вот это в шапку надо бы добавить.
#241 #495213
>>495204
Говно бесполезное.
>>494911
Делать перерывы, капать капли, если глаза сушатся, купить желтые очки без диоптрий. Но проебёшь в любом случае зрение, вопрос в том на сколько сильно.
>>495217
#242 #495214
>>494937
Какой мерзкий тип
>>495219
#243 #495217
>>495212
Да.
>>495213

>Говно бесполезное.


Нет.

>Делать перерывы


Для этого и предназначен божественный eyeloveu.

>капать капли


Зачем, если можно сделать так, чтобы глаза не сохли?

>купить желтые очки без диоптрий


Зачем, если есть божественный flux?

>Но проебёшь в любом случае зрение, вопрос в том на сколько сильно


Ты сказал? Ну тогда ладно.
>>495220
#244 #495219
>>495214
Мдя уж...
#245 #495220
>>495217
Да, говно бесполезнейшее.

>Для этого и предназначен божественный eyeloveu.


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

>Зачем, если можно сделать так, чтобы глаза не сохли?


Нельзя, даже в очках/линзах будут сохнуть

>Зачем, если есть божественный flux?


Кекнул с маньки
Эта хуйня вообще ничего не делает, как ебашит тебе излучение в ебало, так и будет ебашить, а то, что оно желтого цвета это нихуя не меняет на твоём говномониторе

>Ты сказал? Ну тогда ладно.


Это понятно любому мудаку, что сидеть по 10 часов за компом просто так не получится.
#246 #495222
>>495220
про помидорки поддвачну. Но это вцелом к работе относится а не к глазам.

анон, который запостил видос с Макиашвилли выше
>>495226>>495228
#247 #495223
>>495220

>Нахуй это нужно


Чтобы напоминать о перерывах. Очень полезная вещь.

>Нельзя, даже в очках/линзах будут сохнуть


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

>Эта хуйня вообще ничего не делает


У меня от уменьшения синего глаза меньше устают.

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


И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.

>помидорки


Не знаю что это.
>>495226
#248 #495226
>>495222
В целом любому нормальному человеку понятно, что нужно делать перерывы, тут уже надо смотреть по сколько времени тебе удобней работать, у меня например 1.5 часа/15 минут самое оптимальное, но для глаз это не оптимально, поэтому приходится именно для глаз делать помидорки короче.

>>495223

>И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.


Ой всё, ну видно же, что ты ебанашка, тебе ничего не объяснить.
>>495229
51 Кб, 900x675
#249 #495228
>>495222
>>495220
Что за помидорки?
>>495243
#250 #495229
>>495226
Экий ты забавный, сначала рвёшься, а потом не можешь подкрепить доказательствами свои беспруфные заявления и ещё раз рвёшься на требования пруфов.
#251 #495241
всмысле сохнут глаза. как вы понимаете что глаза высохли? что за бред вы тут несете? от чего глаза сохнуть будут? чаще моргайте ебать
#252 #495243
>>495244
#253 #495244
>>495243
Спасибо.
>>495246
#254 #495246
>>495244
Ну эт просто один из сайтов с таймером. Принцип, думаю нагуглишь. Ну и там вроде книгу можно скачать от того, кто придумал, но она не особо то и нужна (там больше про постановку задач, их планирование, учет времени и т.д.)
#255 #495257
>>495071
Нахуй тогда вообще все эти многоэтажные инструкции для даунов если всем все так очевидно?
>>495266
#256 #495266
>>495257
Возможно потому что большинство даунов могут действовать только из-под палки.
#257 #495326
>>495102
Ну то есть обрезать тоже не возбраняется? Дурным тоном это не считается?
Таки я скругление через border-radius: 100% делал.
>>495343
#258 #495343
>>495326
Картинки НУЖНО обрезать до требуемого размера.
>>495349
#259 #495349
>>495343
Спасибо, это я и хотел услышать.
#260 #495360
вам не похуй на дурной не дурной тон? делайте как нравится и что бы работало. все. на остальное похуй.
навыдумывали хуйни всякой
>>495366>>495387
#261 #495366
>>495360
Работодатель потом когда твое портфолио смотреть будет, тогда не похуй.
>>495564
#262 #495387
>>495360
Надеюсь, что мне не придется с тобой работать.
>>495564
#263 #495443
>>495133
гугли dev-ua
#264 #495564
>>495366
Хуй знает, я уже 3й год в вебе кручусь по такому принципу, вопросов по поводу дурного тона моего кода не поступал.
>>495387
Мне похуй на что ты там надеешься, уебок.
#265 #495816
>>493571
Продублирую свой вопрос на ночном верстальном:

Верстаны, каким способом вы бы верстали макет с таким требованием:

>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?


Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.

Сначала сделал через transform: scale(k); всей страницы, потом скриптово - обхожу все элементы и умножаю значения всех нужных css-свойств на нужный мне множитель. В таком способе резкость отрендеренного документа не теряется + есть возможность контролировать поведение некоторых свойств - допустим, оставлять бордеры и подчеркивания шириной 1пкс.

Но есть ощущение что всё можно было сделать проще.
>>495828
#266 #495828
>>495816
По-моему ты делаешь какую-то дикую хуйню, гугли медиазапросы
>>495855>>496027
#267 #495855
>>495828
Я думал про них, но не сообразил, как использовать. Только писать кучу стилей

>@media all and (device-width: 800px) {


>...


>}


>@media all and (device-width: 801px) {


>...


>}


>...


но это хуйня какая-то, проще скриптом обойти DOM при загрузке и сгенерировать нужные стили. Или серверно перед загружкой генерировать файл с нужными значениями.
Или я вообще не с той стороны смотрю на проблему.
#268 #495856
>>495855
Лол
#269 #495876
>>495855

>но это хуйня какая-то, проще скриптом обойти DOM


нда.
#270 #495878
>>495855
Лол. Спасибо за заряд оптимизма, теперь мне кажется, что я смогу найти работу.
>>496322
#271 #495903
>>495855
Не, ну тебе то конечно виднее)
#272 #495909
>>495855
Спасибо, бро, ты - лучший!
#273 #495915
У меня вот возник вопрос, как вывести текст страничками, т.е. я пилю страничку для отображения текста книги и хочу сделать отображение няшными страничками. Проблема в том, что при использовании не моноширинных шрифтов я не знаю как расчитать количество выводимых символов, для того, что бы честно вывести две странички без "вылезаия" за границы или пустых полей с низу.
#274 #495921
>>495915
Wtf_am_i_reading.jpg
>>496003
#275 #495924
>>495855
Копирайтер походу
#276 #495934
>>495915
Нихуа не понима. Что именно ты хочешь сделать? Чтобы на каждой странице рандомного текса всегда было 100% заполнение, без переносов на следующую страницу? Или что?
#277 #495937
>>495915
Я где-то видел jQuery-плагин для подобного, не помню сейчас как называется.
>>496003
#278 #495990
>>495855
Я бы на Ангуляре подобное написал, за сутки или двое.
>>495998
#279 #495998
>>495990
мы так гордимся тобой
404 Кб, 956x552
#280 #496003
>>495937
>>495921
Представьте раскрытую книгу, страницы этой книги - два div'а. Нужно выводить текст этой книги по две страницы в эти самые контейнеры (см. пикрелейтед). Задача: рассчитать количество текста, которое влезет в каждый контейнер/
#281 #496005
>>496003
Заяем это делать в HTML, когда для этого существуют намного более удобные форматы, которые для этого и были созданы (например, PDF)? Алсо, если ты такое где-то уже встречал, то зайди и посмотри код страницы.
>>496008
#282 #496008
>>496005
Хочу запилить web-приложение для чтения. Встречал только раз, некоторое время назад, но не могу найти теперь.
#283 #496010
>>496003
$('.stranica1').width() * $('sctranica2').height() / $('stranica1').text().length
#284 #496025
>>496003
Колличество строк в высоте можно подсчитать через line-height строк и заголовков, затем сопоставить ее с высотой физической блоков и вставить жсом текст, отрезав остаток и по последней точке в сторону документа. Отрезок по точке надо сохранить и вставить в начало след дока. +вставить массив стороковый в котором уже отрезано содержимое первой страницы. (так же надо посчитать количество символов с строках чтоб резать остаток) Как-то так наверно
>>496065
#285 #496027
>>495828
И каким образом с помощью медиазапросов ты собрался регулировать, скажем, вертикальный отступ между двумя случайными дивами?
#286 #496065
>>496025

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


Именно! Вот здесь то я и застрял, если не использовать шрифты с фиксированной шриной, то я даже не представляю как посчитать возможную высоту параграфа, скажем, с двадцатью словами. Хотя вот пока писал, возникла идея расчитывать ширину строки исходя из ширины самой широкой буквы.
>>496082
#287 #496074
Кстати, а в CSS есть свойство, аналогичное выравниванию текста по ширине в текстовых редакторах?
>>496077>>496078
#288 #496077
>>496074
text-align: justify;
#289 #496078
>>496074
Все, нашел сам.
#290 #496082
>>496065
Предлагаю использовать моноширинный текст.
>>496095
#291 #496095
>>496082
В /pr/ подсказали вариант, так сказать хак через скрытый элемент, в который через жс нужно писать нужные строки и измерять его высоту.
#292 #496142
>>496003
http://artgorbunov.ru/projects/book-typography/ эта книга сделана именно так, как ты пишешь. Копай исходники, смотри на реализацию.
#293 #496216
Спрошу тут. осваиваю самостоятельно гульп. Как остановить таск watch? Извините если глупый вопрос, просто устал перезапускать консоль.
>>496220
#294 #496220
>>496216
ctrl+c
>>496235
#295 #496235
>>496220
тонко)
>>496273
#296 #496273
>>496235
Спасибо тому анону. Как бы рабочий хоткей.
>>496315
#297 #496315
>>496273
В командной строке еще много удивительного в плане рабочих хоткеев, можешь поизучать.
#298 #496322
>>495878
Я, кстати, верстаю за деньги уже 7й год. Сейчас по ставке 500 рублей/час. А ты дальше надейся.
#299 #496326
>>496322

>верстаю за деньги уже 7й год



Во фронтенд мозгов не хватило перекатиться?
>>496354
#300 #496332
>>496322

>верстает седьмой год


>не умеет пользоваться медиазапросами

#301 #496353
>>496322
а нахуй ты тогда приперся за советами в тред, где сидят люди, которые занимаются этим явно меньше семи лет?
>>496355
#302 #496354
>>496326
Я перекатился и во фронт и в бэк, но всё равно верстаю параллельно, потому что мне нравится.

>медиазапросами


Каждый элемент на странице (блоки, текст, изображения) должен пропорционально (по ширине, высоте, размеру шрифта и отступов) увеличиваться в k раз, где k = текущая ширина страницы / 800, при этом 1 <= k <= 1.5
Как это сделать с помощью медиазапросов?
#303 #496355
>>496353
Потому что могу себе это позволить
#304 #496374
>>496354
Ты в треде про верстку задаешь вопрос явно касающийся скриптовой части.
#305 #496377
>>496354
Что если до 800px - все размеры фиксированные, между 800рх и 1200px - в %, больше 1200рх - снова фиксированные?
>>496446
#306 #496386
>>496354
Процентами пользоваться не пробовал?
и уточни задание, может ты неправильно его понял и от тебя требуется только тянущаяся сетка
>>496446
#307 #496439
>>496354
Даже если и можно-это бессмысленно, медиазапросы не для этого созданы.
>>496446
#308 #496446
>>496377
>>496386

>Процентами пользоваться не пробовал?


Пробовал, часть элементов в макете позиционирована через absolute, часть fixed, процентно к ширине масштабируемого контейнера не привязаться, особенно если речь о размере шрифта элемента.
Переменные мне бы помогли, но они слишком малым количество браузеров поддерживаются.
>>496439
Неужели?
#309 #496473
Дайте гайд по нарезке макетов.
inb4: 3 урок из интенсива.
#310 #496479
>>496473
Brackets.
>>496481>>496817
#311 #496481
>>496479
хуекетс
>>496473
Avocode
>>496537
#312 #496500
>>496473
Интенсив, третий урок.
#313 #496537
>>496481
И чем он лучше брекетсов? Они умеют все то же самое, да еще и в рамках одного IDE, а не отлельной программы.
1998 Кб, 1920x1080
#314 #496653
>>492412 (OP)
Плиз помогите нюфане. Как сделать так чтобы фон наезжал на текст как на пике?
#315 #496697
>>496653

Никак, это все будет картинка.
>>496702>>496709
#316 #496702
>>496653
Можно попробовать через блок с пнгшкой и отрицательным маргином или абсолютным элементом.
Но вообще это нужно только, если будет анимация со сдвигом горы, в противном случае - >>496697
>>496709
#317 #496709
>>496697
>>496702
Мне друг говорил там что-то с background-clip text . Почитал за это свойство вобще не ебу как это связано.
>>496735
#318 #496735
>>496709
Никак не связано.
>>496747
#319 #496747
>>496735
Спасибо, антош. Уже второй час с этой хуйней ебусь, буду фоном хуярить
#320 #496757
>>496653
Зачем все усложнять? Чтобы заказчик мог поменять потом текс? Так обоснуй ему, что делать на версте будет дороже, целесообразнее и бесплатнее менять в psd. Все, нет проблемы.
>>496770
#321 #496770
>>496757
Он говорит скил нужно качать, css3 свойства учить и т.д.
#322 #496773
>>496770

> скилл


> ебля с фоновыми картинками


Не надо вот этого вот. Верстай лучше, а фоны в фотошопе вырезай. А то будешь как анон, который недели две пытался в седоне маску какими-то там абсолютными слоями сделать. А мог бы в это время адаптив уже верстать.
#323 #496789
>>496770
Но тут же блядь очевидно что никакими css3 свойствами ты не сделаешь так чтобы текст в середину фоновой картинки залез. Только делать гору отдельно и накладывать на текст, как тебе и посоветовали выше. Либо не париться и делать все фоном.
#324 #496817
>>496479
Дай гайдов каких, плис.
Именно по нарезке.
>>496922
#325 #496827
>>496770
Напоминаю, что вёрстка - это такой уровень, где от человека требуется максимальная продуктивность, а не какие-либо изыски.
>>496851
#326 #496834
>>496322
Ты что, ебанутый?
Чо ты там делаешь?
500 рублей в час это при 40 часовой рабочей неделе 80к, нахуй так жить? Или ты в пердях живешь и тебе ок?
#327 #496837
>>496834

>80к в месяц


fix
#328 #496849
>>496834
Если только верстать - то вполне себе неплохо. На всяких hh хрен еще найдешь работку с такой зарплатой для версталы

мимо
#329 #496851
>>496827
Вообще-то так везде
#330 #496853
>>496834
ты не ахуел? 80 для верстака-потолок
#331 #496922
>>496817
Ты прикалываешься? Нужный гайд там по умолчанию открыт после скачивания и запуска.
#332 #496978
Аноны, как можно сделать блок в котором несколько изображений(галерея) и торчит кнопка "еще", чтобы по нажатию на неё галерея разворачивалась с остальными изображениями?
>>496987
21 Кб, 843x619
#333 #496981
Прошу помощи с адаптивностью, на картинке показано как должно получится на планшете, что для этого необходимо сделать? Верстаю на бутстрап, пытался прописать классы для других экранов, но как убрать лого на другую строку? Это надо делать через медиа-запросы? Но как?
>>496985>>497089
#334 #496985
>>496981
Нахуй ты в бутстрап лезешь, если элементарные медиа не понимаешь?
>>496988
#335 #496987
#336 #496988
>>496985
Я больше по пхп и js и некоторым cms, но раньше удавалось обходится без адаптивной вёрстки (обычную кое-как за пару дней освоил, чтобы хоть какой-то делать дизайн интерфейсам разных скриптов, которые пишу) но сейчас чувствую без этого никак, надо освоить адаптивную вёрстку, с бутстрапом мне показалось это будет легче.
>>496995
#337 #496995
>>496988
бутстрап удобен своей сеткой только когда дизайнер делал сайт под нее и расчитывал адаптив по ней. Иначе-это бесполезный тяжелый кусок классов.
>>497069
221 Кб, 720x959
#338 #497000
Пилю свой сервис комнатный, нужно мне 5 страничек нарисовать. Денег у меня нет нихуя. Есть тут дизайнеры стремящиеся, типа за портфолио, или вы тут ток по верстке?
63 Кб, 514x739
#339 #497023
Как так то? Где я дебил? Почему оно присваеват цвет классам, ссылаясь на то правило, в котором я ему прямо говорю не присваивать цвет именно этим классам?
>>497036>>497114
#340 #497025
>>496834
Да, мухосрань 200к населения. Мне пока что норм.
#341 #497036
>>497023

>color


>background-color

>>497041
#342 #497041
>>497036
И? Все верно. Хочу при ховере цвет текста ссылок коричневым цветом делать. Кроме тех ссылок, которые играют роль кнопок (.btn) и пунктов меню (.menu-item) - в них цвет текста при ховере должен оставаться белым.
>>497053
#343 #497053
>>497041
background-color не относится к цвету текста
>>497057>>497063
#344 #497057
>>497053
Я знаю. Что ты хочешь сказать то?
>>497060
#345 #497060
>>497057
Прости ананас, я что-то в глаза ебусь под вечер. Возможно это баг, что тебе гугль говорит?
724 Кб, 1695x753
#346 #497063
>>497053
Может так понятней будет.
Пункты меню имеют класс menu-item. Цвет текста в них - белый, от общего правила в body. Но некоторым ссылкам я хочу задать цвет текста при :hover - коричневый (это, если ты верстал барбершоп, новости и я забыл пароль. Задаю общее правило для всех ссылок кроме тех, что имею классы btn и menu-item. Но им все равно присваетвается этот коричневый цвет текста.
Понимаю, что дурак тут я, раз не вижу где ошибка, но вдруг кто-то свежим взглядом посмотрит и скажет где я налажал.
>>497066>>497114
#347 #497066
>>497063
О, дай плиз макет барбершопа.
Я уже заебался в интернетах искать.
>>497071>>497073
#348 #497069
>>496995
Дак вроде можно вытащить из исходников миксин-генератор сетки и делать любую. Там же гаттеры тоже через переменные проставляются. Ну и т.д.

мимо толком не ковырялся в бутстрапе
#349 #497071
>>497066

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


>https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc



Для кого шапку писали?
>>497076
#350 #497073
>>497066
Качаешь базовый и там будет папочка с макетами. Среди них барбершоп. Шапку блядь читать надо!!!
>>497076
#351 #497076
>>497071
>>497073
Ох, лол, не замечал там, искал только в раздаче макетов.
#352 #497089
>>496981
Сделай сначала для планшета, а лого на десктопе абсолютом на нужное место разместишь
#353 #497114
Если кому вдруг интересно - я разобрался где был проеб. Надо было :not(.btn):not(.menu-item), т.к. мне нужно было, чтобы ни элементы с классом .btn, ни элементы с классом .menu-item не перекрашивались.
Вместо этого я задал два отдельных правила, в итоге окрашивая сначала те элементы, у которых нет .btn, а потом те, у которых нет .menu-item Классов, т.е. по сути - все.

>>497063, >>497023-кун
>>497141
#354 #497141
>>497114
После того, как ты объяснил - всё стало очень логичным.
#355 #497253
Решил для саморазвития сверстать лендинг на бутстрапе.
Боже, какое это говно. Там, где я мог все крассиво расставить флексами двумя строчками, приходится городить забор из ебучих див класс=кол-мд-n
Почему оно так популярно?
>>497332
#356 #497318
Прохожу курсы с трансформацией, как же это охуенно, жду не дождусь JS шоб пилить всякие охуенные свистоперделки.
#357 #497328
Верстаны, поясните за data- в html, нахуй он нужен?
>>497332
#358 #497332
>>497253
Он не создан для верстки по готовому дизайну как таковой, скорее просто для прототипирования, либо для проектов без дизайна, об этом кто только уже не говорил, либо не писал в статьях. Другое дело, что его конечно можно не юзать в готовом виде, выкачать исходники, подключать только нужные примеси и таким образом закастомизировать

>>497328
Для связи с js
>>497339
#359 #497339
>>497332

>Для связи с js


А id для чего тогда нужен?
>>497341
#360 #497341
>>497339
В id ты не можешь хранить данные, либо инфу, которая пригодится в js, а в дата атрибутах можешь. Поэтому они так и называются.
>>497342>>497343
#361 #497342
>>497341
Спасибо за ответ.
#362 #497343
>>497341
А, ну и еще их доставать можно через css тоже

Ну и вообще на, учитесь гуглить
https://habrahabr.ru/post/139210/
>>497346
#363 #497346
>>497343
Я просто пока в JS нихуя не понимаю, а создатели курсов зачем-то впихнули эти data- для стилизации.
#364 #497404

> к


http://www.freecodecamp.com/
Норм сайт? В курсе вроде раскрыты основные моменты для вкатывания в веб, да еще и рассчитан на 2000 часов правда 800 из них на какие-то "непрофитные проекты" для портфолио
#365 #497406
>>497404
норм.
#366 #497788
>>497404
2000 часов?Ты пизданулся?
>>497794
#367 #497794
>>497788
А сколько ты планируешь учить HTML/CSS/JS/Sass/React/Node.js? За недельку справишься?
>>497835
#368 #497835
>>497794
html\css месяц. яс год все остальное не обязательно задротить
>>497839
#369 #497839
>>497835
Там css/html по плану - 5 часов изучения, лол
>>497851
#370 #497851
>>497839
там по верхам html/css и бутстрап и базовые алгоритмы js и проходится на их сайте за 1-2 дня аж до проектов типа random quote machine и т.д. Как там дальше я хз ибо сел за js интенсив от академии. К этому сайту как-нибудь потом вернусь.
>>497857>>497888
#371 #497857
>>497851
То есть курс как бы для общего ознакомления?
>>497868
#372 #497868
>>497857
а чо, есть подобные курсы, после которых можно на синьора претендовать?
>>497870
#373 #497870
>>497868
На Верховного Программиста
>>497887
#374 #497887
>>497870

>На Верховного Программиста


король_аськи.жпг
#375 #497888
>>497851
я кстати пару дней назад ради прикола ебанул за один день их курсы по хтмл/ксс, жуквери и бутсрапу. все-таки неоч эти курсы по хтмлам, большинство заданий в духе "скопируй эту поебень туда-то, а эту туда-то", что на академии, что здесь. рано или поздно человек начинает тупо выполнять инструкции без особой пользы для навыков.
#376 #497985
Emmet или Jade? В чем вообще разница?
>>497990
#377 #497990
>>497985
Молоток или колбаса? В чем вообще разница?
#378 #497994
есть ли какой нибудь способ объединить чекбоксы в html так что бы галочка ставилась только в одном
#379 #497996
>>497994
radiobutton
>>497999
#380 #497999
>>497996
нужно именно чекбокс
>>498002>>498481
#381 #498002
>>497999
тогда только через жс
#382 #498022
>>497994
Не предназначены блядь чекбоксы к такому. Это задача радиокнопок. Неинтуитивное поведение надо избегвть. В группы объединяются для выбора одного варианта радиокнопки. Чекбоксы же позволяют сделать множественный выбор. Не надо блядь менять. Лучше уж лэйбл застилизовать на худой конец если дизайнер долбоеб
#383 #498030
>>497994
Может быть можно стилизовать радиобаттоны как чекбоксы. Кто-нибудь знает, можно ли так?
>>498034
#384 #498034
>>498030

Нужно скрыть радио, и задавать лейблу в фоне разные картинки при активе и не активе,

либо вот так http://codepen.io/exdeniz/pen/sIihf
#386 #498128
>>498123

Новый курс, вроде во многих пунктах халявный
#387 #498137
>>497404
Не осилил обучение, это пиздец, пока до сути доберешься умрешь нахуй
#388 #498481
>>497999
Ну в iCheck нарисуй их как чекбоксы.
#389 #498547
Про gulp тут или в JS треде спрашивать?
>>498563
#390 #498563
>>498547
Я хз че ты хошь спросить, но вот есть курс от Кантора и еще недавно видео от чувака вышло.

https://www.youtube.com/playlist?list=PLDyvV36pndZFLTE13V4qNWTZbeipNhCgQ

https://youtu.be/vW51JUVT66w
>>498570>>499421
135 Кб, 953x626
#391 #498570
>>498563
После запуска gulp появляются только css файлы стилуса, а минифицированый файл стилей - нет. НО, после второго запуска всё ок. Не могу понять где я не так понял логику.
>>498589
#392 #498576
Есть ли какой-то толк в этой сфере от изучения PHP?
#393 #498579
>>498576
Возможно работа с CMS и то хуй знает. PHP это же бекэнд, а тред о фронте.
#394 #498586
>>498576
есть, будешь человеком-орекстром, которого в куче вакансий ищут (желательно еще правда работать за мин плату, а также быть не только фронтом, бэком, но еще контенщиком и сео-специалистом и т.д.).
ну а вообще чем больше умеешь тем ведь лучше, главное чтобы это оплачивалось соотвественно, а не как если бы ничего не умел
#395 #498589
>>498570
наверное лучше пайпать сразу, а то может тут асинхронная хрень и на момент первого запуска еще не успевают появится файлы, которые ты хочешь минифицировать
#396 #498610
>>498576
Базовые основы знать надо, ибо очень вероятна работа с пэхой на серверной стороне.
>>498655
#397 #498655
>>498610
Если там REST, то похуй. PHP фронту не нужен.
#398 #498731
Понял что за баба раздражала в чате на записях базового js
http://yseredich.github.io/
198 Кб, 1080x1920
#399 #498734
>>498731

>навык HTML/CSS - 90%


>верстка съехала нахуй


Мда.
>>498740
220 Кб, 1080x1920
#400 #498735
Такое-то позорище для htmlacademy.
>>498740
10 Кб, 480x463
#401 #498739
>>498731

>3 сверстанных фиксированных мелколендоса


> знание HTML/CSS 90%


>один учебный проект из интенсива на JS


> знание JS 60%

>>498742
#402 #498740
>>498734
>>498735
не, ну она вроде не проходила продвинутый, поэтому наверное не адаптивила, но фоны ехать не должны, согласен.
>>498754>>498760
#403 #498742
>>498739

> знание JS 60%


хмм, интересно, что тут считается за 100%
>>498746
#404 #498746
>>498742
100% - Брендан Эйк.
>>498747
#405 #498747
>>498746
точняк)
#406 #498754
>>498740
Да тут придираются то больше из-за ее скиллвила типа 90% хтмл/ксс.
Если ее уровень знаний 90%, то мой 200%, лол.
#407 #498760
>>498740

>не проходила продвинутый курс (который в сумме с базовым даст знание от силы 40% возможностей html/css)


>90%


Наглость - второе счастье.
#408 #498804
>>498731
кек.
верстаны, а ведь на работу если что возьмут эту тупую суку, а не вас.
#409 #498809
>>498804
Я не планирую трудоустраиваться в Питере, так что мне похуй.
#410 #498816
>>498804
Да кому она нахуй нужна, на рынке как-будто выбирать не из кого. Баба на корабле вообще к беде.
#411 #498817
>>498804
не вижу логики
>>498823
#412 #498821
Этот ваш вебпак ведь может заменить гранты-галпы в плане всяких автопрефиксов, группировки медиазапросов, минификаций и прочих штук чисто для css?
>>498825>>498832
#413 #498823
>>498817
именно это ты и скажешь, когда это >>498804 произойдет.
>>498827
#414 #498825
>>498831
#415 #498827
>>498823
Сомневаюсь. Мой уровень с ее не сравнить.
>>498835
#416 #498831
>>498825
А есть про это подробнее? А то как не полезу гуглить, везде про модули-жсы.
>>498836
#417 #498832
>>498821
Да, но вообще в идеале совместить вебпак и галп, самое илитное решение
#419 #498835
>>498827
Ну так подтягивай свой уровень то, стыдно должно быть.
#420 #498836
>>498831
Потому что вебпак все преобразовывается в js-модули и ему обязательно нужна входная точка в js, где ты зареквайришь свою css. Для того, чтобы вынести css в файл, а не использовать как модуль тебе понадобится ExtractTextPlugin.

Вообще, найти на ютубе курс Кантора по вебпаку и посмотри. Там все хорошо расписано.
>>498838>>498839
#421 #498838
>>498836
да я вон выше уже кинул ему >>498834
>>498839
#422 #498839
>>498836
>>498838
А если прям в двух словах, в чем суть и профиты этой приблуды, кроме того, что это возможная альтернатива галпам-грантам?
>>498844>>498849
#423 #498840
Анон, юзаешь ли ты Less Sass?
Смотрю интенсив, ну что то как-то....
Вложенные переменные еще куда не шло, мб переменные где-то юзануть, но в остальному применения пока не вижу.
>>498843
#424 #498841
вложенные селекторы
#425 #498843
>>498840
Вложенные селекты, импорты, амперсенд, переменные, возможность мешать цвета.
Эти несколько фич покроют 90% твоих требований на данный момент.
Меня лично чистый ксс без вложенностей писать даже под дулом пистолета не заставишь
#426 #498844
>>498839
Это для хипстеров
#427 #498845
Лучше через консольные приложения начинать сразу вьезжать? или через GUI? Насколько реальный профит будет от консоли?Ну кроме того, что я крутой парень и ебашу через консоль?
>>498854>>498855
#428 #498849
>>498839
Основное отличие в том, что вебпак не бездумно проходит по таскам, а парсит файлы, проверяет их на корректность и разбивает на модули (и позволяет менять их на лету). В этом плане он похож на browserify, но работает не только с js, а вообще со всем. Его удобно применять, если у тебя куча компонентов, а у каждого компонента свой js, css, картинки, еще какая-то шняга, а еще нужно что-то забрать из node_modules, а еще что вытянуть из старой либы — он все это склеит в аккуратный бандл не проебав пути и зависимости. Причем модули несложно догружать потом асинхронно.

В общем, преимущества вебпака раскрываются в полной мере в больших и сложных проектах со множеством модулей. Если тупо нужно перегнать scss в css, то проще использовать gulp.
#429 #498854
>>498845
Лучше через консоль. Во-первых ты будешь лучше понимать что происходит, во-вторых сможешь потом писать элементарные команды типа:
npm run eslint && npm run stylelint && NODE_ENV=production ./node_modules/.bin/webpack
>>498856
#430 #498855
>>498845
Много чего через консоль делается. Но я для начала использовал prepros (на одном макете) так как только знакомился с препроцессорами и было слишком много информации.
#431 #498856
>>498854
Ни чего не понял,ну ок послушаю твой совет.
#433 #498942
Ананы, насколько сложен жс для человека, который только вкатывается в погромирование, а то я что-то половину задач с http://learn.javascript.ru/ осилить не могу?
>>498965>>498987
#434 #498965
>>498942
Смотря какие задачи не можешь сделать.

Вообще на сколько я слышал, не рекомендуется js в качестве первого языка программирования. Но сам судить не могу, ибо писал в школе на паскале, в универе на фортране и с++
>>498978>>498998
#435 #498976
Начиная с массивов, тяжко становится.
>>498978>>498989
#436 #498978
#437 #498987
>>498942
JS один из самых простых языков, по нему огромное количество инфы, примеров, обучалок и прочего. Запускается прямо в браузере, результат видно сразу, все средства дебага встроенные.

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

Вообще, все си-подобные языки похожи друг на друга — различия в количестве синтаксического сахара, типизации, да управлении памятью.
#438 #498989
>>498976
Хз, что сложного в массивах? Для новичков в программировании я вижу два сложных места:
1. Отличия в передаче переменных по значению и по ссылке
2. Замыкания, захват лексического окружения и this
#439 #498993
Ананасы, киньте годноты по пхп , на работе почему-то это нужно, а что именно нужно я хз.
#440 #498996
>>498993
Охуеть, принеси то, не знаю что. В любом случае, иди в pr.
#441 #498998
>>498965
блять, да все кому не лень хуями кроют этот жс.
но что поделать, фронтендер по сути язык не выбирает.
>>499006
#442 #498999
>>498993
дуй на codecademy, потом может еще чего нароешь.
#443 #499000
>>498993
В пхп тред иди. Они там вроде даже версткой и js-ом занимаются тоже)
#444 #499006
>>498998

>Есть всего два типа языков программирования: те, на которые люди всё время ругаются, и те, которые никто не использует.

#445 #499022
не знаю как вы, а я крайне хуево секу в алгоритмах.

то есть, матчасть по тому как всякие штуки выводить на страницу я еще наверное осилю, но вот когда на собеседовании ушлый интервьюер попросит вывести какое-нибудь хуево число ебаначчи от минус миллиона, жиденько обосрусь нах.
#446 #499024
Наткнулся на забавный видос, где чувак верстает говномакет, стилизуя по хтмл тэгам и решил сверстать его сам, заодно поразгребал бутстраповское дерьмо. Оцените, насколько получилось говно/10: http://acilsd.github.io/landing-btsp/
И да, я неудержался и напихал туда жикверевских свистоперделок.
Олсо, автопрефиксер начистую отказался работать. Я так понимаю, это из-за бутстрапа?
#447 #499028
>>499024
Ты же знаешь, что все страницы которые показывают менее 60 фпс при скролле автоматом уходят в shit tier?
#448 #499030
>>499022
Это можно потом отдельно подтянуть. Все, кто ниже senior алгоритмы могут и не знать.
#449 #499036
>>499024

>.sass-cache в репозитории


>либы не из npm


>package.json нет


>сборщика нет

10 Кб, 200x176
#450 #499037
>>499022
А что сложного в фибоначчи? Их главное рекурсией вызывать.
>>499042
46 Кб, 540x428
#451 #499042
>>499037

>что сложного в фибоначчи


если ты заранее с этой хуйней знаком - ничего.
>>499105
#452 #499054
>>499024
я даже знаю где ты его видел, этот урок)
#453 #499105
>>499042
А ты с математикой школьной знаком? f(n)=f(n-1)+f(n-2) ахуеть сложно.
>>499110>>499174
#454 #499110
>>499105
ну еще с уловием f(1)=1
#455 #499141
>>499022
А я не понимаю алгоритм решения ханойской башни. Ну понятно, что перемещаем с одной на другую, используя третью как буфер, но вот как оно рекурсивно реализуется не понимаю никак.
>>499174
#456 #499174
>>499141
щас тебе этот >>499105 поц объяснит.
>>499179
#457 #499179
>>499174
Я на это и надеюсь. С фибоначей у меня нет проблем
#458 #499192
Всё-таки как разобраться с адаптивной вёрсткой? сами основы я усвоил, немного поверстал на стандартных примерах, но как например сделать адаптивную шапку сайта в которой есть меню, лого, какие-то надписи и ещё что-нибудь? Может кто скинуть реальный пример адаптивности для бизнес-сайтов, которые красиво свёрстаны и натянуты?
>>499276
#459 #499271
Что где работу та искать ?Сколько хуету эту дрочить sass хуяс, адаптив респонсив бля. Сижу и охуеваю, от мысли хуярить макет в стол блевать хочется.Хотя ясен хуй, есть что подтянуть.Бабла нет,обои жрать скоро буду.
>>499274
#460 #499274
>>499278
#461 #499276
>>499192
Тебе мало примеров в гугле, что ли? Открывай любой сайт лебедева и смотри стили, епт.
>>499386
#462 #499278
>>499274
На hh хотят ,что бы я был человек оркестр.Ладно это я так,гавано вылить хотел из себя.
#463 #499325
Поцоны вкатываюсь со своими маняпроблемами, короче я в 9 бросил школу, следом бросил неПТУаКолледж, начал учиться в верску
скидываю на почту в своем мухосранске фейкогитхуб https://github.com/LitvinenkoEvgeny/storyteller
говорю дескать могу и в вебпак и реакт, даже restAPI на джанго организовать смогу, и короче не берут, от слова вообще, че делать ? Я скоро с голоду сдохну. На cyberforum репа есть, ток мне стыдно его заказчикам палить. Че делать то ?
#464 #499329
>>499325
короче выручай анончик, маман скоро на пенсию а я говно без задач. советов там поднакидай, а то я на форумах стал все чаще встречать долбоебов, которым мне впадлу отвечать, следовательно я че то умею например.
#465 #499337
>>499325

>могу и в вебпак и реакт, даже restAPI на джанго организовать смогу


И где хоть одна работа, которая это подтверждает?
>>499341>>499343
#466 #499341
>>499337
ну на гитхабе нет, я просто писал в веб студии аля мухосраньMedia они как бы вообще ни про django ни про реакт не в курсе, че уж говорить про бандлеры и es6
#467 #499343
>>499337
да и кому из них ( тех кто читает почту ) код что скажет ?
>>499345
#468 #499345
>>499343
Лол, ты не резюме отправляешь что ли?
>>499347
#469 #499347
>>499345
лол дак нету у меня никакого резюме
>>499349>>499483
#470 #499349
>>499347
Ну охуеть вообще, неудивительно, что тебя никто не берет. Иди на hh и сделай.
#471 #499386
>>499276
а где у него хоть один адаптивный сайт?
>>499465
#472 #499388
>>499325

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


я не понял, а кому всрался гитхуб, в котором лежит какое-то барахло, но нет ни одной работы? или ты думаешь, что одного факта, что у тебя он есть, достаточно?
#473 #499421
>>498563
Пидорский говор на втором видео.
#474 #499465
>>499386
У него почти все сайты с резиновой версткой.
#475 #499483
>>499347
Чувак, если ты реально во все это умеешь то тебе не составит особого труда сесть, сделать несколько годных проектов или верстануть нормально сайтиков, собрать портфолио, написать резюме и отправлять тогда уже.
#476 #499632
ДС.Пригласили на не оплачиваем стажировку до мая. Стоит ли вписываться,шансы на кидалово?Вообще анонсировала, что думаешь,это вроде как круче ,чем в стол верстать...
>>499659>>499725
#477 #499634
Вообще анон*
#478 #499659
>>499632
лол, мне кажется это тебе предложение набраться опыта в реал проектах за бесплатно. На работу потом рассчитывать не стоит, а вот 2 недели поковырять че-нить реальное вполне можно для опыта.
>>499663
#479 #499663
>>499659
Ну дело в том,что стажировка до конца мая о_О
>>499693
#480 #499693
>>499663
Дропнешь, делов-то
#481 #499707
Как можно наебать с опытом работодаетеля? У меня его нет, а везде требуют 3 года. Если допустим я скажу, что у меня опыта 2.5 года, как они это проверят? Рекомендательное письмо? Трудовая книга?
#482 #499709
>>499707
Второе, если скажешь фрилансер, скажут показывай проекты. В этом плане лучше не наебывать.
>>499722
#483 #499713
>>499707
Ты синьером чтоль устраиваешся?
>>499722
#484 #499722
>>499709
Ну покажу я им несколько сайтов рабочих и скажу что это я сделал, они что? Будут звонить чтоле туда и узнавать? Или сурцы попросят?
>>499713
Ноуп, версталой ПХП бомжом и веб-мастером.
>>499726
#485 #499725
>>499632
Была бы у меня возможность пойти на стажировку даже не оплачиваемую - пошел бы. Ее всегда реально можно дропнуть, а во вторых все-таки опыта набраться можно быстрее.
>>499759>>499761
#486 #499726
>>499722
Ты правда думаешь, что все тупые, а ты один умный? Лел. Пробегуться по вопросам "твоего" уровня и тут ты обсерешь все штаны и будешь с позором выставлен, нахуй так делать?
>>499733
#487 #499728
>>499707
И да, конторы которые требуют 3 года заведово уебищные и ищут оркестровых макак программированных, а не спецов для развития. Норм фирмы смотрят твои проекты, реализацию тестового.. и поебать им сколько ты там работал, можно 3 года верстать статику с JQ плагинами и в итоге быть хуем-нулем, а можно за пол года нахуячить аналог твиттера какого-нибудь и быть королем нарасхват. Но это не про верстку, а фронтэнд в целом. Ибо какой ебанат ищет верстака с 3х летним опытом? Там за год дрочки в реал проектах будешь как Аллах
>>499733
#488 #499732
>>499707
Лучше этого не делать. За спеца с трехлетним опытом ты себя выдать не сможешь, в итоге жиденько обосрешься и сделаешь себе хуже.
>>499733
#489 #499733
>>499726
>>499732
Допустим я на это всё отвечу, тогда отъебутся? Норм. Я готов навыёбываться на свой страх.
>>499728
Да, это я согласен. Там требуется и дизайнер и версталла и бекендщик в одном флаконе, но я готов к этому.
>>499734>>499747
#490 #499734
>>499733
Пытайся, хули. Увидишь, что мы были правы. Начинать сотрудничество с вранья — та еще стратегия.
#491 #499747
>>499733
Скажи просто что 3ех нет,но покажи что можешь,вот и все.По хуй на их требования,там такое бывают пишут,что слов нет.
#492 #499751
Голосуем, анончики.
>>499752>>500216
#493 #499752
>>500216
#494 #499759
>>499725
Ты из ДСП?
#495 #499761
>>499725
Автоввод ебаный. Ты из ДС?
>>499764
#496 #499764
>>499761
Нет, я из жопы мира)
#497 #499770
Поддвачну насчет стажировки. Могу даже в неоплачиваемую, но лучше хотя бы чтоб тысячи 2 грн платили, хоть на еду хватит.
#498 #499996
Антоны, а зачем задавать переменные для фонт-сайза? не проще делать классы, в которые вписывать еще и лайн-хейт и жиронсть?
>>500014
122 Кб, 1156x876
#499 #500014
>>499996
Потому что на нормальных сайтах есть стайлгайд и у тебя всего стилей текста штук пять. Охуеешь потом менять, если каждый раз будешь в класс прописывать.

Пиксели на пике было бы правильней заменить на rem, пожалуй.
>>500036
#500 #500017
БЭМ какая-то хуерга для архи-больших проектов с командой из десятков человек, одновременно работающих над кодом.
Не могу себя заставить писать эти длинющие имена классов.
>>500018>>500044
#501 #500018
>>500017
Так их никто и не пишет руками.
#502 #500036
>>500014
я как раз и имел ввиду что-то вроде этого делать. только просто классами, а не миксинами.
>>500042>>500069
#503 #500042
>>500036
Чтобы не было классянки в html надо подмиксовывать. Тем более в БЭМ

мимо
#504 #500044
>>500017
Начинаются отмазки - не нравятся имена классов, не хочу их писать, значит БЭМ хуета для архи-больших проектов. Ппц логика
>>500050
#505 #500048
Ананасы, хуй знает где спросить. Как вы обучаетесть? Сколько отдыхаете, сколько учите и.т.п? Дайте годных советов, в выходные часа 3 занимаюсь и все пиздец информация больше не усваивается, что делать?
#506 #500050
>>500044
Мы же на дваче, не могу\не получается значит НИНУЖНА
#507 #500061
>>500048
Я по 3 часа где-то тоже занимался когда проходил базовый и продвинутый. Сейчас сижу за js уже часов 6 в день где-то.
Делаю по технике помодоро. В перерывах разминку для глаз и шеи. Когда занимаюсь пишу небольшой конспект с основными моментами.
#508 #500066
>>500061
Спасибо, пойду гляну.
#509 #500067
>>500061
А ну и да, чтобы инфа хорошо усваивалась надо хорошо высыпаться и гулять на свежем воздухе. Если с первым более-менее норм, то вот со вторым не очень - дома сычую обычно)
#510 #500068
>>500061
1 в 1, ток в перерывах дизайн, жрать хочется
#511 #500069
>>500036
А смысл это делать классами? Лишние миксы, не все стили понятны из css, хочешь что-то поправить — нужно в код шаблона лезть. Одни неудобства.
#512 #500078
>>500061
А что насчет отдыха?Как отдыхать?Просто валяться на диване заебывает, а смотреть смищнявки на дваче и игоре особо не расслабляют.
>>500080>>500103
#513 #500080
>>500078
Спорт же.
>>500084
#514 #500084
>>500080
Например?Кроме турника ничего в голову не приходит.По технике помидорки отдых 5 минут же, не?
>>500086>>500090
#515 #500086
>>500084
Я лежу с закрытыми глазами и слушаю ахуенную музыку.
#516 #500090
>>500084
А, ты про кратковременный отдых. Я обычно иду делать чай или просто хожу по квартире, разминаюсь.
#517 #500094
а я траллю на двоще.
например захожу в верстка-тред и говорю, что верстальщишки какую-то хуйню собачью обсуждают
>>500095
#518 #500095
>>500094
бля ну нитраль плиз(((
#519 #500103
>>500078
Отдых должен быть не у компа. 5 минут (для меня эт не отдых а перерыв) между помидорками я написал - встаю и делаю упражнения для шеи/глаз/приседаю (чередую)

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

Ну и еще рекомендуется пить побольше жидкости (вода там или зеленый чай). Полезно для позвоночника и вообще. Тут рекомендаций придерживаюсь)

PS надо уже походу в шапку добавить что ли базовые советы по тайм-менеджменту/здоровью лол
#520 #500105
>>500048
ничего не делаю. Прохожу игори, смотрю ролики на ютубе, поясняю за жизнь младшему брату. Охуенно быть иждивенцем.
#521 #500209

>https://strawpoll.me/7104603/r


>Atom 1 vote


Чего так мало, атом даже хуже чем брекетс?
>>500469
#522 #500216
#523 #500228
>>500048
Утром встаю делаю первый "блок" тасков, в нем немного работаю и в основном гоняю теорию. Вместе примерно 3-4 часа
Затем 2 часа перерыва на велик, книжку или просто поспать, а затем еще один блок где-то на 4-5 часов часов до 10 вечера. Второй блок больше практический. В итоге получается до 2 часов на работу и до 6 на учебу. Вполне неплохо, хочу больше, но не получается пока.
Тоже кстати по помодоркам учусь, помогает концентрироваться, да и отслеживать свою работу тоже. Сразу видно, сколько сегодня учился, сколько вчера, успеваемость, как было раньше.
В выходные преимущественно отдых, максимум с кодом поиграю или книжку какою по джс читну. В основном ебашу на дальние дистанции на велосипеде, отдыхаю, учу английский, етц.
>>500231>>500239
#524 #500231
>>500228

>Тоже кстати по помодоркам учусь


Что это ?
>>500237
#526 #500239
>>500228
Зимой можно на лыжах, летом на велике.А вот в такую уебанскую погоду как сейчас что делать?
>>500240
#527 #500240
>>500239
Не знаю какая там сейчас погода у вас, лично я велик обожаю просто, поэтому сезон грубо говоря не закрывал. Катал и в -7, лол. Все зависит от экипировки. После зимних каток для меня 0 на велике - вообще заебись.
Так что на велике можно в любую погоду в любое время, кроме ливня или совсем уж ебанутой сырости. Тогда просто неприятно.
>>500245
#528 #500245
>>500240
Что за велик?Зимой что нужно для катания?
>>500269
#529 #500248
Когда задаю размеры в ремах, в ссылках размер неадекватный получается. Кто сталкивался, в чем дело?
>>500250
#530 #500250
>>500248
код
>>500266
#531 #500266
>>500250
http://codepen.io/anon/pen/ONWzQv

если баттону 18px задать, то размер совсем другой.
>>500292
#532 #500269
>>500245

>Что за велик?


Kellys Viper

>Зимой что нужно для катания?


Желание, лол.
Ну а вообще конечно теплые спортивные штаны, подштанники возможно, если собираешся в минуса гонять, хорошая обувь, зимние велосипедные перчатки, короткую зимнюю куртку, бафф, хотя можно и без него.
А, ну и желательно иметь велосипедный рюкзак с продуваемой спинкой.
#533 #500273
>>500237
Спасибо
#534 #500292
>>500266
Все правильно там расчет идет
1.8rem в твоем случае это 1.8*16px = 28.8px
У тебя же для корня шрифт не задан, а значит он дефолтный.
>>500310
#535 #500296
Кстати, если em и rem нужны для адаптива, то почему, они не уменьшаются при ужимании экрана, или зачем они тогда нужны в таком случае?
>>500308
#536 #500308
>>500296

>почему, они не уменьшаются при ужимании экрана



Потому что они от него не зависят, очевидно же. Почитай доки что вообще такое em и rem.
#537 #500310
>>500292
что значит для корня? для боди задано же. а для чего надо то?
>>500316
#538 #500316
>>500310
Для html.
#539 #500469
>>500209

>даже


А ты смешной.
>>500494
#540 #500494
>>500469
Чего смешного?
>>500568
#541 #500568
>>500494
Смешно то, что единственный редактор, позволяющий верстать с psd без сторонних редакторов изображений, у тебя даже можеть быть лучше атома, за который меньше всего голосов.
#542 #500590
>>500568
че внатуре ? Можно вебшторм удалять ? Прям можно ? Леттер спейсинг там посмотреть, я про нарезку то не говорю, но тени цвета шрифты размеры правда можно ? Brackets я так понял
>>500822
#543 #500598
>>500568

> позволяющий верстать с psd без сторонних редакторов изображений,


А вот это по-подробнее. Насколько он хорошо слои распознаёт? Или такая же ерунда как гимп?
>>500604>>500818
#544 #500604
>>500598
я нагуглил https://habrahabr.ru/sandbox/88283/
и короче енто типа http://avocode.com/ только порезанный и в редакторе
#545 #500619
>>500568

>позволяющий верстать с psd без сторонних редакторов изображений


А нахуя надо? Это обрезок же, да и работа с psd в фотошопе очень проста и занимает мало времени. Легче работать в быстром саблайме с фотошопом.
>>500820
#546 #500723
Ананасы, я тут свой первый макет верстаю (на самом деле до этого был опыт, но там все смеха ради) естественно на хтмл/цсс. По макету понятно, что должны быть всякие красивости - слайдер, анимации и т.д.
Тут накануне решил больше узнать о бутстрапе, нашел видео где тип объясняет что к чему и заметил, что пример, на котором он это все показывал - один в один по структуре как мой макет. Таки вопрос - стоит ли качать бутстрап, чтобы доделать свою верстку или, т.к. я нубас, превозмогать и пытаться написать самому с нуля? жс не знаю
Вообще насколько часто применяется БС или подобные ему вещи и насколько это вредно для начинающего?
>>500788
#547 #500788
>>500723
Хули вас как помазанных тянет на этот бутстрап. Одно и то же всегда. То люди с jq js учат, то html с бутстрапа. Неужели непонятно что такое бутстрап и зачем оно нужно? пиздец.
#548 #500792
И где оп?
#549 #500818
>>500598
Нормально распознает. Проблемы пока были только с барбершопом, потому что дизайнер мудак, вообще о верстке не думал.
#550 #500820
>>500619
Например для того, чтобы не покупать фотошоп, и чтобы не держать в отдельном окне тяжелую программу.

Алсо, фотошоп тебе не пощволит в два клика экспортировать слой в файл и в код одновременно.
>>500827
#551 #500822
>>500590
Можно, если макет не говно.
Делал по макету тестовое - буквально смотрел абсолютно все, шрифты, высоту строк, расстояния, цвета, размеры, бордеры, опасити, всё.
А вот барбершоп нарисован крайне криво. Например, при попытке считать параметры кнопки брэкеты видели только картинку, предлагали ее экспортировать, не распознали цвет (что очень странно). Также были проблемы с размерами шрифтов и высотами строк.
#553 #500828
>>500827
То есть, к тяжелому программному продукту, поедназначенному для совсем других целей, предлагаешь еще и костыль прикрутить?
>>500845>>500852
#554 #500845
>>500828

>автоматизация


>костыль


ты не прав

>тяжёлому программному продукту


>советует brackets как альтернативу


brackets шустро работает только на небольших макетах, на здоровых, которые, как раз, и используются на практике, он начинает нещадно лагать, гораздо похлеще фотошопа.
>>500866
#555 #500852
>>500828
А вообще, каждому своё. Нравится brackets, пользуйся им, но мне на моей некропеке ай3 4 гига удобнее пользоваться связкой сублайма и фотошопа.
#556 #500866
>>500845
Дай пример макета, на котором брэкетс тормозит. Пока еще не встречал такого.
>>500870
#557 #500870
>>500866
Лень искать, но я как-то опробовал его на одном макете на 40 мегабайт. Работать было невозможно.

>пока ещё не встречал такого


молодец, что. Может у тебя пека получше.
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 11 апреля 2016 года.

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

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