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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
65 Кб, 698x390
5 Кб, 300x300
33 Кб, 649x716
Верстка тред №55 #480862 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

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

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


Можно.

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


Можно.

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


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

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


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

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


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

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


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

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


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

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

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

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

Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется 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

Прошлый тред >>475445 (OP)
#2 #480863
>>480862 (OP)
Добавил краткий фак, дабы спасти тред от дурацких вопросов.
Думаю, ОП-пост надо частично перепиливать, а заодно и пасту. Если что - жду ваших предложений.
ОП
>>481025
19 Кб, 200x218
#3 #480880
Вопрос к фронтендерам: насколько сильно нужна математика в этой специальности? Мне вот очень нравится верстка и JS вроде неплохо учится, но вот математику очень не люблю. Просто считается, что программирование все-таки связано с матаном и все в таком духе, поэтому и спрашиваю.
#4 #480882
>>480880
Нет ну это пиздец просто.
#5 #480886
>>480880
Линал, диффуры и интуры знать надо. Векторный и тензорный анализ можешь пропустить, если не будешь моделировать.
Из тфкп очень желательно шарить (кроме базы) в конформных отображениях.
>>480925
#6 #480889
Так а что по поводу курсов, о которые писал анон?
https://geekbrains.ru/professions/web_developer
>>480901
81 Кб, 807x735
#7 #480901
>>480889
знаешь я скажу коротко, как когда-то мне ответили в треде про английский язык в разделе /fl.

На всякие курсы записываются те, кому это на самом деле нахуй не нужно. Чисто ради того, чтобы сделать вид, что этот человек что-то меняет в своей жизни. Чтобы было на кого свалить свои неудачи. Все что выносит человек с таких курсов - это счета за обучения. Те кому реально это нужно, то он справиться и без всяких курсов, и будет целыми днями, все свое свободное время посвящать на обучение верстке, джс и т.п.. Так что спроси себя еще раз, нужно ли тебе тратить деньги на всякое говно, когда это есть в шапке и в гугле?
>>480915>>481039
#8 #480902
>>480880
Нужно абстрактное мышление, а не математика.
>>480938
#9 #480915
>>480901
Я не тот анон, но всегда ли так? Вот я работаю околопрограммистом (бд, хранилища данных и пр). Хотелось бы, приходя с работы, просто открыть лекции, практику и все делать, а не альтабться по миллоинам книгам и вкладкам. Учил джаву так, да, все время дрочил на нее.
>>480928
121 Кб, 610x720
#10 #480925
>>480886

>Линал, диффуры и интуры


Что?
>>480930
81 Кб, 807x735
#11 #480928
>>480915
а для чего тебе дали гугл? Никогда не понимал людей, которые тратят деньги на всякие курсы. Да, может без курсов ты бы сидел и тратил больше времени как я, разбирая всякую херню и пересматривая лекции по 5 раз, пока на тебя не сойдет благодатный огонь. Но я потрачу те же 7000 рублей на более полезные вещи.

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

P.S. Короче тут какую-то хуйню тебе написал, но думаю мой посыл ты понял
>>480936
#12 #480930
>>480925
Блять я че зря учился на физика-ядерщика, раз нигде это не использую? Еще блять квантовая механика, урматы и тонны прочего
(да, зря)
#13 #480936
>>480928
Я понял и так делал всегда, но теперь появились деньги и решил, что может быть проще, лол.
#14 #480938
>>480902
А верстальщикам тоже нужно абстрактное мышление? Например я осилил html/css и основы JS. Говорит ли это о том, что я еще способен в абстрактщину?
>>481074
#15 #481025
>>480863
О, молодца, помозгую на досуге тоже чет подскажу по посту, но блядь судя по вопросу слоупока, который он уже и в js тредике успел задать хуй кто читает то шапку
>>481031
#16 #481031
>>481025
Лол, я тот нуб, который спросил совет.
Будет полезно, если в пасте будет написано жырным "ВСЕМ НОВИЧКАМ/НУБАМ ЧИТАТЬ ШАПКУ БЛЯТЬ"
#17 #481039
>>480901
Котейке этому двачаю)
Анон #18 #481043
Я Ананон который про курсы спрашивал.
О курсах задумался потому, что есть предположение,что там дают инфу "по порядку" + можно совмещать с работой комфортно, какой не какой "ментор" будет, ну вы поняли о чем я. Тебя Анон услышал, вопрос был как раз потому, что сомневался именно в этих курсах а не в курсах в принципе.Прогуглих их, говорят шаражкина контора, к тому же опять посмотрел их план обучения. ТАБЛИЧНАЯ ВЕРСТКА!!На хуй это вообще надо!!! Были сделаны выводы, что там все так.Кстате , курсы ты зря презираешь, я думаю, что например тот же английский куда проще изучать с преподом и не испытывать анальные мучение с дрочкой типо учим миллион слов и читаем книгу на английском.
>>481085
#19 #481074
>>480938
Ебаш, даже макаку можно в эту хуйню научить, если начнет матаном пахнуть то будешь учить по необходимости.
#20 #481084
Прошел HTML/CSS на codecademy и htmlacademy.

Нашел объявление о приеме на стажирвку версталой, с тестовым заданием. Сейчас вот делаю, но идет очень туго.
Рано взялся?
>>481089>>481240
26 Кб, 581x422
#21 #481085
>>481043
Запомни. Если человеку к примеру действительно нужен английский, то он будет учить его самостоятельно тратя свое драгоценное время, которое в будущем окупится. В интернете куча различной инфы, в том же вк и ютубе полно различных источников.

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



Что будешь делать, если ты не осилишь английский изучая его с преподом по причине, что тебе он нахуй не нужен? Будешь говорить, что препод был плохой, как я описывал постом выше?
#22 #481088
Что за предрассудки Анон , преподаватель просто эффективнее. То о чем ты говоришь, применимо к студентикам имхо, которых надо заставлять, что-то делать. Не видел долбаебов, которые идут учить английский, чтобы имитировать бурную деятельность, 25+ так точно не делают. Или тебе бабла жалко?
>>481092
#23 #481089
>>481084
Если просто курсы у академии прошел - то да. Но чем черт не шутит, дерзай давай. Все-таки быстрее пойдет то дело, если в конторке будешь стажироваться.

Да и расскажи че там в тестовом то?
>>481093>>481095
#24 #481091
Допустим мне надо вырыть яму 5х5 и глубиной 2 метра. Почему бы мне не взять лопату, а не копать руками? Сравни шансы, что я брошу копать руками и лопатой? А твоя супер нереальная мотивация это конечно круто, но так можно и надорваться
>>481094
#25 #481092
>>481088
С хорошим ментором конечно эффективнее будет, причем в любом деле
19 Кб, 636x775
21 Кб, 636x775
39 Кб, 636x775
20 Кб, 371x956
#26 #481093
>>481089
Адаптивная форма, пикрелейтед.
>>482586
#27 #481094
>>481091
если тебе настолько тяжело учить верстку самостоятельно, то может тебе стоит задуматься нужна ли она тебе вообще?

Мотивация? Тебя засчет мотивации только получается усадить за комп и заставлять верстать?
>>481104
#28 #481095
>>481089
Дополню: в статике то я ее запилил, фокусы на инпуты и лейблы работают как надо, на нужные размеры более-менее вышел (хотя отклонения кое-где в пиксель-два присутствуют, увы, кстати это сильно важно в реальной работе?), но выбранный путь был, судя по всему, ошибочным - в адаптировность она никак не хочет.
>>481546>>482586
#29 #481104
>>481094
Ну ты что не читаешь совсем, что я писал. Я говорил, что курсы удобнее подачей материала , наличием ментора , и возможностью удобно совмещать работу/учёбу. А на счёт меня и вёрстки эта другая история, вёрстку например можно осилить без проблем на уровне устроиться хоть куда либо, а курсы предполагали html-css /php /js и всякие другие вкусности. Если с версткой все более менее ясно, то не трынди только, что учить туже Пыху, хотя она тоже ещё в пределах досягаемости, охуеть как круто самому.
152 Кб, 485x720
#30 #481208
Про всякие платные курсы. Они сделаны для хомяков, которые хотят что бы их всему научили, как правило ими движет не желание уметь, а желание зарабатывать бабки, потому как им написали на брошюре, что зп очень высока. И логика у таких людей очень простая, раз я заплатил за курсы, значит меня реально научат, а рыться во всей куче информации в интернете неблагородное и совершенно неэффективное дело. Покупая курс они снимают с себя моральный груз ответственности за свое образование. Они лишь уверены в том, что результат будет достигнут, особенно, если учитывать столь внушительные успехи компании, которые, кстати, так же написаны на брошюре. Вы думаете почему фирм для обучения сейчас так много? Потому что это бизнес. Они, якобы, создают мост между любой наивной бухгалтершей и престижной работой. Но по сути все эти конторы одинаковые, они учат основам, которые гуглятся на раз два, но люди просто НЕ ХОТЯТ гуглить, они лишь хотят хорошую работу. Поэтому компашки просто берут самое легкое и преподносят это в виде ужина в ресторане, где за первым идет второе, а потом третье и наконец десерт. Они так же утверждают, что обеспечат вас работой-это ложь, стажировкой да, но не работой. Стажировка, кстати говоря, будет бесплатной с большой долей вероятности. И не стоит думать о зарплате вообще. Человек озабоченный деньгами в этой области заведомо проиграл...
>>481215
#31 #481215
>>481208
Ты прав, но не совсем.
Я вот полностью забросил игрули, книги и остальное бесцельное времяпрепровождение, прошел несколько интерактивных курсов, постоянно читаю по этой теме. О каких-то невероятных доходах не думаю, был бы безмерно счастлив получать хотя бы 80% от своей текущей з/п. Но вот от курсов я бы не отказался. Книжке ты не задашь интересующий тебя вопрос, не попросишь показать более понятный пример. Ну а тупое гугление, особенно в самом начале - это вообще хаос и метания.
>>481237
#32 #481237
>>481215
я это вообще, а не конкретно тебе. И да, навык гугления очень полезный навык в сфере IT в целом. Стоит так же отметить, что ENG гугление гораздо эффективнее. А ты поступай как знаешь, было бы желание и добиться можно всего и неважно какими способами.
>>482816
#33 #481240
>>481084
Нет блять не рано, запоздал ты что-то
>>481280
#34 #481280
>>481240
Чего злой такой?
>>481336
#35 #481288
Объясните популярно, как выкатывают файлы новой верстки на сервер? Верстала отправляет через гит изменения в репозиторий, да? Дальше как? Как это трансформируется в конкретные изменения внешнего вида сайта? Вообще не понятно, что там дальше происходит с html-файлами, когда джун html/css-онли-верстала отдает их погромистам.. Поясните за процесс разработки сайта
>>481341
#36 #481336
>>481280
Потому что мне 13 лет, извини
#37 #481341
>>481288
Ну для начала надо понимать что есть девелопмент версия разработки, а есть продакшн. В девелопе проект постоянно ковыряют и доделывают, в продакшн отдают готовые минифицированные, обмазанные оптимизаторами и префиксерами файлы. Отдать в продакшн - это, по сути, свалить файлы на сервер заказчику.
Пока проект в девелопменте, он разрабатывается и находится в общей репе. Ну или еще где-то, по общему уговору. Как правило готовая сборка висит в репе и обновляется время от времени. При попытке внести изменения пользователь форкает репу себе, что-то там делает, затем либо мерджит в мастер/пулл реквестит, либо отдает бранч проггеру повыше, чтобы тот свой кусок работы сделал.
#38 #481370
если кому-то интересно тут топ йоба сайтов 15го http://www.cssdesignawards.com/woty/
#39 #481388
>>480862 (OP)
ОП молодец, очень хороший и грамотный FAQ.
227 Кб, 800x500
#40 #481428
Антуаны, что скажете за будущее blend4web, и про WebGL в частности? Стоит ли вкатываясь в верстку с нуля в 27 лет,параллельно обкатывать навык 3D-моделирования хотя бы на уровне пиклирейтед?
#41 #481429
>>481428
пробуй и сам поймешь надо тебе или нет
>>481492
41 Кб, 1154x770
#42 #481451
Вот же курвы, посреди курса подписку требуют, пидоры.

