Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа, и не один а двое, азазазза, кхм.Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0 >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. http://dash.generalassemb.ly/http://learnlayout.com/http://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://atom.io/ ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.http://denweb.ru/put-veb-mastera_sodВерстка по БЭМhttp://habrahabr.ru/post/203440/Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу:http://randomfederation.github.io/Шпаргалка от Громова по гитуhttp://nicothin.pro/page/gitТеория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingИспользуемые нынче технологии https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>601089 (OP)
Что обычно из бутстрапа в проект берут? Сетку и всякие менюшки? Это сделано для того, чтобы не писать велосипеды для адаптивности?
>>608126сетку, слайдер
Можно сделать, чтобы gulp watch не прерывал выполнение при ошибке?
>>608130попробуй этоhttps://www.npmjs.com/package/gulp-plumber
Напоминаю, что в Новосибирске ищется начинающий фронтэнд. Знать надо по минимуму: HTML5/CSS3, Bootstrap, JS, jQuery. Не страшно, если знания не очень глубокие, главное, чтобы общее представление имел и обучаемый был это самое главное.
https://www.youtube.com/watch?v=mpogBDTNrQYПиздец, как это верстать?
>>608214Какая няшечка.
>>608216Ты же верстку макета смотришь, а не верстку сайта по макету.
>>608218Спасибо, кэп. Допустим, этот макет попадёт тебе на фрилансе я понимаю, что вероятность стремится к нулю, что с ним делать-то?
>>608216Картинками, фиксировано и пиксель перфект
>>608219Верстать. Чем он сложнее барбершопа?
>>608220Мой внутренний любитель запихнуть CSS туда, где можно обойтись картинкой, негодует от такой хуйни.>>608221Неочевидным на первый взгляд лэйаутом (как это по-русски будет?).
>>608130Установить gulp 4.0, в котором эта фича изкоробки.
>>608222ХЫЫЫЫЫЫЫЫ. А как ты css-ом сделаешь например аналог фотки дома или животного или человека? Не говоря уже о фонах.
>>608224Ты не понел. Там ясен пень, что картинки будут, но в том макете дофига теней, overlay'ев (тоже забыл слово) и прочих красивостей, которые в css или невозможно перенести, или геморно.
>>608225Почему это в css нельзя перенести тени? А? А? А?
>>608222Что нельзя на цсс, делаешь картинкой, ничего плохо в этом нет, какой макет, такая и верстка
>>608227Каков поп, таков и приход.А. Лебедев.
>>608226Потому что в css отсутствует дофига опций, которые есть в ФШ. Угол тени, blend mode и т.д.
>>608229Но тени в css все же есть.
>>608227Так-то да, ты прав. Ща подумал, как фиксированный сайт будет смотреться на экранах, больших, чем размер макета?
>>608230Но выглядеть они будут не так, как задумано, ёпта.
>>608231Как вконтакте, фейсбук. Больше заданных размеров занимать не станет
>>608232Значит дизайнер тупой. С нас то какой спрос?
>>608233Там одноцветный фон, и если по бокам добавится свободное место, то внешний вид не пострадает.Здесь же изображение. Допустим, я его выдрал, поставим фоном в body, дал ему (body) width 100%.На целевом разрешении пиксель перфект, все заебца, на экране побольше изображение растягивается, сохраняя размер пропорционально, и вот уже текст не на своем месте относительно фона.
>>608234Дизайнер мне дохуя нравится, я осваиваю дизайн сейчас, чтобы стать фулл-стак макакой, и люто дрочу на его работы. >С нас то какой спрос?Ты из тех кто наотъебись делает работу, я так понял?
>>608236Нет. Я просто не рву себе волосы на жопе из-за того, что накосячил дизайнер, который не знает, что можно сделать в рамках верстки, а что нет.И уж тем более я никогда не буду верстать мудовый дизайн точно так, как это задумал дизайнер-мудак.
>>608239Такие, как ты, наполняют мой веб mediocre сайтами.
>>608235На фоновой картинке не должно быть текста, текст только в хтмле, если будет выполнять это условие то в фиксированном макете текст не пострадает при увеличении разрешения.
>>608240Перфекционизм до неврозов доводит и нервных тиков. Мне мои нервы дороже, чем "сделать в точь-точь как в макете, даже если его сделала аутсорс-макака с нулевыми знаниями о верстке".
>>608241Как раз наоборот, если бы текст был на фоне, то он бы растягивался вместе с фоном.А так не вижу иного выхода, кроме как ебаться с процентными маржинами.
>>608242Сомневаюсь, что невроз может случиться от того, что ты пораскинешь мозгами на час-второй дольше и придумаешь, как воплотить это в жизнь.
>>608244О-о-о-о... Я говорил тебе, что такое перфекционизм?
>>608245Удел элитных макак с горящими глазами и сердцем.
https://www.youtube.com/watch?v=6zaT_KEoReAВынужден согласиться, что в вёрстке этот бурят нихуя не понимает. Но всё же макеты у него - загляденье.
>>608247Ну сразу видно - со всех работ его выгнали, выдали "волчий билет", вот он теперь и льет видео на ютуб.
Пацаны выручайте, как эту хуету сделать, чтобы она резиновая была?
>>608250Как раз на днях ебался.http://black-owling.github.io/myProjects/jons%20site/index.htmlСмотри пятиугольные заголовки в списке пакетов.Вкратце - делаешь before и after,before даешь transform: skew(20deg) rotate(20deg), а after - skew(-20deg) rotate(-20deg) (значения углов приблизительны, подбирай под свой случай), после чего позиционируешь.
>>608214> в Новосибирске ищется начинающий фронтэндоткуда инфа? Я с Новосиба, как раз начал ходить по собесам.n06rin@gmail.com
>>608247Этож сколько ебли с его макетом будет.
Как сделать полный скрин страницы, а не только вьюпорта?
Чем сейчас делают сложную анимацию? По заданию вокруг центрального лого должна всякая хуйня крутиться и пульсировать. Флеш, я так понимаю, остался в прошлом тысячелетии?
>>608305css - анимации
>>608311Есть по ним туториал для макак?
>>608317Гуглится епта.
Когда я задал список вида ul>li*5>a, и надо обозначить элемент, я должен задавать класс "item__active" у a или у li?
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
>>608347Алсо, нужен ли AdobeRGB для веб-дизайна или наоборот все в максимально стандартном хуярить?
>>6083472 недели.
>>608349На 2 недели неудобно?
>>608353Возврат товара. Тока будь осторожен.
>>608354Хуй, это теперь технически сложный товар, уже даже клавиатуры с мышками не вернуть.
Анончики, стоит ли покупать подписку на HtmlAcademy? Кто-нибудь проходил полный курс, годно вообще?
>>608362300 рэ - не так много. Хотя я сначала прошел все бесплатные курсы.
Обязательно верстать по PE? Больше нравится верстать постепенно, продумывая сразу все от шапки до футера и одновременно все стилизуя и строя сетку.
>>608369>РЕЧто это?
>>608347Разве для 4к мониторов физический пиксель = логическому пикселю? Я думал там то же, что и с мобильниками с высоким PPI.
>>608362>стоит ли покупать подписку на HtmlAcademy?В шапке есть скриншоты платных заданий, если сможешь в теорию - нет
>>608388Мне в прошлом треде сказали переходить на просмотр интенсивов.Глянул скрины, можно впринципе пройти теорию до конца, там и анимация есть.
>>608368Ну просто подумал стоит ли даже 300р отдавать или нет.>>608388Видел, но просто в там и теорию годно рассказывают вроде, поэтому и спрашиваю.
>>608395Теория на скринах вся, но практиковаться придется в песочнице самому без пиксельперфекта.Я вот сижу на работе и че-то ситуация такая жопная, что даже 300р лишних нет. Нахуй так работать вообще?
>>608384Progressive enchancment
Как называют папку, в которой хранят jade/pug - компоненты?
Блин, похоже придется подписку брать, анон с вк советует этого Кексби проходить для ньюфагов.
>>608456Я тоже возьму, 300р можно себе позволить.3 дня нуфаг
Эээ, ребят, мне че теперь, придется все в Jade-синтаксе писать?Я хотел только инлудить общие компоненты на страницу, а этот синтаксис мне вообще не очень нравится.
>>608473юзай gulp-file-include, хули ты мозги ебешь.
>>608478Аааа, мне аноны в прошлом треде сказали не выебываться и юзать pug/jade...
>>608483Он тоже что-то подобное делает? Просто в месте, куда я иду, ангуляр.
Ну охуеть теперь, все куда-то идут, а я css обмазываюсь.
Бля, я ваши треды читаю и пугаюсь, ангуляры, галпы, консоли какие-то. Этому всему, надеюсь, учат на продвинутых курсах?Ньюфаг
>>608486Сколько уже дрочишь анон? Сколько по времени до собесов прошло?
>>608492Чуть меньше года, потому что помню как прошлым летом (в июле-августе) сел за JS, еще не зная даже верстку. Занимался довольно медленно, но методично. Были перерывы иногда на неделю-две, потому что параллельно учился на 4 курсе.Сейчас выясняется, что я толком нихуя не знаю, сходил на два собеса. В одном месте "мы вам перезвоним", таки не перезвонили, но отправили на мыло письмо, что взяли кого-то другого. В другом взяли только на стажировку.Такие дела.>>608490На продвинутом не очень учат. Во-первых там этот Громов, нить речи которого я теряю через 5-10 минут (внимание тупо уходит в сторону куда-то), поэтому приходится переслушивать его по 10 раз, а это отнимает кучу времени.Во-вторых, то что объясняет про препроцессоры в принципе бесполезно без практики, а практику можно получить и тупо читая доки и делая то же самое.В-третьих, там тебе дают grunt, который несколько хуже чем gulp, то есть всю эту серию можно заменить тем видосом от webdesign masters, который мне кидали в прошлом треде.Ну и про JS там так объясняют, что после той серии я так ничего и не запомнил, то есть надо сейчас снова смотреть.
>>608503>там тебе дают grunt, который несколько хуже чем gulpсамое смешное то, что как-то в одном подкасте речь зашла о гранте и симоненко сказал что-то типа "бля, ребят, ну никто же сегодня не использует грант, да?". сраные лицемеры.
>>608511Это в каком-таком подкасте?
ЧЯДНТ?
>>608515Ах да - еще на продвинутом хуесосят jquery, а бутстрап показывают за пол часа. Так что польза от него вдвойне сомнительна (хотя про адаптив и графику более-менее поясняют).
>>608524>>608503
привет на 000webhost при попытке зайти в свой mysql пишет ошибку #1045 - Access denied for user 'a3391070_14ben'@'localhost' (using password: YES)
>>608503Понятно, а сколько во фронтенд-версткотреде?А сколько вообще времени нужно на верстку? Тоесть без JS и т.п.?>>608492-кун
>>608529>Понятно, а сколько во фронтенд-версткотреде?Ну столько же почти, то есть я сначала JS учил, а потом где-то осенью понял, что нужно верстать уметь, и закатился сюда. Самое забавное, что я еще в 2013 году сюда заходил, когда в шапке была ориджинал-паста (кстати, пиздец мотивирующая) и начинал что-то проходить, но быстро забил.А так бы уже стал сеньором-помидором, лол. Да и на работу тогда было гораздо легче устроиться.
>>608530>пиздец мотивирующаяСтоит перечитать первую пасту?
>>608530Прочитать бы эту пасту.
>>608531Сейчас заканчиваю делать задания по курсам академии, общее понимание что и как пришло, думаю к интенсивам скоро вернусь. Надеялся, что пока посижу на этой работе до осени, а там попробую вкатиться во фронт-енд.Но походу, не успею подтянуться до годного уровня.
Есть заказ на сайт одной компании. Сайт здоровый. Страниц 10 или больше, полная адаптивность на каждую страницу, почти всюду куча компонентов, всплывающих окон, слайдеров и прочего дерьма. Интересуют общие принципы, как такие сайты лучше разрабатывать. От меня нужен фронт енд.Как я это понимаю. Каждая страница имеет свою разметку и полноценный стилевой файл. Однако стилевик будет собираться из отдельных лесс файликов, разделенных под каждый блок, что позволяет многократно их использовать, к примеру, при дублировании менюшки и футера на каждой странице.Я прав??
>>608531Она не актуальная совсем, писалась в реалиях, когда можно было почти без знаний устроиться в любую шарагу. Теперь уже все не так, стало сильно сложнее, рынок не особо растет, веб-разработчиков уже как говна, так что пробиться среди сотен таких же макак довольно сложно, и дальше похоже будет только хуже.Так что подумай обо всем этом, если собираешься дальше этим заниматься.Есть смысл только если тебе это действительно интересно.
>>608515Разобрался, только получается надо теперь index.html куда-то засунуть в другое место, чтобы он компилился без затирания.
Лол, я вкатывался в начале января, как раз тогда эта гонка шла, подзабил в итоге через несколько дней. Потом вкатывался на денек-два в апреле и снова забил. Сейчас наконец-то вроде бы нормально вкатился, и все интересно, забивать нет желания. А весь секрет был в том, что интерактивные курсы академии мне как-то не зашли, хотя я осознаю, что пройти их все-таки нужно все.Интенсивы хороши, но слишком быстро подается материал для меня.Поэтому сменил лекторов, в голове после этого прояснилось и некоторые базовые навыки из академии наконец-то сложились в голове, приятное чувство.
>>608546Обидно только, что если бы не ебланил, сейчас бы уже прочную такую базу имел и некоторое портфолио.
>>608540Всегда думал что в программирование вкачусь, смотрю на реалии и понимаю, что работы у нас больше в Вебе, чем в каком-либо из языков (кроме 1С, который я не перевариваю).Сейчас вакансий 7 по фронту, хотя смотрю требования - чистый фронт 3. А версталы, контентщики - еще больше вакансий в городе. Да и зарплата повыше, чем у меня сейчас.
>>608551Что за город?
>>608553Челябинск
>>608551Моя коллега ушла в контору, сайт наполнять контентом - купоны на скидку, зарплата больше, чем у меня сейчас.Все тот же Челябинск.
>>608513https://soundcloud.com/web-standards/episode-11с 29:20.
>>608541Как правильно спрайты вставлять, срать элементами с классами в html или добавлять их через псевдоэлементы?
Как верстать навигационные меню? Флексами или инлайн блоками?
>>608600Как тебе удобнее, ёпта.
>>608600Ну йобаный в рот, какая поддержка требуется, тем и верстай.
Антоши, подскажите где ещё можно взять всякие задачки и задания по вёрстке для начинающих, примерно как на htmlacademy? Чтобы так сказать закреплять знания.
>>608603>>608618Понял.
Блин, раньше верстал за два часа одну страницу, сейчас со всеми эти автоматизаторами, оптимизаторамИ, БЭМами и компонентым подходом пердолюсь уже дня три и только хедер и футер сверстал для макетика, лол.
>>608633Всё это должно ускорять верстку, что-то ты делаешь не так
>>608636Ну я только со всем этим разбирался-пердолился, теперь вот начну верстать как Бог нет.
>>608638Такая же проблема. Вот только закончил настройку автоматизации, пора братся за верстку, но я все-равно так и не понял как использовать бутстрап сетку с БЭМ.Хоть мне бутстрап и не нравится, но изучать его нужно...
>>608678Я тоже не шарю в бутстрапе.
>>608685Да не жи, в бутстрапе нет ничего сложного. Я не знаю, как комбинировать бутстрап с БЭМ. Разумеется речь идет о сетке. Ибо всё остальное там мусор. Ну можно еще и слайдер подпиздить
>>608690Подскажи годных материалов по бутсрапу знаю что кидали уже 1000раз, просто не я ленивое хуйло. Ну я с дивана предполагаю, что пишешь что-то вроде div class="column-sm tvoy-class__po-BEMu"
Ребят, как сделать что бы абсолютно спозиционированный элемент позиционировался относительно своего центра а не левого верхнего угла?
https://htmlacademy.ru/courses/42/run/18 Пиздец, че за ебанутое задание, по теории 0 инфы рассказали, а половины селекторов из этого задания вообще ранее неизвестны. Как эту хуйню делать начинающему то, лол...
>>608700А че ты предыдущие курсы не проходил что ли?
>>608699left: calc(<расстояние от края окна до левого угла> - <половина ширины элемента>).
>>608703проходил, но там половины этих селектор не было
>>608719Иди на html-book и смотри. В гугле что ли забанили?
>>608705http://caniuse.com/#search=calcА щито делать с мобильной оперой?
>>608386Я нихуя не понял.>>608347Бамп.
>>608728Игнорировать, это проблемы юзеров недобраузеров (ИЕ туда же).алсо, если у тебя оба значения в одинаковых единицах измерения, то очевидно, что ты можешь посчитать итоговое сам
>>608725Он же вроде больше не развивается и автор на другую парашу гонит, не?
>>608725Да блять, я тебе не говорю о том что я это не СМОГУ решить или что-то подобное. А о том что авторы какое-то хуевое задание сделали к которому ученик проходящий именно ИХ курс - не очень готов.
>>608749BTW У них геморрный только этот курс и еще два. Остальные уже проще.
>>608743Сейчас как-раз изучаю calc().Охуенная штука конечно. Галерею на раз два можно делать.http://codepen.io/pidaraha/pen/MeeyBg
>>608751>изучаю Что там учить-то?Милый кисик в галерее.проиграл с пидарахи
>>608750btw уже решил данное тестирование с одной подсказкой из форума, самому догадаться крайне сложно.Проблема была в том, что 5й круг переносился вниз и я не знал в чем было дело. Оказывается у всех кругов был margin-right: 3px; а на последнем круге его нужно было сделать 0px дабы не было переноса. В остальном всё в принципе просто.
>>608760Забей. Некоторые задания у них вообще норм только в хроме работают.
>>608762так не, эта хуйня у них и была предусмотрена.
Котаны, прохожу продвинутые курсы на академии. Скажите мне на пикрелейтед курсы стоит проходить? Выглядит будто этим пользуются раз в 100 лет.
>>608760>>608780Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.
>>608788Во второй части важные и нужные, в третьей - сомнительной важности.
>>608780>>608791Да я же написал что уже всё решил, всё норм ^_^>Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.Ну знаешь, когда у меня 0 опыта и знания только htmlacademy - то это крайне сложно. При этом я данное задание за минут 20-30 сделал. Кто-то писал на форуме что 4 часа ебался =DD
Привет, посоны.Десятый день-кун на связи. Короче, пиздец. Доверстал этот адовый макет, но впереди ещё джве задачи: во-первых, исправить тот макет, который прогер натянул на WP, зачем-то подключив к нему бутстрап (до сих пор не пойму, нахуя) и насовав везде кучу бутстраповских классов.В общем, видимо, придётся либо переопределять кучу классов (а это значит посыпать говно конфети), либо как-то чистить сам бутстрап, что тоже чревато.А во-вторых, нужно проследить, чтобы кодер натянул нормально мой этот последний макет на WP + Woocommerce и ничего не накосоёбил.Бабла до сих пор нет, за квартиру второй месяц просрочиваю, жру макарошки, заказчиков нет, но я не унываю, лол.
>>608802Давай, анон, у тебя все получится, и ты будешь есть шаурму!
>>608802Анон, я тоже устроился, правда пока на стажировку за еду. Как ощущения от работы? Меня вот вообще трясет от того, что я нихуя не знаю и как меня там будут ебать. Вот сижу лихорадочно повторяю и изучаю все подряд уже около недели.
>>608802А как ты делаешь адаптивную сетку? Через %, или тупо px с @media?
>>608833Блять, тебе уже сказали, что физический и логический пиксельно это разные вещи, все будет смотрятся так же, как и на твоем 1024х768. Нет блять, надо 4 раза перепостить, что бы кто-нибудь тебе разжевал и харкнул в ебало.
>>608836пиксельбугурто-фикс*
>>608802как такого взяли на работу вообще не понимаю.
Ребят, как правильно добавлять бутсрап-компоненты к проекту? Выкачал его сасс-версию, закинул в src/scss/bootstrap, пытаюсь оттуда импортровать сетку, но она постоянно ругается на то, что миксинов не хватает. А этот миксин в папке миксинс отсутвует вообще. Мне кажется, что я что-то неправильно понял.
>>608815>Как ощущения от работы?Нормально, но печально, что приходится совершать множество лишних телодвижений. Я привык работать с популярным веб-шрифтам а-ля Open Sans, PT Sans, Roboto и т.п.; привык в качестве иконок использовать Font Awesome, привык к лаконичным и красивым макетам, в которых практически любой элемент можно реализовать на CSS. А тут, в веб-студии, я получаю макет набитый Open Sans-ом, десятки разных оттенков цвета на одну страницу, какие-то совершенно шизофренические слайдеры и рамки-завитушки, которые реализовать можно только через анус пса и border-image.>>608817В зависимости от макета, но, наверное, всё-таки комбинированно. До каких-то определённых размеров блоки уменьшаются, а потом меняю способ отображения через @media, как пример, заменяю flex-direction с row на column.Вот такие дела.
>>608850Я так понял, ты верстальщиком в веб-студии? JS у тебя на каком уровне?
>>608849А все, нашел в корне stylesheets волшебный файл "_bootstrap.scss", мне с ним и работать? То есть я выключаю в нем компоненты, мне не нужные, а потом таскраннером его компилю в общий ксс-файл?
>>608850Флексы юзаешь, как понял. Чем полифилишь, какие хаки для ие юзаешь?
>>608850>макет набитый Open Sans-омComic Sans-ом, я конечно же хотел сказать.>>608843>как такого взяли на работу вообще не понимаю.А щито не так?>>608853>Я так понял, ты верстальщиком в веб-студии? JS у тебя на каком уровне?Да. JS на уровне простых слайдеров/калькуляторов/форм.
>>608856>Чем полифилишь, какие хаки для ие юзаешь?Окстись родной, 2016 на дворе. Какие хаки для ие? Ты бы хоть статистику использования браузеров в России глянул, да на caniuse заглянул.
>>608859Допустим, требование ие10+, ие 10 от образит флексы оче криво.
Может есть где-то какая-нибудь фронтенд-конфа? Что-то пиздец, мне здесь ни на один вопрос не отвечают.>>608854>>608849
>>608836>>608840Ну я типа не понимаю, что такое логический пиксель тогда? Так же - возможно, вопрос только, в каком именно масштабе. Например, двачи у меня всегда с 80% сейчас стоят, а в винде 125% масштаб. И как это расшифровать блядь?
>>608860Нормально он их отобразит. Мелкие баги правятся, а те что не правятся, достаточно легко избегать.мимо запилил уже несколько проектов на флексах с такой поддержкой
>>608539Сам сейчас делаю нечто подобное. Правда, на Sass, ну да не суть. Решил с самого начала хзуярить все в один файл стилей, а потом уже заниматься наведением красоты и оптимизацией. Возможно поделю все на файлы, но пока лучше писать говнокод, чтобы в процессе стало ясно что выделить в переменные, какие захуярить миксины.
небольшой каталог интернет магазина как удобнее делать?на флоатах, списках с инлайн-блоком или на таблице?
>>608865Причем тут сука масштаб? Выкинь нахуй из своей башки масштаб.
>>608881но масштаб же нужен все-равно
>>608854Ну блять, подключил этот бутстрап-файл и все мои стили перекрылись. КАК ЭТО БЛЯТЬ ДЕЛАТЬ ПРАВИЛЬНО?
>>608899документацию читай, олень тупой
>>608633Покажи проект макетов, которые за два часа делал
>>608956хедер, один секшин и футер
>>608956Главная барбершопа.
Около-платиновый вопрос:на каком этапе вы уже начинали искать работу потихоньку? А то я что-то задолбался писать скрипты и верстать вникуда, но уверенности в том, что уже смогу "работать на дядю" нет.
>>609066Это если он хотя бы в ДС3 живет. В обычных мухосрансках работы нет и выбирать особо не из чего.Я бы посоветовал поискать стажировки в твоем городе/крае, и попытаться туда пройти для начала.Хотя там обычно только для студентов.
>>608252а в резине оно как себя ведет?
>>609076Ну йобана, возьми код, да проверь.
>>608881Масштаб - это название настройки ppi в шинде. Охуеть, да?>>608836Что за логический пиксель, епта?
>>609080Я не понимаю, как это работает, я делал по такому типу, только без skew.
>>609080Спасибо, не понял как оно работает, но работает. Ммм, а как с таким говном совладать?
>>609089Можешь вверху у этой секции сделать маргин, я хз.
>>609135Вот нагуглил, но нихуя понять не могу, как она сделала. https://anna-v.github.io/pink/
Парни, поясните. Разбираю верстку Громова, и у него в хедере продвинутого барбершопа указан центровщик page-header__wrap. Хорошо. Смотрю дальше, центровщик футера указан page-footer__inner. И так дохуя этих иннеров на странице. Поясните, здесь есть какая-то особая семантическая логика что есть wrapper'ы и иннеры, или он просто упоролся прежде чем начать верстать?Я кроме как предположить, что этот макет верстало два человека ничего не придумал. Просветите меня что ли, если чего-то не понимаю.
проходя курс на htmlacademy обосрался с Адольфа
>>608857Анон расскажи свою историю, сколько по времени на что тратил, когда начал на собеседования ходить? Вообще откуда, если не деанон?С 5 треда сижу.
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец. ЧТО ЗА ЛОГИЧЕСКИЕ ПИКСЕЛИ, БЛЯДЬ???Точнее, причем тут они? Я вам про то, что хуй его знает, как будет выглядеть хуета на экране с другим ппи и другим разрешением и размером, понятно, что пропорции будут теми же, но там где мне текст слишком большой, другим он будет слишком маленьким или наоборот.
>>609143wrap - это обертка, когда надо что-то завернуть в блок.inner - это центровщик (container), который добавляется в конструкцию &__inner в препроцессорных файлах через примесь.
>>609175Если ты не знаешь, что такое логические пиксели, то вопросов об удобстве верстки у тебя возникать не должно.
>>609175Ты даун, немогущий вбить в гугл "логический пиксель" "ретина" "экраны с повышенной плотностью пикселей"?Пошел нахуй, таким сдесь не рады.
>>609176Спасибо, теперь ясно.
>>609188Давно уже, и статью на хабре тоже прочитал. Как видишь, не помогло.>>609181В каком макете? Я может быть не понимаю чего-то?>>609185Блядь, я понимаю, о чем вы говорите, даже про преобразования координат мировые-экранные-видовые, проходили в вузике, я не понимаю, как это связано с моим вопросом. Вот я сверстал хуйню, вроде бы резиновую, вроде бы все в ремах, а смотрю свою страницу на планшете - там все мелко что ояебу. Или сверстал я страницу на 24' FHD, потом смотрю ее же на HiPPI мониторе и там надо масштаб крутить 150% в браузере. Или наоборот делать 70 вместо ста. Мне нужен какой-то способ тестить и исправлять это. И ладно еще, если все по новомодным правилам, а если задача сверстать все в пикселах-процентах-относительных размерах? Там же вообще пиздец.
>>609191Ставь эмулирование устройства, масштаб 100% и наслаждайся скроллом. А теперь уйди.
>>609204>Ставь эмулирование устройства, масштаб 100%Где ставь?
>>609206просто иди нахуй. Засоряешь тред своей хуйней тут, тупой кретин.
>>609191> сверстал хуйню> все в ремах> все резиново> тестить и исправлятьНу так в первую очередь тебе нужно разобраться с самой версткой. Например - перестать верстать резиновую хуйню, где все на ремах, для начала. Небось прошел базовый, галпом по гайдам обмазался и уже типа верстальщик, ага.
>>609206Chrome > f12 > ctrl+shift+m
Или ты адаптивность масштабом тестил?
>>609089>>609141Бамп вопросу, пацаны, поясните за карту.
>>609218Выдели себе день покурить google maps API, завтра приходи, расскажу, что не понятно осталось. Если хочешь готовые решение, иди нахуй.
>>609221Да я же верстку только учу, я даже не знаю, где эту всю инфу можно найти и как гуглить.> google maps APIВот это загуглю сейчас.
>>609225>иди нахуй.
>>609221Там тебе нужно только подключить карту, примеры есть, попробуй сам. Завтра, так и быть, если у тебя не получится, выкачу тебе готовые решение.
>>609265Я и так ее прикрутил >>609089, это в вебинарах было от академии, а как туда пиздануть логотип и убрать всякие описания, я не знаю.
>>609270Вангую ты просто вставил айфрейм, или кури апи.
И привыкайте, если хотите научиться, убейте день на решение проблемы самостоятельно, только потом приходите в тредик. В жизни вам Сашка Першин или рандом анон не подскажет. Естественно не относится к анонам, у которых горят сроки и нужна помощь срочно.
>>609274ИдиСлоу фикс
>>609278Ну здесь как, я например понятия не имею, что такое апи, ему не учили в вебинарах, я когда гуглил, находило кучи старой инфы и вся про айфрейм. У меня так знакомый анон дрочил пыху, накачал говна, старые книши, вебинары от какого-то дауна, он там нихуя толком не объясняет еще и картавый, а потом уже спросил у ананасов в треде и ему посоветовали норм материалы.
>>609286https://developers.google.com/maps/documentation/javascript/tutorial?hl=ruПопробуй еще раз
>>609287Спасибо, наверну.
>>609286Просто дальше будет много моментов, которым "не учили", научись читать документацию. Добра:3
Чет меня понесло, вечная моя проблема это рассеивание внимания. По разным видеоурокам начал скакать, искать что лучше, по разным сайтам. Потому что академия когда-то не очень зашла, не нравилась их система. Уже просматривая другие уроки понял, что они здорово помогли разжевать то, что я уже прошел на академи, плюс узнаю дополнительные фишки. Но так никуда не годится, потому что авторы везде разные.Все же думаю купить подписку и начать с нуля на академии, вроде как кексби добавили как раз для разжевывания. А потом интенсивы.
>>609290Академия оче годная, я общался с разными ананасами, которые делают свои сайты и вроде как знают много языков погромирования, и я им давал советы по верстке, пояснял как правильно с некоторыми работал и они остались довольны. академия дает очень годную базу, советую обращать внимание на дополнительные материалы, там много годноты. >>609289Спасибо, братишка, и тебе добра.
>>609289По интенсивам (особенно после того, как узнал их цену) сложилось стойкое впечатление, что это хуйня для лохов-даунов которые не в состоянии даже в самостоятельный поиск материалов, которыми в 2016 году уже завален весь интернет. Гыыы епт Сашка научи верстать за 30к рублей)))00Моё убеждение в том, что курсы не должны стоить больше 30$ в месяц.
>>609296Я вот сейчас просматриваю на х2 их JS-интенсив и неистово проигрываю что с чата, что с лектора с его "ну это как бы коллекция, эээээ (пауза 10 секунд) ну мы потом к этому эээээ вернемся", "что такое коллбэк", "нуу ээээ..." И это с моими-то знаниями, скажем так, чуть ниже уровня джуна.
>>609296Они помимо информации дают хорошие практики, что круто.>>609297Скорее всего лектор не может объяснить из-за недостатка базы у учеников, а не потому, что сам не знает. Объясни анону с картами (тот же уровень примерно) что такое коллбэк или нод коллекция. не-Першин-кун
Но это не отменяет проблемы, что к готовой, структурированной информации привыкают быстро, и не умеют в чем-то разобраться сами.
>>609303Я об этом и говорю, структура лекций у них мягко говоря уебанская, я бы за такое если заплатил - дико бугуртел бы. Одно дело пропустить базовый синтаксис, который за пару часов/дней у того же Кантора разбирается самостоятельно. Другое дело не объяснив фундаментальные основы самого языка (банально - тот же перебор массивов) сразу окунать ньюфагов (большая часть которых даже не знает, что такое JSON) в омут манипуляций с дом-деревом, шаблонизацией и ивентов. Ну т.е. нечто среднее должно быть между сухими алгоритмическими задачками, как у кантора, и попыткой строить приложения без объяснения собственно алгоритма.Короче, что-то я загнался, я просто дунул слегка.
>>609296Возможно ты и прав, но с учетом что никто в этом треде за них не платил, то все равно лучших уроков up and going я не встречал. Все в этом треде начинали с нуля, и все после интенсивов могли верстать простые макеты юзая инструменты. Что бы там кто не говорил, но это результат.
>>609309Базовый верстка-интенсив 2015 года у них ультрагодный. Ты прав, я именно после него начал, собственно, верстать. Продвинутый, в принципе, не нужен, все, что там дают можно уложить в сорокаминутное видео (а настройка гранта, которой уделена отдельная лекция, вообще бесполезна). Все, что далее - адаптивность, свг, ретина, "правильный" бэм, препроцессоры, автоматизация, галп, разные фишки типа той же masonry-сетки без JS на флексах - все это я уже освоил самостоятельно, продвинутый вообще никак не помог. Другой анон
Так базовый смотреть 2015 или 2016?
>>609312Не очень знаю , чем они отличаются, но на старом базовом был элементарный жс, поп-ап и валидация формы вроде. Мне показалось это нормальным, такое забрасывание удочки чуть наперед в элементарные скрипты. Снижает страх перед жс что-ли.Помню в самом начале оставлял все, что требовало скриптов, на потом. А тут нет, класс поставить можешь, стили применить можешь, уже окунаешься в какой-никакой функционал.
>>609312Разницы в стэке технологий нет. 2015 более ламповый, детальный, что-ли. А в 2016 новый барбершоп, насколько я знаю. Я бы 2015 смотрел.
Пацаны, сейчас всплыла в голове фраза "наверстать упущенное" и сижу уже минуты три лыблюсь как дебил над ее ДВОЙНЫМ СМЫСЛОМ.Буду считать это начинающейся профдеформацией айтидауна.
>>609341Чет в голос с этого айтишника.обкурившийся анон
>>609296Так не выёбывайся и учи по Евгению Попову.
>>609309>>609307Не забывай про наставника, он как раз помогает заполнить пробелы, если такие появляются. В общем-то это самое ценное.
>>609361Мы же хотели как-то в треде ввести менторство, но как-то не зашло.
http://codepen.io/anon/pen/vKKJdOПроблема: разное отображение формы в браузерах.1. в мозиле содержимое .form__select 50х23, а в хроме 41х322. содержимое .form__button в мозиле 126х18, а в хроме 120х16Может кто-нибудь подсказать, как добиться одинакового отображения?
>>609141>Вот нагуглил, но нихуя понять не могу, как она сделала.>https://anna-v.github.io/pink/ Анон, ты хоть в инспектор браузера-то заглядываешь, когда смотришь чужие сайты? Там же всё написано.Смотри, она поставила у оболочки карты <div id="map-canvas"> псевдоэлемент :before, в который, с помощью бордеров запихнула треугольник. Как делаются треугольники, трапеции и другие фигуры через "фичи" с border-ами можешь посмотреть тут: https://habrahabr.ru/post/126207/А чтобы этот треугольник у неё всегда был в правильных пропорциях по отношению к экрану, она выставила размеры его сторон в 50vw.>>609158Да нечего рассказывать, учу веб полтора года, но это не только вёрстку и JS, но ещё и SEO, маркетинг, всю хуйню. Вот моё сообщение >>597388 где я расписываю за отношение к вебу. Год где-то работаю фрилансером, три недели назад устроился в местную веб-студию. Город милионник, Поволжье.
>>609403>Проблема: разное отображение формы в браузерах.Воспользуйся либо сбросом стилей, либо их нормализатором. Это CSS файлы, которые либо полностью сбрасывают стили, поставленные браузером по умолчанию, либо приводят их к единому виду во всех браузерах.CSS Reset-ов дохуя, самый популярный от Эрика Мейера:http://meyerweb.com/eric/tools/css/reset/Normailze знаю только один:https://necolas.github.io/normalize.css/
>>609408Спасибо, частично помогло.http://codepen.io/anon/pen/LZZzXWС .form__button все норм стало, с .form__select не поменялось.А есть способы без общих стилей? Я пытаюсь сверстать по бэм и в нем нельзя использовать общие стили, например резеты на весь документ.
http://rabota.ua/company1776308/vacancy5963828>Salary: 65 000 грн.>Требования: >Знания JavaScript ES6, OO Javascript;>Знания HTML5, Jade, CSS3, JSON, Ajax, WebSockets;>Уверенный пользователь Grunt/Gulp>Знание языков программирования: TypeScript, CoffeeScript;>Source Control: SVN and Git.И даже никаких ангуляроРеактов, странно
>>609486У них там во втором абзаце точки с запятыми проебаны, хотя в первом они есть. Я бы таким не доверял.
>>609486Они просто о них не знают, судя по тому как они определись с инструментами в проектах.мимоуверенный пользователь БЭМ/SMACSS
>>609454Решил проблему, у .form свойство align-items flex-start убрать и будет норм
Где взять хороший psd шаблон, шоб адаптивный и красивый, шоб сверстать и бросить себе это в портфолио? Пиздец, как сложно найти такое оказывается.
>>609504В рассылке академии
>>609405>Город милионник, Поволжье.Не Пермь случайно?
>>609519наверно, Казань.
Эх, проебался вчера с этими инклудами, сегодня верстаю - а оказывается, это нихуя не удобно, потому что стал верстать компоненты, а не страницу в целом. И вот добавляю я допустим content-block на страницу, но его содержимое должно быть другим, и тут я сосу хуйца и вынужден создавать тот же компонент, но с другим контентом. То есть компонентный подход херится.Jade/Pug говорите, альтернатив нет?
Посоны, хочу поковырять линукс, какой нужно устанавливать, я не разбираюсь в их версиях и различиях?
>>609540Реакт
>>609563>>609587Ааа, бля, все, иду учить ангуляр, уговорили.
>>609597Его сложно осилить кстати? Ваниль знаю так себе (в тонкостях путаюсь, но основы типа прототипов и замыканий понимаю).
>>609602Зачем ты мне это написал? Теперь я буду бояться ангуляра.
>>609613Так учи реакт, вчемтвоипроблемы?
>>609627Да я на стажировку выхожу в понедельник. В компании там используют ангуляр. Вот я и думаю, посадят меня и сразу скажут на ангуляре писать че-нить, а я такой "ок, сейчас напишу", и незаметно съебусь оттуда и больше никогда никуда устраиваться не буду.
>>609703Ну ты меня пойми - у меня шанс на миллион, либо меня там оставят и тогда я под охуенным бустом буду ебашить дальше, либо меня не примут и тогда я скорее всего схвачу депрессию очень надолго, потому что в жизни у меня, мягко говоря, полный пиздец.Ну это так, ладно.Вообще, на собеседовании я честно сказал что фреймворки не учил, а тестовое задание было довольно легким, я его часов за 5 сделал.
Блять, что за пиздец?И как это растровое говно реализовать, не вставляя фоновым изображением? (Все-таки это логотип).Единственный годный вариант я вижу - это переделать в свг.А вы как делали?
>>609837Отклеилось.
Наконец-то я добрался до мастерской - социальные кнопки и пришло понимание как работать со спрайтами. Аминь.
Ух, какой дождь пошел на улице, аж хлещет на меня из окна.
>>609854Выйди погуляй, освежись.Я вообще стал каждый вечер на часик выходить гулять, просто шатаюсь по городу. Думать потом лучше, и спать легче.
>>6098432 кругляшка, 2 палки, очевидная css графика.
>>609859Да там ливень пиздец, с молниями громом и всей хуйней, но вот погулять перед сном это очень верная мысль, я разбух как пельмень уже дома сидеть перед компом целыми днями.
>>609361Я почти уверен, что этот наставник тоже маркетинговый ход, а для думающего человека вообще почти не нужен будет, stackoverflow и вот тебе тот же самый наставник, и не один. Я охуел с того, что в базовом интенсиве 80% вода, когда люд... лохи по 12к отвалили.
>>609860Охуенно ты спизданул. Ну давай, нарисуй мне в css.
>>609868На codepen целые css картины выкладывают. http://codepen.io/Loopez10/pen/JXwoPb вот, например. А ты мне про какой-то логотип несложный затираешь.
>>609872Блять, ебать ты кретин.
>>609872Ну охуеть, теперь - в css ебашут картинки лучше меня в фотошопе.
>>609872И нахуй это надо? Тебе скажут сверстать по-быстрому, а ты такой рисунок будешь целый день в ксс пердолить. Потом пидорнут.
>>609892Ну так хули ты хочешь от поехавшего. Знал ведь я, что конструктивного тут мне ничего не скажут кроме этого: >2 кругляшка, 2 палки, очевидная css графика. Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.
>>609929>Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.Мы вам перезвоним)
>>609934Не стоит, я завтра зайду.
>>609929Да там по идее должен быть svg-файл с этими ебаными очками, но видимо он проебался у того, кто выкладывал интенсив либо действительно дизайнер проебал и не закинул свгшку.
>>609961Скорее всего так, ибо в гугле нашел сверстанный макет одним из учеников и там фулл-свг лого, которую они никак не могли сделать путем трассировки из пнг.
Пользуюсь грантом, в принципе хватает, но при переходе на новую версию начали лезть какие-то ошибки при подгрузке и взаимодействии с grunt-contrib-imagemin. Это, и новый висящий на носу проект, побудило меня попробовать поработать с галпом. Собственно вопрос. По чему лучше учиться? По скринкастам Кантора или по видяшке от WebDesign Master https://www.youtube.com/watch?v=vW51JUVT66wЧто больше дает на выходе, где лучше поясняют?
>>610030Если ты прошаренный в JS и node - Кантора. Если верстала простой - WebDesign.
на хедхантере пришло приглашение на удаленку, сразу попросили "реквизиты для оплаты".заподозрил какое-то кидалово, полез гуглить.пришел к выводу, что контора-таки реальная, потому что нашел отзыв о том, как там хуево работать.
Боевые товарищи, реквестую годных учебников (материалов для изучения) по J-Query. Сам знаю о: 1) http://anton.shevchuk.name/jquery-book/ (из рассылки HTML-A)2) http://www.wisdomweb.ru/JQ/jquery-first.php3) https://jquery.com/ (кудаж без официального сайта)
Сап фронтендеры. Листаю заказы на фл.ру и понимаю, что я могу СВЕРСТАТЬ что там требуется. Но вот таких как пикрил заказов боюсь, там что-то про 1с написано. Я просто только верстать умею и скрипты писать какие-нибудь не особо сложные, но все эти вордпрессы, битриксы меня отпугивают? Что вообще верстала делает кроме верстки и скриптов, когда заказ выполняет? Еще пример приведу, допустим надо формочку для доставки пиццы например сверстать, вот я ее сверстал, написал скрипт, что бы она была popUp, мне же останется только отправить код заказчику, а его какие-то программисты сами сделают, что при нажатии на кнопку ЗАКАЗ что-то куда-то отправится, верно?
>>610088>меня отпугивают.Фикс
>>610088по поводу формочки правильно говоришь. Если нужна только верстка, то писать код для серверной стороны не надо.
>>610096Фух, слава богу.
>>608216Ручками, ничего сложного в этой параше нет. Даже непонятно, что это у всех так подгорело из такого простецкого макета.
Пиздец, делаю свою страничку-портфолио, идей нет вообще. Получается эдакий барбершоп, лол, не представляю, как это оживить и нужно ли вообще. Может кто поделиться своим "идеалом портфолио"?
>>610161На бутстрапе сделай и не еби мозги.
>>610168Тогда уж на ui-kit
Посоветуйте современный справочник, которым можно без интернета пользоваться.
Бляяяяяяяядь. Продвинутый интенсив это БОЛЬ. Ебучий Громов помноженный на растягивания простейших тем на 4 часа. Ну а почему бы не растягивать? Лохи что, зря 18к отдали?
>>610060Как контора называется?
>>610194Двачну тебя
не считаю сидящих тут за людей, которые смотрят и учатся по интенсивам ебучей академии. Хотя какая мне разница, пускай смотрят, а я лучше самостоятельно все почитаю и намного полезнее проведу время.
>>610161Набери в гугле "Top 10 front-end portfolio web" и полазай по всяким личным страничкам забугорных хипстеров. Увидишь сразу, что тебе нравится и что не нравится. Что бы ты хотел видеть на своём сайте, а что нет.
Фронт, что делает функция Array.prototype.slice.call(same-psevdo-massiv). Вызывает Array.prototype.slice метод для каждой части псевдо-массива?
>>610223То же что и same-psevdo-massiv.slice()
>>610194>>610205Лайфхак: скорость x1.5 и пропускаете препроцессор, который вам не нужен. Ну или вообще скип этих двух интенсивов, потому что все есть на ютубе.
>>610225>>610227С поправкой на то, что в цепочке прототипов псевдомассива нет слайса, поэтому мы дергаем слайс напрямую, из прототипа массивов.
Анончики, разъясните за реюзабельность блоков в БЭМ. Допустим у нас есть логотип в хедере справа. Так как это независимый блок - задаем ему класс "page-logo".Но у нас точно такой же логотип есть в футере, только уже слева. Что бы этот блок в футере встал слева, нам нужно "page-logo page-logo--left" и уже классу с модификатором прописать float: left?Правильно я понял, или же есть еще какие-нибудь неочевидные для меня способы?
аноны пользующиеся webstorm'ом объясните, как компилировать sass в css? Указываю путь в настройках, но он все время показывает "executing 'sass' task", подскажите как правильно надо?
>>610323Независимый блок, значит что его можно юзать где угодно. Это же значит, что очень нежелательно привязывать его стили каким-то образом к конкретному расположению на странице. Позиционирование - это больше задача сеток.Вот если бы этот блок имел внутренние отличия другой окрас, границу и т.д, тогда можно было бы заюзать что-то типа page-logo--footer и каскадом допилить туда нужные стили.
>>610184devdocs.io
>>610365Ну а как тогда переместить этот блок в право? Не создават же для этого блока лишнюю обертку.
нет что ли тех кто пользуется Webstorm? Куда все делись то блять?
>мрмКак же вы заебали.
>>610380не та вкладка
А как можно найти задачи по джаваскрипту с которыми сталкиваються веб-разработчики? Ну там сделать слайдер, всякие финдифлюшки. Кстати, слайдеры лучше делать самому или пользоваться стороними?
аноны, у кого-нибудь есть инфа, где почитать про создание лендинга? чтобы более-менее понятно было.или кто-то своим опытом может поделиться
>>610364Через консоль.
>>610194>Громовне знаю как вы, а я стабильно проигрывал с сисек и жоп, которые он обильно пихал в свои презентации. не иначе, чувак мнит себя этаким полубогемным ценителем женской красоты, но на деле выглядит как типичный питерский мудозвон без чувства вкуса.
>>610374Я юзаю, а нахуя тебе в нем сасс компилировать? Как обычно через галп+консоль делай, не выебывайся. Ну или доки кури.
>>610385На работе, лол.
>>610389Google.com
>>610400Ладно, понятно. Есть макеты где есть писание задач для javascript? И где их накачать?
>>610398ну просто он как-то помню создал в папке где находиться sass-файл css-файл. Хотел поменять, чтобы он создавался в папке css, но он вообще перестал создавать что-то. Вот теперь не знаю, что делать. Без галпа ведь можно сделать.
>>610406Да для всех макетов можно в принципе JS присобачить. Просто смотри и оценивай, какие элементы интерфейса могут использовать JS и старайся самостоятельно реализовать их. Посмотри интенсив по JS от академии, там вроде что-то реализуется подобное.Можешь просто придумать себе задачу, типа написать чатик там.
>>6104085 секунд в гугле же, ну https://www.jetbrains.com/help/webstorm/2016.1/transpiling-sass-less-and-scss-to-css.html
>>610251Так и делаю с пропуском scss, правда чет посмотрел на фл.ру только его и требуют лол.
>>610369>>610369КАСКАДАСАД
>>610413читал я это. Говорил уже, что он пишет
>>610415Ну дак правильно, лесс какое-то непроходимое говнище. Чего только стоит объявление миксинов без ключевого слова и вставка их в любое место кода. SCSS+Gulp твой выбор, а less+grunt для ковнокодеров типа Громова.
>>610423Мне теперь заного что ли смотреть, но скипая лесс? Бля
>>610423Между ними практически нет разницы, а миксины и прочие екстенды в реальных проектах ты будешь юзать чуть реже чем никогда.
Зачем логика всякая в препроцессорах? Типо если цвет текста белый, сделать фон черным. Я же пипеткой блять в макет тыкаю.
ну че, модники ебаные, пилили уже автоматизацию без сраных галпов?инбефор: вебпак, ко-ко-коhttp://prgssr.ru/development/pochemu-npm-skripty.html
>>610459> модники> февральНедостаточно модно, уже протухло и нахуй не нужно. Для ньюфагов ебля с галпом > ебли с нодой и нпм, а тру-фронтендеры и так используют подобные скрипты в сочетании с тем же вебпаком.
>>610458Если она не нужна тебе => не делай. Это же просто инструмент.
Умеющие в гит подскажите, как называется штука, чтобы я с помощью гитхаба мог сделать рабочий сайт. Не помню, как это правильно называется. Помню в старых тредах, кто-то вкидывал сюда свои примеры работ.
>>610512git pages
>>610513это получается, то что я раньше заливал на гитхаб, уже нельзя будет так сделать? Только если по новой все залить?
>>610516Вот этого я уже не знаю, сори. Я в гитхабе нуб.
>>610516Заливай статичную верстку (без серверной логики) в ветку gh-pages того же репозитория.
>>610516>>610519Если собираешь в билд галпом/грантом, просто поставь gh-pages плагин
>>610520>>610519ничего не понял, но было бы проще, если бы статью какую-нибудь ты прикрепил, чтобы именно прочитать по шагам все это. Нашел вот такое видео https://www.youtube.com/watch?v=FiOgz3nKpgk насколько все совпадает с твоим примером?
>>610521Умеешь создать новую ветку и залить туда верстку (index.html в корне)? => да => создавай, заливай => нет? => используешь сборщик? => да => ищи плагин гх пейджес, иди в доки и ставь его => нет? => соси
Бтв, жду анона с картами, порадоваться его самостоятельным успехам или подсказать готовые решение.
>>610526Готовоеебучее яблоко
Анончики, такой вот странный вопрос, поскольку я живу в диком мухосранске, то вакансий тут есс-но нет я уже прочекал. С каким уровнем знаний я могу стать фрилансоблядью за еду и попутно копить деньги на базовый понаех в ДС, и какие для этого подходят ресурсы? За исключением фл.ру, о не я уже знаю.И вообще, реально ли ньюфагу будет там урвать заказ, или конкуренция слишком огромна?
>>610552Сколько населения в городе?
>>610573Около 95 тысяч.
>>610552Тоже интересно, реально ли ньюфагу заказ получить? У меня очень похожая ситуация с тем аноном.
>>609082Составляю треугольник из двух половинок по сути это 6-тиугольник. Знаю, что можно бордерами делать одним псевдоэлементом, но у меня не выходило сделать такие резиновыми.
>>609089>а как с таким говном совладать?По-хорошему пнуть дизайнера за такую хуйню, после чего полезть разбираться с API, возможно через него можно передвинуть это окошко или скрыть его вообще.Костыльный но эффектный метод - выдвигать карту из-под треугольника, какбэ параллаксом.
Анон а как такое сделать ? и вообще такая ебота называется ? Че гуглить ?то есть нужно чтоб ширина блока основывалась на ширине картинки и принимала одно из 3х значений 25%|50%|75% ну и соответственно мож готовая либа есть ? Заебок если Reactмож с min-width|max-width че можно придумать ? Накидай короче идей будь лаской. > накидал тебе за щеку проверяй... ты такой предсказуемый
>>610610бля пикчу то забыл
>>610610Ты реакт знаешь?
>>610610Элементарный скрипт, смотрит на соотношение сторон картинки и исходя из результата задает блоку какой-либо класс. В классах уже описываешь размер блока, позиционируешь элементы и т.д.
>>610621да пожалуй так и сделаю, просто реакт выебонит если напрямую к DOM обращаться, даже что бы with/height елемента посмотреть
>>610623Тут я не советчик, реакт не знаю.
>>610620
>>610620Пишу на нейтив JS, жиквери, знаю ООП, но без особых изъебств (замыкания, промисы и т.д., так как пока не пригождалось). Сложно ли будет освоить реакт?
>>610627нет, ну покрайней мере в разы проще ангуляра, поймешь концепт построения ui на реакте один раз поймешь навсегда.
>>610628Спасибо, спирачу, пожалуй, курсы по нему с teamtreehouse.Я тот самый анон, который своровал оттуда гору инфы, но так и не смог осилить раздачу ее на торренте. Возможно скоро активирую еще один аккаунт с другой карты и приму реквесты на воровство других курсов
Фронтаны поясните, в курсах академии учат оформлять контакты, социальные кнопки с кратким описанием курса, оборачивая в дивы. Имеет ли смысл текст в таких блоках, с точки зрения семантики, оборачивать в абзацы и заголовки, соответствующими тегами (<p><h...>)?
>>610796>>608802-кун выручай, ты у нас в СЕО сечешь.
>>610822Ты для себя сайт клепаешь?
>>610824нет, я только учусь еще, но скоро буду переделывать сайт для жены.
>>610796>>610822>учат оформлять контакты, социальные кнопки с кратким описанием курса, оборачивая в дивы>Имеет ли смысл текст в таких блоках, с точки зрения семантики, оборачивать в абзацы и заголовки, соответствующими тегами (<p><h...>)?Нет, анон, не имеет. Если это не гигантские ёба-кнопки на весь экран, в которых содержится подробнейшее описание курса с ключевиками и больше на странице нет никакого контента, то не имеет.Алсо, на работе попросили прикинуть, сколько займёт перенос магазина с MODX на WP+Woo. Я заглянул в админку и там так всё пиздато, аккуратно сделано, что даже загляденье. Жалко переносить.Алсо^2, клепаешь ли ты сайт для себя, не я спрашивал.Алсо^3, аноны, спрошу у вас: кто-нибудь пробовал системы самоорганизации, такие как Pomodoro и GTD? Сейчас ищу способы оптимизировать и усовершенствовать рабочий процесс, читаю кучу закладок про тайм-менеджмент, которые я когда-то сохранил с МегаМозга. И вот, хотелось бы узнать, может тут кто этим занимался, как вообще, был прогресс в продуктивности? Организации дел? Повышении количества успешно завершённых процессов и продуктов?
Пацаны, связка бутстрап + реакт насколько востребована? Что еще надо уметь из технологий что бы хорошо верстать?
>>610905Ты все воспринимаешь дословно? Разумеется я хуйово сформулировал, речь конечно же идёт о фронтенд девелопменте в целом.
>>610882Юзаю помодоро отсюда http://www.teamviz.com/.Неплохая штука. Профиты - бесплатно, легко настраивается, деление рабочего времени на отрезки с перерывами, возможность оценивать трудозатраты, красивые графики и т.д. Без него могу по 2 часа без перерыва кодить, затем башка просто ватной становится. С ним, скорее всего, таки буду делать эти 5 минутные перерывы, которые, внезапно, реально помогают.Плюс он дает возможность отслеживать твои затраты времени. Если правильно именовать таски, то можно отслеживать трудозатраты по проекту с точностью до часа. Как таск борд на больше чем несколько дней, его бы юзать не советовал. Для таких задач подойдет и трелло.
>>610882Тайм-менеджмент - это сектантство. Денег и времени вбухаешь гору, а проку будет процентов на 5. Даже тупо пробежки по утрам и то больше дисциплинируют-закаляют, чем все это.
>>610945>таск боард фиксТакже вдогонку напишу основной профит от него - пока работает помидорка, ты, все-таки, стараешся не отвлекаться, что позволяет продуктивнее работать. Меньше шансов что посреди написания функции вдруг залипнешь в нете на минут 10, читая статью про китайские джонки или еще какую-то, не сильно важную в тот момент хуйню.
>>610895>Что еще надо уметь из технологий что бы хорошо верстать? Нужно уметь семантически думать. Взглянуть на макет и сразу в голове распределить положение элементов, уметь вычленить из картинки секции, заголовки, одинаковые типы контента. Конечно, тут ещё и от дизайнера зависит.Нужно представлять себе ЧТО получится в результате того или иного решения. Когда ты, сидя в инспекторе, думаешь: вот сейчас я изменю тут position и эта хуйня ка-а-ак подпрыгнет и растянется вот сюда! И она действительно подпрыгивает, как ты и предполагал. Вот это, действительно, покажет твоё знание вёрстки.По технологиям: понимаешь, одна из прелестей HTML5 — он поддерживает всё, что было до него, в отличие от того же XHTML, который новыми версиями категорически запрещал использование тех или иных элементов, принятых в спецификации как устаревшие.Так что ты можешь и не изучать сразу на 100% теорию HTML5, флексы, SVG, анимацию и т.п. Ты можешь начать верстать как умеешь, постепенно совершенствуя свою вёрстку, изучая реализованные проекты, подсматривая какие-то фишечки в коде популярных сайтов, осваивая продвинутую семантику и т.д. Плюс этого всего такой, что ты будешь совершенствоваться через практику и собственные ошибки, а не через теорию.И ты должен понимать, что бутстрап — это лишь надстройка над HTML и CSS. А React — надстройка над JS.>>610945>>610946>>610953Спасибо большое, посоны. А по поводу денег — я же не собираюсь идти на всякие семинары и т.д. А лишь попробовать какие-то техники. Не получится — ну и ладно, попробую что-нибудь другое. Вот и весь подход.
>>610959>>610936Спасибо
>>610959Базис и надстройка. Пора писать "Das verstka".
Лол, академия 90% выполнения засчитала (первый пик)Должно быть (второй)
>>611012>Должно быть (Первый пик)>Лол, академия 90% выполнения засчитала (Второй)фикс
>>611012Вылизал код на 100%.Что-то с инлайн-блоками протупил долго.
>>611128Остались только курсы по подписке.Ребзя, а это нормально, что я периодически некоторые свойства забываю еще? А то я себя иногда ущербным чувствую.
>>611130>Ребзя, а это нормально, что я периодически некоторые свойства забываю ещеАбсолютно нормально. Ты думаешь, какой-нибудь начинающий химик помнит в голове все эти валентности или полярности? Конечно, он какое-то время постоянно сверяется со справочной литературой. Запоминание придёт со временем.Ты же не родился уже с прошивкой <!DOCTYPE> в голове, правильно? Ты обучаешься, что-то забываешь, что-то запоминаешь. Где-то прокалываешься, а где-то приходишь к успеху.Алсо, я вот у многих на харкаче заметил этот какой-то болезненный перфекционизм, мол, если один раз обосрусь в процессе освоения нового дела, то всё, жизнь загублена, плач, крик, иерихонские трубы.
>>611160Это общая черта у русских мужиков. Не способность падать и подниматься. Даже русские бабы в этом плане более адекватные.
>>611160Ну спасибо, анон.Дело тут не в перфекционизме, иногда просто задумываюсь, а не выписать ли на бумажку, то что забываю.Сейчас даже подумываю, а не прорешать ли еще раз блочную модель и позиционирование.Хотя, наверно хватить тянуть резину, пора сайты начинать верстать, базис какой-никакой есть, а там подгляну если буду тупить.
>>611196На хрен тебе энциклопедические знания в голове? Вот зачем? Чтобы было? у тебя в голове должны быть навыки, а самое главное - понимание и опыт. Как там пишется и в каких случаях применяется и какими браузерами поддерживается и какими атрибутами обладает каждая закорючка в css-html - это просто не реально запомнить. Да и зачем?Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!
>>611203Да ладно, не шуми, я тебя понял.Когда интенсив начал смотреть, понял, что не понимаю некоторые моменты, решил восполнить курсами, ну и на работе интенсивы не посмотришь, спалят на раз-два.
>>611217А вечером времени хватает на одно, два видео в лучшем случае - заебался уже в ремонте сидеть, еще и диплом вот вот защищать.
>>611203> Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!В вузе есть практические работы. (ладно, в хорошем вузе)Математика развивает логическое и абстрактное мышление.В вузе ты учишься быть дисциплинированным, укладываться в сроки. Учишься поиску и анализу информации. Учишься командной работе и социальным скиллам.Все выше перечисленные навыки наиболее важны в IT.
>>611237Да, и при этом хорошо если в 10 вузов на всю раху учат актуальным языкам программирования. Во всех остальных - привет, паскаль, пока, перспективы.
>>611237>В вузе ты учишься быть дисциплинированным, укладываться в сроки. >Учишься поиску и анализу информации. >Учишься командной работе и социальным скиллам.
>>611240Мозги бы мне в мои 20 лет, на вышку пошел бы в АйТи.А так первый год - Японский язык, потом перевелся на заочку - менеджмент организации.
>>611251И в итоге ты в айти? От яп языка и менеджмента что-то осталось?
>>611254В итоге я >>611130-кун с жопной болью от высшего образования.
>>611256Вери коммон стори фор оур коунтри, комраде...
>>611240там матану учат и умению читать линейную алгебру, а это бесценно
>>611237>В вузе ты учишься быть дисциплинированным, укладываться в сроки.очень смешно>Учишься поиску и анализу информации. уже не смешно.Ты учишся жрать то что дают. Те кто действительно учится "поиску и анализу информации" - так это самоучки которые на вузик забили, потому что у них нет лишних 5 лет. >Учишься командной работе и социальным скиллам.Дать списать или не дать списать одногрупнику. Договориться или не договориться с преподом о взятке. Ты об этих скиллах чтоле? Ну тогда да, учишся.
>>611269>учишьсяфикс
>>611269>Ты учишся жрать то что даютЭтому меня в армии научили
>>611282Безысходность какая-то получается. Попадешь в ВУЗ - учат жрать что дают. Не попадешь в ВУЗ, попадешь в армию - учать жрать что дают.
>>611287В армии учат пиздить и барыжить, не научился - жри, что дают.
>>610629Буду ждать
Не совсем понятно с медиа выражениями. Сейчас ведь есть мобильные устройства с разрешением куда большим, чем у десктопа (например у меня дешевый ноутбук с разрешением 1378 * 768).
>>611472Там учитывается не разрешение экрана, а его ширина физическая
Аноны, поясните Adobe Muse годная вещь, стоит ли юзать начинающему и если нет, то почему?
>>611526Начинающему ... кому, сборщику бездарных макетов в онлайн-конструкторе? Это что-то уровня заполнителей интернет-магазинов.
Леха Першин сейчас рассказывал 50 минут про адаптивность картинок и ретину, мысль которую можно было выразить за 2 минуты он рааастягивал и повторял, сука, повторял повторял повторял повторял, блядь, ПОВТОРЯЛ. Это было невозможно смотреть даже на 1.7х. АААААААААААААААА СУКА БЛЯДЬ НАХУЙ ААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААаааааааааааааааааааааааа
>>611535>>611531Ну также можно сказать про различные библиотеки и подобное. Нахуя это всё если можно всё вручную делать.
>>611850>Ну также можно сказать про различные библиотеки и подобноеНет нельзя.
>>611569Я тут решил досмотреть их JS-интенсив до конца, и это пиздец, даже на х2 можно заснуть, лол.
>>611850>Ну также можно сказать про различные библиотеки и подобное.Ну смотри, по аналогии с деревообработкой. Твой навык вёрстки на native-языках — это искусное владение ручным инструментом: долотом, молотками, знание пород дерева, твоя фантазия и т.д.Всевозможные библиотеки, облегчающие жизнь — это инструменты. Дремель, электрическая шлифовальная машина, электрорубанок. Они помогают тебе работать.А Adobe Muse — это китайский ЧПУ станок со сбитыми настройками и кривыми направляющими, после которого ты получаешь кривокосоёбскоё изделие, всё в занозах и расщепах, которое стыдно не то что конечному заказчику отдать, а даже на полочку у себя дома закомиттить.Конечно, ты можешь залакировать своё изделие годным дизайном, но что будет, когда твой заказчик захочет, к примеру, приклеить на клей Момент к твоему изделию какой-нибудь гигантский резиновый дилдо? Да оно развалится у него в руках, просто от контакта клея с деревом.Вот что такое Adobe Muse.
>>611860Вот уж прямо Adobe такие дауны что сделали программу в которой получается кривокосоёбскоё изделие? Это точно в программе дело?
>>611864Ты вообще в курсе, что такое client-side любого сайта/онлайн-ресурса? И вообще в курсе, как подобные конструкторы создают этот самый клиент-сайд? Был бы в курсе - не задавал бы таких тупых вопросов. Ничего, сложнее домашней странички для домохозяйки, в подобной хуйне сотворить нельзя. Это, в первую очередь, прикладной инструмент для дизайнеров, не более.
>>611240lol, daje v moei sharage uje bili: c++, c#, VB, saitostroenie, i praltika po cms. Ne very chto v institutah huje. 3 kurs
>>611932mysql zabil
>>611933Откуда вещаешь то? Что аж кириллической клавы нету?
>>611932У меня друг также говорил, теперь учится в институте и работает в Красное & Белое на алкоголе.
>>611942 >В супермаркете на алкоголефикс
После прохождения бесплатных курсов вернулся к просмотру интенсивов, уже не тот сок, что был при первом просмотре.>>611569-кун начинаю тебя понимать.
Сап, ребята. Прошел божественные бесплатные курсы от Академии и, пиздец, понимаю вас через слово. Смотреть платные курсы, чтоб понимать? Как я понял - они говно. Что посмотреть/прочитать, чтоб выкупать вашу речь?
>>611948топай на webref.ru . Там много годноты, и по галпу, и по препроцессорам, и по бутстрапу, и по жквери, и по нативному жс, и даже по ангуляру.
>>611950Платные не стоит смотреть? Даже частями
>>611951думаю, да, не стоит. По крайней мере, мне кажется, что информация в текстовом виде воспринимается гораздо лучше.
>>611952Спасибо, анонче
>>611868только при чем здесь Muse и client-side?
>>611968в музе ты получишь говнолендинг без адаптивности и с абсолютным позиционированием всех элементов.
ничего, скоро выйдет http://scarlet.macaw.co/и все версткопитушки уже навсегда отправятся под шконарь, где им самое место.
>>6119791с-ник, опять ты?
Сап, анчоусы. У меня к вам вопрос. Основы фронт-енда я освоил (разметка, стили, ява-скрипт). CMS ещё нужно будет подучить. И зачем пришел, есть ли шанс вкатиться фронт-ендщиком куда-то на постоянную удалёнку? Рассчитываю на 20-30к. Если нет, то что ещё можно подучить для такой ЗП?
>>611988денег захотел, падла? а хуем по губам не хочешь? (Автор этого поста был предупрежден.)
Антохи, кто проходил продвинутый интенсив, первое видео по скрипту, там где он делал добавление картинок и превьюшки им. Вы повторяли за ним, у вас это работало? У меня картинки не добавляются вообще, то есть вообще ничего не происходит, после того, как я выбираю картинку.
>>612013Вкинь код, интенсив не смотрел
>>612021http://codepen.io/Clark_Kent/pen/RRGazx
Всё таки наверное приобрету подписочку HtmlAcademy на месяц, теория в шапке - хуйня и смысла в ней без практики не много. Очень уж понравились всякие итоговые испытания с функцией аля PixelPerfect.
ура, ребятки, получил свой первый заказ от знакомых. шапка, слайдер-хуяйдер какой-то, основной контент, футер, пара других легких вкладок. вроде все изи, ссусь только из-за слайдера, ибо не смотрел даже как их делают/подключаютнадеюсь, что не проебусь
Пацаны, в этой тусе где-то неделю, но так и не понял, как без говнокода одиночные выглядят?<img> ? <img /> ?<img/> ?
>>612049<img> на данный момент верный вариант. С HTML 5 слэш отпадает, но старые макаки все еще ставят его в видеоуроках и вводят ньюфагов в заблуждение.
>>612050Спасибо, приятель
Бляяя, какой же ветрина на улице, дерево у дома так раскачивается что в окно залезает.
>>612055А ты не пускай.
>>612056Лол
>>612043>ссусь только из-за слайдера, Господи, да их тысячи в интернете. Я, например, пользуюсь slick-слайдером.http://kenwheeler.github.io/slick/
У меня одного при слове слик эта ассоциация?
>>612075>jQuery
сука лол
>>612034бери сразу на год, пока акция
>>612113Что-о-о? Нет 100% пройденных испытаний на кококдемии? Мы вам перезвоним!
>>612114Да нахуя, думаю за месяц успею все материалы пройти. Или на 2 куплю в крайнем случае. Хз нахуя вообще подписка годовая нужна.
>>612124Что бы с анонами потом поделиться.
Для полного нубаса WebSite X5 Evolution норм ? Хочу визитки создавать и сайтики до 25 страниц
>>612150Да, лучшая в своем роде, мы тут работу не можем найти все, потому что есть конструкторы! Вперед, сделай свой сайт с нуля за 5 минут без смс и переплаты!
>>612150Только перед этим выйди нахуй из того треда.
>>612150Просто мы тут сектанты, которые учатся по пол года, несмотря на то, что есть конструкторы. Нам не нравятся такие как ты.
>>612160Ave verstkum!
>>612160Согласен. Конструкторы сайтов для пидоров, мы должны убивать их создателей, как во время промышленной революции рабочие ломали ткацкие станки.
>>612165Скоро этим займутся таксисты, хе-хе.
>>612167Я таксист, уже зарабатываю деньги на фрилансе. Беру заказы подороже, клепаю их на 5 минут в конструкторе, получаю лаве.Не понимаю, почему то так дорого оплачивается? Я слышал есть те, кто учится тому долго, наверное поэтому. Это у меня талант с рождения, а если их бох не наградил, то пусть учатся.
>>612169Это еще что, я вот недавно с бомжом познакомился, он меня к себе в подвал привет, а у него там макбук и куча коробок от пиццы, плюс пустые скаканчики из-под смузи. Говорит, это его арт-пространство, а сам он фронтендер на фрилансе, но пока что начинающий. Всего-то 50 тысяч в день.
>>612171привел*
>>612130Теория отдельно от самого сайта - хуйня и не нужна.
>>612156>>612157>>612160>>612165Почему у вас так "не бомбит"? Я у вас просто совет спрашиваю а вы огрызаетесь
>>612206Потому что выше в треде нам кто-то уже "пояснял", что вся эта хуета убьет нашу профессию, а мы сопротивляемся и бомбим. Теперь мы не сопротивляемся, а переорганизовываемся в секту староверов-верстальщиков.
>>612213Во имя хтмл чистаго, брате. Сектанты мерзопакостныя помышляют наш труд загубить машинной думалкой, а мы не дадим!
С этой сеткой чет пиздец вообще. Это как-то без дополнительных инструментов вообще реально делать?
>>612218Да.
>>6122181. Float left2. Float right3. Clear: bothНа флоатах давно не верстал, так что не уверен.Да прибуде с тобой css!
Блять, зарекался же не давать готовые решения, а заставлять самому думать. Ну да похуй.
>>612221Пиши в следующий раз: - Думайте, голубчик, думайте...
>>612222Да ладно, чем больше он схавает готового, тем меньше у меня конкуренции, как у специалиста.
Перенос треда по просьбе анонаhttps://2ch.hk/pr/res/773335.htmlИтак, начну. Мне меньше 18 лет, я работаю ртом в частной компании (не официально) , но деньги платят. Делаю дизайн. Знаю на поверх уровне CCS,HTML. JS только начал учить, но крепить его к html файлу умею. Все время я пихал Boostrap, пока back-end мне не сказал, что если еще раз увидит boostrap, то уволит меня нахуй. Подскажите что делать, писать с 0 дизайн слишком затратно, сложно и будет через жопу. Мне нужен аналог boostrap`a, чтобы прилепил и делаешь по гайду и по пунктам.Меню? Есть. Панель? Есть. И т.д Спасибо.
>>612229Блять, он 2 флоата и клиар сделать не может. Какие флексы?
>>612231Хтьфу в ебало.
И вправду говорят, что бутстрапщики верстать не умеют. Это как jquery-программист.
>>612237В обще у нас нет понятия фронт и бек енд. На это есть один человек, но понятие "фронт" взял я на себя, а он лишь вся остальная часть. А что он ждет - не знаю, но видимо чем то ему бустрап не угодил
>>612238Нассы ему на ебало.
>>612239У нас нет понятия бекэнд. У нас есть один человек, а я нелегал гастарбайтер тучу по кнопкам за него, дабы сэкономить время, котое он убьет на дизайн, а потом крепит всю нижнюю часть, в роли Mysql и php , дает мои $ и шлет нахуй. Так уже 5 мес.
>>612240Ток я останусь без денег, а так можно
>>612243Так ебана, говорит бустрап - говно, еще раз увижу уволю нахуй. Ни слова больше
>>612241Тебе бы школу закончить, а то читать не возможно твой текст.
>>612245Ну я ОГЭ по русс на 4 сдал. Хз как. Впрочем закончил
>>612244Странный тип какой-то. У нас наоборот бэкэндщики его любят, т.к. можно пилить всякие ништяки не заморачиваясь с дизайном и выглядеть будет как минимум неплохо.
>>612247> Не говорит, выше читай.
>>612248Есть такое, вот я пришел спросить, чем заменить
>>612247Ну просто кинет в ЧС >>612253Говорит еще раз увижу и больше денег не получишь.
>>612252бля, вот ты додик. ну заменишь ты на другое фреймворкоговно, он тебе то же самое скажет.
Вы совсем тупые? Вас зеленый тралит, а вы ведетесь.
>>612246Ну тогда постарайся применять полученные знания на практике. А так бутстрап не нужен. Создаешь свою библиотеку компонентов и тащишь её из проекта в проект.
>>612255Быть может не скажет
>>612257Попробую>>612258А мне меньше 18. Это так можно, чтоб официально? А не гастарбайтером
>>612262Опа, спасибо. Пойду поищу вакансии в мухосранске. Всех благодарю.
>>612260лол, ну гугли css frameworks тогда.
>>612220Да я в общем спрашивал, а не про пример.>>612229Ну я пока даже не знаю что такое флексы =D
>>612266Блять иди нахуй уже.
Старая знакомая, ныне начинающий дизайнер, пообещала пробить мне место версталы в конторке, если я нормально задрочу верстку. Такой-то стимул пройти хотя бы базовые курсы и интенсив
>>612218клиарфиксы клиарфиксики
>>612218Это там яндекс браузер?
>>612272Можно она мне предложит, пока ты учишься?
бля, почему, когда я делаю nav и флоачу в уголправый, то его liшки идут в обратном порядке?
>>612287К О ДОД
>>612287Универсальный ответ: потому что ты даун и где-то накосячил.Более точный ответ: а хуй знает, что у тебя там в коде.
>>612050Дело не в старости, а в совместимости с XML. Там где используется парсер XML будут ошибки. Например JSX в React.
https://hh.ru/vacancy/17446264Наткнулся сегодня. Может кого-то заинтересует.
Поделитесь секретом, кто откуда берет плагины для J-Query? Нашел интересный ресурс: http://plugindetector.com/
>>612448Из гугла. По запросу "jquery plugin <функциянейм>" выбивает статьи вроде "20 охуенный плагинов для <функция нейм>". А там смотрю, какой из них лучше подходит для конкретной задачи/меньше весит и т.д.
>>612287Скорее всего ты задал float этим самым лишкам, чем и спровоцировал такое поведение.
>>612456Спасибо, но каким образом ты формулируешь <функциянейм>?Получается что-то типа: "query plugin карусель", "query plugin анимация кнопок", "query plugin параллакс" и тд?
>>612462Да, так, как ты написал. Только названия на англ пишу.
>>612231UI-kit. А так, шли нахуй такого охуевшего щенка, бутстрап ему не нравится. Сейчас практически все делается на бутстрапе и подобных, это в разы проще, чем писать с нуля. Другое дело, если ты верстаешь как попало даже на бутстрапе. Тогда понятны взвизги этого дятла.
>>612505>Сейчас практически все делается на бутстрапе и подобныхБулщит. Ни одна нормальная компания свой продукт в продакшн на бустрапе не пустит. Максимум прототипирование, да и то, если реальнео сроки жмут.
>>612513Маня, иди сортир чистить. Вечно проигрываю с таких даунов. (Автор этого поста был предупрежден.)
>>612515Только после Вашей смены, уважаемый.
>>612513>>612516Гляньте любой лендинг, нахуярен на бутстрапе и красивостях. Любой онлайн-магазин нахуярен на бутстрапе и красивостях. Некоторые юзают ui-kit и подобные аналоги.Бутстрап не используется на действительно крупных проектах, у которых нет жестких сроков сдачи проекта. То, что можно сделать на бутстрапе за 15-20 минут, без него сделаешь часа за 1.5-2. 15-20 минут на построение структуры и еще 5-6 часов на допиливание под свои нужды. 6-7 часов, и хуяк, лендос готов. Можно сдавать и браться за новый. Таковы реалии рунета, большинству заказчиков нужен сайтик на бутстрапе быстро и недорого с красивостями. Есть и компании побольше, те уже пилят все сами, но у них и сроки сдачи работ сильно плавают. Сам работаю на одном проекте, где бутстрап понапихан вдоль и поперек. Вроде и проект относительно хороший, есть к чему стремиться, но бутстрап все поганит, изо всех щелей лезет говнокод. И мне не дают его переписать, говоря, что бутстрап - инструмент профессионала. Печально. Недавно попросили сверстать редизайн сайта для этой же компании. Думал сделать основательно, запариться, все по бему, никакого бутстрапа и прочее. Нихуя, через пару дней начали теребить, почему так долго итп. Сказал, что хочу все сделать по бему, без бутстрапа, начали визжать, что бутстрап нужен, хуярь бутстрап, фрилансеры уже давно бы все сделали и сайт ы уже работал, кококо. Пришлось понахуярить им бутстрапа и сдать это говно. Зато как все потом восхищались готовым говнокодом с фишечками типа появляющихся блоков и прочей хуйни, пиздец просто.
>>612528Жаль тебя.Из всех заказчиков с которыми работал, бутстрап не требовал никто. А работал я как с мелкими, которым нужен был банальный сайтик на 1-2 страницы, так и с крупным, у которых на попечении огромные проекты типа биржи медицинского оборудования етц. Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. Для меня это вообще показатель. Если компания говорит что надо быстро, а на качество похуй, то нахуй ее, с ней только проблемы потом будут. И платили кстати, неплохо.Плюс дизайн с которым я обычно работал, я вообще без понятия как на бутстрапе реализовать. Он слишком сложный, блоки ведут себя очень по разному в зависимости от разрешения экрана, а адаптивность нужна всегда полная, с нуля и до 1200, и чтоб при смещении на любые 10пх было заебись. Так что это все point of view. Твоя картина мира формируется из твоего же окружения.
>>612535>И платили кстати, неплохо.вот это должно быть здесь>Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. И платили кстати, неплохо
Аноны, ньюфагу вообще вариант урвать заказ на фл.ру? В портфолио адаптивные макеты из академии.
>>612681Да, реально. Демпингуй
Аноны, посмотрел урок по gulp https://www.youtube.com/watch?v=vW51JUVT66w , но я так и не увидел, как сделать после как закончил проект, вся работа появилась в папке dist?
>>6127851:14:50
Запилите, кто-нибудь, перекат.
>>612915Возьми и запили.
>>612915Ща сделаю.
>>612953> прошел часТы там на флоатах фулл-респонсив тред верстаешь что-ли?
>>613023В голос.
>>613023я немножко накурился и забыл, лолhttps://2ch.hk/wrk/res/613029.htmlhttps://2ch.hk/wrk/res/613029.htmlhttps://2ch.hk/wrk/res/613029.htmlhttps://2ch.hk/wrk/res/613029.htmlhttps://2ch.hk/wrk/res/613029.htmlПЕРЕКАТ