Стоит ли у мамки 300 рублей просить, или пройти что есть?
>>481453>>481471
#43 #481453
>>481451
Прошел их. В основном там дальше кукбук, куча прикольных примеров как можно сделать красиво.
Ну и флексы, конечно, которые знать надо 100%.
Я прошел и не пожалел.
#44 #481454
>>481428
Тебе - не стоит.
>>481489
#45 #481459
А нахуя перекатываться за бугор? Не проще зашибать баблосы в бачинских и жить как король в своей мухосрани?
>>481474
#46 #481465
>>481428
Нет опыта работы по 3D-моделированию? Ты хикка? Если ответы да, то выбери только одно — верстку
>>481491
#47 #481471
>>481451
А я прошел нахалявку в январе)
#48 #481472
Никто аккаунт к htmlacademy с действующей пропикой не подгонит?
Мыльцо (вдруг доброанон появится): sheslostcokA0ntrolANUS2cPlJhPUNCTUMhX38k
#49 #481473

> пропикой


пропиской
быстрофикс
#50 #481474
>>481459

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


Спасибо, но нет.
>>481480
#51 #481480
>>481474

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

#52 #481487
Ладно, анананы, до встречи через 400 часов, лол.
#53 #481489
>>481454
Спасибо, смотивировал
>>481511
#54 #481491
>>481465
Сколько времени требуется для опыта? Не хикка, социоблядь.
>>481495
#55 #481492
>>481429
Спасибо, кэп.
#56 #481495
>>481491
Не понял вопроса.
111 Кб, Webm
школьник #57 #481498
Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете? Как реагируешь на это? Сколько времени уходит на проектирование + верстку этого элемента?
И вообще, возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН?
рандомпик
#58 #481511
>>481489
Тебе не нужна мотивация. Если бы тебе было это интересно - ты бы уже этим занимался. Это не твое, лучше возьмись за то, для чего тебе не нужно задавать вопросы на дваче.
#59 #481514
>>481498
Возможно, если верстаешь по очень подробным макетам. Но чувство прекрасного надо иметь. Если не имеешь, но мозги варят хорошо - иди в бэк.
>>481523
#60 #481523
>>481514
в том-то и кек, что вроде верстка изи, все шаблонно, одинаково что ли, но "чувство прекрасного" не имею
а в бэк я хз куда вкатываться. раньше работал на пхп (оче понравился Laravel), но не ебу, как вкатиться во фриланс (англ. на уровне понимания технической литературы, в общение на нем не могу + опыта нет)
>>481547
#61 #481538
>>481498

>возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН?



представь, что тебе пришлют макет для десктопа, а адаптивность придется уже пилить самому. т. е. по сути весь дизайн для планшетов и мобил будет на твоей совести, расположение блоков, расстояния между ними, размеры шрифтов, какие-то штуки, которые скроются - все сам. и это только то, что первое приходит на ум. вот и думай.
>>481539
#62 #481539
>>481538
а это очень частое явление, ибо никто не хочет платить за несколько дизайнов.
>>481542
#63 #481541
Ну это ахуеть. Less, циклы, переменные, условия и т.д все понятно. Но куда применить? Нахуй мне color:darken(@var,20%); Нахуй мне spin(@var,20%); Если есть пипетка сука. Со спином вообще бред, сидеть и понимать какой цвет на выходе будет это дольше чем заюзать пипетку. Миксины, ок, можно найти применение и переменных. А условие? Нахуя? Куда я могу применить условия? .mix (@var) then (lightness(@var)<=50%) {
background-color:@red;
}
Нахуя так ебать себе мозги, если есть пипетка)
Просто приведите мне пожалуйста примеры из типичного рабочего процесса верстки и я успокоюсь. Не могу найти практического применения. Просто горит так что из орбиты видно.
>>481543>>481550
#64 #481542
>>481539
И это пиздец на самом деле.
#65 #481543
>>481541
Ну использование миксинов и переменных позволяет разом менять параметры элементов во всем документе. Даркены, это больше когда фристайл версталы идет, т.е. не по макету.
#66 #481546
>>481095
Кидай верстку, скажем что не так
#67 #481547
>>481523
Не слушай хуйню про «чувство прекрасного», дизайну, точнее типографике, нужно учиться. Там есть конкретные правила и рецепты. К сожалению, в мире дизайна не принято делиться знаниями. В большинстве книг, которые ты найдешь, несмотря на положительные отзывы, никакой полезной инфы не будет.
#68 #481549
>>481428
с 3D куча ебалова. Самое то, чтобы лет в 13 сидеть и упарываться. Сам пробовал в 26 вкатиться - понял что при необходимости каждый день тратить большую часть своих времени и сил на работу, обучиться 3D на достойном уровне - задачка не из легких. Дрочу дальше HTML/CSS/JS/PHP, не расстраиваюсь, потому что это мне тоже нравится.
>>481558
#69 #481550
>>481541
Ну например были в одном макете у меня центровщики разной ширины. Я передаю ключевое слово в примесь и в зависимости от того что передал центровщик разный подмиксовывался правда я на sass делал, но это сути не меняет
Преобразования цветов помогут при смене цветовой гаммы сайта. Задаешь только базовый и все остальные автоматом высчитываются. Правда и названия переменных в таких случаях лучше писать типа $base-color, $accent-color.
>>481554
#70 #481552
>>481498

>Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете?


в 37.5% случаев

>Как реагируешь на это?


Резко, но позитивно

>Сколько времени уходит на проектирование + верстку этого элемента?


33 минуты и 17 секунд, с учетом 2х минутного перерыва на туалет.
>>481560
#71 #481554
>>481550

>передаю ключевое слово в примесь


Дико проиграл
>>481561
#72 #481558
>>481549
Вот этого поддвачну. Верстка быстро дает результат, ты можешь через несколько месяцев устроиться на работу и расти дальше. В 3D порог входа высокий, ты год будешь хуярить в стол, тебе уже 28, давление на тебя будет только усиливаться, и хуй знаешь, что будет дальше, так как нет фидбека и реальных заказов.
#73 #481560
>>481552
Че ты рвешься-то от таких вопросов, умник? Ты уже в прошлом треде отписывался, я тебя узнал, мудила.
>>481565>>481573
#74 #481561
>>481554
Ну в принципе можно было и передавать сразу ширины, только загнать предварительно в переменные
>>481574
#75 #481565
>>481560
Напомни, что я писал в прошлом треде, даун?
>>481567
#76 #481567
>>481565
Хули ты так дерзко отвечаешь, пёс?
>>481568
#77 #481568
>>481567
Хули ты отвечаешь вопросом на вопрос, жид?
>>481569
#78 #481569
>>481568
Потому что могу.
>>481571
#79 #481571
>>481569
не обманывай себя. Потому что не можешь ответить на поставленный вопрос.
#80 #481573
>>481560
Потому что вопросы тупорылые
#81 #481574
>>481561
Дело в не в этом, просто обычно говорят «передал аргумент в миксин».
14 Кб, 581x356
#82 #481576
Полдня учусь верстке, сверстал первый макет (это же так зовется?). Порадуйся за меня, анон! хватит срач разводить, давайте по теме
#83 #481577
>>481576
Молодца, кончил с твоего макета радугой!
>>481586
#84 #481582
>>481576
Молодца, учись дальше
#85 #481585
>>481576
Норм, можешь устраиваться на позицию junior frontend, зп от 50.000
>>481598
#86 #481586
>>481577
Тащемта для меня это было несколько сложно, и это реально успех.
#87 #481598
>>481585
Фрилансером за 100к в месяц 8 часов в неделю!
>>485448
#88 #481600
>>481498
Как правило нужно допиливать адаптив на ходу. Но там не сложно, ибо основные направления дизайна, а именно: цветовую схему, стиль геометрии блоков, форму, поток и т.д. уже задали.
При надстройке адаптива достаточно красиво выстроить контент, где-то отступы взять на усмотрение, размер шрифта изменить, это не сложно.
Наверстал таких макетов уже порядочно, с проблемами не сталкивался. В то же время пилу свое первое СПА, где стало понятно, что в дизайне я полнейший блять ноль.
>>481611
#89 #481611
>>481600
Я считаю, что это ненормальная ситуация. Ебаный геморрой, за который тебе обычно не особо сильно доплачивают. Или вообще не доплачивают. Хороший дизайн создается по принципу mobile-first, а не путем вот такого допиливания. У меня было 3 таких макета. Это были интернет-магазины, со сложным многоуровневыми меню и рекламой товаров внутри. Долго искал решения, по сути работал дизайнером. Dropdown Menu на десктопе для мобилы сделал в виде Drilldown. Разметку пришлось продублировать в некоторых местах. И это только шапка. В других местах тоже было дохуя проблем.
>>481673
#90 #481616
>>481576
Ебать ты крут!
>>481633
921 Кб, 821x857
sage #91 #481631
>>481633
sage #92 #481633
#93 #481673
>>481611

>свое первое СПА


>в дизайне



SPA уровня верстка-тред. С лендосом-то не перепутал? Или у тебя прямо настолько все заебись с js?
>>481685
#94 #481685
>>481673
Учусь/практикуюсь. Верстка у меня уже на уровне, осталось JS натаскать и в джуны заваливаться.
>>481686
#95 #481686
>>481685
Пиздец, 6 месяцев верстку дрочишь? Отсталый даун
>>481687>>481689
#96 #481687
>>481686
Я года полтора. Что хочешь?
>>481688
#97 #481688
>>481687
Тупая макака, главное на собеседосе об этом не говори, обоссут
>>481692
#98 #481689
>>481686

>6 месяцев


С чего ты взял?
>>481690
#99 #481690
>>481689
Вижу тебя насквозь, мразь
#100 #481691
Можно тред скоро закрывать, судя по зашкваренности даунятами.
>>481693
#101 #481692
>>481688
По гитхабу увидят.
#102 #481693
>>481691
Соглашусь. Щитпостинг хлеще чем в быдлятне пошел.
>>481697
#103 #481697
>>481693
Да это просто завистливые неосиляторы беснуются. Вон, как четырьмя постами выше. Не кормите их и они сами уйдут.
#104 #481756
Чуваки, как же у меня подгорело...

Увидел пиар курсика по фронтенду. Надыбал торрентик, бегло пролистал. Помимо разделов по верстке и js есть раздел softskills. Решил глянуть. Первое же определение в презентации:

>Softskills - навыки, проявление которых сложно отследить, проверить и наглядно продемонстрировать.


Дак а как блядь всякие HRюши собрались их тогда оценивать и определять?

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



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



вот эти качества точно более нужны вэб-макаке, да, лол

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

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

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



ну пиздец и кто-то еще заикается о навыках ораторского искусства

и это, напоминаю, в рамках курса по фронтенду)
#105 #481761
>>481756
автор курса?
#106 #481770
>>481756
Сам нашел на рутрекере. Хуйня, а не курс. Просто полнейшая хуйня.

>Раздел 1. HTML/CSS Верстка (12 занятий)


доступная всем информация, почти в каждой книге это все описано

>Раздел 2. JavaScript (24 занятия)


аналогично. learn.javascript.ru — намного больше инфы и бесплатно.

>Раздел 3. Soft Skills (11 занятий)


хуйня

>Раздел 4. Карьерный коучинг (4 занятия)


хуйня
#107 #481775
>>481756
Что только не сделаешь, чтоб продать свое говно
1600 Кб, Webm
#108 #481778

>Junior Standard


>11,700 грн.



>Super Junior


>15,700 грн.

>>481787
#109 #481787
>>481778
Это че за хуйня?
>>481795
#110 #481790
Пацаны, все макеты стоит верстать по бэм или это фича для больших контор? Вот если я для портфолио сверстаю все по бэм, это норм будет или спросят нахуя я это делала, если без команды?
>>481794>>482016
#111 #481794
>>481790
Обоснуешь преимущества даже при сингл работе. Это им скорее понравится, чем нет.
#112 #481795
>>481787
Это то, что описывает >>481756
http://fe.goit.ua/
#113 #481799
>>481795
Какая-то хуита для маркетологов, кому там нахуй вперлось как ты демагогию разводишь, если ты спец и работу свою делаешь, че за хуйню они там несут.
#114 #481803
>>481795

> http://fe.goit.ua/


Вот этот сайт у них, это канон адаптивности? Это вот это резиновой версткой называют?
#115 #481807
LESS или SASS?
>>481810>>481814
#116 #481810
>>481807
стулус
>>481818
23 Кб, 256x300
#117 #481813
Верстаны, накидайте список мастхев джиквери плагинов дял верстки среднестатистического сайта. типа там карусель, ползунки, попапы.
>>481825
#118 #481814
>>481807
Я первый макет сделал на лесс, потом перешел на sass, хочу еще как-нибудь стайлус попробовать.
Они же в базовых возможностях практически одинаковые. Выбирай что хочешь, потом перейдешь, если что.
>>481816
#119 #481816
>>481814

> Я первый макет сделал на лесс


Свой первый макет сразу с препроцессорами верстал?
>>481817
#120 #481817
>>481816
Сорян, первый адаптивный макет)
#121 #481818
>>481810
его не поддерживает csscomb
>>481821
#122 #481821
>>481818
А вот это уже не очень круто
#123 #481825
>>481813
cycle2/fotorama - слайдеры
owlCarousel2 - карусель
fancybox - все попапы
jScrollPane - скроллы
iCheck - чекбоксы, радио
select2 - селекты
jQuery Form Plugin - для форм
maskedinput - для навешивания маски на инпут
+
Isotope/Masonry/Packery - для построения сеток
bootstrap-datepicker - для выбора дат
Chart.js - для построения диаграмм
imagemapster - для построения интерактивных карт
hoverIntent - хороший миниплагин, который меняет встроенный ховер, заставляя его срабатывать, только когда мышь задерживается над объектом.
ну и jqUI - для всякого, например, тултипов

Это некоторое из того, что я использовал и мне понравилось.
#124 #481832
>>481795
проиграл с программы. больше половины - типичная бизнес-тренерская хуета и симпл инглиш.

вангую, какие-то ушлые бизнес-тренера взяли в оборот пару верстаков и кодеров и теперь совместно собирают бабос со страждущих, потому что в чистом виде их коучинг-кал уже всем остоебал и надо чем-то его размешать.
#125 #481857
>>481825
Добра тебе

мимоанон
#126 #481925
>>481825
Пиздец блять. Щас начнут тут всякие пихать это всё говно и будут у них страницы по два часа грузиться.
6 Кб, 600x419
#127 #481930
Верстачи, а есть какая-нибудь конференция начинающих макак, в скайпе или инстаграме или еше где? Чтоб помогать друг другу и не сдохнуть в одиночестве?
>>481934>>481956
#128 #481934
>>481930
Нету. Здесь спрашивай ответы.
#129 #481946
Есть тут аноны, которые используют сасс?
У меня есть файл _header.sass, и в нем я прописал $white: #fff. Создал новый файл _content.sass, и не понимаю как мне можно использовать $white в этом файле, если он у меня прописал в _header.sass . Вообще реально ли сделать, как я описал выше или надо все по новой прописывать?
#130 #481951
>>481946
@import("_header.sass")

Если используешь модули, то, соответственно, @import("./_header.sass")
>>481953>>481958
#131 #481953
>>481951
а как такое правильно погуглить, а то не совсем понял. Гуглил до этого, но ничего не находил по своему вопросу.
>>481960
#132 #481954
>>481946
по-моему обычно пилят главный файл, в котором тупо импортируются все остальные, и в этом файле первым импортируется специальный файл, в котором записаны переменные.
>>481962
sage #133 #481956
>>481930
Есть желание попиздеть - добавляйся: j30lv3?add

мимо еще один нюфаня
#134 #481958
>>481951
Найти в доке: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import

Например я вот сейчас там нашел, что наебался с синтаксисом и нужно писать без скобок и с точкой с запятой: @import "_header.sass";
>>481960>>481998
#135 #481960
#136 #481962
>>481954
Двачую
#137 #481981
Как считать параметры тени из макета?
>>481984
#138 #481984
>>481981
В свойствах эффектов, показано в фотошопе для верстальщика
>>481995
#139 #481995
>>481984
Там только для текста считываются параметры тени ж.
>>481999
#140 #481997
>>480862 (OP)
оп-пост полное гавно и следует переписать. временные рамки никуда не годятся. в срелнем нужен год, чтобы стать востребованным спецом. на верстку надо ложить хуй стразу и полностью. всё внимание отдавать жс и учить верстку паралельно. на счет работы тоже хуйня - фриланс не вариант стопудов, а в веб студию ещё надо попасть и не вылететь. в итоге всё печально. болото да и только.
#141 #481998
>>481958
вроде бы @import "header" будет правильно без _
#142 #481999
>>481995
Для блоков тоже. Если конечно дизайнер не мудак и не запилил растровую кастомную тень
>>482013
#143 #482006
>>481997
припекло от этого гроссмейстера
нуб-кун
#144 #482007
>>481997
год дрочиться чтобы вкатить во фронтенд? ловите наркомана
>>482009
#145 #482009
>>482007
возможно больше.
>>482010
#146 #482010
>>482009
что ты делаешь, у меня квартиру жиром затопило
>>482012
#147 #482011
>>481997
За год можно джаву осилить, а ты про фронт тут говоришь, лол.
>>482014
#148 #482012
>>482010
не стоит наебывать людей это плохо
#149 #482013
>>481999
В нердсе явно мудак. и как считывать?
>>482017
#150 #482014
>>482011
чтобы стать нужным рынку не меньше года. или будешь червем за копейки
>>482015>>482018
#151 #482015
>>482014
Чтобы стать нужным рынку, надо иметь опыт работы
#152 #482016
>>481790

>делала


Сисечки покажешь? Писечку дашь полизать?
#153 #482017
>>482013
Не помню про нердс, вроде там все нормально должно быть. Вот в барбершопе да, есть .
Где именно проблемма скрин плиз
>>482040
#154 #482018
>>482014
а хуле на на geekbrains курс 10 месяцев тогда всего?
>>482047>>482068
119 Кб, 421x404
#155 #482020
>>481825
зачем ты так подставляешь ньюфагов, они же реально это говно всюду пихать начнут?
>>482055
#156 #482030
За сколько проходятся базовые курсы htmlacademy?
>>482042
224 Кб, 1920x1048
#157 #482040
>>482017
.Layer_36 {
background-image: url("Layer 36.png");
position: absolute;
left: 236px;
top: 361px;
width: 709px;
height: 495px;
z-index: 113;
}

Считывается только это.
>>482045>>482046
#158 #482042
>>482030
Интенсив базовый вместе с курсами за один-два месяца, со всеми допами и версткой всех макетов. 3 часа в день примерно. Будешь больше времени уделять - быстрее
>>482049
#159 #482045
>>482040
Видишь написано эффекты, тень под слоем. Вот открываешь и там будут параметры тени. Сказал же блядь, посмотри фотошоп для верстальщика - там показано
#160 #482046
>>482040
Хотя, может это из-за того что фотошоп не последний? Его же можно бесплатно использовать, просто каждый раз новый аккаунт заводя.
59 Кб, 402x604
#161 #482047
>>482018
потому что им нахуй не надо чтобы ты работал а надо чтобы ты платил деньги им
15 Кб, 874x410
#162 #482049
>>482042
Целый день просидел за учебой, а прошел всего-ничего. Это меня напрягает.
#163 #482051
>>482049
ложи хер на курсы и смотри интенсив. там всё понятнее
>>482057
#164 #482052
Я нихуя не понял, этот тред где-то пропиарили что ли, что за наплыв пиздеца?
>>482054
#165 #482053
>>482049
Ну потом ход наберешь, если нравится то главное каждый день занимайся. Ну и перерывы делай офкос. Например по тому же методу помидоро. Иначе башка ватная будет и будет подтупливать. У них в курсах еще меня напрягало что нет еммета - он бы был кстати
>>482057
16 Кб, 270x258
#166 #482054
>>482052
Да, в мдк пиарили.
#167 #482055
>>482020
Альтернатива?
#168 #482056
Господа, в шапке написана фраза " Запили минимум 3 из представленных учебных макетов. Практика просто необходима.". Т.к я только начал заниматься, то хочу спросить: что за макеты? Это задания из интенсив-курса?
>>482059>>482062
#169 #482057
>>482053
У меня перерывы - сходить налить чай каждый час, лол.

>>482051

> ложи хер на курсы


Ну, если так глянуть - половину базовых курсов сегодня прошел, завтра допройду остальное. Не думаю, что один день что-то поменяет.
#170 #482058
>>482049
Да, кстати, правильно тебе написали, но только не хер ложить а просто курсы дополняют интенсив. Смотришь видео, а потом проходишь курс по теме либо который они в д.з. сказали
>>482066
#171 #482059
>>482056
Сам увидел, спасибо.
#172 #482062
>>482056
Там к базовому интенсиву 4 макета. Один пилят наполовину на лекциях. Ты же пилишь все остальные и можешь допилить тот который они наполовину сделали
>>482063
#173 #482063
>>482062
Благодарю
#174 #482066
>>482058
Ок, завтра начну интенсив курить.
>>482069
#175 #482068
>>482018
Выяснил, что за контора. Наебали во полное, за 10 месяцев накидают тебе обо всем по маленьку, можешь просто глянуть как курс построен и станет понятно, что это хуйня. Хтмл академии дрочи, все макеты делаешь в резине адаптиве + любой из интернета и можно js учить, ну моё мнение таково.
>>482071>>482083
#176 #482069
>>482066
Да можешь уже и добить до конца после первого видео, раз половина осталась) все-равно там введение про интернет и блаблабла
>>482071
#177 #482071
>>482069
Лол, а я думал, лучше пройти базовый, а потом интнсив.
Другой анон.
>>482068
Конечно, нахуй это надо.
>>482073
#178 #482072
>>481997
В штанах у тебя болото. Время в часах указывать намного правильнее, потому что все занимаются в разном темпе.
#179 #482073
>>482071

>Лол, а я думал, лучше пройти базовый, а потом интнсив.


Сначала базовый интенсив, потом продвинутый интенсив.
>>482075
#180 #482075
>>482073
Пардон, имел ввиду, базовый "текстовый", а потом интенсив
>>482086
#181 #482083
>>482068
Поддвачну
Я ради любопытства когда был доступ ко всяким складчинам пролистывал разные курсы. Была там нетология, профессия верстальщик от этих гикбрейнс, вот это гоит, которое выше обсуждали, еще какаято поебень. Короче то качество записи говяное, то дикция у докладчика ппц страдает, то вообще слишком легкое дают, а у некоторых компетенция сомнение вызвала, еще помню потрещал когда по мнению одной девушки дизайнера с опытом работы оказалось что в фш нельзя поменять, чтобы он размеры шрифта показывал не в пунктах а в пикселях. Короче, академия хоть тоже далеко не идеал но на фоне остальных както получше смотрятся чтоли. Но бабло бы я всеравно им не платил лол
#182 #482086
>>482075
Ну можешь и курсы сначала пройти. Просто они там в видосе сами говорят, что курсы на сайте - это часть базового интенсива
#183 #482088
>>481946
Есть два стула

1. @import
2. Конкатенация файлов с последующей компиляцией в CSS при помощью Gulp или Grunt
#184 #482095
>>481997
Все там заебись с рамками.
1000+ часов - это от 7-8 месяцев при темпе учебы 8 часов в день и порядка 10-12 месяцев при темпе 5-6 часов в день, в котором, скорее всего, большинство примерно и держится.
>>482108
#185 #482108
>>482095
За 1000+ реально можно в Java вьехать, 400 и в гавно контору, а там уже двигайся.
#186 #482168
Кто-нибудь юзает Тарс? Как оно? А то я планирую навернуть.
https://github.com/tars/tars/blob/master/README_RU.md
>>482198>>482392
#187 #482198
>>482168
Чому не галп/вебпак?
>>482241
62 Кб, 275x417
#188 #482209
Хохлоны есть в треде, какие перспективы для неофита укатить в Киев какой? Посмотрел зарплаты и что-то грусть и печаль.
#189 #482241
>>482198
Но это и есть галп, только уже со всеми тасками
59 Кб, 1024x874
#191 #482312
>>482330
#192 #482330
#193 #482344
Вопрос по макетам из интенсива:
В этом треде кто-нибудь может их проверить и конструктивно покритиковать с разъяснениями?
>>482345>>482442
#194 #482345
>>482344
А если нет таких таковых? Не покажешь? Девочка стеснительная, боишься что поругают?
>>482354
#195 #482354
>>482345
1. Тебя явно никто не любит, иначе как объяснить твою желчь?
2. Я только начинаю верстать макеты и смотреть интенсивы, и хотелось бы что бы знающие люди сразу наставили как правильно делать, дабы не пополнять ряды говно кодеров.
Я ответил на твои, вопросы? Или ещё чего съязвишь?
#196 #482356
>>482354
Ты тут недавно, дружок?

> хотелось бы что бы знающие люди сразу наставили как правильно делать


А залупой по губам не хочешь?
>>482361
#197 #482358
>>482354
Понятно. Не показывай.
#198 #482361
>>482356
Бомбит?
>>482394
sage #199 #482392
>>482168
Ненужен. Хватает grunt'a для всего.
#200 #482394
>>482361
От чего по-твоему у меня должно "бомбить"? От очередного дауна, пришедшего на двощ, родом с мдк? Это уже не новость, лол.
#201 #482442
>>482344
Свои сверстанные поделия можешь залить сюда с просьбой рейтануть. У кого будет время/желание, глянут на твое "творчество" и укажут на огрехи, если таковые обнаружатся.
>>482473
#202 #482473
>>482442
Ему нужны профи, хули перед свиньями бисер метать.
350 Кб, 1200x1125
#203 #482536
Попытался написать этот макет на html, вышло следующее:
https://github.com/hikka-kun/barbershop/blob/74bca4b3f848dc803b7a9a00be9630444c5edeca/barbershop-item.html

Хотел бы послушать, что делаю не так.

вторые сутки обучения-нюфаг[/spoiler]
>>482537>>482539
#204 #482537
>>482536
вторые сутки обучения-нюфаг

совсем мозги едут, с разметкой уже проебываюсь
#205 #482539
>>482536
Молодой человек, выкладывайте страницу на ph-pages, если хотите рейта, а вообще у этого макета есть сверстаный аналог. сделай все как там и будет правильно. Сюда лучше лить что-то кастомное, где ты можешь накосячить.
>>482557
#206 #482557
>>482539

> выкладывайте страницу на ph-pages


Куда, прости?
>>482558
#207 #482558
>>482557
дрочи полностью интенсивы, знакомся с git и github'ом, потом приходи, будет тебе рейт.
>>482560
#208 #482560
>>482558
Уже после 2-го занятия в базовом интенсиве задание сверстать 3 хтмл-страницы барбершопа. Если у тех, что проходили за бабло интенсив, проверялось, у меня мой тяп-ляп будет оставаться непроверенным. Это меня напрягает.
>>482564>>482588
#210 #482565
>>482564
Спасибо.
#211 #482586
Решил переделать форму под флексы.

На пол пути решил поинтересоваться: так вообще делают, или я совсем идиот? Правильное направление, хоть, взял?

jsfiddle.net/jb4ng8ov/

>>481093
и
>>481095-кун
#212 #482588
>>482560
Не пизди, нет там после 2-го занятия задания все сверстать. Ты верстаешь в течение всего интенсива. А вот разметку сделать - это да, другое дело.
>>482590
#213 #482590
>>482588

>> все сверстать


Я и не говорил о том, что нужно все сверстать. Ты не правильно понял меня:

> сверстать 3 хтмл-страницы барбершопа



но вина моя, криво выразился
#214 #482611
Анончики, переселяюсь на время от вас в js-тред ибо сажусь плотненько за его изучение. Буду собирать портфолио - вернусь обратно. Не шалите тут

анон, который прошел базовый и продвинутый

Кстати, почему-то никто так и не отписался по-поводу базового по js, прошли не прошли? Норм не норм?
>>482615
#215 #482615
>>482611
Эй, лось, долго все это проходил?
>>482633
#216 #482633
>>482615
Я не лось :(

Занимался 3 часа в день где-то, понедельник-пятница.
Сам базовый (видосы, допы, нердс, барбершоп) - месяц.
Техномарт, Седона (фикс, потом переделал в резину) еще месяц

Продвинутый - полтора месяца

Между базовым и продвинутым еще лазил на udacity, free code camp - там немного прошел и сверстал один мини-макет на бутстрапе смотря какого-то чувака (жутко кстати не понравился его код - куча импортентов была, идиотские селекторы и т.д.)

да, я - тормоз, сам знаю
>>482642
#217 #482642
>>482633
Прости <3
О, неплохо.
Просто сам работаю фулл неделю и думаю, будет ли профит в этом. Все, что ты описал есть в шапке? Или дополнительно сам искал?
#218 #482761
Кто откуда, версталёты?
Как у вас с рынком вакансий?

Я вот из украинской мухосрани inb4 хохол - не человек, в которой из it-вакансий только php да 1C требуются за смешные деньги. Почти все местные айтишники фрилансят. Собираюсь искать интернатуру в городах по-крупнее - Киев/Харьков/Одесса/Днепр/Львов. Хотя вот недавно услышал, что из-за кучи демпингующих студентов в Харькове зарплаты мизерные.
#219 #482768
>>482761
в москвабад едь
#220 #482773
>>482761

Я из Днепра, вакансии с минимальными требованиями очень редки вообще.
Вот самая минимальная за последний год, наверное, которую увидел http://www.work.ua/jobs/1522499/ , но они ее 3 раз уже обновляют за последние три недели, и мне не отвечали.
#221 #482774
>>482761

Еще такая есть из последних http://www.work.ua/jobs/2072618/
#222 #482794
>>482761
В моей мухосране, что почти на пол миллинона, полная жопа. В ближайший месяц либо начну фрилансить либо съебу в москвобад.
#223 #482816
>>481237
Бывает человека надо наставить на пусть истинный. Я вот сам гуглю, смотрю видео, пытаюсь с макета верстать но на определенном моменте чувствую что нехватает крепкого менторского хуйца в жопе которые подскажет чо я делаю не так и как лучше.
>>482851
#224 #482851
>>482816
Лол, я вот два дня выходных только читаю и делаю. Завтра выхожу и будет 40 часов, только поэтому привлекают курсы=пришел с работы, похавал, октрыл лекции, посмотрел материал, подела, часа 2-3 и все, спать. не надо гуглить, туда-сюда. Так в свое время учил джаву. Охуенно, да, продуктивно, но времени онимает пиздец.

ps кто-нибудь из анонов вообще совмещал? Работаю около программистов (консалтинг) и работа заебись, а веб-некий план Б, хотя на нем можно больше зарабатывать, да. Но дропать работу тоже не варик
>>482863>>482870
#225 #482857
>>482768
Там очень дорого жить. 30-40к рублей в месяц за днищеквартиру на окраине это слишком.
>>482862>>482868
#226 #482862
>>482857
Какой ты лвл?
Тащемта можно снимать комнату с другом/приятелем за 18к, будет большая, ремонт, хозяйка, все заебись.
>>482869
#227 #482863
>>482851
Я сейчас совмещаю обучение и основную работу. Недавно был в отпуске 21 день - прошел все курсы html-academy (включая платные, не интенсив). Теперь вышел на работу и раздражает, когда отвлекают от обучения.
>>482872
#228 #482868
>>482857
Меньше.
1. Можно снимать комнату
2. Можно снимать квартиру на окраине
3. Можно снимать квартиру в подмосковье

мимо-снимаю-за-40к-у-третьяковской
>>482885
#229 #482869
>>482862
26. Великовозрастный перекатывальщик по меркам айти-отрасли, лол.
В Мск смысла особого не вижу. З/п не намного больше, чем в том же Киеве, а жить дороже в два-три раза.
#230 #482870
>>482851
Работал на заводе. В рабочее время учил JS, вечером учил верстку, параллельно учил C# еще. Кароче все хуйня, уволился, на фулл тайме все идет гораздо лучше. Теперь в свободное время наворачиваю книги по теме и даже на арт время остается, как на хобби.
>>482886
#231 #482872
>>482863
за 21 день? Лол я за полтора дня прошел только до селекторов =(
>>482874>>482876
#232 #482874
>>482872
есть разница между пройти и изучить, это я те опыту говорю, так что не расстраивайся.
#233 #482876
>>482872
Ну, я часть до этого во время работы проходил. Да и сейчас, когда пришло время тестовые задания делать - понимаю, что некоторые темы проходил не очень внимательно, и стоит их повторить.
#234 #482885
>>482868
И все равно без рос. гражданства гнилая идея. В любой момент пидорнут из страны еще.
#235 #482886
>>482870
А на что живешь?
#236 #482921
>>482768
Нахуя ему переть в ДС, если в Киеве у айтишников считай что те же зп, а проживание в разы дешевле, да и, чего уж там, в разы комфортнее.
#237 #482929
Package Control нужен на сабмит 3?
#238 #482932
>>482929
тебе отдыхать похоже уже нужно
>>483159
#239 #482941
Хочу попробовать заюзать svg, а где их взять-то, ебеныть? Специальные макеты с ними искать?

До этого в svg рисовал только кружки-квадратики, про иконки вообще ничего не знаю.
>>482962>>483007
#240 #482962
>>482941
ну пиздец, уже в элементарный гугл не могут http://www.flaticon.com/
>>483038
#241 #482990
>>482929
input type=submit
#242 #482996
>>482354
Пошел нахуй, тебе здесь никто ничего не должен. Тон ему, видите ли не нравится.
#243 #483007
>>482941
В любом векторном графическом редакторе есть экспорт в SVG. Рисуешь или скачиваешь, экспортируешь, прогоняешь через оптимайзер, вставляешь.

Но вообще SVG-иконки это головная боль. Морока с оптимайзерами, символами, специфичными css-свойствами. Еще нужно чтобы икнока в пиксели хорошо попадала, или будет смотреться как ссань (если не ретина).
>>483038
#244 #483038
>>482962
>>483007

Я тут нашел в пинке иконки с пометкой svg, полез гуглить как их вытаскивать. Нагуглил вот это:

https://www.youtube.com/watch?v=YqdQrTPsUeE

Это что, с каждой иконкой надо вот так пердолиться? И кто без AI, тот соснул?

Вот еще видос, но у тут фотошоп поновее, чем мой лол.

https://www.youtube.com/watch?v=bJIZl8R0i2M
>>483052
#245 #483052
>>483038
Если иконка уже в формате SVG, то пердолиться с ней не нужно. Ее можно импортировать в CSS как картинку или открыть svg-файл в текстовом редакторе и скопировать оттуда куда нужно.

Не хочешь пердолиться — используй Font Awesome, там все просто.
>>483076
#246 #483076
>>483052

Не, а если в макете она? Тогда надо пердолиться?
>>483084
#247 #483084
>>483076
Тогда да.
19 Кб, 200x218
#248 #483145
Вопрос анончикам с опытом: как вы определились куда податься в вебе? Вот есть же помимо верстки еще веб-дизайн. UX/UI и прочее. Я вот хуй знает. Вроде и рисовать все эти иконки и макеты нравится, но и верстать/делать анимацию на JS тоже прикольно. Если учить все сразу, то получится ни рыба, ни мясо. Чтобы стать профи - надо углубляться во что-то одно. Но тут все такое интересное. Что делать? Ананасы, помогите!
>>483147>>483184
#249 #483147
>>483150
239 Кб, 1337x648
#250 #483149
Анонизматы, помогите, пожалуйста. Нужно, чтобы все в footer было белого цвета кроме текста про all fap-rights reserved, но белые только картинки из-за их фона, а сам футер такой же, как и бекграунд body и head. Что не так?
index.html
http://pastebin.com/TrDcnTjZ
main.css
http://pastebin.com/i3z2m7AE
Или ткните меня в гайд, где я проебался. Заранее спасибо.
>>483165>>483168
#251 #483150
>>483147
Видел эту лекцию, но там нет ответа на вопрос.
>>483154
#252 #483154
>>483150
Ты её жопой слушал, анон.
>>483156
#253 #483156
>>483154
Нет, не жопой. Там дядя поясняет, что в профессиональной старости нет ничего ужасного и все такое. Советы по здоровью еще дает. Но у меня вопрос немного другой все-таки.
#254 #483159
>>482932
Да я ничего не делал.
#255 #483165
>>483149
Наркоман, у тебя верстка в теге head, а footer вылетел из body.
>>483167>>483171
#256 #483167
>>483165
А футер должен быть в body?
>>483172
#257 #483168
>>483149
Алсо, выкладывай свои поделия на codepen в следующий раз.
#258 #483171
>>483165
И что значит верстка в теге head? Типа хед не закрытый? Но ведь он закрытый.
#259 #483172
>>483167
Весь контент должен быть в теге body. В head только служебная информация, типа css, скриптов и метатегов. Алсо, на тег html ты забить решил?
>>483176
#260 #483176
>>483172
Понял, переделал. Тег хтмл вставил, но ничего не изменилось, нахуя он? И да, футер все еще такой же, как и бекграунд body.
>>483181
56 Кб, 674x554
#261 #483177
>>482929
Такая хуйня, пацаны, как фиксить?
>>483214
#262 #483181
>>483176
Бро, начни проходить какой-нибудь из курсов в первом посте. Там тебе объяснят и зачем html нужен и body и все остальное. У тебя с базовыми вещами проблемы.

И не называй, пожалуйста, никогда больше классы транслитом.
>>483183
#263 #483183
>>483181
Я прохожу htmlacademy попутно. А по футеру ничего не скажешь?
>>483185
#264 #483184
>>483145
Короче выберу верстку, потому что все эти макеты и иконки без взаимодействия с пользователем как будто бездушные.
#265 #483185
>>483183
Выложи на codepen, посмотрю. По телепатической отладке не специалист.
>>483189
#267 #483214
>>483177
Что я делаю не так? Вы же тут все на сабмите, я знаю.
>>483215>>483216
#268 #483215
>>483214
Там же все написано. Рестартни текст
81 Кб, 400x388
#269 #483216
>>483214

>сабмите


Прекрати, содомит!
>>483218
#270 #483218
>>483216
Блядь, ну сублим.
>>483220>>483221
#271 #483220
>>483218
Саблим, вообще-то
>>483221>>483222
#272 #483221
>>483218
>>483220
Саблайм, даунитосы.
#273 #483222
>>483220
Да похуй, у меня эта срань выскакивала, пока папку не удалил в кеше.
#274 #483225
>>483189
Элементы с float не учитываются при расчете высоты контейнера, поэтому высота твоего футера 2 пикселя, как у горизонтальной линии. Тебе нужно добавить в конец футера див со свойством clear: both или использовать какой-нибудь хак, гугли clearfix.

Еще одно подтверждение того, какая параша эта ваша верстка на флоатах.
#275 #483231
>>483225

>Еще одно подтверждение того, какая параша эта ваша верстка на флоатах.



Пока есть IE 10 и 11 приходится верстать на них. Но это не такая уж большая проблема.
>>483239
#276 #483235
>>483225
Нихуя не поменялось, если честно. Можешь показать на примере?
>>483241
#277 #483239
>>483231
IE 10 и 11 поддерживают флексбокс на хорошем уровне. Те 3,5 бага, который вбрасывались в прошлый тред встречаются крайне редко.
>>483243
#279 #483243
>>483239

>IE 10 и 11 поддерживают флексбокс на хорошем уровне


Не совсем. Да и работодатель может легко требовать верстать даже под IE 8, особенно крупные компании, например авито или яндекс.
>>483247>>483359
#280 #483247
>>483243
Что «не совсем»? Я сверстал доебеней страниц на флексах под эти браузеры, с лисопарашей и то проблем больше было.
>>483249
#281 #483249
>>483247
Под IE 8 тоже сверстал?
>>483254
#282 #483250
>>483241
Охуеть! Спасибо.
#283 #483254
>>483249
Нет, речь же про 10-11 шла. Про старые ИЕ сказал, что верстать под них в три раза дольше, и от старых браузеров решили отказаться.
>>483268
#285 #483262
>>483257
Еще один дебил, блять. Ты сам читал эти баги? Частые там случаи упоминаются? Если calc() не работает с flex-basis, то все, охуеть, флексы не нужны.
#286 #483268
>>483254
У меня проблема с отображением флексов на 10 ИЕ? Они, грубо говоря, тупо браузером игнорируются.
Сталкивался с таким?
Если смотреть с 11го в режиме совместимости то все норм, а если с 10го, правда без обновлений вообще, то не работает.
>>483269
#287 #483269
>>483268
autoprefixer помогает, говорят.
>>483287
#288 #483287
>>483269
Спасибо, действительно проебался. Забыл что каждый раз когда я вношу изменения в файлы через препроцессоры обнуляются все изменения в ксс, в том числе префиксы.
#289 #483293
rem и em кто-нибудь юзает?
>>483366
32 Кб, 560x691
#290 #483326
как тема на пике называется?
>>483331>>483342
#291 #483331
>>483326
Vanilnaya drisnya
>>483333
#292 #483333
>>483331
Стандартный более дрисня
>>483335
#293 #483335
>>483333
Покажи стандартный
>>483339
#294 #483339
>>483335
Все серого цвета
>>483343
#295 #483342
>>483326
Лол, мой скрин, вроде треда три назад был. Space Gray.
>>484190
#296 #483343
>>483339
Так ты не включил подсветку видимо.
#297 #483359
>>483243
Авито и яндекс блядь, если туда устроишься тогда и запаривайся. Уже давно даже вебговноконторы заставляют заказчика доплачивать за 10- ослов и доказывают им, что на них 1% их потенциальных клиентов максимум. Шанс того, что ты будешь работать с такой поддержкой стремиться к нулю, поэтому логичнее запариваться по ситуации и не забивать себе сейчас этим голову.
#298 #483360
Фух, отправил письмо с выполненным тестовым заданием на стажировку. Надеюсь, не пошлют нахуй с моим нубо-говно-кодом.
Давно так не въебывал. На работе, когда появлялось свободное время - верстал. Дома после работы - верстал. Все выходные подряд - верстал. А сейчас ощущение, будто курсач сдал.
Пожелайте мне удачи, анончики.
#299 #483361
>>483360
Удачи, анончик.
>>483362
#300 #483362
>>483361
Спасибо, няша.
#301 #483364
>>483360
Мы вам перезвоним.
>>483365
#302 #483365
>>483364
Но я вам даже не звонил.
55 Кб, 760x365
#303 #483366
>>483293
Если только rem'ы, em'ы - та еще параша, совершенна непредсказуема и нахуй послана.
>>483360
Удачи хули, жалко что ли.
>>483440
#304 #483415
>>483360
Удачге.
#305 #483421
Поясните за srcset и прочую хуйню.
<img

alt="">
Сжимаю окно и не меняются пикчи. В чем дело?
>>484184
#306 #483440
>>483366
rem для font-size, em для line-height.
560 Кб, 4000x3000
#307 #483609
>>482768

Не тонем!
#308 #483641
Как обычно делают блоки - резиновыми или в пикселях, при том для каждого разрешения прописывая свое значение?
>>483646
#309 #483646
>>483641
Сам-то понял? От ситуации все зависит.
#310 #483701
>>483360
Рассказывая. Что учил, читал, сколько времени? Сколько времени уходило на работу?
И да, удачи
>>483730
#311 #483702
Приветствую, анончики. Рейтаните вёрстку лендинга. Неделю целую убил (правда, в основном мучился с 3,5 скриптами, так как вообще не могу в яваскрипт).
http://brauzerka-2014.tk
#312 #483703
>>483360
Кем работал?
>>483730
1 Кб, 220x22
#313 #483705
>>483702
Пиздец.
>>483707
182 Кб, 489x506
#314 #483706
Есть ли редакторы, которые имеют вот такое выделение блоков для упрощения работы? В голове трудно держать.
>>483744>>483751
#315 #483707
>>483705
это очень высокая нагрузка? А ведь я её даже оптимизировал - много общих классов, использованы спрайты.
>>483710
#316 #483710
>>483707
Удали кэш и сам загрузи страницу, оцени сам.
>>483715
#317 #483715
>>483710
всегда рефрешу хоткеем Ctrl + Shift + R. Да, грузится довольно долго, но что я могу поделать? Резать жпеги ещё сильнее, все скрипты сбить в один, и три с половиной блика на элементах сделать градиентом, а не картинкой?
>>483723
#318 #483723
>>483715
Как вариант, можешь всё, что не очень большое (<200px), и что может быть png - сделать спрайтом.
Это уменьшит количество запросов значительно, как правило.
Также могу посоветовать иконочные шрифты, если есть возможность.
>>483737
#319 #483730
>>483701
Проходил интерактивные курсы на codecademy и htmlacademy. Читал справочники, спецификации, best practicies, css tricks, хабр и т.д. Ну и консультировался с другом-бэк-эндщиком, который немного и во фронт-энд может.
Начал пару месяцев назад. htmlacademy прошел ~ за месяц, включая платную часть.

>>483703
Почему работал? Я и сейчас работаю инженегром в крупном предприятии.
>>483741
#320 #483736
>>483225

>Еще одно подтверждение того, какая параша эта ваша верстка на флоатах



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

и если че - я сам на флоаты давно забил хуй и верстаю флексами. тем не менее, угараю с тех, кто отчаянно кроет хуями всякое старье, реально безмозглые детишки нахуй. я кончил вашим мамкам на ебла ололо
#321 #483737
>>483723
многое сделал так, но не всё, можно будет таким образом сделать запросов на 30 поменьше, но оно сильно надо, будет значительный эффект? Просто на это придётся потратить ещё пару часов времени .
>>483740
#322 #483740
>>483737
Если уменьшишь на 30 запросов, то ессно эффект будет значительным.
>>483743
#323 #483741
>>483730
Платная часть=интенсив?
>>483742>>483745
#324 #483742
>>483741
"продвинутые курсы"
#325 #483743
>>483740
Ладно, посмотрим, что заказчик скажет. Так соетуешь все пикчи делать спрайтами? Не знаешь какой-нибудь софтинки, которая автоматически переводит несколько пнгшных пикчей в прайт?
>>483754
#326 #483744
>>483706
dreamweaver может, больше что то не припомню
>>483748
#327 #483745
>>483741
Нет, та что за 300 рублей открывается.
Интенсивы скачал из пасты в ОП-посте, и буду интенсивно с ними мозгомовокупляться в ближайшей перспективе.
>>483749
#328 #483748
>>483744
Кстати, этот дримвьювер - действительно такая параша, или я поспешил с выводами?
#329 #483749
>>483745
Я подумал, что ты за месяц вообще прошел базу, и все интенсивы. Не знаю, что за 300р. Можешь сказать, что это? Сижу на работе и не могу открыть.
>>483757
#330 #483750
>>483702
Очень красиво, молодец.
#331 #483751
>>483706
Bracket
>>483752
#332 #483752
>>483751
видел только подсветку тегов. селекторы тоже подсвечиваются?
#333 #483753
>>483702
При изменении размера едет фон - исправь
>>483758
#334 #483754
>>483743
gulp + spritesmith
Это лучший путь.
#335 #483757
>>483749
Вторая половина курсов в твоем профиле. Продвинутые курсы. В них в каждом только первые несколько уроков бесплатные - дальше плати 300 рублей.
>>483759
#336 #483758
>>483753

>едет фон


Всмысле? У него ширина на всю страницу по ТЗ. Высота автоматически увеличивается вместе с шириной.
>>483763
#337 #483759
>>483757
Кажется, понял.спасибо
#338 #483762
>>483702
слишком толсто, долбаеб
>>483765
97 Кб, 1169x765
#339 #483763
>>483766>>483778
#340 #483765
>>483762
всмысле?
>>483768
#341 #483766
>>483763
с какого браузера и разрешения капчуешь?
>>483770
16 Кб, 1615x749
#342 #483768
>>483765
в прямом блядь
>>483772
#343 #483770
>>483766
Хром 1440х900
Но только это тут не при чем.

Алсо, где вы заказы умудряетесь брать?
>>483782
#344 #483772
>>483768
видать, оздана слишком большая нагрузка на мой бесплатный хостинг, не могу даже по фтп ничего залить.
93 Кб, 803x828
#345 #483774
Ну ка флексоебы, поясните мне за такое неадекватное поведение, переопределение медиаправилом по разрешению не работает.
#346 #483778
>>483763
попробуй обновиться с очисткой кеша (Ctrl + Shift + R). У меня в средствах разработчика твоё разрешение нормально отображается. Наверно, зацепил что-то от старой версии.
>>483781
#347 #483779
>>483774
Скорее всего загон чисто в специфичности.
>>483702
Не успел нормально глянуть нагрузку, но мне кажется, что часть лишней нагрузки создает джиквери говно.
>>483780
#348 #483780
>>483779

>jquery говно


тоже так думаю, вообще, изначально думал, что просто верстать буду, ибо в жс не могу. Но в итоге заставили прицепить три слайдшоу и ещё пару свистоперделок, что я сделал очень говнокодерским способом.
#349 #483781
>>483778
Это ты лучше бля проверь прописано ли min-width у тебя ибо сейчас я не могу зайти - сервак твой лежит
>>483797
#350 #483782
>>483770
Знакомый подогнал какую-то студию, которой не хватает верстальщиков. Работы очень много, а вот денег платят не шибко - за этот макет, например, всего 3200.
>>483791
#351 #483784
>>483774
Специфичность смотри.
>>483786
#352 #483785
>>483774
Хотя, не, какая тут к ебени матери специфичность, фейл.
Ты не забыл что ксс код браузер читает сверху вниз?
>>483792
#353 #483786
>>483784
Да, у него медиа идет до основных свойств (судя по скрину и номерам строк). Поэтому вполне вероятно, что в специфичности дело
#354 #483791
>>483782
Да че, норм им фикс странички за 3200 верстать
>>483794
#355 #483792
>>483785
Какая нахуй разница, это медиаправило, оно приоритетно при исполнении условия разрешения. И в css оно на верхуй, это сам браузер медиа снизу ставит исходя из первого условия, ему похуй где.
>>483796
#356 #483794
>>483791
а я ведь их пока так и не получил. Помимо фиксированной вёрстки (и даже не совсем фиксированной, в принципе), как я понял, надо слайдеры всякие пилить, всплывающие окошки на жквери.
#357 #483796
>>483800>>483801
#358 #483797
>>483781
Кстати, сервак сегодня лёг впервые. Обычно хостер сам всё чинит, или нужно к нему специально обратиться?
#359 #483800
>>483796
Хм, ты прав, думал он умнее. Перенесу импорт вниз. Спасибо.
#360 #483801
>>483796
Да он тупит, не обращай внимание. Верстальщики блядь собрались здесь, пиздец. Еще и спорить пытаются
33 Кб, 600x436
169 Кб, 1920x1049
#361 #483914
Bump
>>484068
13 Кб, 300x330
#362 #484005
>>481997
Нужно 10 лет и 10 000 часов.
#363 #484068
>>483914
Ты офигел моей клавиатурой бампать треды?
>>484147
#364 #484147
>>484068
Я своей бампнул. Ты что, спиздил мою клаву? Если я приеду домой, а ее там нет - приду к тебе и заставлю наизусть учить спецификацию крестов.
>>484152
#365 #484152
>>484147

>наизусть учить спецификацию крестов


ебанутый
#366 #484184
>>483421
Ответит кто-нить на вопросик? Что-то я нихуя в интенсиве не могу всосать эту хуйню с srcset
#367 #484190
>>483342

> Space Gray


Почему я ее найти не могу?
>>484193
153 Кб, 719x997
#368 #484193
>>484190
У тебя нормально всё? В гугле третья ссылка.
>>484196>>484199
#369 #484196
>>484193
Куки же, у меня айфоны одни нашло. Еще я через инстал искал.
124 Кб, 490x670
#370 #484199
>>484193
Пока ты здесь, у меня еще глупый вопрос, как мне дерево с фалами включить, как на пике?
>>484201>>484222
#371 #484201
>>484199
Вроде бы нужно сделать File -> Open Folder. У меня ещё это (https://packagecontrol.io/packages/SideBarEnhancements) стоит.
>>484541
#372 #484203
Добавили бы уже в шапку маст-хэв расширения для саблайма.
>>484224
#373 #484213
Тут частенько в треде говорят, как проходили базовый или интенсивный курс. О чем речь?
>>484214
#374 #484214
>>484213
Тут частенько говорят - читай шапку, мудло.
#375 #484222
>>484199
Бамп вопросу, как такую фичу сделать?
#376 #484224
>>484203

Я вот эти юзаю.

All Autocomplete
auto-save
Autoprefixer (будет не нужен при работе с gulp)
BracketHighlighter
Color Highlighter
CSScomb
Emmet
EncodingHelper
JavaScript & NodeJS Snippets
Sidebar Enhancements
SublimeLinter
SublimeLinter-csslint
SublimeLinter-jshint
Theme - Spacegray
>>484286
#377 #484226
Кто еще юзает brackets? По-моему их читалка шаблонов в psd - просто киллер-фича.
>>484235>>484340
#378 #484235
>>484226
Он тормознутый охуеть просто, я на саблайм перекатился и заебись.
>>484303
#379 #484286
>>484224
А что ты используешь для автокомплита css?
>>484294
#380 #484294
>>484286
emmet не?
>>484300
#381 #484300
>>484294
Я думал там только для хтмл всякие дивы с классами быстро создавать
>>484307
#382 #484303
>>484235
Аноны, для вёрстки пользуюсь Notepad++ и фотошопом (спираченным, естесна). Я нормален?
>>484311
#383 #484307
>>484300
5% использования в html, 95%-в css
26 Кб, 250x325
#384 #484311
>>484303
ну конечно нормален. Хороший редактор
7 Кб, 201x239
#385 #484340
>>484226
Я.
И сразу вопрос-в Екстракте картинки можно прямо в код вставлять, только вот сохраняются они не сжатыми. Посоветуйте прогу что бы быстро пожать много джыпег файлов.
101 Кб, 1920x1080
#386 #484345
Без жса реально изменять цвет текст текста вместе с статусом чекбокса? чекбоксы заменены на иконочный шрифт.
#387 #484364
>>484345
мне кажется по идее можно через тот же костыльный метод, что используется в том слайдере на css. но не уверен.
#388 #484369
>>484345
Надо код смотреть. Думаю можно, но зачем?
>>484384
#389 #484384
>>484369
Требование в макете.

<input type="checkbox" name="esp" id="q5">
<label for="q5"><p>Блок приемуществ</p></label>

.shop-main__side-filter-esp input + label:before {
content: '\2610';
font-size: 28px;
color: #cdcdcd;
display: inline-block;
vertical-align: middle;
font-family: 'symbols-nerds';
}

А через айКлик это делается? или другой джиквери плагин?
>>484406>>484424
#390 #484406
>>484384
Ты что дебил? Нахуя ты мне это дерьмо в посте кидаешь? Написали же для тугих в ОП посте, что любой код льем в ПЕСОЧНИЦУ. Заебали уже.
>>484424
#391 #484419
>>484345
А что насчет input[type="checkbox"]:checked ~ label {бла-бла-бла} ?
>>484430
#392 #484424
>>484406
>>484384

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

сильно не стал заморачиваться, но суть ясна.
#393 #484430
>>484419
даже без тильды можно. прост тупил. во втором случае бефо не убирал. отдохнул, со свежей головой вышло.

.shop-main__side-filter-grid input:disabled + label:before,
.shop-main__side-filter-grid input:disabled + label p {
color: red;
}
#394 #484541
>>484201
Хули там пусто? Где взять этот плагин?
>>484852
#395 #484666
Версталы, а чем WordPressDesign отличается от простого дизайна? Есть какая то спецификация или что?
#396 #484852
>>484541
Ебать ты тупой.
40 Кб, 736x552
#397 #484908
Фронтендерам вообще приходится иногда самим рисовать какие-нибудь иконки/кнопочки? Анимацию они тоже могут рисовать? Или у них чисто код, программирование, хардкор?
>>484959
#398 #484959
>>484908
Я, конечно, хуй простой, без опыта работы, но анимация - это ведь чистый фронт-энд.
В то же время, наверняка дизайнер может на пальцах или примерах объяснить как красивее оживить его макет.
#399 #485010
Ананас вызвали на собеседование, сразу пояснил работадателю (еще не лично а в переписке, что я мальца на дне еще, но, что-то уже могу) так, что Анон ебашь непокладая рук и придешь к успеху, это оказывается реально, (ps: Я к умпеху еще не пришел, но теперь больше уверенности, что это возможно). Если, есть вопросы задавай. Вечерком еще приду отпишусь, прошел или нет собеседование, ну и вообще, что по чем.
>>485015
#400 #485014
Ананасы, работал кто-нибудь в csssr?

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

Стоит ли туда пробиваться?
Сколько зп?
Как работается?
#401 #485015
>>485010
1. Какие технологии знаешь.
2. Какой опыт работы, изучения.
3. Где обучался.
4. Где искал работу, что за вакансия.
5. Сколько обещают по з/п.
>>485021
#402 #485021
>>485015
1. Обычная верстка html/css говно библиотеки js могу подключить.Резину могу сделать, адаптив + резина - хуй знает как это назвать, я бы не сказал, что отзывчивая верстка, но что-то типо того.
2-3.С конца января въезжаю в тему (1 месяц учил java на явараш, но понял, что порог входа высокий и втыкать без бабла придется от полугода и до бесконечности)в верстке месяц с копейкой. Учил так: секта попова, что бы вообще понять о чем речь, потом мини сайтец сделал мужику бесплатно (но вышла хуйня хуйней конечно)потом что-то вроде лэндинга товарищу наверстал, затем хтмл академия, базовый интенсив, изредка смотрел видосы, в основном просто верстал их макеты в резине и других вариантах.
Планировал все макеты сделать +1-2 с инета, но по факту я еще этого не сделал.
4.hh - версталщик
5.Написанно 30-40к (но я как быдло коде макака естественно готов работать за еду какое то время, пока не почувствую, что моя выполненная работа реально приносит бабло конторе)
>>485028>>485032
#403 #485028
>>485021
1. Что за секта попова?
2. ДС?
>>485035
#404 #485032
>>485021
3. Какой возраст, образование?
>>485036
#405 #485035
>>485028
1.курсы попова в ютубе. Ну там основы для самых маленьких скажем так.Ну все прям очень разжеванно, типо что такой тег, а что это такое, а что такое див, а что такое спан и тд.На это где 2 дня ушло, Типо как азбука, все его правда хуесосят, но в плане "азбуки" был мне полезен.
2.ДС
#406 #485036
>>485032
24лвл, через месяц 25лвл.
Вышка техническая, ебашил инженером на севере, Уренгой, Надым, работа крутая конечно была, но бабла как по мне мало за это платили, + вахта 3-4месяца, отдых 2-3 недели, ну и хуй оттуда удешь пока все не сделаешь или сменщика не найдут.И хуй приедешь, говорят срочно, а потом в общаге неделю живешь ждешь транспорт на объект. Потому начались попытки въехать в IT
>>485038>>485070
#407 #485038
>>485036
Мне 26, тоже пытаюсь въехать в эту тему. И тоже инженером работаю сейчас, лол. Надеюсь, по возрасту еще подойду, хотя уже морально готовлюсь, что мной будут командовать 21лвл шкеты-синьоры.
>>485044>>485098
#408 #485044
>>485038
Ну у нас думаю еще не критический возраст. Вечерком отпишу, как все прошло.В принципе даже,если в контору не возьмут, я знаю куда двигаться хотя бы.
>>485046>>485047
#409 #485046
>>485044
Отпишись обязательно. Какие вопросы были на собеседовании, какие они требования предъявляют, на каких технологиях работают и т.д.
#410 #485047
>>485044
А, ну и удачи тебе, конечно.
#411 #485070
>>485036
ЭЭ блядь, вы тут че так все на меня похожи. Я тоже 24, хуярил на Уренгойском газхим комплексе.
>>485083
#412 #485083
>>485070
Лол.Даже не знаю, что написать, но это забавно.Все по северам хуяришь?или холода толкнули тебя все таки в тепленькое IT?
>>485086
712 Кб, 803x663
#413 #485086
>>485083
второе
#414 #485098
>>485038
Откуда вы берёте этих 21лвл синьоров? По-моему это байки всё. В худшем случае ровесники будут.
#415 #485103
>>485098
21лвл синьеров не встречал, а вот с 23лвл лично знаком.
Если есть голова на плечах, чему-то учишся постоянно и имеешь боевой опыт от 3х лет, то считай что лычка тебе обеспечена.
#416 #485114
>>485098
Ну мало ли. Увлекся программированием с 14 лет, к 18 уже знает какую-нибудь джаву на зубок, к 20 уже куча опыта во фрилансе или студиях, к 21 уже может быть синьором в небольшой конторе.
#417 #485130
>>485098
Мне 19 лвл, за плечами 3 года веб - дизайна, около 50 отрисованных макетов. Первые 10 тыс неденег заработал в 16 лет на веблансере. Подучу фронтенд и англ и как раз к 21 стану FRONTEND DEVELOPER & SENIOR WEB DESIGNER. Ещё решил дропнуть ссаный вуз в тайне от родителей - совковых пидорашек. Пожелайте удачи, чтоль.
мимо-анон
>>485141>>485153
#418 #485141
>>485130
Удачи, но хотя бы заочку получить стоит.
Ты на upwork, как я понимаю, нацелился?
>>485228
#419 #485153
>>485130
У тебя изначально, жилка что-ли дизайнерская была, или развивался с нуля?
Можешь посоветовать что почитать-подучить дабы иметь хоть базовые навыки в этой области? А то я ща приложухи простенькие на джс пилю, да вижу что с дизайном что-то совсем не в ладах. Стыдно такое людям показывать.
Где-то внутри есть понимание, что все держится на нескольких китах: общая концепция, цветовая схема, шрифты, геометрия элементов, структуризация информации и т.д, плюс сочетание всего этого вместе. Но как собрать все воедино - без понятия.
>>485228
#420 #485228
>>485141
Да, на апворк. Уже дали rising talent.
>>485153
Хз, могу сказать что у меня изначально была интуитивная способность к дизайну, уже в 14 лет рисовал макеты сайтов, только на бумаге. А так - задрочить тоже можно, если захотеть. На рутрекере есть ux курс с coursera. Вообще, в дизайне как и в любом деле самое главное практика.
#421 #485338
Поясните за бутсрап. Я в принципе знаю, как работает его сетка, есть один макетик, который сверстал на бутсрапе, но юзал как раз только сеточную систему.

Стоит ли его дальше курить, есть там еще что-то реально важное? А то времени нет нихуя, по остальным темам еще поле непаханное.
#422 #485404
Вас, наверное, уже заебали такие как я, но все же.
Освоил адаптив+резину, захучил седону и пинк на флексах, покрутил немного примитивный интерактив на ванила-джс (простенький слайдер, попапы разные, ничего особенного), ну там сасс, грант+галп вот эта вот вся фигня. Собственно вопрос: надо ли надрочить еще пару проектов, скажем, на бутстрапе? Мне очень понравились флексы, а бутстрап видится эдаким гомункулом. Или уже можно с чистой совестью выкатываться нахуй в джс_тред и начинать быдлокодить всяческие свистоперделки?
А, еще такой вопрос: для сасса есть фреймворки типа бурбона/компасса, как оно вообще, стоит заморочиться? А то по самой верстке у меня, в принципе, уже все, теперь надо джс+всякие ангулары.
>>485418
#423 #485418
>>485404

>фреймворки типа бурбона/компасса


С автопрефиксером не нужны.
>>486206
#424 #485422
Поясните за иконочные шрифты, в чем профиты?
>>485424
#425 #485424
>>485422
В простоте использования.
>>485427
#426 #485427
>>485424
Но ведь там несколько файликов подгружаются из папки фонт, получается запросов больше => нахуй не нужно. Или я ошибаюсь?
>>485440>>485445
#427 #485438
Ананас, пришёл с собеседования. Задавай вопросы.
#428 #485439
>>485438
хуи сосешь?
>>485465
#429 #485440
>>485427
Почему больше? Грузится только тот файл, который браузер поддерживает. Спрайты сложно компоновать, неудобно использовать, не перекрасишь на ходу, не отмасштабируешь, нужна отдельная версия под ретину.
#430 #485444
>>485438
Чего спрашивали? Было ли до собеседования тестовое? Какое портфолио? Гитхаб? Какие работы смотрели?
Ну и в целом как прошло?
>>485477
#431 #485445
>>485427
профитов-то больше, это же считай шрифт, значит меняешь цвет и размеры как нужно, и качество всегда хорошее.
#432 #485448
>>481598
8 часов в час
#433 #485459
>>485438
Я тебе выше писал.

>Отпишись обязательно. Какие вопросы были на собеседовании, какие они требования предъявляют, на каких технологиях работают и т.д.

>>485477
#434 #485465
>>485439
Пока не знаю, сказали 30 на испытательный срок и мол свяжемся до конца недели,если все ок.
#435 #485466
Пацаны, может свою конфу запили в телеграмме?
>>485468>>485502
#436 #485468
>>485466
нинужна
#437 #485477
>>485444>>485459
Усадили за один стол с парнем у которого собеседовался, открыли редактор где было задание.Вообще было крайне не уютно сидеть с человеком за одним столом и под его наблюдение что-то делать ,даже за одним компом грубо говоря,но на двух мониторах. Сам тест простой, но я что не хуево стресанул и начал ловить тупари. 1ая часть html/css сделать три блока таких та размеров, в первый менюшку списком, второй с текстом, третий с полями форм и кнопкой и что бы при разрешение меньше 600пх блок с меню пропадал.Тут, как бы проблем не было на мой взгляд, хотя я конечно умудрился от нервяком закосячить забыл кодировку выставить и в css почему то классы без точек вьебал и как селектор обычный.Хуй знает по чему, но думаю, что от нервяка какого то.Да кстате парень который проводил собеседование, очень сильно заикается как я понял, по этому не разговаривает,но это понял когда за комп сел, когда чтото спрашивал у него , а он молчал.а потом попытался ответить и я перестал спрашивать, потому что до меня дошло, общались через текстовый редактор.Сам парень адекватный, пытался помочь, по мере возможности. вторая часть была js, где я соснул хуйца, потому , что если дома за компом я могу гавно библиотечку подключить загуглив могу, то там это может и прокатило бы, но все это было оч стремно с моей стороны.Вообще js мы сделали вдвоем, или даже парень который собеседовал, я ему просто логику пытался обьяснить а он писал потихоньку.Третья часть фотошоп, там надо было, цвет картинки поменять(сделать уникальной), опять же я этого не делал ни когда, потому что нужды не было, я просто с макетов верстал, вроде херня херней, но я не знал куда,ткнуть, в итоге загуглил и сделал, но это тоже стремота была. Вот так вот, если в двух словах. Пришел без портфолио, работы не смотрели, хотя предлогал отправить мне макет, что бы я сверстал по их ТЗ, но пригласили собеседоваться.Итог пока хз.Но в любом случае было полезно.
>>485484>>485500
#438 #485484
>>485477
Так а в js то че надо было наваять?
>>485514
#439 #485494
>>485098
Знаком лично с 21-лвл фронтенд тимлидом. Такое бывает редко, да. Но бывает.
#440 #485500
>>485477
Охуеть собеседование просто. Не на одном уже был, и о десятках если не сотнях слыхал, но чувак, такого еще не видал. Это ж "повезло" тебе в такое попасть, лол.
>>485515>>485522
#441 #485502
>>485466
заебали нахуй, запили и сиди там один сам с собой переписывайся.
>>485507
#442 #485507
>>485502
Кто уже предлагал, лол?
>>485524
#443 #485514
>>485484

>Так а в js то че надо был


код на 2 строчки для формы, вы заполнили не все поля формы.я через html/css хотел, но мне сказали js
#444 #485515
>>485500
Что на твоих собеседованиях спрашивали, какие тесты были?
>>485527
#445 #485522
>>485500
Мб ты хотел завалиться на более ловкие вакансии. Я звезд с неба срывать не планировал когда откликался, просто закидываю отклики периодически на лайтовые вакансии за еду и опыт. Чтобы ускорить процесс обучения, ну и бабло получать, если повезет.
#446 #485524
>>485507
сто раз уже блядь, постоянно конферисты идею фикс свою кидают.
#447 #485527
>>485515
Та стандартное все. Сначала где-то полчаса свободный разговор. Затем еще час спрашивают по основным знаниям. Тут ничего расписывать не буду. Скажу только что после двух интенсивов и где-то 3-5 адаптивных макетов для человека уже не должно быть сюрпризов.
По джс как когда. Могут что-то из теории спросить. Могут и задачку дать уровня, сделай что-то с массивом. Скорее всего будет и то, и то.

На собеседовании главное не нервничать. Вот тот парень выше говорил что тупняк словил - это полностью нормально антоши, полностью. Особенно на первых порах.
У меня тоже тупняк был жесткий. Собеседовался на версталу как-то. В первый раз вроде. Меня попросили посчитать, то ли интеграл массива, то ли хуй его знает. Короче перемножить каждый элемент массива сам на себя вот так [2, 5, 10] = 2 5 10
Так я такой тупняк словил, что где-то с секунд 30 не мог дупля словить, что же делать. Хотя эту несчастную функцию до того раз 5 писал с разными вариациями.
#448 #485528
Ананас, еще один отклик пришел, с тестовым заданием
#449 #485529
>>485527
Ну это я и спросил у тебя, Анон с собеседования.
#450 #485530
>>485527

>вот так [2, 5, 10] = 2 умножить 5 умножить 10


автофикс
#451 #485555
>>485527
Забыл про Array.reduce() штоле?
>>485565>>485577
#452 #485565
>>485555
Только вручную, методы массивов нельзя применять.
#453 #485577
>>485555
да простой перебор с присваиванием в переменную умножения на i-ый элемент
>>485579
#454 #485579
>>485577
Тоже можно, но немного тупо.
#455 #485580
Котаны, есть макетик, к нему прислали шрифт в формате ttf. Мне надо оттуда вытащить глифы.
Что сделал:
1. Сконвертировал ttf на http://www.fontsquirrel.com/tools/webfont-generator
2. Закинул все из полученного архива в папку font
3. Подключил получившийся стилевой файл через <link> в head'e.
4. Прописал для body семейство полученного шрифта.
5.???
6. Какая-то хуйня: вместо глифом вставляются символы в виде пустого прямоугольника (как будто хуевая кодировка).
Где я мог ошибиться?
>>485614
#456 #485614
>>485580
Кажется разобрался, дело в кириллице... Но когда я ее подключаю в сквирреле, отображаются не все глифы...
>>485657
#458 #485657
>>485614
Все, разобрался.
48 Кб, 467x700
#459 #485682
>>485646
flex-flow: zaebis hule;
>>485732
#460 #485732
>>485682
float: right
#461 #485776
>>485646
А мне вот не нравятся флоаты - какие-то они слишком мудреные и интуитивно не понятные.
>>485780>>485810
#462 #485780
>>485776
Ой, флексбоксы то есть.
#463 #485810
>>485776
Сколько макетов на них сверстал?
#464 #485861
Кстати, чуваки, кто-нибудь слушает uwebdesign?
Мне например удобно вечером слухануть их подкаст, обозревают всякие статьи/новости.
Решил сюда скинуть вот крайний выпуск (сам еще не слушал). Из содержания тут чет про градиенты будет, вордпресс, рейтинг препроцессоров, гамбургерное меню.... ну короче сами можете прочитать содержание лол, че я буду описывать

https://youtu.be/UbneQaoMJF0

Еще, кстати есть подкасты от вебстандартов - там из академии Симоненко, из Оперы Макеев и еще какие-то лица
>>485900
#465 #485900
>>485861
С десятого подкаста слушаю, очень много хуйни конечно не нужной, но бывает и интересное. Только для фона.
#466 #485906
Действующий верстальщики есть? Как относитесь к джунам, считаете ниже своего сеньерского достоинства им помогать или же напротив снисходительно и если, что поясняет, не говорю, что все объясняет, но может оказываете поддержку?
#467 #485907
Есть один сайт, сайт сторонний, в котором надо поменять цвет фона/текста. В ксс я могу, проблема в другом - как сделать так, чтобы не вбивать настройки каждый раз как его открываю или перехожу по его страницам?
39 Кб, 385x264
#468 #485909
#469 #485914
>>485907
пиши userscript
#470 #485916
>>485907
Есть расширения, которые позволяют это делать. Покопайся в сторе.
#471 #485923
Пиздец, я с них хуею. Целый тред блять, где они еще тренируются. Просто пиздец.

Вкатился в веб 4 месяца назад, при этом даже принципиально не стал учить хтмл и цсс. Сейчас свободно ебашу сайтецы на ASP MVC + Angular/Bootstrap. Вообще не заморачиваюсь по поводу верстки. Верстка - удел дезигнеров и прочего скама. Настоящие посоны хуярят бэкэнд и бизнес логику во фронте.
До этого писал на WPF, где интерфейсы приложений так же верстаются, но на XAML, который в корне превосходит возможностями стандартный хтмл+цсс+jquery, одной лишь разметкой. Да и в изучении он сложнее. Но тем не менее, считаю это занятие уделом петухов и опущенцев.
#472 #485926
>>485923

>ASP MVC + Angular/Bootstrap


>считаю это занятие уделом петухов и опущенцев


Бляхяхяхя)))
Ты ещё больший опущенец, манька
Хуже только пхп наверно
>>485932
#473 #485927
>>485923
Ваше мнение очень важно для нас, напишите еще один пост.
#474 #485932
>>485926
Ты можешь что то противопоставить этим самым передовым технологиям построения веб приложений?
Может тебе еще про Sharepoint рассказать?
>>485933>>485934
#475 #485933
>>485932
Расскажи, ты такой умный. Очень хочется послушать.
#476 #485934
>>485932
Перетолстил тут.
#477 #485937
>>485923
Мы вам перезвоним
#478 #485939
>>485923

>Angular/Bootstrap


>Передовые технологии



Ох ебать.
#479 #485940
>>485923
Именно поэтому знание html/css - требуются практически везде, а о твоем говне даже не вспоминают?
>>485944
#480 #485944
>>485940
Хуй знает. Ни разу не видел вакансии чисто хтмл/цсс. Обычно требуется ASP MVC или Rubi on Rails с невъебенным стеком остальной хуйни, где хтмл/цсс/js просто опускается для краткости.
Ну я конечно говорю про работу, где платят более менее, хотя бы от 60к.
>>485949>>486023
#481 #485949
>>485944
Дядя, ты упоролся? Какое отношение имеют ASP MVC и RoR к фронтенду? Нахуя они вообще нужны фронтенд-разработчику? И аналогично — нахуя бэку вообще знать что-то про фронт, если у него модное restful-приложение?
>>485953>>486063
#482 #485953
>>485949
В веб программировании обычно нет чистых фронт или чистых бэк девелоперов. Если хочешь, чтобы тебе нормально платили, нужно уметь делать все. При этом, как мне кажется, предпочтение нужно отдавать именно программированию, а не вбиванием верстки.
>>485954>>485956
#483 #485954
>>485953
Я чистый фронтенд-девелопер, срал-ебал на бэкенд, зарплата 150к. Зачем ты мне это рассказываешь?

Впрочем, если не веришь мне, то можешь вакансии на hh глянуть.
>>485958
#484 #485956
>>485953
Вот это лол. В говноконторке на 5 человек небось работаешь.
>>485961
#485 #485958
>>485954

Ты себя позиционируешь эталоном успеха в среде петухов, которые хотят зарабатывать чистым фронтом?
>>485959
#486 #485959
>>485958

>которые хотят зарабатывать чистым фронтом


С каких пор это что-то плохое?
#487 #485961
>>485956
Ты прав. У нас программистов в конторе ровно 5 человек. Но до этого работал в душном энтерпрайзе с опенспейсами и прочей хуйней. Требования и там и тут практически не отличаются. Да и вакансии по городу, в большинстве своем, только такого сорта. Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион.
>>485963>>485969
#488 #485963
>>485961
Это не повод экстраполировать проблемы рынка труда твоего мухосранска на дс-богов.
#489 #485969
>>485961

>Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион.


Тогда это проблема исключительно твоего региона. Есть дохрена компаний продукт/аутсорс/аутстафф, в том числе международных, где без полноценной команды никуда. Да собственно, любая более менее серьезная компашка не пускающая сайтики на конвейере рано или поздно к этому приходит. Есть исключения, не спорю, но это уже специфика работы.
#490 #486017
Поясните за svg а можно например внутри svg прописать стиль типа #idname:checked ~.class {background-color:xxx;} и потом сохранить, подключить через img и все будет работать?
>>486019
#491 #486019
>>486017
А просто назначить в контейнере fill тебе религия запрещает?
>>486055
#492 #486023
#493 #486040
Ребят, кто атомом пользуется, подскажите плагин который будет мне выводить все переменные в scss, когда я их хочу вставить. А то я подустал вверх листать и искать их.
#494 #486055
>>486019
т.е в коде свг филу задать класс а потом из ксс управлять?
>>486058
#495 #486057
Парни а ведь emmet и jade это совсем разные вещи? Почему их сравнивают тогда?
>>486059
#496 #486058
>>486055
<svg class="random" .... >

.random {
fill: #c1c1c1;
}
#497 #486059
>>486057
Многие юзают jade только как способ организовать html, и в это случае работа в emmet выглядит более просто и понятной, нежели все эти отступы.
#498 #486063
>>485949
Лол ты пойди расскажи про обилие руби работ чувакам в мы вам перезвоним
1 Кб, 495x342
#499 #486082
Нужно сделать кнопку, как пике, но с полупрозрачными границами и фон чтобы был градиентом.
Псеводэлементами такое делать слишком сложно, если вообще возможно. Как еще можно такое организовать?
#500 #486087
>>486082
тогда делай по старинке - пнгшками
>>486090
#501 #486090
>>486087
Дело в том, что в макете такая кнопка не того цвета, какой мне нужен.
#502 #486092
>>486082
Может тогда вместо границ заебашить тенью?
>>486093
#503 #486093
>>486092
Хм, а как с этими тругольниками быть, они же по сути закроют тень?
#504 #486094
Я вот думаю сделать два блока - квадрат и прямоугольник. Квадрату сделать градиент из угла в угол (так можно?) повернуть трансформацией, и присобачить сзади прямоугольника, у прямоугольника отменить правую границу.
Как думаете, получится?
>>486096
#505 #486096
>>486094
Хз, пробуй.
Еще мне вот что на ум пришло - видел как всякие нестандартные ромбики, шестигранники, восьмигранники делают свг-маской вроде в помощью clip-path или как-то так. Но сам не пробовал.
>>486201
#506 #486137
>>486082
Как видеть результат сразу в Sublime text или разворачивать сразу в браузере по 1 нажатию? cntr+s и три щелчка заебло делать.
>>486144
225 Кб, 1920x1080
#508 #486169
Ребят, как этом можно реализовать? То есть при наведении на маленькие блоки, появляться из большое изображение ( с текстом?) в центре.
>>486174>>486177
#509 #486174
>>486169
8 слоев центрального текста. При ховере мелкого нужный центральный display: block, остальные none.
>>486175>>486179
#510 #486175
>>486174
Хех, ну хорошо. А картинку превью как подменять?
>>486183
#511 #486177
>>486169
Первое, что в голову пришл: размещаешь все маленькие блоки по коду ДО большого, в большом - одна большач картинка, состоящая из картинок в мелком блоке. Тогда .small-block#n:hover ~ big block {
background-position: параметры позиционирования в зависимости где ты на большой картинке разместил ту, что на маленькой, на которую навели курсор;
}

Но это только при четко заданных файлах. Если хочется, чтобы можно было обновлять картинки в маленьких блоках, и соответсвенно, сожеожимое большого -только JS, наверное.
>>486179
#512 #486179
>>486177
>>486174
Ну по сути дела, при ховере на маленьких блоки, большому блоку добавляется класс, соотвестующий этому блоку.
>>486180
#513 #486180
>>486179
Добавление класса - это простейший JS.
#514 #486183
>>486175
тот же самый ховер, только меняй класс мелкого.
>>486186
#515 #486186
>>486183
еще можно менять не отображение центрального, а увеличивать его z-index
#516 #486201
>>486096

>clip-path


Хм, погуглил это дело. Оно действительно может закрыть область, которую мне не надо, но как тогда быть с границей у треугольника?
Вырезал эту кнопку в формате svg через фотошоп, но она кака-то хуево вырезалась - по середине у нее дыра.
#517 #486206
>>485418
Я подозревал. Спасибо. А на какие фреймворки (кроме ебаного бутстрапа и фоундейшена) еще посмотреть - так, чтобы и для саморазвития, и полезно, и в тренде?
>>486221
18 Кб, 1085x569
#518 #486208
>>486082
Короче, чет я туплю, это же легко вроде бы. Налеплю четыре прямоугольника с прозрачными границами, ротейтну их как надо и запилю эти сраные уголки.
Вроде бы нет подводных камней?
>>486212
#519 #486210
>>485923

> XAML


> превосходит хтмл+цсс+jquery

#520 #486212
>>486208
При маленьких расширениях, когда что-то будет касаться твоих прямоугольников, всё пойдёт по пизде. Нужно всё это дерьмо в ещё один врапер оборачивать
#521 #486221
>>486206
Skeleton. Легкий, простой, колоночки делает не хуже бутстрапа.
178 Кб, 1600x1200
#522 #486222
Решил написать в тред ибо печет неимоверно.

Сел я значит разбираться с js от академии первого числа.
Посмотрел видос, прочитал допы. Настроил себе атом прям как у этого тела которое преподает. Вэбшторм настроил, проверку eslint.....
И тут надо бы садиться и работать то над проектом. А заготовок то сука и нету.
Ладно, похер пляшем. Гугл, все дела - заготовки проектов нашлись. Стянул себе чистые. Сижу...
Заготовки то есть - теперь хер знает как задания то звучат. Тут же хер домашку озвучивают. И еще редиска, которая в паблик то сливала сука не додумалась копировать текст задания на урок. Главное допы, бля, копировало, а что делать надо - нет.
Появилась мысля понять че требуется через готовые проекты.
Ладно, ищу готовые проекты, нахожу, начинаю лазить по бранчам/коммитам в надежде понять что просилось делать каждый раз. Так там блядь хаос, каждый ебаный ученик по-своему лепит, у некоторых даже правила данного еслинта не соблюдены. Кто-то варганит на 50 строк, а кто-то блядь на 400. Хотя вроде бы проект один значит и задание одно и то же должно быть. Причем я смотрю уже замердженные вещи, т.е. по идее их уже приняли.
Хуй знает как у них вообще проверяют их проекты. Пиздец.

Где же блядь взять нормально в текстовом виде задания то, чтобы самому варганить, сука....
>>486237
#523 #486237
>>486222
Самому додуматься не судьба? Из уроков интуитивно понятно что нужно делать, задания легко формируются самостоятельно. В конце концов js - не верстка. На нем можно реализовать охуеть сколько всего, и охуеть сколькими путями.
>>486252
#524 #486243
Хуясе вы шустрые. По 2 в неделю надо запиливать.
https://2ch.hk/wrk/res/486241.html (М)
>>486246
#526 #486252
>>486237
Они бы легко формулировались самостоятельно если бы о них хотя бы упоминалось в видосе. Начальное задание то дописать наставника понятно и ежу, спору нет. А дальше: вот как например из первого видоса в котором проходили азы js вцелом для кексограма выплывает задание запилить функцию выдачи сообщения в зависимости от параметров графики (свг, гиф или еще чето)?
Приложили бы описание просто функции было бы гораздо меньше проблем. А так не отркыв уже готовый репозиторий ты даже знать не будешь что там оказывается было такое задание ибо в уроке хуй кто говорил.
>>486279
#527 #486279
>>486252
Ты за интенсив не платил, так что скажи спасибо и за это.
Что же до заданий, я себе сам придумал проект и сам придумывал ему фичи, аналогичные тем, которые он реализовывал.
Когда они проходили валидацию двух полей форм, а запилил тренировочную форму на кучу разномастных полей и пробовал собирать ее полностью несистемно.
Когда учили шаблонизацию, а эту форму приспособил и стал выводить в соседнее поле ее результаты в виде отдельных записей. Тогда же организовал сохранение данных.
Щас буду прикручивать подгрузку записей по скроллу, состояние кнопок, обработку отправки и т.д. и т.п.
Короче направление движения, думается, я тебе объяснил.
>>486300
#528 #486300
>>486279
Спасибо то спасибо (если то тело которое сливало конечно прочитает мое спасибо)
Мне не понятно почему нельзя просто было скопировать задания ну да ладно....

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

(это не к тебе кстати претензии, это так мысли о работах этих)
#529 #486398
Да, появилась эта проблема. Враппер с минимальной шириной?
46 Кб, 600x450
#530 #486710
Анон-нейм, здравствуйте.

Мы завершили проверку заданий и начинаем отправлять всем результаты.

На данный момент мы не готовы пригласить Вас в интернатуру.
Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.
Конкурс составил 40 человек на место.
Мы будем рады Вашему участию в следующих наборах в интернатуру.
>>486837
#531 #486837
>>486710
Куда пытался податься?
>>486839
#532 #486839
>>486837
ITcraft
123 Кб, 1024x649
#533 #486856
Год назад в ДС-2 с трудом нашел работу версталой с минимумом навыков. Сейчас работаю фронтендером, получаю 40к - в ДС-2 не шибко деньги, но для хиккана без образования, еще год назад не имевшего толком опыта работы, вполне себе достижение. Задавайте свои ответы.
>>486866
#534 #486866
>>486856
Реально так себе, за год мог хотя бы до 60к вырасти. Я за 8 месяцев вырос 20к-35к-60к, тоже с нуля.
>>486889
#535 #486889
>>486866
Где работаешь, что делаешь/умеешь, какие технологии?
>>486897
#536 #486897
>>486889
Тож дс2, компания средняя, 130 человек. Полуверсталой-полуфронтендером, реакт, тайпскрипт, верстка, тесты пишу ещё бывает, ничего особенного. Летом думаю 80 попросить, как раз год будет.
#537 #491926
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
#538 #509707
После долгого перерыва в практике внезапно появился потенциальный заказ, макета пока нет, внешний вид ещё обдумывается. Собственно, какие подводные камни общения с дизайнером, какие нюансы следует учесть и какие рифы обойти?
Тред утонул или удален.
Это копия, сохраненная 2 апреля 2016 года.

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

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