Здесь аноны изучают верстку, фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа, и не один а двое, азазазза, кхм.Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это [YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)[РАСКРЫТЬ] >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 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://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/ http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу: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=999246 https://yadi.sk/d/3AhpPwHaq5Bwp Продвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609 Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-material Базовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803 https://github.com/o0/keksobookingБазовые обучалки от teamtreehouse любезно слитые аноном (только видео и только на английском):JavaScript Angular/Node/D3/Gulp/NPM/OOJS/Ajax/Emberhttps://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4Верстка Fluid grid, dev tools, seo, flexbox, sass, etc https://mega.nz/#!PgRiXJLK!Ske0xNBP aC9Rm_3mV9c5Zoz6rD5Yna-V7pI-yzJOB_AИспользуемые нынче во фронтенде технологии 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======================Обновления, организация и предложения.В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы. Ссылки должны быть структурированы по группам.Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост. Ребята из академии предлагают сотрудничество верстальщикам и фронтендерам, с опытом от 1-2х лет в индустрии.Подробности здесь https://htmlacademy.ru/intensive/htmlcss/tutors Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>648061 (OP)
>>656905 (OP)Ну и нахуй ты так рано перекатил? Нормально же общались
Анон, я новичок в верстках и бэкенде, подскажи пару вопросов:1) Как вообще делаются многостраничники? (кроме cms) Ну ок, я сделал шаблоны под каждый тип страницы, хочу не каждый раз в редакторе новый код хуярить, а облегчить это все. Есть альтернатива - cms, но это не то. Мое представление: делается страница-шаблон с парой секций (одна - отвечает за категорию будущий страницы, вторая - за наполнение, т.е. из этих должны браться составные части для последующий сборки новой страницы), в конце - submit-btn, который все это дело переваривает и создает новую страницу. Как это все реализуется на практике? Может неоче понятно написал, надеюсь не как грабля корованов выглядит На geekbrains был курс про блог на php с примерно такой схемой, но там лектор просто хуярил код без пояснений и я дропнул.2) Для практики пилю себе сайт, на котором обкатываю новые уроки, сохраняю образы верстки и т.д. В дальнейшем хочу допилить что-то типа сортировки страниц по содержанию, тегам и тд. Т.е. запрос - генерация страницы с результатами. Как это делается? У меня подсознательно всплывают PHP, хотя я о нем почти ничего не знаю. Зачем он вообще нужен?
>>656955Бамп вопросу, я так понимаю что бы сделать интернет магазин нужно прикрутить цмс?
>>656847 бамп
Анон, как заставить блоки с ссылками тянуться на весь хедер (нужны вот эти белые границы сверху донизу)? 2) как можно выровнять текст по вертикали?3) есть ли в css способ наследования значения не у родителя, а у элемента по классу или id?
>>656982ты шапку жопой читал?http://codepen.io/ блять
Я сам полный ноль в верстке, но хотел бы хоть как-то поделиться своим "опытом" изучения материалов по htmlacademy (ну т.к всё равно данный сайтец есть в пасте), мб таким же новичкам залетающим в данный тред - пригодится.Большинство заданий просто вылетают из головы после прохождения курсов или прочтения материала, чтобы этого избежать авторы преподносят всё это в некой манере игры, сразу же применяя полученную теорию на практике. Но иногда даже это не помогает, ибо видя задание, мы просто глупо следуем ему, разбираясь лишь поверхностно.Например, задание:1) Измените свойство на background-repeat: round. 2) Измените ширину на width: 450px;3) Измените высоту на height: 500px В теории рассказывается про атрибут round, как он работает и тд, после чего мы вроде бы выполняем задания видя как всё выглядит, но при этом например не задумываемся а зачем в этом задании мы меняли width и height (на деле, чтобы более подробно понять как ведёт себя данное свойство при изменении размеров блока) и тд и тп. Не всматриваемся в сам html код, в стандартные css-правила прописанные в редакторе.А потом возникают различные посты аля - "ебать че это за хуйня с мишенями, нихуя же не понятно, сложно". А если расслабиться и спокойно просмотреть стандартный код в окнах минибраузера и немножко подумать - то всё становится предельно просто.Если коротко - старайтесь не просто читать теорию и выполнять задание, а вчитываться в код (не во всех заданиях конечно), понимать зачем авторы сделали каждый пункт задания и что они хотят этим показать. Процесс запоминания при этом происходит намного качественнее.
>>656909Айдиха? Я думал он съебал с сосача.
>>656996>>656996Зачем ты обьясняешь прописные истины? Кто серьезно в верстку лезет сам легко разберется с методом запоминания и решения задач. Остальные один хуй самообманом занимаются или для общего развития курсы учат, вон почитай каменты в "Кекстаграм: Эпилог. JavaScript" там пуканы рвутся на раз у таких деятелей. хотя там даже с нулевым знанием ЯП можно понять что происходит.Да блять две трети не способны даже в чужом правильном коде селекторы нужные подставить, ибо нихуя его читать не могут, даже после того как им его на три раза до этого разжевали.
>>656991там 10 строк кода, блджХотя ты прав, хуйню сделал http://codepen.io/Miseri44/pen/rLdkJr
>>657004Возможно есть действительно умненькие пацанчики, просто из-за неопытности в этом деле могут неправильно начать изучать материал, так хоть поймут что к чему, дабы не тратить время.
>>657007что это такое, лол
>>656996Нахуй вы эту зафоршеную хуету дрочите? Объяснений там не больше чем в буке сраном.
>>657004> Из-за недостатка знаний не пойму что значит "вызвать функцию"...Проиграл.
>>657009набросок, а по-твоему что?
Охуеть, они серьезно на протяжении 50 постов не могли прописать путь к изображению http://forum.academy/t/toli-ya-tupoj-toli-lyzhi-ne-edut-skoree-pervoe/3166
>>657016А потом такие у тебя работу из под носа уводят.
>>657011Ну хз, я с помощью этой зафоршенной хуеты хоть чему-то научился за пару недель, например главную барбершопа сверстал http://x906473w.bget.ru/ , вроде бы не дохуя убого смотрится.
>>657007я не пойму что тебе надо?ты адаптив делаешь? почему нельзя выставить нужную высоту в пикселях?что касается вертиклаьного центрированияможно через высоту строки зацентровать.http://codepen.io/anon/pen/jAzvpqно я бы на флексах сделал. Третий вопрос вообще не понятен, обьясни для чего тебе такое наследование
>>657019Если ты так пиздато вчитываешься в детали, то и по мануалу бы сверстал.
Подскажите тогда ресурс для обучения лучший чем академия
>>657018Очень сомневаюсь, что верстала сможет увести вакансию reactjs девелопера. Я бы даже сказал, что если такое случится, то я охуею и пойду устраиваться кассиром в пятерочку.
>>657022учи по академии, не слушай зеленоготут главное не подача материала, а мотивация, по академии учить ненапряжно, так же как инглиш например с розеттой стоун. А талмуды изучать с нуля это жутко уныло.
>>657024Почему верстала, они уже давно пишут тупые коменты в ректакадеми.
>>657027Биатлон сверстал?
>>657022Нормально все с академией, здесь у нас просто сейчас аудитория представляет собой микс из вонаби сениор девелоперов и копирайтеров: одни шуткуют про программирование на хтмл, другие про паддинги с пипетками.
Раз уж тут холивары про обучение, мне нормально так зашел метод академия + сторонние источники с теорией. Потому что на академии легко закрепляется базовая база, но конкретно я так нихуя и не понимал что и к чему.Прошел курсы на webref (бывший htmlbook), к ним легкие довольно опросники. Теперь дочитал "Новую большую книгу CSS3", вот эта хуйня вам точно все разжует так, как надо.Правда, в академии задания сложноватые, но не в тему, а в книге и на вебреф легкие и напрягать жопу не сильно приходится. Лучшее закрепление знаний — верстать макет, а не заниматься хуйней с биатлонами. Имхо.
>>657020Спасибо. До флексов еще не дошел. Насчет наследования - чтобы задавать height и line-height в зависимости от высоты картинки слева, которая и растягивает меню по вертикали да и вообще интересно.
>>657021Что сверстать простите?
>>657036> в зависимости от высоты картинкиМожет я, конечно, не так тебя понял, но такое поведение можно реализовать только на JS.другой кун
>>6569551. Через любой шаблонизатор, например pug. Или сразу через React или Angular.2. Тут два варианта — можно генерировать страницу целиком на бэкенде, тогда тебе нужны PHP, Ruby+Rails или что-то подобное. Второй вариант — генерировать страницы на фронте, а с бэкенда получать только данные (как правило в формате JSON), тут опять врываются React и Angular. Для сколь-либо сложных сайтов сейчас используют второй вариант.
>>657032На академии задания сложные? лол?
>>657040Даже кресты легче заходят.
>>657040Некоторые мне показались такими. Еще я во многих из них не вижу реального практического смысла, лучше бы давали применять пройденную тему на встроенном макете, потому что без интенсивов большинство так и не поймет, что они тут прошли на курсиках и как оно все вообще применяется.
>>657041> дажеНо ведь кресты легкие.
>>657044Ну так-то да, просто их я попутно учу, основные ресурсы уходят на оттачивание html.
>>657047Ну вообще я серьезно.
>>657039> pugнашел, буду пробовать> React или AngularДля вкатывания в фреймворки нужно полностью знать ванильный js или можно с изучением js и один из них начинать?Спасибо
>>657050А я думал ты пошутил.
Так, продолжаю ебаться с бутстрапом. Как я сейчас сделал. 1. Закачал бутстрап через bower2. Скопировал оттуда два файла в свой проект - bootstrap.scss и variables.scss. 3. Изменил пути в bootstrap.scss, чтобы они вели в папку где лежат оригиналы, часть из них закоментил (блок с инклюдами components)4. Ниже подключил скопированный variables.scss и планирую там изменять переменные.Что мне здесь не нравится? Меня раздражает огромное количество переменных в variables, большинство из них мне нахуй не нужны, остальные кажутся неудобными и не подходящими. Мне интересно, как вы работаете с бутстрапом?
>>657052Ну правда, по сравнению с ванильной сишечной или лиспом или какой-нибудь еще хуитой кресты вполне себе дружелюбны.
>>657056Меня больше всего пхп убивает.
>>657057Чем же? Мне правда интересно, я на нем немного кодил, неприятный язык.
>>657051Нужно знать базу, где-то первые 7 глав на learn.javascript.ru. Остальное учить потом по надобности. DOM и события задрачивать смысла мало, потому что у фреймвроков свои системы событий и методы работы с домом.Советую начать с Реакта, он попроще и не страдает раздвоением версии.
>>657058Я даже не могу сформулировать. Просто больно писать.
>>657056Особенно указатели и ручное управление памятью дружелюбны, ага.
>>657059В реакт можно врывать после относительно хорошего понимания ванилы и знакомства с ЕС6, иначе можно прострелить себе ногу.>>657060Вот примерно такие же впечатления.
>>657059главы = "Введение, Основы и тд" или части Введения?
>>657053>Мне интересно, как вы работаете с бутстрапом?1. Не используем bower2. Не копируем файлы из папки модулей в основную, потому что это убивает на корню всю идею модулей3. Понимаем, что бутстрап нахуй не нужен, так как есть флексы
>>657063Первое, лол.
>>657062Учиться Реакту можно и без ES6. Это просто сахар.
>>657066Сахар не сахар, а без ЕС6 на реакте уже давно никто не пишет. Взять те же импорты или функциональные компоненты. Ты ему советуешь путь копипасты, когда он будет писать что-то, что-то даже рабочее (потому что реакт в этом плане похож на жиквери), а понимать как и что - не будет.
>>657067Глупости, я ничего такого не советовал. Я советую начать с кучей компонентов в одном файле и инлайн-конвертором с JSX. Чем Реакт похож на джиквери для меня загадка, абсолютно разные продукты по-моему.
>>657068И правда, извини. Пора спать.Похож дружелюбностью к пользователю, можно писать на автомате и подключать готовые компоненты и куски кода из гугла. Но это мои личные впечатления.
>>657064какую епта идею модулей? Это как-раз сделано для того, чтобы спокойно апдейтить библиотеки через бауэр, ни один оригинальный файл не был изменен. Причем здесь флексы? Я знаю что такое флексы, я об этом не спрашивал, мне нужен бутстрап.
>>657070Идею, что ты подключаешь модули через импорты, а не копипастишь в свой проект, блять. Иначе зачем они вообще нужны? И почему тебя ебут переменные вообще, если в конечном CSS их все равно нет?
>>657070Зачем тебе вообще бовер? Столько раз видел его, и ни разу никто не мог мне внятно объяснить. "Ну тип ээээ короч нууу нпм мне не нравится)))".
Аноны, поясните за box-sizing. В чем подводные камни его использования? Вроде всеми браузерами поддерживается http://caniuse.com/#search=box-sizing , а Першин на интенсивах вроде не рекомендовал использовать это свойство.Есть ли причины не указывать всему документу * { box-sizing: border-box; } ?
Сейчас вот первое сложное испытание попалось из платных курсов. Нужно для фото Кекса сделать рамку через border-image и тд.Сидел минут 30, нихуя не понял (вроде почти сделал, но потом какая-то хуйня выскакивала и я начинал сначала), завтра попробую ещё раз.
>>6570730. Никто тебе не запрещает. Можно быть счастливым и на костылях.1. Звёздочка очень медленно работает. Все твои стили начнутся с тормознутой звёздочки.2. Если нужно будет добавить кусок, который был сделан с учётом блочной модели, его придётся переделывать.3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида.
>>657099>звёздочка очень медленно работаетвы там ебанулись со своими оптимизациями? На дворе 2016, пекам похуй, 0,0001% или 0,001% процессорного времени они затратят на цсс.А вот жс да, оптимизировать всё ещё нужно.А по поводу добавления куска, где всё будет работать не так, как надо - для этого border-box задаётся только html, а всеми остальными наследуется.
>>657162Тебе ещё не доложили, что люди ещё и телефонами с планшетами пользуются?
>>657174уж в чего чего, а мощности железа на современных мобилках хватает. Дрочить на скорость css-селекторов в 2016 году - идиотизм. Их оптимизация не даст тебе и 1% общего прироста производительности.
>>657073Он не так часто нужен чтобы задавать его всему документу.
>>657182Алсо, добавлю, что stylus по умолчанию ставит html {box-sizing: border-box;},::after,*::before {box-sizing: inherit;}Вряд ли его дураки разрабатывали.
>>657188>Вряд ли его дураки разрабатывали.Рекомендую тебе забыть этот аргумент. Разработчики не сверхлюди. Иногда и дураки, иногда у них не хватает времени, иногда они не понимают задач, иногда задачи неадекватны тому, что ты хочешь сделать.В софте иногда попадаются такие технические решения, что кажется, что его разрабатывали не просто дураки, а идиоты или вредители.
woof
>>657188нихуя подобного не делает. хотя я не уверен, что мы об одном и том же
>>657218>>657218Может, ты и прав. Но когда на codepen'е выставляешь stylus, все блоки автоматом становятся box-sizing: border-box;
Как понять, насколько хорошо прошло телефонное интервью?
>>657071ты что, ебанутый? Я копирую файл где прописаны все инклюды, и копирую файл с переменными которые хочу изменить, и инклюдю их в конце того файла, чтобы по каскаду сработали они, так мои изменения не затронут оригинальные файлы. Меня интересует, как здесь работают с этим файлом переменных на 800 строк, но похоже тут одни ебанашки, на которых только тратишь свое время.>>657072узнай, для начала, что такое bower, тупая ты пизда
>>657072Пиздец, только олдфаги помнят, что bower юзается для установки html и css библиотек, а npm для js.
Я извиняюсь конеш, но тут есть люди которым рильно доставляет процесс верстки?
>>657413Вряд ли. Но в основном вся работа скучная. Интересной мало.
>>657188bootstrap так делает*, :after, :before { box-sizing: border-box;}
Как убрать промежуток между q и w?
Продвинутый интенсив за 2016 не судьба пихнуть? ОП-мудила
>>657520или пишешь их в одну строчку, или выставляешь divy нулевой размер шрифта, а в <a> задаешь нужный размер
>>657568А margin-left: -n px; у класс .e имеет подводные камни?
>>657572просто запомни, что перенос строки равен пробелу и его видят строчные и строчно-блочные элементы. Я плохо помню подводные камни отрицательных марджинов
ну в общем, это будет как минимум не удобно
http://lpn.by/index.htmlАноны, поясните, как на этом сайте наверх вставили видео? Кинули вебмку в бэкграунд?
Аноны, что за хуйня - если header без бордера, то сверху появляется отступ между окном браузера и хэдером, а если поставить бордер, то хедер плипает к потолку, как и я хочу чтобы он был, но ведь можно сделать как-то проще, правильно?
>>657668Попробуй у хидера обнулить верхний маргин.
>>657672Не то, братюнь, и маргин топ обнулил, и у боди паддинги обнулил, один хрен отступ есть, а с бордером исчезает
>>657676сделать хедеру псевдоэлементheader::before {content: ''';display: block;height: 1px;}
>>657677работает, только теперь список, который в хедере был на месте остался, то есть хедер вверх ушел, а список нет, и оказался в самом низу его. короче поправить могу, а вообще можешь обьяснить в двух словах из-за чего так происходит?
>>657686Схлопывание отступов. Если верхний отступ дочернего элемента больше верхнего отступа родительского элемента, то как отступ родительского элемента используется отступ дочернего элемента. Помимо псевдоэлементов эту проблему можно решить паддингами. Вообще, почитай про схлопыание элементов, там подробнее и доступнее всё изъяснено.
Залил первую сверстанную страничку на гитхаб и неожиданно проебалась интерактивная карта. В чем может быть проблема?Локально все было ок. uskalina.github.io
>>657709А инспектор тебе на что?
>>657727Спасибо, просто я совсем ньюфаг и до этого ни разу не открывал консоль лол
>>657657бамп вопросу
>>657572Если шрифт поменяется и соответственно с ним длина пробела, то будут баги.
Ребят, привет! Я из соседнего ИТ-треда админов.Есть база в Access с формами запросов и кое-каким пользовательским интерфейсом, шеф сказал что было бы охуенно въебать её в веб-морду, ну я скачал MS WEB DEVELOPER, в конструкторе импорт данных только в виде таблиц.Как это можно реализовать?Или это не к вам?
>>657760Не совсем понял вопроса. У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать? > MS WEB DEVELOPERЭто точно не то, что тебе нужно. Грубо говоря нужен бэкенд, который будет данные из этого твоего аксесса парсить в JSON и отправлять на клиент, а далее уже на клиенте это все обрабатывается и выводится.
>>657760Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.
>>657763>У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать? Шеф сказал что пиздато было бы иметь, чтобы показать начальству и тогда уже сыграть тендер и нанять программистов. Так-то ничего нет.>>657764>Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.Жаль, вас понял.______________________В любмо случае спасибо.
>>657775Значит все с нуля, это не к нам, да. Не знаю, можешь обрисовать ему как все примерно должно работать, а там пусть наймут 2,5 погроммистов.
>>657099>3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида. А чем это свойство мешает адаптивности, я немного нуб и не шарю. Пункты 0-2 можно было бы решить, просто добавив это свойство в стандарт.
>>657700Спасибо, бро!
>>656982Для растягивания ссылок (увеличения области клика) обчно дают паддинги ссылкам и убери нахуй у них высоту в 50 пикселей, ну и не забывай бордер-бокс прописывать, так как работаешь с инлайн блоками (чтобы не пидорасило).Надеюсь я тебя правильно понял.
>>657873http://codepen.io/tvoyamamasha/pen/VjXJEWотклеилось
>>657657и ещё один бамп
>>657873То что нужно, спасибо.Кстати, это нормально если я буду большинству элементов задавать размеры через border-box? охувеваю с расчетов этих паддингов/бордеров, при которых мне сетку пидорасит
>>657896нормально
>>657896Если хочешь зависимость от img, то пихай лого в ul в хедере, убирай оттуда флоат, а двигай маргином от первого элемента. Правда, ссылки будет пидарасить при увеличении высоты картинки (у них высота фисксированная).http://codepen.io/tvoyamamasha/pen/grZVPd
>>657937Единственное не могу понять почему у хедера высота 74px, поэтому для наглядности дал высоту 70px.
Аноны, замечали, что для разных разрешений поисковики выдают разные результаты?
>>657962Разверни свою мысль, анонимус. чего блять.вебм
>>657981У меня в системе два монитора. Один ноутбучный 1366х768 и один дополнительный 22" FullHD. Когда открывал браузер на одном мониторе и искал фильм, поисковик выдавал один результат. Через час решил снова забить в гугл этот фильм, тем временем браузер перекочевал на другой монитор. Результаты выдачи были другими.Фильм - Олдбой 2003
>>657985поставь браузер между двумя мониторами
>>657985
Фейсбук выкатил тулзу для быстрого создания аппов на Реакте: https://github.com/facebookincubator/create-react-appТеперь ньюфажикам не обязательно ебаться с настройкой бабеля, вебпака и черта лысого, чтобы написать хеллоу ворлд.
Поясните кто-нибудь, как часто используют на практике всякие изображения для рамок и их нарезка? В академии это хуй знает как объясняется - первое задание которое я вообще не пойму как делать.
>>658022Вообще ни разу не использовал
Короч уже работаю 2 месяца верстаком, запиливаю кулстори, мб кому интересно будет. Знания уровня двух продвинутых интенсивов, но с продвинутого адаптивку не верстал, лол + немного джиквери ну и бутстрап. Все где-то за 4 месяца осилил.Да, я тупенький Теперь по работе. Платят 20-25к. Для моего 600к города мне норм. Дают в основном верстку, всем остальным занимаются штатные программисты, как бэкендеры так и фронтендеры. Так же еще часто дают править чужую верстку, причем почти всегда там блять говнокод, и часто самому приходится говнокодить, ибо нужно пилить очень быстро. Делать заставляют все на БУТСТРАПЕ, и всегда 1 в 1 с макетом, то есть всякие улучшения, которым учит першин, мол нахуй дизайнера, не катят, заставляют 1 в 1 с макета делать, пиздец. Заказчики в основом иностранные, даже еврейский сайт удалось потрогать, лол.Макеты в основом хуевые, но пару раз были охуенные. Гита нет, часто бывает, что файлы с фтпшника перезаписываются, приходится делать бэкапы. Есть еще один верстак в конторе, он галпы-хуялпы, препроцессоры, даже еммет блять не использует, но верстает отлично и на любой вопрос отвечает на изи. Ну вроде всё, задавайте ответы, если что. Ну и еще рабочее место пикрелейтед.
>>658070Делаешь ли что-то для переката в полноценный фронтенд или так и остановился на верстке?
>>658070Тюмень?
>>658070Ноут твой?
>>658078Когда работы нет сижу и по выходным читаю кантора, идет тяжело, но вроде интересно.>>658079Мимо>>658081Нет, выдали такой, оперативки хватает.
>>658070Боже, надеюсь мне все-таки удастся устроиться джуном-фронтендом...А ты как вообще, надеешься на профессиональный рост?
>>658084Конечно надеюсь, я думаю, тут из треда все хотят йоба-фронтами стать.
>>658070Поясни за бутстрап, пожалуйста.
>>658087Что ты хочешь узнать про бутстрап?Подключаешь сетку из 12 колонок и ебашишь по ней.
>>658070Запили как устраивался, что в резюме писал, как собесед проходил, долго ли они думали брать тебя или нет? Долго ли искал вообще? Добра, ты мой герой.
>>658092Позвонил, сказали приходите на собес, там HR был, вообще ничего не спрашивал, заполнил анкету и тест, в тесте были всякие пхп\джс вопросы, я их оставил без ответа, а верстко-вопросы на 100% отвтетил, было очень легко,в анкете стандартные вопросы, где работал, че делал, ваши качества бла-бла, написал правду, сказали мы вам перезвоним лол, перезвонили в итоге, пришел в офис, сказали будешь стажироваться 2 недели, я думаю, ну похуй. Дали сверстать статичный макет и прикрутить туда всяких свистопеределок, сделал быстро. Потом сказали запилить лэндос на бутстрапе, в итоге разобрался с бустрапомхотя хули там разбираться, в итоге лэндос не доделал, потом позвали к руководителю в другой офис, там он спрашивал всякую хуйню типа че умеешь, какие планы на будущее, все такое, посмотрел мою верстку ну и сказал хуй с ним, у нас тут проект горит, надо верстать, короче берем тебя. Вот и всё. Стажировался дня 4 где-то.А, ну еще по поводу работы забыл написать, у нас есть проект менеджеры, которые ебут за каждый косяк, ну и своя CRM система, там есть задачи и система грантов, т.е премий которые идут + к окладу за каждую выполненную задачу. В конце месяца программисты меряются своими хуями грантами. Пикрелейтед мои нищегранты из CRMки.
Заметил небольшой обосрамс на 5 видосе базового интенсива. Возможно обосрался я, если так, то поправьте меня.Суть в том, что они обнулили font-size у кнопок, где это нихуя не работает, так как его надо обнулить у section, что бы пробелы пропали.http://codepen.io/Legys/pen/akGoPrраскоментируйте для наглядности. Скрины прилагаются.
>>658033Знать бы ещё кто ты такой
>>658109Сколько лет тебе? Какие были зания (и в какой сфере) до этого всего?
Как работает правило - border-color: #2ecc40 transparent; ? Оно задает цвет но при этом делает его прозрачным? шо?
>>658109не удивительно что макаке платят 20к
>>658089Как ты по ней ебашишь? Что ты конкретно подключаешь? Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете? Ебашишь больше колонок? Какие изменения вносишь?
Кто-нибудь данное задание делал? Оно вообще на практике пригодится или нет?
>>658109чет порадовала система грантов
>>658265Делал, на практике не очень нужно, а если и нужно в нете куча сервисов.
>>658070>>658109Два интенсива? А обычные курсы на сайте все прошел или платные не проходил?
>>658332Я нихуя не понял как эту хуйню делать, самая уебщиная тема наверное из всех курсов, забил хуй просто дабы время не тратить.
Решил составить небольшой план на последующие 2 недели, дабы не проебывать время и как-то себя дисциплинировать. А также потестить себя в более тяжелых (для меня) условиях, ибо заебало что я слишком долго копошусь в этом базовом HTML/CSS. Сам план таков:1) До пятницы закончить последние 14 курсов (платных) академии (трансформации, анимации, переходы, флексы и тд.)2) Просмотреть последние 4 лекции базового интенсива (Пятница-Суббота).3) Начать делать барбершоп. ( Воскресенье) 4) За неделю сверстать Барбершоп, Глейси и Нердс.Окончание: 07.08.2016.
Извиняюсь за вопрос. >Верстале для портфолио достаточно запилить самостоятельно пару макетов.Насколько я понимаю, макеты в формате .psd. А что делать, если я прыщеблядь?
>>658402Страдать. Или запускать PS под виртуалкой.
>>658405Спасибо за поддержку.
>>658405Ну знаешь, обычно на винде и без этого люди запускают, так что не страдай.
>>658407Так у него не винда.
>>658409Наверное как настоящий программист решил поставить линукс, а теперь сосёт хуи от говно системы.
>>658410>не ставится ротожоп>линупс - говно
>>658419Ну линукс говно не поэтому.
>>658392вангую, что сделаешь максимум половину
>>658194А для меня удивительно. Для мухосранска 600к это хорошая зарплата. Учитывая, что те же деньги зарабатываются либо на заводе, либо весь раб. день стоя/бегая на ногах. Когда стоит выбор между заводами, пятерочкой, вот этим всем и работой макакой. Работа макакой, сидя на жопе ровно, явно лучше.
Дошел до редакса, впечатления такие же, как от первого чтения кантора.
>>65818619 лвл, вышки нет, ибо нужны были деньги, да и сидеть в вузе 4 года как-то после школы не очень хотелось на нелюбимой специальности. Знаний - нихуя нет, работал в основном телефонной макакой, заебало, решил чем-то заняться чтоб-более менее сносную работу получить.>>658194Для меня это неплохо, ибо на предыдщуей работе получал 15-17к максимум, притом нихуя не делал и было пиздец скучо. >>658385Курсы прошел, и платные тоже. Ведь это я их заскринил и сюда выложил. 300 рублей для любимого треда не жалко.
>>658442А при первом чтении кантора какие были впечатления? Типа - "Блять пиздец как это работает нахуй, сложна, нихуя не понятно"?
>>658452Типа того.Но в ваниллу довольно просто вникаешь, как это все вместе работает, какими костылями обмазана и почему. А редакс это какая-то нереально абстрактная поебень. Вроде работает, но как - черт его знает. Пойду документацию курить заново.
>>658222> Как ты по ней ебашишь?Достаточно прочитать официальную документацию на сайте бутстрапа, чтобы понять, как строить сетку на бутстрапе.> Что ты конкретно подключаешь?https://getbootstrap.com/customize/Здесь ставишь галочку на grid system, остально по твоему желанию.> Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете?А вот тут самое интересное, если в колонки бустрапа верстка по ширине не помещается, а заказчик хочет на бустрапе, ты либо ему по хардкору поясняешь это и он либо соглашается отойти от макета, либо отказывается от бутстрапа(еще никто не отказывался, всем блять бутстрап подавай).Если заказчик особо упертый, и хочет на бутстрапе + 1 в 1 с макетом, придется немного покастомизировать бустрап ну и делать всякое говно, прописывать бустраповским классам отрицательные марджины и.т.п.
>>658265>>658386я сделал позавчера за 10 минутна практике оно нужно для рисования декоративных элементов.Задание не сложное, для его выполнения нужно просто уметь читать чужой код. Если ты не можешь сейчас остановиться, разобраться то как ты планируешь дальше работать в верстке?>>658190 это поди тоже твое сообщение?бордеру можно отдельно задавать ширину с каждой стороны. и цвет тоже просто перечисляя их подряд. если размеры самого элемента нулевые то получаются 4 треугольника. задаешь нужным из них прозрачные цвета, получаешь нужные фигуры.
>>658070Пиздец, беги нахуй оттуда.
>>658510Зачем? Чтоб дальше хлебать борщи на мамкиной шее, как большинство в этом треде?
>>658458ты не юзаешь sass/less? >>658109> и прикрутить туда всяких свистопеределокКакие свистоперделки, вообще, какими плагинами пользуешься?
>>658510>Пиздец, беги нахуй оттуда.Адекват? Расскажи за себя, что такое НЕ пиздец. И как ты этого не пиздеца добился. На своем личном примере.
пацы, че шапка съезжает?.logo-menu { width: 140px; min-height: 68px; float:left; background: url("../img/logo-menu.png") no-repeat center;}сам див лого-меню поставил перед навигацией
>>658593user-block'у, наверное, места не хватает
>>658593кодепен блять сука, думаешь тут экстрасенсы сидят и вдят чего и относительно чего ты там флоатишь?
Нужна хелпа.Хочу сделать галп таск, который бы создавал пустые папки и файлы в проэкте. (app[img, scss, js, css, font, index.html]).Можно это реализовать из коробки? Или нужно ставить отдельные таски?
>>658438Скажешь это хотя бы после года работы, ок?
>>658600да, спасибо.Кстати, а как на разных страницах менять фон всей страницы? Если он стоит в body, но на другой странице мне другой нужен
>>658645задай нужным бодям свой класс
>>658640Можно через модуль ноды fs, я думаю.
Аноны, в чем подвох? Competentum, международная группа компаний, являемся уникальным поставщиком услуг в сфере электронного обучения (e-Learning) для высшего образования и бизнеса в США и Европе.Наши многолетняя экспертиза и команды настоящих профессионалов позволяют нам создавать неповторимые решения для всего спектра образовательных услуг, от RIA и мобильных приложений до высоконагруженных LMS-платформ.Мы открываем:Курс обучения на Frontend разработчика в рамках которого наши лучшие специалисты расскажут и покажут на практике как с нуля создаются современные WEB-приложения.Если Вы:Знаете основы программирования;Любите учиться и развиваться;Готовы посвятить учебе от 4х до 8и часов в день.Тогда мы ждем Вас!За две недели Вы:Узнаете основы HTML и CSS;Познакомитесь с языком jаvаsсriрt;Узнаете поближе React и AngularJS;Подружитесь с системами сборки Webpack и Gulp;Научитесь тестировать JS приложения при помощи Jasmine;Поработаете с такими препроцессорами CSS, как SASS и LESSУзнаете как создаются современные WEB-приложения;И сами с нуля создатите свое WEB-приложение;Получите перспективы роста в одной из ведущих компаний в области e-learning.Премущества:Мы обучаем Вас совершенно бесплатно;Вы обучаетесь под руководством наших лучших специалистов;Лучшим ученикам будут сделаны предложения о трудоустройстве;
Есть ли сайты/приложения/дополнения к IDE/что-то еще, что могло бы генерировать приятный глазу набор цветов для оформления элементов сайта. Или есть курс по раскраске сайта?
>>658645можешь использовать контент-враппер, растянутый на весь экран
ребят, а скиньте верстку барбершопчика
>>658669https://color.adobe.com
>>658667В том что это>Узнаете основы HTML и CSS;>Познакомитесь с языком jаvаsсriрt;>Узнаете поближе React и AngularJS;>Подружитесь с системами сборки Webpack и Gulp;>Научитесь тестировать JS приложения при помощи Jasmine;>Поработаете с такими препроцессорами CSS, как SASS и LESS>Узнаете как создаются современные WEB-приложения;>И сами с нуля создатите свое WEB-приложение;за >две неделивыучить даже на базовом уровне невозможно
>>658432А вот и нет!
>>658510Побегу, как только в джсе достигну хотя бы уровня джуна,а шило на мыло менять смысла нет сейчас.
>>658528Юзаю less, свистоперделки из jqeri ui ну и слик слайдер, обычно просто гуглю что надо сделать, так и плагины нахожу.
>>658667Наёб лохов на деньги. Как и большинство курсов.
>>658667За две недели это нереально. Плюс непонятно какой смысл учить одновременно React и Anglular или Sass и Less.
Пишут, что бесплатно учить будут
>>658472Мне проще было бы свой css-код написать, чем подставлять селекторы под 20 разных правил, которые можно было объединить в одно.Я не не могу, я просто не хочу тратить время за задания сомнительной полезности. Если будет нужно - вернусь к нему позже.
>>658736Блять, на работе тебе часто придеться править чужой код, так что задание полезное.
Что скажете за цветовое оформление?>>658674Вариант хороший, если на странице 5-6 элементов, а для масштабного проекта 5 цветов маловато.
>>658669http://www.palettable.io>>658667Две недели и ты сеньёр. Если ты не видишь лоха, значит лох это ты.Если совсем бесплатно и время не поджимает, то можно время потратить и общее представление получить. Потом всё равно придётся с самого начала пипеткой маргины мерять, пока флоаты ехать не перестанут.>>658736Если планируешь работать, то отвыкай от "я не осилил, обосрался и решил отмазаться".
>>658764Картинку забыл.
>>658768Ужасно.>для масштабного проекта 5 цветов маловатоСколько цветов используют VK, FB, Твиттер, Яндекс?
>>658768Как там, в 2005?Алсо, шрифт поставь нормальный, получше будет.
>>658768Для заказчиков уровня фл.ру норм. Т.е. колхоз.
>>658772>>658774>>658773Я самую молодежную специально взял.https://color.adobe.com/ru/Pokemon-Go-color-theme-8355336/
>>658776Ну охуеть, ты думал, что если взять нормальную палитру и случайным образом покрасить все в цвета из нее, то сразу заебись станет? Хороший дизайн должен быть осмысленным и последовательным, а не случайным.
>>658766>>658753блядь заебали, сейчас сяду и осилю
>>658780>осмысленным и последовательнымДля меня это - пустые слова. Честно.Что почитать\посмотреть чтобы мне не только стало понятно о чем ты говоришь, но полученные знания максимально правильно применить.
>>658784http://www.tema.ru/>>658781100% или копувритер.
>>658785> http://www.tema.ru/Что это за пиздец?
>>658785>>658787http://www.valera.com/
>>658784Ты должен ДУМАТЬ почему ты используешь именно этот цвет, почему отступ именно 20 пикселей — это осмысленность. А если ты покрасил кнопку в зеленый и задал ей определенную высоту и кегль шрифта, то подобная кнопка везде должна быть зеленая, такой высоты и с таким шрифтом — это последовательность. Читни бизнес-линч и советы Горбунова для начала.
>>658818Я думал ты мне расскажешь почему эта кнопка не должна быть такого-то цвета ввиду таких-то причин, а именно такого-то ввиду того-то. Что ты написал мне очевидно.
>>658823>Что ты написал мне очевидно.Извини, но по макету так не скажешь. Он не выгляди ни продуманным, ни последовательным.
>>658830Про отступы и последовательность понятно. Про цвет ты ничего нового и ясного так и не сказал. Например почему он должен быть именно зеленым, к примеру, и что должно влиять на выбор цвета в этом случае и в последующих.И зачем вообще касаться маргинов/шрифтом/всего_остального_что_ты_написал не разобрав прежде цвет, непонятно
Вопрос по ромбам:Существует div с двумя классами:<div class="stone hexa"></div>Существует правило на класс stone:.stone::before { content: ""; position: absolute; border-style: solid;И если мы зададим классу .hexa такое правило:.hexa::before . То это создаст второй псевдоэлемент в контейнере или просто добавит новые правила в первый? Нихуя не пойму.
Аноны, посоветуйте, как сделать своему сайту https бесплатно? Возможно ли это?
>>658894http://expressjs.com/en/4x/api.html#app.listen
>>658903Сложна(
>>658882Не могу в спеках такого случая найти и сам я лоулвл, но чуйка у меня такая: будет дополнять выше идущие. Как если бы ты самому диву два класса назначил, а потом каждому классу свои параметры написал, они бы в диве смешались.https://www.w3.org/TR/2011/REC-CSS2-20110607/generate.html#before-after-content
>>658688ты юзайешь лесс, но выбираешь чекбосами нужные компоненты на сайте бутстрапа?
>>658924>юзайешь лолблядь, юзаешь
>>658894Поставлю вопрос немного по другому. Посоветуйте, где можно бесплатно получить SSL сертификат? От cloudflare пойдёт?
>>658882>ли просто добавит новые правила в первый?оно создает псевдоэлемент от элемента а не от класса. а через какой класс ты укажешь на этот элемент неважно.
В общем сделал эти фигуры ебучие, подсказки никакие не смотрел. Вроде что-то начал в них понимать, но всё же не прямо до конца. Например не понял как строится последняя фигура, сложновато.
http://codepen.io/pen/kXJbKRВыручайте, как добавить падинги между эелментами списка и стилизовать вообще под барбер?
Получается что 1 - это псевдоэлемент (т.е высота нулевая, а ширина 30) и вокруг него строится рамка (2). Но я пока не могу осознать почему она получается именно такой.
>>658966может за тебя страничку целиком сверстать ? иди смотри интенсив неуч,и задания делай.на край нагугли уже сверстанный барбер у кого-нибудь в портфолио и там смотри через инспектор. а если на гите найдешь то можно и прямо в код заглянуть
>>658971та ладно, всего-то паддинги и стиль этих иконок
>>658988Паддинги, ссука, это имя, суть и философия профессии.
Я чет нипонил, флоаты это тип плохо чтоли?
>>659040нет
Анончики, вот изучаю CSS градиенты и всякие анимации. Иногда кажется что я бы до таких штук описанных в задании никогда бы сам не догадался. Т.е я вроде как понимаю как это всё работает, но удивляюсь как это так настроили красиво. И одновременно чувствую огорчение, понимая что не смогу сам такое сделать. Возможно ли стать хорошим верстальщиком просто зная так называемые CSS-рецепты и лишь понимать как они работают? Часто ли на практике приходится импровизировать и придумывать что-то самому?
>>659077Т.е вот например описание задания: "А сейчас создадим более сложную «блестящую и бликующую» псевдотрёхмерную кнопку.Для этого нам понадобится чуть больше цветов, заданных вручую колорстопов и один резкий переход." И я в этот момент не представляю как бы сам это смог сделать.
Не понимать, загрузил bootstrap через bower, и он автоматически подгрузил jquery. Подрубаю и то и другое, и вижу bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3Почому так?
>>659083а где ты берешь эти задания?
>>659109> but lower than version 3>и он автоматически подгрузил jqueryМожет бовер последнюю версию подтягивает?
>>659109Потому что это бовер, а значит с разрешением конфликтов зависимостей ты ебешься сам. Нахуя вы вообще его используете?
>>659114он подтянул 3-ку, это да, но я ему этого не говорил, я сказал лишь про bootstrap. Т.е. он автоматически загрузил мне не ту версию.
bower jquery#>= 1.9.0вот что он подгружает, что не правильно, удивительно, что это не пофиксили.Это bootstrap-sass.
>>658392Дополнение к данному посту:Возможно добавлю себе +1 день для выполнения последних 14ти курсов академии, ибо на испытаниях трачу слишком много времени, например над сюрикенами уже час сижу где-то. Жаль что я тупой.
Есть у кого-нибудь хорошие макеты с адаптивной версией. Всем по Коляну в этом треде.
Пацаны, а юзать готовые решения моветон или наоборот заебись? Например, надо мне оформить какую-нибудь фронтэнд свистелку и я просто прикручиваю готовое решение от другого анона - как ты считаешь?Абу заебал со своей капчей
>>659154Посмотри вкакашке, группы типа psd'ец и подобным
>>659159Если ты в процессе обучения, то не пытайся халявить и отмазываться, делай всё ручками.А если уже хуяк-хуяк-в-продакшн, то конечно надо снова использовать и автоматизировать всё, что можно.
>>659164Хорошо спасибо. Ща пинк доверствываю, а мне так понравились макеты с готовой мобильной версткой.
>>659167Спасибо, бро
>>659168Что уже наверстал?
Анон, помоги понять:чому, если я шапку делаю fixed - у меня въезжает контейнер вправо?если убрать fixed - все выравнивается как надо.http://codepen.io/Miseri44/pen/bZrZPQ
>>659179Марджины сука убери у боди
99%, чуть стол не перевернул нахуй. Почему при 25px и 25px на углах блять какие-то концы вылезли. Будто не на углах а прямо мне в ротан сука.
>>659186Спасибо, можно еще пару вопросов?1) Почему при нормальном позиционировании он стоял нормально, а при фиксед - съехал?2) Для чего еще кроме боди желательно сразу прописывать нулевые марджины?
>>6591911)Убрал фиксед, так и остались оступы, хуй знает что ты там делал до этого.2) normalize.css подключи
Ананасы, почему это говно не работает http://codepen.io/ogurchik/pen/XKqjjK ? При отпускании клавиш в инпуте должен срабатывать алерт, но он не работает
Сегодня потрогал пиаршину от Мозиллы:https://www.mozilla.org/ru/firefox/developer/Как по мне, выглядит лучше, есть навороты для анимации, а вот некоторый обычный функционал (адаптивный режим, например) реализован хуже. Пока останусь на Хроме.Пока с ней игрался, нашёл забавную штуку для обучающихся:https://thimble.mozilla.org/ru/Со встроенным Брекетсом лол.Открыл для себя грады:https://en.wikipedia.org/wiki/GradianИх можно применять в вёрстке c ie9. И меня теперь злоба берёт, аж кушать не могу. Почему мы, белые люди с метрической системой, живём с этими постылыми жидо-рептилоидскими градусами?Примеры флексов для начинающих:http://www.flexboxpatterns.com/Правда с js'ом.
>>659235>https://thimble.mozilla.org/ru/ И как это связано с обучающимися?
>>659245можно строчить код, не настраивая рабочее окружение.Я, кстати, сегодня отказался от работы с гитом через консоль. Буду лить туда свой говнокод через декстопное приложение.
>>659234потому что #search а не #searsh
>>659247А как это отличается от того, что я например скачаю любой редактор (Atom,Sublime,Brackets) и начну там работать, их тоже вроде не обязательно настроить. (или я чего-то не понимаю)
>>659250как минимум, тебе ещё и лайвпревью надо будет настраивать. Да и в любом случае, перейти на сайт мозиллы и строчить код там, и потом иметь к нему место из любого места и с любого устройства, это охуенно. Думаю, скоро лет через восемь-десятьдекстопных приложений вообще не останется. Всё будет крутиться в браузере.
>>659256Аминь, бро. Скачивать и устанавливать - это всё костыли и скоро уйдёт в прошлое.
>>659259Ну не совсем костыли. Браузер по производительности никогда не обгонит саму систему, так что возможность закинуть всё в браузер появилась совсем недавно.
>>659187пиздец, зачем это говно делать, это могут спросить на собеседовании?
>>659267Никогда не говори никогда. Не встречал все эти цитаты 70х от директоров IBM, что типа никогда не будет такого, чтобы компьютер был в каждом доме или что-то в таком духе?
>>659274«Сколько у вас в сюрикенах на Академии? 99? Мы вам перезвоним.»
>>659274Ну например чтобы научиться делать фон градиентами.
>>659187Ебать лох.
Эх, верстать надо. Прокрастинация.
>>659303Двачую. Если б не она, уже бы давно реакт зналмимо-медленно-ковыряюсь-в-вебе-на-маминой-шее-уже-полгода
>>659306Нет, у меня не такая мощная, лол. Так уж вышло, что у меня про мои НАМЕРЕНИЯ узнали друзья, чьим мнением я дорожу. Приходится учить в т.ч и для того, чтобы не показать им, какое я хуйло.
>>659248http://codepen.io/ogurchik/pen/XKqjjK
Что лучше использовать: button или input с типом сабмит?
>>6593152
>>659196http://codepen.io/Miseri44/pen/bZrZPQвот с убранным фиксед, отступов нет
Привет, друзья, камрады, подписчики, сверстал простенький макет, оцените. Есть ли критические ошибки, похоже ли это на бэм, за сколько вы бы справились с таким шаблоном? Посмотрите код, пожалуйста, и объясните, где я неправ. http://sashaslow.github.ioИ еще, какой макет было бы нестыдно добавить в портфолио? Дайте наводку, а лучше ссылку на конкретную псдху.Спасибо!
>>659326Почему?Мне, конечно, удобнее использовать инпут, но хочется узнать, почему именно он.
>>659329Хочешь узнать, что происходит с твоим макетом на моем нетбуке?
>>659329Все сбивается влево и пиздец все распадается Проверь верстку, друг
>>658392>4) За неделю сверстать Барбершоп, Глейси и Нердс.ХА ХА ХА ХА ХА!
>>659343Если не спиздел и сделает, то там максимум день-два на каждый, это если проебываться и гуглить всякую хуйню а-ля КАК ЗАФЛОАТИТЬ ДИВ ПО ЦЕНТРУ СТРАНИЦЫ БЕСПЛАТНО И БЕЗ СМС
>>659343Что смеешься? Все когда-то начинали.Может он работает по 90 часов в неделю?
>>659342Почему так?
>>659353Гляну код попозже, такое ощущение, что цсс вообще не подключен Но я тот еще фронтэндер, до меня мудрые аноны подоспеютЗапили пока скрины, как у тебя выглядит, интересно
>>659360
>>659363Опа блок с последними работами развалился, на локалхосте все норм было.
>>659363Бля, а на хроме все нормально. Пацаны, научите в кроссбраузерную верстку. На интенсивнах про это ни слова (либо я хуево смотрел).
Что почитать/посмотреть/послушать по продвинутому дизайну? Что-нибудь свежее и на инглише.
>>659363Походу это у меня что-то, перезашел с хрома и все ок
>>659367Двачую анона, тоже интересноСам юзаю префиксы и чекаю во время верстки во всех браузерах сразу, в итоге получается более менее кроссбраузерно, но, вангую есть что-то, что я пропустилВ хроме и опере ок, а в сафари и огнелисе у меня распадается
Хочу сверстать 3-45+ макетов и залить на гитхаб все или запилить сайтик портфолио и сьебаться с нелюбимой работы, но только мечтаю и прокрастинирую уже пару месяцевПиздец прям
>>659394Пока ты прокрастинируешь, я ебашу Глейси после барбершопа, скоро в седону и продвинутый интенсив.Соберись блять! Работу он сменить собрался.Продажник-кун
>>659400Ниче ты дерзкий, а я вот барбершоп как-то кривовато сверстал и теперь думаю нердс и техномарт, а уже потом седону. Ну, как бы по-нарастающей.
>>659309пока ты что-то там не поменял - у меня работало.
>>659406Глейси на самом деле не сложный макет, единственное, что там нужно сделать из сложного для меня - это слайдер со сменой фона страницы. Но уже есть мысли.
>>659406нердс<барбершоп<глейси<техномарт<седона
>>659400Короч я сверстал 3 сайта в ОЛОЛОПРОДАКШН прям, но они настолько убогие, что стыдно людям показывать, лол
>>659413Что ж, спасибо, учту. Тогда нердсом сейчас займусь. Надо восстановить веру в себя, лол.
>>659413Я тоже примерно так прикинул.
>>659415Не переживай, я до попадания в тред вообще два года назад делал сайты на джумле, а шаблоны клепал в artisteer с небольшими правками и продавал по 5 - 7к. Так что убогие - это понятие относительное.>>659400-кун
>>659329Код никто так и не посмотрел, как я понял
>>659380>В хроме и опере окНо это ведь одно и то же.
>>659424Если ты хочешь чтобы посмотрели код, то может быть стоит кидать ссылку на сорцы?Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?
>>659428че престо всё?
>>659367Берешь и без задней мысли смотришь во всех браузерах. Если где-то что-то распадается, то запоминаешь эту особенно и потом учитываешь. Но во всех браузерах все равно проверяешь.
>>659439>особенноособенность
ебать, ну это уже по моему перебор
>>659435То есть я тебе сейчас должен все то же самое залить на codepin? Через инструмент разработчика посмотреть ничего нельзя? Я нихуя не понимаю какие сурсы тебе нужны.
>>659444Ссылка на сорцы на гитхабе, аутист. Через девтулзы смотреть СЛЕГКА неудобно.
>>659419Лол, продажник ты прям Олсо, свои говносайтики тоже по 5-7к толкнул
>>659437Ты рил?%))0%
>>659443Задумка неплохая. Надо будет ввести такую фичу себе на сайт.
>>659445https://github.com/sashaslow/sashaslow.github.io?
>>659462Да я уж нашел.>Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?
>>659463месяца 3 назад вкатился с нулевым опытом в одну конторку помощником версталы... поначалу давали задания по верстке в основном, внутренние страницы/блоки там сверстать, убрать ошибки из консоли, плагин какой повесить и т.д. работаем с разными cms, больше всего мне нравится modx.сейчас пилю десигны в фотошопе, потом их верстаю, потом допиливаю ajax формы. к нам недавно пришел директолог - помимо своей работы он еще пилит для меня прототипы. хуй знает, зачем я все это написал. просто у меня горит жопа от того, что надо делать макеты, так-как я не совсем могу в дизайн, хотя последние потуги получили минимальное количество правок. больше всего мне бы хотелось сверстать сайт для своей компании от начала и до конца (и без бутстрапа), оживить все формы для отправки заявок, потом посадить его на цмс.. но если дизайн придется делать самому - буду в полном ахуевозе. да и опыта для такого пока не хватает
>>659464и да, здесь не должно быть реплая. я идиот.
>>659464как вкатился?
>>659463Ну, не говнокод? Выглядит как что-то похожее на БЭМ?Префиксы через автопрефиксер, есессно.
>>659461Да я эту задумку даже осознать не смог, просто делал как написано, пиздец же. При этом финальное испытание - проще некуда,сделал за 5 минут. Непонятно нахуя вообще это круговое меню решили в ОБУЧАЮЩИЕ задания по основам CSS запихнуть...
Так че, какой макет можно добавить в портфолио?
>>659469Да нормальный код, не парься. А чего исходники-то на гитхаб не выложил? Он вообще-то для этого и предназначен.
>>659474Я просто еще зеленый. Плохо понимаю, что там как устроено. Сейчас засяду курить мануалы.
>>659467ну я по фасту расскажу, что верстка мне была интересна еще в 2007 (мне было 12, лол), но там все делалось по фану и оч плохо. потом интерес испарился, а в 2015 опять что-то торкнуло - сходил на курсы, решил после, что охуенный разработчик (пздц), стал на HH.ru откликаться на все frontend вакансии подряд, делал тестовые задания и ездил по собеседованиям. естественно, шел нахуй. потом по весне увидел вакансию на позицию помощника верстальщика - откликнулся, но не сразу, почему-то пару дней упорно игнорировал её. пригласили меня на собеседование - разговаривал непосредственно с главным верстальщиком компании (тян 23 лвл), там как-то нормально пообщались, она посмотрела мое портфолио (закинул на гитхаб все предыдущие тестовые задания с фиксами), отправила по почте тестовое для меня и мы расстались. дома стал делать тестовое - просто верстка главной страницы сайта, ничего специфичного, но я тысячу раз охуел. на собеседовании меня сказали, что надо сделать тз быстро, я за 1,5 дня сверстал и отправил. через пару дней перезвонили и сказали типа "приезжай, ты нам подходишь". так-то я очень рад, что меня взяли хоть куда-то, просто у нас в отделе каждый - человек-оркестр, а мне бы хотелось заниматься именно версткой. ну и с работой хуй знает когда качать скиллы js и php, потому что без этих знаний сложновато приходится порой, а сделать надо обычно что-то очень быстро, хорошо, что есть stackoverflow.
>>659482Рад за тебя, анош. А ты откуда? Сколько зп?говносайтики-кун
>>659491дс2, зп 25к. в скором времени будет повышение до 30, лол.
>>659496А куда устроился, если не секрет?тоже дс-2Все-тот-же-кун
>>659501Большой-большой секрет маленькой такой компании. Огромный такой секрет.
> 1000+ часов.Ах Ахах АХАХАХАХАХА :DПилю сайтики, лендинги по шаблонам на WP, не знаю почти ничего про эти ваши жуваскрыпты, рублю по 5-10к за сайтик ^^
>>659505окай
>>659517Денис?
>>659520нет Ваня
Аноны, если какая-нибудь статья на русском где описано при каких условиях блоки растягиваются а при каких нет. А также при каких условиях контент из них может вываливаться. Всё время теряюсь с этим.
>>659530Смотря на чем верстаешь, антош.Вываливается контент всегда если его объем больше объема контейнера.
>>659532Ну вроде только недавно делал задания на академии, где просто вставляя текст и он растягивал блок по высоте, а сейчас столкнулся с этим -> http://codepen.io/anon/pen/ZOoLGV и мой мир просто рухнул, хуле тут то не работает? При этом, в таком же коде на академии всё нормально, например здесь - https://htmlacademy.ru/courses/44/run/1 . По-моему я что-то упустил в понимании.P.S При этом всё равно хотелось бы найти статьи >где описано при каких условиях блоки растягиваются а при каких нет. А также при каких условиях контент из них может вываливаться.Хотя бы по стандартным методам верстки.
>>659539фикс второй ссылки: https://htmlacademy.ru/courses/44/run/12
>>659539Тебе что нужно то сделать?
>>659542Объясните почему блочный элемент растягивается от текста, а в другом примере - нет, и от чего это зависит.
>>659543Может потому что у блочного элемента стоит свойство min-height? То есть ты определяешь минимальную высоту, но если контента внутри больше, то блок тянется в соответствии с ним.
>>659547http://codepen.io/anon/pen/ZOoLGV дохуя изменилось.
Как отключить анимацию нажатия у кнопок?
>>659556Отбой вопроса.
>>659548хз, но если наставить пробелов в тексте, то он подстраивается под ширину контейнера
Аноны, подскажите, где можно скачать папку bootstrap с scss файлами? bower и npm не советуйте, не люблю я эту консоль.
>>659584http://getbootstrap.com/getting-started/bootstrap-sass
>>656999>>656909Кто такой, чем знаменит?
>>659585Анон, смотри, я скачал весь бутстрап, но там как-то много всего. Хотелось бы, чтобы в папке scss была папка bootstrap, в которой были уже все бутстраповские файлы, из которых нужные я буду подключать. Что из скаченного в папку пихать? Какие из его компонентов обязательны для его работы в целом?
>>659565Хм, тоже не знал об этом. Оказывается если есть слово (последовательность символов без пробелов и переноса строк), которое длиннее ширины блока, то оно будет выходить за его границы. Решение такое - добавить блоку с длинным словом свойство word-break: break-all;Таки вот: http://spouk.ru/web/Vyhodit-tekst-za-ramki-bloka-div
>>659327Не знаю, чувак, отступы есть.
>>659588Может посоветуете какой-нибудь репозиторий на гитхабе, где компоненты бутстрапа аккуратно сложены в одну папочку и откуда без проблем подключаются?
>>659601Да подключи ты уже нормалайз. В самом кодпене он даже есть.
>>659602http://www.creative-seo.ru/blog/bootstrap-sass-ustanovka-i-nastroyka/Думаю сделать как в этой статье.
>>659602https://github.com/twbs/bootstrap
>>659621Я там был. И так и не понял, как удобно всё это положить в свой scss проект. Похоже, я слишком тупой.
Верстаны, смотрите, стали бы вы бесплатно верстать такой макет для портфолио? Прибавит ли он мне веса в глазах заказчика или профессионализма?Алсо, макет тоже очень хуёво сделан, основная ширина там - 1500 пикселей, так что всё придётся делать на глаз.http://rgho.st/8W8vj4HYt
>>659630Нет. Работать бесплатно — зашквар.
>>659630Я бы постыдился такое говно в портфолио класть даже на этапе освоения барбершопа. А сейчас тем более.
че, епты, верстаю второй заказ лендингхуэндинг, осталось погуглить как делать рабочую форму обратной связи и все нах, можно сдаватьвсем удачи, у всех все выйдет
>>659666где заказ взял?
>>659666>666Сатанюга, сколько учился до начала работы? Где заказы берёшь? Сколько получаешь?
>>659649Двачую, базаришь>>659666Как форму пилишь?
>>659679Послал заказчика нафиг. Сейчас вот верстаю своё резюме, потом буду жквери дочитывать.
>>659685Ммм, маладца, наш пацан.
>>659685Лол, почему?
>>659691А смысл бесплатно верстать убогий макет, который даже в портфолио будет стыдно положить?
>>659693А, я думал, ты тот анон с лендингами и формойКонечно, нахуй его Бесплатно только себе верстай
>>659693>>659696Олсо, как у тебя жс-жквери продвигается?
>>659700да вообще всё медленно продвигается, при том, что всё вроде бы понятно. Целыми днями фантазирую, слушаю музыку и смотрю ютубчик.
Может показать кто, как резиновые кнопки верстать? На пике слайдер, ебался с кнопкой, прикрутил ее как надо, на разных размерах на месте и с разным размером, а вот как там текст по вертикали центрануть, я вообще не ебу. Va пробовал, оберку пердолю, что-то нихуя придумать не могу.
>>659703Хорошо, что я не один такой
>>659709Я хуячу им тексту в кнопке паддинг сверху и убираю высоту пропорционально, лол
>>659711Это не очень хорошо. Просто значит, что мы с тобой в тех 90%, которые будут сидеть у мамки на шее и изредка подрабатывать на случайны халтурках.
>>659715К сожалению По идее, там vertical-align можно как-то заюзать
>>659709В 2016 есть только один приличный способ отцентровать что-то по вертикали — флексбокс.
>>659722Хочу flex box попробовать, но не могу макет найти подходящий
>>659725Любой макет подходящий. Я вот сейчас Нёрдс на флексах и БЭМе пробую.
>>659725Зачем для него какой-то особый макет? В абсолютно любом макете у флексов тысяча применений — центровка, распределение с равными интервалами, колонки, растягивание по высоте на 100%, сжатие по ширине по контенту и т.д.
>>659709display: flex;flex-direction: column;justify content: center; / align items: center;Ишакоюзеры и прочие некроюзеры пусть сидят с неотцентрованными кнопками.
>>659709Олсо> less> 400 строк говна в одном файлеЕсли уж начал юзать препроцессоры - разберись с ними до конца, настрой компиляцию, времени займет от силы час два-три если ты даун.
>>659731>flex-direction: column;Это лишнее.>justify content: center; / align items: center;А эти правила нужны оба.
>>659742А я всегда делал так http://codepen.io/anon/pen/ZOoKvx
>>659750Вместоflex-direction: column; justify-content: center;можно писатьalign-items: center;Какой смысл менять главную ось?Выравнивание по второй оси у тебя за счет text-align: center; Ну, тоже вариант, да.
>>659762А какой "смысл" ее не менять? И так, и так 2 строчки.
>>659672>>659676с мая месяца этого года, заказ друг подкинул, у него типо студия дизайнрекламасайтыэтот лендинг он впихнул за 8к, делим поровну, мне все равно это чисто для портфолио и опыта, я ведь студентота пока что
>>659764Нет, в моем варианте на строку меньше.
>>659679пока только в хтмл вид сделалдумаю аяксасихуяксами и пхпой как-нибудь заставить работать ибо хз как еще делать
>>659728>>659730Пошел верстать любой макет, блядь, пристыдили, шакалы
Смотрите, че нашел. https://www.weblancer.net/projects/772531.html Такой то хипстерский бриллиант среди сотен обрыганских проектов, характерных для снг-бирж.>>659785t-align фактически идет по-дефолту к подобным элементам, но хорошо, ты победил, сэкономив ~0.4 секунды (3буквы+таб) жизни. Хотя на самом деле я просто импортирую миксин из собственного маленького набора миксинов.
>>659787Если надо чтобы только данные отправлялись на почту, заюзай пхп
>>659793спасибос!
Хочу задать вопрос и получить развернутый ответ. Какие server-side технологии имеет смысл учить в первую очередь? Что более востребовано на рынке? Что проще?
>>659829PHP
>>659829C++
>>659833Спасибо. А конкретней можно? Какой фреймворк учить хотя бы?
>>659834Бро, учись критично воспринимать информацию. Ты где-то слышал, что пхп для быдла, поэтому проигнорировал меня, но потом другой анон советует тебе кресты, и ты сразу ему веришь.
>>659834Даже и не знаю, что тебе сказать...Учитывая твое> Что прощеПхп станет отличным выбором. Но если ты долбоеб, то можешь обмазаться рельсами, они тоже примитивны, но работы раз в 20 меньше, чем на пехапе.
>>659835Это был сраказм, если что.Стандартную связку php+mysql учить? Я уже когда-то учил пыху, но на уровне процедурщины. Дальше не лез. Почему не ноду?
>>659841>Но если ты долбоеб, то можешь обмазаться рельсамиЯ умею программировать на руби, жиэсе и жабе. Я понял, что только один из этих трех языков сможет меня прокормить без приложения титанических усилий. Ну плюс пыха еще теперь.
>>659844>стандартную связку php + mysqlда. >почему не нодуможешь и ноду, но по ней работы в разы меньше.
>>659849Если ты знаешь на достаточном уровне хотя бы один из перечисленных ЯП, то что ты все еще делаешь в этом треде? Знаешь жс - учи ноду. Руби уже давно на дне, жава трещит от наплыва украинских джуниоров-выпускников гоайти и прочих гикбрейнсов. Ну а пхп стабилен, как деревенский туалет, конкуренции много, работы тоже много, джуниоры чистят говно вилкой за 15 копеек в час.
>>659496мед организация, наплодившая за время существования около 30 сайтов. название говорить не буду
>>659852>пхп стабилен, как деревенский туалетОбосрался в голос. В общем, я все понял. Спасибо за ответ.
>>659850И тебе спасибо.
>>659859Самое забавное, что вот это своё дохуя ценное мнения я несу с дивана на основе статей с хабра. А сам сейчас перевёрстываю вот это вот резюме, лол.http://rylov.pro/cv/
>>659858Если честно, не вижу смысла учить пыху в качестве второго языка, если ты не мидл/сениор которому вдруг понадобилось клепать серверные скрипты на этом говне.
>>659856Корис? Скандинавия? Медицентр?
>>659862А что там учить-то? Неделю мануалы покурить, и все. Мне для своих проектов сервачок нужнен. Ну и некоторые вакансии для меня приоткрыты будут.>>659861Для меня была полезна информация про то, что пыха с майскьюэлем пользуется большим спросом, чем нода. Я это и так знал, но вдруг за несколько месяцев ситуэйшен изменилась. В мире веба все очень быстро меняется.
>>659861Сейчас заглянул в твое резюме.>Android (Java, C++, Android SDK, NDK, Fragments API, Custom views, Animations, ContentProviders, Navigation patterns, In-app purchase, Embedded Android etc… ). Java SE, REST WebServices, WebAPI (Java, JAX-RS, Spring Framework, Hibernate, PHP/Yii2, JavaScript/Node.js, PostgreSQL, MySQL).C 2011 – 2013 разработка на платформе .Net Framework (C#, WPF, WindowForms). Обработка видео потоков, Computer Vision.C 2007 – 2015 разработка кроссплатформенного ПО с использованием Qt/C++.Знание алгоритмов и структур данных, применение паттернов проектирования, покрытие кода Unit тестами.Интересно, что же творится на рынке профессий, где нужны твои навыки.Не обидно, когда столько лет пахал, как вол, неизвестно для чего, чтобы потом макакой работать?
>>659881Это не его резюме.
>>659884А. Понял. Опять недосып буйствует.
>>659884Можно, кстати, позвонить тому куну на номер и сказать, что его резюме анон из воркача пиздит.
>>659888Так-то это стандартная вордпрессовская тема. И тот кодер особо не заморачивался и просто по-быстрому залил свою инфу туда. А вот я таки переверстаю, чтоб адаптивно, и всё работало вообще без перезагрузок. Эдакое СПА, но без реакта.
>>659894Молодец, работай. Я бы чуточку юмора добавил в резюме. У этого куна все как-то слишком сухо и серьезно. Хотя и умения у него тоже довольно серьезные.
>>659601да я про отступ контейнера: если стоит fixed - контейнер почему-то уезжает вправо. Мне интересно как отступы в боди на fixed вариант влияют.
>>659865все мимо
>>659896Пока как-то так выходит.http://puu.sh/qcHX9/3999559c7f.pngХотелось бы написать, что хотелось бы из дому верстать лендинги, вырабатывая усидчивость, тренируя память и увеличивая скорость слепой печати, чтоб иметь возможность не слушать упрёков мамки и в свободное время пилить игорь, но боюсь, не поймут.
Тупой вопрос, аноны. Как залить свой недосайт на гитхаб? Видел тут в треде делают так, только что зарегался там вот, никак не врублюсь.
>>659539С блоком все нормально, пидорасит текст потому что у тебя одно слово по умолчанию не переносится на новую строку. С лорем-ипсум все норм выглядит. В твоем случае я погуглил решение: word-wrap: break-word (разбивает твои охуительные строки по 200 символов для помещения в ширину блока).
Лол, рандомно ответил на не совсем днищенский заказ (верстка-хуерстка+жс) на веблансере и забил хуй, чувак отписал в скайп и молчит два часа, проверил почту, а он там ждет моего ответа. Встретились два аутиста, называется.Олсо ему понравилось мое говнопортфолио
Хуле тут все такие успешные? У меня баттхерт.не могу залить сайт на гитхаб - кун
>>659910ЧИТАЙ ФАК, СУКА!>>659908Чуть-чуть критики.>Хорошо знаю html и css.Молодец. Но напиши, что отлично знаешь html и css с приемами html5 и css3. Ты же умеешь их применять?Если нет, потрать два-три дня на изучение.>Умею верстать адаптивно и резиновоЛучше сказать: владею приемами адаптивной и резиновой верстки. >на низком уровнеНикогда не пиши в резюме о собственных недостатках. Они сами вскроются на собеседовании. Пиши лучше, что-то вроде "активно изучаю js/jquery/json/ajax/angular.js/react.js/node.js/express.js/someshit.js/...".А теперь реальность.Чувак. Я сейчас полазал по сайтам с вакансиями с единственным запросом "верстальщик" и нигде не нашел позиций, где бы требовались знания одной верстки. Везде чуть ли не со знанием бэк-энда. На что ты расчитываешь?
>>659924А ну-ка покажи.
>>659934Да я его уже 100 раз скидывал acilsd.github.ioАдекватный мужик оказался, даже не ожидал такого встретить на просторах говнобирж.
>>659931На самом деле, я владею жс довольно хорошо, просто я скромняша :)
>>659937Ух блядь, аж 400 далларов, если не кинет, то я богат.
>>659937Сделайте меня развидеть это. Адаптивом тут даже и не пахнет. А от дизайна у меня ИЗ ГЛАЗ КРОВЬ БРАТ УМЕР ОТЕЦ СБЕЖАЛ МАТЬ В КОМЕ ЖЕНЩИНЫ СТОНУТ ДЕТИ КРИЧАТ.
>>659938Ты супер.
>>659943А ему понравилось :3
>>659942А если кинет, то что будешь делать?
>>659947Ну потеря 5 дней на верстку+жс не так уж и критично скажется на моем психоэмоциональном состоянии.
>>659949Когда сделаешь хотя бы половину работы, попроси небольшую предоплату.
>>659950Да уже договорились 30% > 30% > 40%
>>659951Молодец. Удачи с заказом.
>>659953Спасибо, хулиА мне нравится дизайн моего портфолио, наверное я и правда говноед. Адаптив не буду пилить, лень.
>>659921Ну я вот разбил это одно слово, на много маленьких, но более длинные слова всё равно переносятся. Т.е так всё нормально и мое мировозрение блоков было правильное?
>>659958если не задал ширину - растягиваются до пределов родителя, если в растянутый блок не помещается контент - контент вываливается. Я это так понимаю, в реальных условиях у тебя не будет строк по 100 символов.
>>659943Хорошее портфолио, сколько до такого уровня учился?
>>659979Где-то с декабря. "Портфолио" я это набросал за пару часов. Там даже инлайн стили есть, лол. Думаю, что не буду его изменять, им можно неплохо так траллировать всяких эстетов, которые тратят на свои барбершопы портфолио недели.
Хочу повыебываться и вставлять в свой сайт "типа новости" с чего нибудь блога. Планирую тянуть ajaxом, посоветуйте где можно увидеть как такую хуйню делают.
>>659974http://codepen.io/anon/pen/ZOoLGV Короче я так понял если ОДНО слово больше чем ширина контейнера - оно вываливается из него, и для этого нужно прописывать свойство про которое говорил господин выше. А сама длина СТРОКИ значения не имеет, т.к слова переносятся.
Надо срочно что-то делать со своим распиздяйством. На то, чтобы из главной Нёрдс выдрать контент и накидать на него разметку, то есть на голый хтмл с картинками, у меня ушло больше пяти часов. Пока спишу всё на неопытность, но это пиздец конечно.Это мой первый самостоятельный макет после барбершопа с Першиным. Наверно начну сейчас третий из продвинутого смотреть и сразу вкачусь в Лесс, чтоб время не терять.
>>660056Ты прав, с опытом придет и быстрота. Главное, что ты правильно все делаешь, а сколько по началу ты времени на это тратишь не так важно.
>>660056Знакома эта боль, только я вот видимо подзабыл поведение в потоке. С этой шапкой уже ебусь часа два, вроде все правильно измерил, а все равно какая-нибудь хуйня происходит.
>>660063Вангую, что маргин у последнего элемента списка забыл убрать.
>>660066Я ставил ласт-чайлд, но почему-то у них всех слетают маргины тогда. Вот в кодпене, может это я где-то туплю.http://codepen.io/anon/pen/yJjoZB
>>659738> настрой компиляцию,В чем суть и какие профиты?
>>659713Яннп
Capitan Anonimus, отзовись пожалуйста. Дай ссылку на свой СodePen.
>>659722>>659731Вы конечно молодцы, но я хочу все способы знать, а не тупить потом на собеседовании -ну хуй знает, я флексами/бустрапам делал.
>>659931>ЧИТАЙ ФАК, СУКА!Спасибо, анончик, я чет как-то и не обращал внимание, что в шапке есть. Добра тебе!
Сойдет для портфольки?https://ingemar88.github.io/
@keyframes move { 0% {bottom: 0px;} 100% {bottom:-50px;}}Нихуя не пойму отличия между 0% и 50% кадра. Почему если поставить 0% то элемент при старте улетает в какое-то другое положение и начинает движение из него, в при 50% он начинает двигаться с того места, где был до применения к нему анимации. При этом в академии написано это:"Если не задан начальный ключевой кадр, то анимация будет проигрываться из исходного стилевого состояния элемента к ближайшему шагу из перечисленных в keyframes и далее."Ну а если начальный кадр задан, то что происходит?
Пацаны-верстаны, как нарисовать фигуру в седоне внизу картинки из интро?Или просто выдернуть ее из фш?
>>660076Ответ на твой вопрос ищется за 1 секунду в гугле (абсолютное позиционирование, лайн-хэйт, дисплей тэйбл), а флексы - единственный на данный момент некостыльный способ центрирования по вертикали, так что твои претензии к ответившим анонм непонятны.
>>660099> дисплей тэйблБлагодарю, гугл выдавал какие-то дикий гайды.Никаких притензий, просто как бы поясняю свою ситуацию
>>660069отступ в 46пх это не дохуя? к тому же я бы отступ задал для li
>>660099> лайн-хэйтА как с этим сделать?
>>660137Ставишь тексту лайнхэйт равный высоте блока.Это, наверное, самый уебанский способ, т.к. если текст внезапно перелезет на новую строку, то блок распидорасит. С другой стороны, этот же способ самый легкий, для каких-нибудь логотипов вполне может подойти. Хотя я флексодаун и ни разу этим не пользовался.
>>660127Да я уже понял, что начал говнокодить и запутался, стер все и решил начать заново. И тут новая хуйня: Теперь при маргин-топ у лого он отъезжает вместе с контейнером. Я просто охуел, лол. Они же разделены 100%, ну что за пиздец?http://codepen.io/anon/pen/vKjJZA
>>660139> Ставишь тексту лайнхэйт равный высоте блока.У меня там резиновая кнопка, у нее меняется высота и длина, вот нужно, чтобы текст кнопки был по центру.
>>660139Хотя вроде пишут, что можно вот так:<div class="parent"> <div id="child">Content here</div></div>.child {line-height: 200px;}Но распидорасит в любом случае.>>660141Делай на флексах, для некроебов добавь паддинг в пару пикселей, чтобы текст кверху не сильно прилипал. Сомневаюсь, что кто-нибудь будет проверять твою статичную верстку в ие8-9, старой опере и прочем ископаемом дерьме.
>>660089Четко, малаца. Правда модальное окошечко уебищное по дизайну получилось.
>>660143> статичную версткурезина же.
>>660143>>660141Я бы вообще сказал, что это идеальный кейс применения флексов для таких вот декоративных элементов. Как говорил Першин - у пользователей 9- ишака полно других проблем, кроме отсутствия скругленных уголков и неотцентрированного текста. Никто же больше уголки картинками не накладывает под ие8, ведь так?
>>660146Я имел в виду, что это обычная статик хтмл-страничка со стилями.Опять же, даже если докопаются, сможешь выебнуться такой, типа "я адепт грэйсфул деградейшн нах"
>>660148Не выходит у меня нихуя. Уже и падинги в процентах пробовал. хуй знает, как этот текст ебучий отцентровать.
>>660160Я тебе от чистого сердца советую, сделай вот так (как вариант, там выше анон по другому еще предлагал на флексах, но суть одна): http://codepen.io/anon/pen/KrRvRpНу да, у некроебов текст не отцентрируется, ну и хуй с ними.
>>660166Хорошо, спасибо, ибо хуй знает, как иначе.Алсо, вот нагуглил этот макет, а там уебан верстал, говнокод, дак еще и кнопка не кнопка а бэк.
>>660160Друг, правда, сделай как анон >>660166 говорит
>>660169Линк забыл http://shopstrap.com/templates/lookshop/index.html
Знаю олдовый HTML(Табличная, мать её вёрстка) и чу-чуть CSS. Мне теперь всё заново учить или как?
>>660176Именно.
>>660176Ну как вариант можешь устроиться в какой-нибудь ПФР и верстать им бухгалтерские формочки на таблицах.
Аноны, никто не подскажет, с чем связана такая хренотень?Через css я задаю блоку display:none, но когда дело доходит до js, выясняется, что display у объекта и не задан вообще. Причём так происходит не со всеми объектами, а только с некоторыми (вот один такой, зараза, выскочил.) Почему так?
>>660179Это не вариант, я хочу фрилансить. С чего начать учёбу то? С нуля или с блочной вёрстки и CSS 3?
>>660180Код или пример кода в студию.>>660184Ты так говоришь с нуля, как будто это займет больше одной недели. Я не знаю твой уровень, но как минимум обновить имеющиеся знания и обмазаться HTML5 спецификацией нужно.ПИШЕШЬ ПОСТ@ВВОДИШЬ КАПЧУ@ОСТАЛАСЬ ПОСЛЕДНЯЯ ЦИФРА@КАПЧА МЕНЯЕТСЯКак будто просто хуи вместо цифр - это недостаточный уровень унижения.
>>660189Как допилю, покажу. Сложный довольно проект с кучей зависимостей. говнокод
>>660193Окей, интересно будет посмотреть.Сегодня просто копался во фронте одного говночатика по просьбе знакомого, делал ему говноскрипт суть такова: юзеры отправляют в уютный чятик картинки, бэкенд это говно обрабатывает, картинки показываются в чатике в виде 100х100 превьюшек. По клике на картинку надо эту картинку добавить в галерею и открыть галерею в модальном окошке, при закрытии картиночки сохраняются, можно снова открывать, удолять, листать. Идея то простая, с нуля я бы за пару часов накатал, но я заебался ловить банальное cannot set property of null в самых неожиданных местах. Так и не доделал.
пишите на мыло thekreizo@gmail.com отправлю инвайты
Аноны, сложно ли на ванилле сделать последовательное изменение свойств css? Чтобы сначала одно действие закончилось, а потом запускалось второе, причём, на другом элементе. Знаю, как сделать это на жквери, но только из-за этого тянуть её... Помогите советом.
>>660227зачем, что за конфа?
>>660234setTimeout?
>>660266slack конфа двачей по программированию в основном front-end
>>660234Нашлепать из тегов и евоных классов объекты и менять их со временем.
Пасаны а можно ли себе где то накачать базу данных не сильно большую? Что то по типу "рыбы" "Lorem Ipsum". Просто что бы наполнить базу данных
Даунский вопрос: такие йоба-полосочки можно как-нибудь нарисовать или лучше не париться и вырезать картинкой?
Где можно взять макеты для респонсива, что бы там были макеты для одного сайта под разные разрешения?
>>660056а препроцессор нельзя в середине верстки влепить, только в ее начале?
>>660294можно
Анончики, где можно подробно прочитать про анимации на CSS, а то на академии как-то всё слишком поверхностно и хз как это на практике применять. (желательно статью на русском).
>>660334"Новая большая книга CSS"Подробная там глава про анимацию и переходы.
Такое можно флоатами резиной сверстать?
>>660365Ага, все, сам разобрался.
>>660200Но ведь эти места нихуя не неожиданные. Знал бы ты документацию хорошо, такого бы не было.
>>660365Ну и пидарство.
>>660398Чё?
>>660400Пидарство.
>>660401Что именно?
>>660402Ты че доебался до меня? Мужчиной пахнет?
Ладно, хуй с ним, с ангуляром, хотя пока он мне казался невероятно простым. Вряд ли я найду себе заказы на фрилансе, да и время много убью на него. Так что я просто решил стать очень крутым верстальщиком.
В чем преимущество использования :checked ~ перед :checked + ?
>>660411И похуй что всем сейчас требуются те кто знает Angular...
Кто-нибудь прошел финальное испытание темы "Селекторы" в академке? Чувствую себя ущербным из-за того, что в гугл полез после часа ебли.
>>660415>>660411Не парься. Если твоим целям будет отвечать то, чего ты достигнешь, то у тебя все будет хорошо.
Чем селектор .button .red отличается от .button.red?
>>660432Первый для элемента с классом .red вложенного в элемент с классом .button. Второй для элемента , имеющего оба этих класса.
>>660439Спасибочки.
>>660267Можно конечно, но откуда я знаю, как скоро закончится анимирование первого действия?>>660278Не понял тебя. Если ты тоже про setTimeout, то думаю это не очень годный вариантПожалуй, вот ещё одно место, где без жквери и ни туды, и ни сюды (хотя, может, на реакте такое есть).
>>660234transitionend / animationend
>>660483Спасибо, милый человек, взял на заметку.Хотя от анимаций всё-таки решил отказаться.
Ребят, какое разрешение экрана оптимально для верстки? Стандартного ноутбучного разрешения 1366 на 768 достаточно будет для работы?
>>660506маловато, но на первое время сойдёт. С другой стороны, будет проще верстать для большинства юзеров.
>>660510На первое время - это время учебы, или я первое время могу поработать над заказиками с ноутом, а потом с выручки купить нормальный монитор?
>>660521Да. По-моему это вообще не проблема.
>>660521«Да» в смысле можешь и далее так работать.
https://frollodecol.tk/Вот что пока получается из моего портфолио, верстаны. Одно непонятно, почему не удаётся получить плавно появляющуюся форму обратной связи?Вот код:http://codepen.io/frollodecol/pen/qNYokW
>>660550Ололо, деанон, сейчас тебе звонить будем всем тредом.
>>660555денег не напасётесь на межгород)
>>660550Ух, я таки сделал. Использовал setTimeout.
>>660557Хотя нет, не сделал.
>>660550Заказал тебе проституток и пиццы на 4 часа ночи, не благодари.Такое ощущение, что это написано забитым совковым инженеришкой. Где твои коммуникабельность и активная жизненная позиция?>Разработчик веб-сайтов.Я делаю веб-сайты и для меня это как глоток свежего воздуха, как музыка Вивальди солнечным весенним утром.И так далее.>знаком на довольно низком уровне>есть поверхностные знанияМамин скромняша, да у твоих текстов НИЗКАЯ КОНВЕРСИЯ. Если маму любишь и хочешь слезть с её боршей, пиши бодрей.>Если эти навыки вас заинтересовали, можете почитать обо мне ещёЕсли я хочу, я просто кручу колёсико.>Если вам не нужен верстальщикТуда же.Вот эту книжку прочитать вообще всем обязательно:http://royallib.com/book/gal_nora/slovo_givoe_i_mertvoe.htmlХорошая статейка про портфолио:https://www.smashingmagazine.com/2013/06/workflow-design-develop-modern-portfolio-website/не-осилил-копирайт-вкатился-во-фронтенд
>>660582>Вот эту книжку прочитать вообще всем обязательноПомнишь, как у тебя один анон реквестировал эту книжку в программаче?
>>660632Это не я. Я в программаче только в рид-онли в жс-треде сижу пока, фантазирую о своём вылезаторском будущем.А Норка действительно очень годная.
>>660582На хуй идет эта Норка. Она вообще писала про переводы, а не про то как портфолио составлять. А про портфолио уж лучше даже про позиционирование и продвижение в маркетинге почитать. Тем более есть просто статьи про то, как составлять портфолио.Совковую бабку из пыльных филфаковских заведений на кой то черт достали. Вы бы еще какую-нибудь Клару Цеткин или жену Ленина тут вспомнили и их "произведения".
>>660664не читал, но осуждаю
>>660671Всю прочел.Вся книга - стенания питерского интиля на тему "ах какие плохие переводы...с переводами дословно...с громоздкими конструкциями...со всякими деепричастиями и прочими причастиями, которые несвойственны рюЗЗкому языку". Я понимаю, что эта книга была актуальна для совковых переводчиков, которые на гос харчах могли выдавать реальное качество и над каждым переводом сидеть долго и вдумчиво. Но времена изменились.И эта книга вряд ли челу поможет составить портфолио.
Extract for Brackets — годная ли еще вещь или есть уже что получше?
>>660698Они его уже полгода собираются закрывать. Может уже закрыли. Так что полагаться на него не стоит.Использовать стоит ворованный фотошоп. Уёбский стандарт индустрии.
>>660703От фотошопа у меня лютый бугурт, хоть я и освоил его для уровня верстальщика. Мне тут подсказали попробовать avocode, сейчас скачаю.
>>660686Ты прав, не нужно было эту книгу так категорически советовать. Просто вспомнил, что она мне помогла в своё время решить проблему с такими текстами для незнакомых людей в общем, а не только для портфолио.
>>660703Самое обидное в фш - не сам фш, который ок, а все что вокруг него. Оплаты фш, которые иногда не проходят. Креатив клауд, который не хило так ресурсы системы отжирает (сам по себе, а не фш). А самое главное - 4-6 процессов, которые всегда висят фоном в системе после установки лицензионного фш и креатив клауд. Словно майнеров от васяна накачал.Уебки, просто уебки. Но альтернатив нет.
>>660736Поэтому я пользуюсь портабл версией от васяна. Майнеров не заметил.
Я наверное очень тупой, но с фш у меня реальные нелады. Вроде бы все размеры совпадают, которые бережно замерил пипеткой, отступы-хуетступы, а в итоге опробовал пиксель-перфект, наложил — вообще разный размер, моя шапка как-то уже получилась. Хотя все один в один прописывал по отступам и телу контейнера.
>>660742дах на те прям пиксель в пиксель хуй забей
>>660739У меня васян-портебл вешает мою пекарню на 4 ядра, 8 гигов покруче любого Крузиса. Лицензию даже не пробовал ставить. Если там ещё и "майнеры" понавешаны, оно должно ещё хуже быть.Если это является такой яркой проблемой в индустрии, почему не видно никаких попыток её решить? Зафорсить какой-нибудь стандарт типа ODT, только для макетов.
>>660756так нет никаких проблем. Это тебе просто кажется. Я вот поставил фотошоп от васяна, прекрасно работает на моём 6 гигов/2ядра. Попробуй ССД поставить, может, поможет.
>>660756Это разные подвиды "висяков". Когда фш запускается или когда он открывает макет - пофиг, пускай висит полминуты-минуту. Это жестик мб медленный или оперативки мало или она тоже медленная. А когда лицензия тебе 4-6 процессов в систему сует, которые активны, когда у тебя ни фш ни креатив клауд не запущены, а эти процессы все равно висят и у тебя от них вся система подвисает... Вот это просто пиздец. Просто нет слов.
>>660826Это официальный майнер от Adobe.
Блин, ну галп, ну что же ты творишь? Минифицировал файлы, и теперь что-то сломалось, да и фавикон проебался.
эээх, охота пару проектов запилить, дизайн продумал даже, в раскрутку вложиться, но чет руки не доходят просто я ленивое говнокак убрать эту лень ебучую
http://frollodecol.tk/Худо-бедно доверстал, даже форму обратной связи прикрутил. Но из-за уриво настроенного веб-сервера приходится страдить. Эх, пожалуй, надо бы накатить адженти и перенатроить всё заново.
Анонимусы, в чем может быть причина этого геморройного воздуха между блоками? Я все отступы вверх и вниз поудалял уже, клеарфикс поставил, а все равно такая пустота образовалась.
>>661004Код покажи блять.
Ять , где вы берете макеты для верстки?
>>661024у личных дизайнеров, конечно
Кто-нибудь работает на машинках с процами типа 5Y10, 6Y30? Если да, устраивает ли скорость в рабочих задачах?
>>661036Тема, ты как?
>>661049На ледоколе сейчас.
>>660756>>660756Лол, это в только нищей России где молодым светит работать курьером такая жесткая мода на верстку и ИТ. Верстка со временем видоизмениться и переродиться во что то новое. Все эти вопли про фотошоп, это как вопли со стороны параши. Никому это неинтересно - ни бизнесу, ни энтузиастам от opensourse(хотя это одно и тоже). Кому охота заниматься в отмирающую область?
>>661004У тебя вообще все не на месте, даже девка с псиной съехала вниз.Код в студию.
Объясните, пожалуйста. Какого хуя так?Вообще горит люто очко от этих line-height.
>>660706качай avocode, только там беда с line-height. Если першин их в отступы расчитывает, то тут хуй ты что расчитаешь.
Анон, собираюсь переверстать барбершоп на флексах, есть несколько вопросов:1) Что делать с центровщиком и фоном хедера/футера на весь экран? Сначала разделить страницу вообще на три флекса: хедер-мейн-футер с 100% базой, а затем оборачивать их контент во флексы?2) что делать с декоративной штуковиной №2? блоком верстать глупо, а просто нарисовать - смысл при адаптиве пропадает. Как скрывать элемент при условии перехода соседнего на новую строку - не знаю.
Что за пиздец, откуда берутся эти 60 кандидатов на позицию front end junior, откуда, нахуй, такое количество?
>>661173> я выпускник академии, сверстал седону))> знаю, как сменить класс по нажатию на кнопку)))> собираю галпом0))Не ссы, из этих 60 - 59 даже на позицию версталы не пройдут.
>>661074Я слегка пригорел и стер всё, буду переверстывать.По поводу девки с псиной беда наверное в том, что я ее как img поставил с размерами вместо бэкграунда. Размеры кстати из avocode беру, удобная штука.
>>661177Да пригорает просто, мне даже не отвечают (скорее всего из-за того, что я из мухосрани аплаю).На миддла по 3-5 кандидатов, на джунов по 60 набирается, пиздец.
>>661177Так-то для вёрстки сайтиков этого более чем предостаточно.
Пасаны, только что вкатился в тред.Перейти по http://nnmclub.to/forum/viewtopic.php?t=899131 из шапки, а сайт не пашет. Мб у кого торрент сохраненный остался?
>>661396> Попытался перейти
В интернетах нашёл такую фразу: "От себя замечу лишь, что сейчас, в 2014 году, не использовать Grunt или Gulp — признак дурного тона и несерьёзности разработчика."Это ещё актуально? И было ли актуально?
>>661453Актуально, только «Grunt или Gulp» следует читать как «Gulp или Webpack».
Я понял одно, в резюме верстальщика в примерах его работ, должно быть полно анимаций, переходов, изменией форм, что бы менялось, переливалось и переползало как в мире Хаоса( Привет, Хроника Амбера). Что бы это была не страница, а как будто ты наебнул 2 марки настоящего ЛСД и пуская пену, ловишь дичайший трип, по другому на тебя просто не обратят внимание.Ананасы как научиться в такую хуйню? JS основы знаю, слайдер на ваниле делал, DOM дергал. Накидайте страниц от которых HR срут жабами и кончают кровью.
>>661517Кто тебе такое сказал? HR терпеть не могут резюме, которые оформлены не по стандарту hh.ru. И нужны им не свистелки и перделки, а законченные проекты на Реакте или Ангуляре. То же самое нужно и техдиру, только в виде репозиториев на гитхабе.
>>661517http://waaark.com/https://activetheory.net/http://www.details.ch/
>>661083бамп
>>661553Что это за ужас ебаный?
>>661539Дай примеров работ, позязя, таких что на них hr дрочат и кусают залупы в бешестве. Ага, гугл мне жек отключил.
С какой матрицей взять бюджетный моник: IPS или VA?
>>661553охуенно! Жаль, я никогда не смогу пилить такое качество.
>>661604>IPS>бюджетный
N-день кун, ты ещё сидишь в этом треде?
Обязанности:Кроссбраузерная, блочная, семантическая версткаРазработка дизайна сайтовНаписание несложных Javascript приложенийОптимизация верстки существующих проектовВерстка сайтов под мобильные устройства и планшеты.Обработка картинок и размещение на сайте30-40 к за совмещение версталы и дизайнера. Это нормально???
>>661880Если возникает такой вопрос, значит нормально.
>>661880Я бы не пошёл. Лучше уж фрилансить, нахуй тебе контора-то нужна, когда ты всё сам можешь делать?
Что-то глохнет наш тред, подкину ка я вам пожалуй вакансию, господа снова ищут web-программиста.Фрилансеры опять соснули.http://chelyabinsk.zarplata.ru/vacancy/Web_programmist_1S_Bitriks?id=111113323
>>661957>20 000 руб./час + %>32 млн в месяц>1С БитриксДа ну нахуй. За такие деньги с Битриксом ковыряться. Лучше уж пофрилансить.
>>661889Фриланс обеспечивает такой же стабильный поток работы, как конторка? Это у тебя личный опыт или диванный?
>>661972Действительно. Битрикс - зашквар, можно за 29 млн в месяц в "Зените" поиграть.
>>661985В конторке хорошо, если будешь получать 20% профита. А стабильным потоком работы себя можно обеспечить и без неё, если делать качественный продукт.
>>661997Ты сейчас про себя рассказываешь или про сферического коня в вакууме?Проигрываю с этих мантр - "все будет хорошо, но не у нас".
Пиздец, тред начинает пованивать.Пипеточники, где вы? Отзовитесь, кто чем занят?Я закончил сетку главной Глейси и теперь стилизую. Не заглядывыю в теорию от академии специально, только эксперименты и гугление - времени съедает пиздец (учитывая, что делаю урывками на работе).Кто с чем пердолится, какие проблемы?Продажник-кун
>>662113Прохожу селекторы-2 в кокодемии, читаю книжку по css - которую тут уже сто раз советовали.
>>662121Распечатываю на работе по 50 страничек этой же самой книги, лол.
>>662129Зачем? Читалки-планшета нет?
RandomAge RandomAgeА вот на 35лвл реально вкатиться?Текущая работа надоела до чёртиков. По "образованию" кхе кхе ...картограф короче.Когда-то по фану изучал CSS/HTML/JS, для себя. Понимаю что такое Apache, ssi, phpИз опыта - три года назад запилил пару html шаблонов на themeforest, где-то 1к принеслиКороче остобенило всё, хочется начать с чистого листа. Не очень ясен агоритм вкатки во фронтэнд и где нарывать бабла первое время. В тот же themeforest мне кажется сейчас сложно влезть
>>662148Читалки нет, планшет есть. Но очень неудобно так мне читать, не воспринимаю информацию от слова совсем.>>662152>А вот на 35лвл реально вкатиться?Все реально.>Текущая работа надоела до чёртиков.Понимаю тебя, как никто другой. >Не очень ясен агоритм вкатки во фронтэнд.Читай шапку и делай как все тут - интенсивы академии, JS - по Кантору.
Помогайте! Нужен слайдер шоб на 1200px было 3 слайда на странице и менялись по одному, а при 320px был один слайд и так же по одному менялся.
>>662173Я четыре раза перечитал и нихуя тебя не могу понять.
>>662162Так если ты сам еще в процессе, как ты можешь так уверенно базарить?
>>662226Потому что мониторю вакансии у себя в мухосрани.Алгоритма сейчас придерживаюсь сам, вопросы?
>>662232>Senior "vot seichas barbershop, a potom z/p 5 shtook"Спасибо, вопросов больше нет
>>662173Блять ну слик слайдер же
>>662232>Потому что мониторю вакансии у себя в мухосрани.А какая связь?! Ты же не видишь кого в итоге принимают на эти вакансии, или с кем собеседуют. Что за мухосрань и где мониторишь?
>>661633Я тоже считаю, что дешевый VA будет лучше, чем дешевый IPS.
>>662339Молодца, разбавляешь тред пазитиффчикам)))00))
>>662113Вчера захотел сверстать первый после барбершопа проект, выбрал легкий макет из папки из рассылки, и пиздец, сетка развалилась. Я тупил-тупил, я ж теорию вроде бы хорошо знал, и тут такой ад. Ну и платина - блоки при зуме разъезжаются, любимая фраза здешнего тролля была.Сейчас пересматриваю видео по основам от Попова, потом с ним два макета сверстаю, может хоть так научусь избегать очевидных косяков.
>>662214Не парься.>>662280Спасибо. Можно небольшой вопрос, по нему. Как стилизовать ебучие кнопки? Мне там просто нужны стрелки. В документации нашел[CODE]prevArrow string (html|jQuery selector) | object (DOM node|jQuery object) <button type="button" class="slick-prev">Previous</button> Allows you to select a node or customize the HTML for the "Previous" arrow[/CODE]то не пойму что по чем.
>>662380Когда устроишься тоже будешь получать приколы по почте от коллег))))
>>662397ебать я разобрался, спасибо
Пилю верстку за деньги под ие8 на флексах (но заказчик об этом еще не знает), спрашивайте свои ответы.
>>662482У тебя же всё поплывёт. Предупреди заказчика, что всё распидорасит.
>>662490Он согласился поставить для ие8 заглушку, хы-хы. А для ие9 достаточно, чтобы сетка не ломалась (критичные места на флоатах, на флексах всякие рюшечки типа йоба-центрирования).Олсо попробовал flexibility, вполне сносно, но куча багов.
Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже. У меня руки дошли до администрирования веб-сервера, вот там самая жопа.
>>662519>Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже.Расскажи больше. Ты в этом крутишься? Вот тот путь, что писан в ОП-посте, он способен привести к стабильному заработку, без спец. образования? Или все это утонет на фоне других специалистов разного пошиба.Загуглил в ютубе этот "фронт-енд", так там самые популярные ролики на русском. Англоязычный ютуб вообще об этом толком ничего не говорит. Почему так, если направление всотребовано и вкатится может любой?
Хочу в 24 вкатиться в джаваскрипт-программисты.Опыта программировать 0, но в айти секу, какие подводные камни?Джаваскрипт потому что знакомый сказал учить его, сам он успешный сишарпоеб с зп 1.5к баксов, но за советом я пришел сюда потому что тут все мои друзья
>>662547Бля, посмотрел щас результаты по запросу фронт енд на ютубе - нихуя полезного, какие-то рекламные ролики и говноподкасты где, наверняка, разжевывают очевидные вещи.
>>662547>ты в этом крутишьсянет, но осилил js кантора и интенсивы академии, сверстал барбершоп и седону. >можно ли получать на этом деньгиМожно, и очень даже неплохие. Знаний одного фронт-енда с минимумом знаний пхп достаточно для того чтобы решать большую часть айтишных задач для российского бизнеса. Но нужно уметь найти клиента.браузерка-кун
>>662405Да ты сам по себе человек оптимистичный, это чувствуется. Ты даже сказал "когда", а не "если", не зная человека.
>>662555Полгода на вкат минимум, добавь к этому обязательное умение пердолиться с версткой на отличном уровне (еще минимум месяц-два), охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансий.Добро пожаловать.
>>662561Ничто не мешает потратить еще два-три месяца на то, чтобы выучить какой-нибудь юи.
>>662564Учить можно бесконечно, лично мне это даже доставляет. Совсем другой вопрос - толпы слоупоков, хлынувших в ойти ради призрачного бабла, которого у новоиспеченного ойтишнега не будет как минимум полгода-год.
>>662565У нас люди учатся по 5 лет без бабла. Медики например или просто те, кто во время учебы не работает. А тут - целый год учиться без денег. Какой кошмар.
>>662561> охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансийВот это и стремает.Я сам между сисадмином и прогером выбрал админа, думал дохуя программистов будет, но чето кругом одни успешные прогеры с зп от 1к баксов, я чето хуйню получаю.
>>662571Потому что сис админы один раз систему настроили и поддерживают ее. А у фронтендера что не день, то "праздник". И технологии меняются каждые год-два.
>>662286Мухосрань - Челябинск.Мониторю zarplata.ru - бывшая работа 74.ру
>>662570Не кошмар, ты прав. Но наверное 99% всех ньюфагов думаю, что через месяц-два-три уже будут ебать трапов в Тайланде на фрилонсе.Я в детстве хотел стать хирургом, кстати, но после наших охуенных больниц перехотел.
>>662615>Но наверное 99% всех ньюфагов думаютБлять, все. Бросаю, нахуй, Глейси и выкатываюсь из треда.
>>662593Ну вот смотри, судя по HH.ru там резюме на фронт-ендера 45 штук. Против 13 (или коло того вакансий). Ну и кому ты будешь нужен, при том что есть люди с профильным АйТи-шным образованием?https://chelyabinsk.hh.ru/resume/061aa5ef000225eb640039ed1f4d5035446a48?query=front-end резюме парнишки, который хочет 20к. Пик стронгли релейтед. Обратите внимание на мужика в белой рубашке. Ощущение, что примерно так работодатель и посмотрит на мимокрокодила проебавшего 1000+ часов на этот сферический фронтенд.
>>662638> c профильным> Челябинский Энергетический Колледж им. С.М. Кирова> Челябинский электрометаллургический комбинат))
котаны, доставьте репозиторий с кодом по бэм, в гугле одна ссака
>>662644Там 45 резюме. Среди них такие люди найдутся и в достаточном количестве. В любом случае, даже если такие же не АйТишники, как и анон с двачей их все ровно 45 на 13 вакансий.
Не могу найти jQuery Compat 3. Ни на их сайте, ни на гитхабе. Я про нее много слышал и вот сейчас читаю про нее в книге. Правильно ли я понял, что от нее отказались оставив для ie8 версии 1.x?
>>662657Он даже не может в местные ресурсы по поиску работы, не быть ему фронтом.И кстати я много резюме в Челябинске просмотрел верстал и фронтов, нихуя они не устроятся.
>>662707Чому?
Кто сталкивался с мансонри подскажите как реализовать? Пытаюсь с помощью плагина mansonry.js но что-то нихуя не выходит.
>>662710Потому что там ебаный пиздец в резюме.
>>662723Но ведь у них профильное образование!
>>662838>Но ведь у них профильное образование!Электриков и менеджеров.
>>662910Блять, вакцинируйте этого, у него синдром русского программиста. Доктор, что с ним?Он начал получать больше других и теперь он стал СверхЧеловоком, хотя нет, это уже Homo Verstalus Superiores, готовьте Америку, будем изолировать.
>>662615Кек, а я таки окончил два курса медвуза, обосравшись на лекции, хотел пойти учиться на травматолога, но потом я забил хуй по твоей же причине - наслушался охуительных историй от мамкиных коллег. Ну и перегорел. А шел ради какой-то призрачной идеи.
Кто-то в треде просил макеты для адаптива, вот есть такой https://github.com/goit-fe/markup_fe2o/tree/master/html_07-08
Как в атоме сделать на 2ой части экрана показ того, что получилось в коде
Господа, не подскажете годный компилятор LESS под Windows?галпы-хуялпы не использую
>>663191cntrl+shift+m
>>663200Вебпак
>>663202>>663200Ну ЙОБА, ты чего?Если кому еще понадобится компилятор, нашел наилучший вариант: http://winless.org/.
>>662561репортнул за подрыв мотивации
Короче ситуёвина посоны! Я тут учу уже 3ий месяц это вот всё, а тут мне знакомый отца предлагает пойти к нему в офис работать веб дизайнером, фронтендер у них есть уже хороший, а вот дизайнера не хватает, они готовы меня с нуля учить и я не знаю, что делать то
>>663255Очевидно нужно попробовать. Тебя прямо за руку берут и ведут в светлое будущее. Соглашайся, не будь идиотом.
>>663255Я бы согласился.
>>663255Прячься за маму. Мама в обиду не даст. Мама боршей наварит. Сиди, меряй маргины спокойно.
https://roem.ru/25-07-2016/229505/hr-web-studios/
>>663411Раз, два и обдвачевался.
>>663411и чё
>>663450че, че. не хватает народа, вот че
>>663453не хватает им фул стэк спецов, а не "вкатился за полгода" макак
>>662653бумп шакалака
>>663411Ну так на рынке дичайший дефицит годных миддлов, а за сениоров эйчары готовы выебать сами себя в жопу двухметровым дилдаком. Только как это относится к выпускникам гоайти и двухмесячным верстальщикам?
Я хочу сверстать красивое что для портфолио, но на какой макет не гляну, хуита с под коня и легкие все, а что потруднее тоже хуита вроде, это я зажрался или рили так?
>>663813Седону сверстай, псина.
>>663841Изи. Плюс она у каждого второго васяна.
>>663813Ты хочешь забисплатна и нитакойкаквсе? Тебе сколько лет?Похуй, какие макеты. Два из продвинутого Кокодемии отлично подойдут. Ты же не дизайн портфолить собираешься, а свою технику. Сделай один на бутстрапе кастомном, другой на флексах самодельных. Этого достаточно будет. Плюс сама страница порфолио. Свои ебучие скиллы покажешь в анимациях самого портфолио. Таких, которые по 3 секунды до доступа к контенту (и вообще без доступа с отключенным жс) и от которых сразу обблеваться и страницу закрыть хочется. Всё, как ты любишь.
>>663882Ты меня не понял.Вот макет отврыл, там три блока да немного текста в них, остально меню да бэк. Если актое говно наверстал, показываешь потом кому, а там верстать да и нехуй.
Аноны, знающие препроцессоры, прошу помочь разобраться. В теории казалось что все очевидно, но при первом же использовании на практике зашел в тупик. Есть ли смысл в данном случае использовать less? или можно написать более лаконично?
>>663910http://codepen.io/300kvsecundu/pen/qNKVLO проебал
>>663847и каждый второй васян сверстал её крайне криво с кучей костылей, вангую.впрочем как и ты скорее всего сверстаешь
>>663916каких костылей?
>>663888>Ты меня не понял.но юТебе не надо показывать свои выебоны, убертехнику, перевёрстывать гугл и т.д. Тебе всего лишь нужно показать, что ты хороший со-труд-ник.Тебе нужно сделать на гх-пейджес страницу, где пару слов о тебе и два макета с исходниками. Показать, что всё по папочкам структурировано, пространство имён везде чёткое, что вот тут ты ссылку предусмотрел без жс, а тут под ишака подстраховался, всё без костылей и хаков. В одном макете ты показываешь, что можешь Бутсрапон кастомизировать. В другом, что и сам готов всё на флексах сделать. Всё это с качественными коммитами и комментами, хоть и в одно аутичное ебало. Выёбываться с распиздячими макетами ни то, что не стоит, а вообще категорически противопоказано! Ты скромный-аккуратный и общительный-стремящийся. А не выёбывающийся нитакойкаквсе дотошный нудный ылитный инфантильный уёбок.Тебе кажется, что я недостойную гуру-вкатывальщика простецкую хуйню предлагаю. Давай, ёбана, сделай за вечер. Через пару недель придёшь поплакаться.
>>663950> под ишака> без костылей и хаковИзвини, но ты на ноль поделил.Верстал на флексах под ие9
>>663950> что можешь Бутсрапон кастомизироватьВот такое пиздец как огорчает.
Фронтаны, а есть еще ресурсы вроде freecodecamp'a (интересует JS) - ну т.е. чутка теории и сходу задачка, что-то похоже на кокдемию. Знаю только codewars, но там пиздец хардкор.
>>663950Стоит заморачиваться и делать само портфолио под мобильные?
>>663967на W3 что-то было, вроде
>>663957Помню тебя.Я имел ввиду всякие reset.css, дивянки-классянки, !импотент и прочее дерьмецо. Когда ты выкручиваешься пабыренькаму, а не стараешься.>>663966Что ты имеешь ввиду?Как я понял, Бутстрапон очень востребован на местечковом рынке. Да и для себя неплохо разобраться, как переменные и примеси качественно дрочить.>>663981Мне кажется, далеко не нулевая вероятность того, что наниматель будет просматривать заявки сидя на толчке. Или через инспектор решит потыкать твоё портфолио. Так что лучше быть в себе уверенным.
У кого-то бывало такое, что для абсолюнт спозиционированных элементов не сходятся с барбершопом Першина координаты?
>>664029А, ну это вообще пиздец, тогда да.Кстати, у меня так и не получилось, даже с флексибилити все нахуй распидорашивало, переверстал на флоатах, флексами сделал всякие центрированные кнопочки.Если бы это был какой-нибудь йоба-проект, я бы заморочился и написла на JS собственные фоллбэки, но бесплатно такой хуйней страдать не охота.
Аноны, поясните за clip, почему он здесь вырезает изображение именно так? Ведь третий атрибут (150px) должен как бы поднять направляющую линию наверх (туда где стоит 0px) и тогда вообще не должно быть видно изображения. Как это работает то? Задание где объяснилось (пик2) про clip прочитал, но чет не пойму почему на практике всё так?
>>663950Удваиваю этого. Не нужно делать сайт, где все бы все светилось и пердело. Вы правда хотите поразить этим техдиректора? Вряд ли выйдет. Его бы впечатлило глубокое понимание работы с асинхронными событиями в редуксе, но этим мало кто может выебнуться, особенно в этом треде.Аккуратная страница, ухоженные проекты на гитхабе, хороший код, демонстрация того, что вы понимаете как написать конфиг на галпе и слышали про БЭМ — вот что надо.
Забавная приколюха:http://jgthms.com/web-design-in-4-minutes/Его же фреймворк на флексах:http://bulma.io/Интересна "Magic tiles" сетка.Пиздёж про то, как корзиночка-интровертка к успеху пришла:http://99u.com/articles/54208/martina-flor-an-introverts-approach-to-kicking-assДоброй ночи в коворкинг.
>>664277> фреймворк на флексахЗачем?
Такс котаны. Я вроде как нашел работу, и щас у меня нет ни времени ни сил чекать тредпо крайней мере покаТак что предлагаю вам пока самим за ним следить/перекатывать. Или запилим типа агримент. Вы не перекатываете его вплоть до 1000 постов. Если постов 1000+ и ничего не сделано, пусть кто-то перекатит. Я все же буду заходить время от времени, возможно и поймаю момент. ваш ОП
Объясните пожалуйста как стакается line-height и height? Они стакаются только у блочно-строчных?
>>664289Че за работа, где, сколько платят - потом хоть напиши, расскажи.
>>664284Чтобы велосипед все охуели, как он может.Мне просто любопытно посмотреть, как это всё сделано у человека, у которого опыта побольше моего. Какие ФИШЕЧКИ он предлагает.>>664289Агримент сайнд, ёпта.Платина: как нашёл @ сколько обещают?
>>664300Да собственно я ничего не увидел особенного. Центровка, ровные колоночки, тянущиеся кортиночки. Тянуть ради этого фреймворк, который ломает тот же бэм как-то странно.Зацените тойотовский сайт, кстати, как вам?http://toyota.jp/prius/cp/parts/
>>664305>>664300Хотя, конечно, миксины-функции впечатляют, я даже не думал о том, чтобы нечто подобное использовать.
Блээт, не хочет ебаный ховер работать, из всего списка реагируют только два нижних пункта. Ну что это за блядство?
>>664311Тфу блять, ебан падинг.
>>664292Хайт для блока, лайн-хайт для текста (контента). Не смешивай.И гугли, гугли блядь.http://shpargalkablog.ru/2014/04/line-height-css.html>>664307Во-от.Хотя я не понимаю, зачем нужен SCSS, если ты не рубист. Есть же красивый и удобный LESS. А если лесса уже не хватает и нужны всякие функции-хуюнкции, то тогда уже пердолить PostCSS как тебе угодно.https://github.com/Semigradsky/postcss-russian-units
>>664361А как связаны scss и руби? Рубический компайлер уже давно никто не использует.
>>664361Причем тут руби вообще? Использовать Less сейчас смысла мало, Sass тупо мощнее и популярнее.
>>664361>Хайт для блока, лайн-хайт для текста (контента). Не смешивай.Пиздец чет там всё сложна. Ну я помню для барбершопа кнопки делал, складывал height+line-height и получалась нужная высота кнопки.
>>664374>>664361Немного кстати странно пишет автор про отступ у картинки, почему-то не упоминает что по умолчанию картинка это строчный элемент, поэтому и line-height к ней работает.
http://codepen.io/anon/pen/JKkkwm - помогите, хуле верхняя строка разъезжается на всю таблицу? В чем дело то?
>>664408Чот ты говна поел. Делай все по заданию. И по прошлым заданиям. У меня таких проблем даже близко не было.
>>664037>даже с флексибилити все нахуй распидорашивало, пиздишь гиена, на сайте с примерами ссылка на который на гитхубе у флексибилите стоит все работает даже в 8 ослев Sauce Labs проверял
>>664410так что именно не так блять
>>664417Короче каким-то хуем всё получилось, просто нужно было разметить всю таблицу табличными свойствами. Но вопрос: почему происходит такая херня - всё ещё остается открытым.
Охуеть, на htmlacademy в 3х заданиях даже нужно сделать табличную верстку страницы, лол.
Аноны, кто-нибудь запускал пиратский фотошоп на линуксе под вайном?
>>664604Да.
>>664936И как успехи? Работает шустро? Не вылетает каждые полчаса?Алсо, каким дистрибутивом пользуешься? Я вот хочу минтом обмазаться.
>>664958Ну скажем так, работать можно. Стоит у меня убунта 16.04, так что думаю и на минте все так же работать будет.
>>664969>скажем так, работать можноа плагины получилось поставить? Например, cssHat? Работает всё-же гораздо хуже, чем под виндой?
>>664992>>664992xubuntu photoshop cs6 плагины не ставятся, юзаю avocode и там где он не вывозит запускаю фотошоп
>>664992Хуй знает, не пробовал. Хуже конечно намного, куча мелких багов, но жить можно.
>>665011Значит, к сожалению, пока придётся посидеть под десяточкой (да и бэкап всё-равно не на что сделать).Вот, кстати, продвинувшись в js и php, начинаю понимать, что и голые верстальщики нужны. Для программиста вёрстка - трата драгоценного времени, которое лучше перепоручить псд-макаке.
Странно, что никто ничего не пишет про курсы Кантора. Хотя про учебник стабильно упоминается в треде.Поэтому спрошу. Стоит ли смотреть? И на каком этапе прохождения учебника или можно параллельно?
>>665192>псд-макакеЦсс-программисту, ты хотел сказать. Художнику цифрового авангарда, то есть. Передовых дел мастеру, как бы. Рыцарю пипетки и линейки, вообще то.
>>665202да тут у всех флоаты на пипетках еле держатся, какие канторы??)))))
>>665202Если тебе интересен устный пересказ учебника - смотри.> на каком этапеНа этапе, когда ты уже не флоатишь все блоки влево и готов упарывать кодинг по 5+часов в день.
>>665251Аригато
>>665251А остальные курсы здесь кто-нибудь покупал?Особенно интересуют курсы по ноде.
Аноны, только что я был неприятно удивлён. codepen что, не поддерживает метод querySelector?
>>665308Аноны, вот вам головоломка. Как наименьшей кровью сделать так, чтобы ширина контента при скрытии сего блока не изменялась?
>>665355http://codepen.io/frollodecol/pen/mEKgaK?editors=1111Вот код-заготовка.
>>665258white-space: nowrap
Ребятишечки, как сделать, чтобы при ховере на див, ссылка так же появлялась плавно, а не сразу. Я эти блядские транзиши уже везде раскидал, а ей похер, или получается так нельзя?
Посоны, как дела?Работаю уже полтора месяца (подписывался n-неделя-кун)Сегодня прислали повестку в родной мухосранск, батя сообщил по телефону.Обидно будет свалить в армейку, думаю вряд ли потом снова получится так легко вкатиться.А вроде только жизнь начала налаживаться...
>>665355Обертку на текст, может быть?
>>665385В смысле блядь обидно, в смысле блядь сваливать, в смысле блядь в армейку?Если ты в другом городе, какая тебе разница?Забей хер
>>665385И как у тебя работа продвигается? Даун бэкендер не пришел в себя? Что-то интересное было?
>>6653821. Задаёшь ссылке opacity: 0; height: 0px; width: 0px;2. При наведении меняешь на: opacity: 1; height: auto; width: auto;3. transition прописываешь только для opacity: transition: opacity 1s ease;
>>665386думал об этом. Но если я задавал ему значение в процентах? Надо будет перед преобразованием откуда-то получить его размеры в пикселях, а в css они будут в процентах.
>>665385Ты совершеннолетний? Уехал на вольные хлеба, родители адресов не знают, открытки не слал.Тебе за это штраф 500р. грозит. Уклонение хуй докажут. Родители пусть ничего не подписывают. «Мы не можем ему передать, ищите сами». Опасайся мусоров с проверкой документов по базе, ты в ней можешь оказаться. Последствия вряд ли будут, окромя 500р. Но лучше ещё 500р. не пожалей и пойди с юристом перетри.А вообще, за работу во фронтенде и срок получить не страшно, лол.
>>665394Там же сейчас условку дают за уклонение? Да и ЗП полностью белая, могут через работу достать. Я даже договор когда подписывал, там пункт про военкомат помню был, типа они обязаны сообщать все обо мне и т.д.
>>665411Не хожу в военкомат с 20 лет, живу по прописке, первый год звонили-угрожали, сейчас иногда шлют повестки с пометкой СРОЧНО ЯВИТЬСЯ, НА КОНТРОЛЕ У ПРОКУРАТУРЫ и т.п. Никто не ловит, менты не приезжают, всем похуй. Охуеваю с корзинок, которые боятся тупых военкомовцев и пиздуют в армию.ДС, 26лвл.
>>665411500р. за неуведомление о новом адресе проживания было в мою бурную молодость. Сейчас может подняли. Иди к юристу обязательно.
>>665410http://codepen.io/frollodecol/pen/mEKgaK?editors=1111вот, заработало, но работает только с фиксированными ширинами.
>>665398Ну работаю потихоньку. Что там с бэкэндером было, уже и не помню, лол.Работать нравится, больше работаю со всякими ajax-запросами. За все полтора месяцы сверстал ровно 3 странички, точнее даже не сверстал, а переделал.
>>665420А сколько там юристы за консультацию берут? С деньгами чето вообще не айс пока, зп только через 2 недели.
>>665417А что будет когда после 27 пойдешь за военником?
>>665451Ничего не будет, потому что я за ним не пойду. Во-первых, нахуй он не нужен, во-вторых сейчас все равно дают какую-то вшивую справку. Но даже если бы и пошел - тоже ничего не было бы. Живу по прописке, не скрывался, повесток не получал, идите нахуй.Олсо я был бы и не против отслужить inb4 быдло, но они ведь даже не стараются.
>>665445Спроси отца, может у него есть кто сведущий, пусть узнает.А так раньше около 500р. было. Сейчас вряд ли больше. У тебя вопрос простецкий. Просто действующий положняк надо уточнить.
>>665402http://codepen.io/Clark_Kent/pen/oLyOKpНеа
>>665458Да что там уточнять, в его ситуации даже штраф надо еще умудриться получить. Никуда он не пойдет, в общем, все норм. Своими условными сроками пусть студентов на отчислении пугают.
>>665458Ну ладно, схожу. Так-то я даже готовился, собирал справки, по документам вообще непризывное есть. Но на деле почти никаких проявлений и на комиссию думаю нахуй пошлют.Короче особо рисковать не хочу, очень уж хреново будет там еще год проебать.
>>665459держи.
>>665546http://codepen.io/frollodecol/pen/YWvbOg
>>665436>>665398Программист хуйней занимался у другого анона - n-день-кун. Он там поверх верстки ебашил бутстрап от чего люто пригорало у анона.Но он давно уже не появлялся у нас, либо не отписывался просто.
>>665547А все, ты с дисплеем ничего не делал. Спасибо.
>>665671дисплей просто не анимируется
>>665434бамп вопросу. Как получить текущую ширину элемента в пикселях?
>>665683Докьюментейшен, мазафака, кэн ю юз ит? https://developer.mozilla.org/ru/docs/Web/API/HTMLElement/offsetWidth
>>665684Спасиб, бро, но к сожалению, не работает. Кто бы что ни говорил, а без жкверьки сейчас никак нельзя - был использован метод element.width().Можете полюбоваться на плоды моих кривых ручонок.http://codepen.io/frollodecol/pen/mEKgaK?editors=1111
Блин, какой-то странный курс в htmlacademy - "Кекстаграм: Эпилог. JavaScrip". Хз стоит ли его проходить и время тратить, там как-то всё СЛИШКОМ поверхностно. Кто-проходил, будет ли там что-то полезное кроме Javascript? P.S. Заметьте, не интенсив, а именно платный курс на сайте.
>>665881насколько он поверхностный? Если там показывается как по нажатию на элемент поменять класс какому-нибудь элементу, то для версталы этого вполне достаточно.
>>665881Кстати дополнение к вопросу, возможно ли как-то сохранить задания из этого курса себе на комп, но так чтобы они работали (т.е сами страницы и их функционал)? Т.е нужно сохранять css, js, и html-код? Ибо мой премиум-акк скоро закончится, а в будущем при изучении JS - хотелось бы пройти данный курс.
>>665871> никак нельзяМожно.А твой код можно сократить раз в 5, но мне лень.Добавь хоть проверку на макс.ширину, а то совсем пиздец.
>>665889Ну вот например самое первое задание.
>>665892>>665894можно, конечно, но с жкверькой всё читаемей и проще, и поддерживается она лучше. Хотя я, конечно, офигел, когда узнал, что codepen не поддерживает querySelector
>>665914Просто я сначала хотел скипнуть данный курс, а потом подумал что я в принципе знаю что такое условные операторы, циклы (даже как-то давно до замыкания дошел, но с тех пор всё забыл) и почему бы не пройти, тем более что подписка уже через 12 дней заканчивается.
>>665914C чего ты взял, что не поддерживает?http://codepen.io/anon/pen/oLyKWB
>>665940у меня в консоли выводилось, что я использую неизвестный метод. Может, конечно, и я тогда где-то прокосячился.
>>665953Скорее всего накосячил, так как для барбершопа я делал поп ап по примеру академии и кодпен нормально все прожевал.
>>665957вспомнил, где я прокосячил! Не поставил document. Ну и хрен с ним.
>>665974лол
>>665414пока ты не расписался за повестку лично, это не уклонение, а так да, рано или поздно на работу к тебе придут.
УСТАНОВИ ТЫСЯЧУ ЗАВИСИМОСТЕЙ И ЗАВИСИМОСТЕЙ ЗАВИСИМОСТЕЙ, ВЫЕБИ СЕБЯ В СРАКОТАН КОНФИГОМ, НАПИШИ КОНФИГ ДЛЯ КОНФИГА, СКОНФИГУРИРУЙ КОНФИГ ДЛЯ КОНФИГУРАТОРА КОНФИГОВ, ЧТОБЫ КОНФИГ ПОДКЛЮЧИЛСЯ В КОНФИГ, THEN GOTO: 1, REPEAT, KILL YOURSELF, УФФ ТЕПЕРЬ МОЖНО И КОД ПИСАТЬ, ВРОДЕ РАБОТАЕТ)))Ебать, какая же уебанская инфраструктура у жаваскрипта, просто пиздец.
>>666131Тащемта везде нужно рабочее окружение настраивать. Если тебе лень, то есть куча готовых решений, где уже все настроено, бери да пользуйся.
Короче не смог осилить до конца этот Javascript на htmlacademy, они как-то слишком дохуя быстро ускоряются и действительно крайне поверхностно всё предоставляют, хотя поначалу казалось что вот-вот будет подробный разбор свойств и тому подобное. Короче это будет единственным курсом на который я положил хуй.
>>666131yo huitaNamenpm installnpm run ты че первый день разработкой занимаешься ? В питоне virtualenv на фронте npm
>>665202Я смотрел, рассказывает, все что написано в учебнике, дает задание - сделайте задания из глав таких то, если будут вопросы спросите на след. лекции и разберем. В след. лекции у него спрашивают, он чо то отвечает, объясняет и опять пересказывает учебник. Единственный плюс для меня покупать такой курс, в его ответах на вопросы по заданиям из учебника, а так можно и без него попробовать все пройти.
Почаны, что делать? В общем подал резюмеху в местную конторку. А эта конторка есть филиал, сама она с Амурики, а тут и в России так понимаю дешевая раб. сила. Так вот предлагают аутсорсером быть (хотя написано что без опыта на эту должность не берут, а я таковой есть). Так вот что ей ответить? Мол конечно я хотел в офис, но согласен на частичную? Просто я ни разу не работал по этой специфике и боюсь жестко обосраться, ведь это единственная контора в городе (лютая мухосрань) и боюсь другого шанса не будет. Как по грамотней ответить?
http://puu.sh/qiqFE/aae8ab8f35.jpgАноны, кто в веб-студиях работает. Как устанавливается вот этот модуль? Он бесплатен?
>>665881А где этот курс то? а то у меня последний в Кексби это курс про формы.
>>666214Ты претендуешь на роль спеца, который крепко стоит на ногах? Тебе давали тестовые задания?Могу тебе вот, что подсказать: Если они знают, что у тебя нет опыта, то так им и скажи: Поскольку у меня, на первых порах, могут возникнуть вопросы по работе. Будет очень здорово работать в команде с людьми, которые смогут что-то подсказать. И у которых можно будет чему-нибудь научиться. Полноценная работа в офисе в этом смысле предпочтительней.Кто что думает?
>>666405Я примерно так и написал, мол работа в команде будет лучшим вариантом для меня, что без "поддержки" старших не добиться цели стать профессионалом.
>>666307http://www.jivosite.ru/
Народ, а если мы имеем такую структуру, то какие классы по БЭМу присваивать h3,p,a? Я, например, не присваиваю, но только что задумался над этим моментом.section class='about'> <ul class='about__list'> <li class='about__list-item'> <h3></h3> <p></p> <a href=""></a> </li> </ul></section>
>>666635Я все тайтлы выношу в отдельный компонент, например, и соответственно задаю им class="title title--small". С обычным текстом таже история, "text text--gray". Не знаю, по бэму это или не по бэму, но удобно.
>>666635heading, paragraph, link, чё тут выдумавыть?Ты даёшь имя по исполняемой роли, по значению. Если сеошник говорит, что надо срочно h3 заменить на h1 или вообще любой другой тег, то ты должен иметь возможность сразу это сделать и больше ничего не менять.
всем ку. потихоньку въезжаю. поясните за адаптивность плиз. почему некоторые юзают бутстрап, а другие медиа-запросы. что лучше? мне кажется с медиа ебаться надо пиздец, типо ксс писать по 2-3 раза для разных экранов, а в бутстрапе все само. я прав? или сетку бутстрапа бывает не подогнать под макет?
>>666720чо бля?Бутстрап использует готовые решения (у них так же на медиазапросах всё основано, алло!). Классов накидал и довольствуйся.А если самому всё писать начинаешь понимать что к чему всё устроено, епта
>>666498есть ли у них конкуренты?
>>658070ебать, у меня моник такой же
У кого нибудь бывало, что NPM не устанавливает плагин? То есть устанавливает, но в пэкедж не записывает его, и при выполнении пишет, что такой плагин не найден.Он заебал уже сука, через раз так делает пидар ебанный. Я уже в ручную вписал его в пэкедж, а ему поебать вообще, в папке с модулями он есть
>>666403Сразу после первого курса Кексби
>>666788глупый вопрос, не отвечайте. Разумеется, есть.
Кто нибудь пользуется svgStore? Он же делает спрайты, которые браузеры не видят, как этим пользоваться
Может кто объяснить, почему вторая анимация не срабатывает? Она должна срабатывать, когда в форму пустой или не полной (без логина или пароль) отправляешь. Делал всё как в интенсиве. Почему-то обе анимации не могут срабатывать.
>>666821http://practice.adr.com.ua/barbershop/index.htmlвот всё на хостинге. фикс
Как хуита на пике называется? Гуглю карусель, находит обыкновенные слайдеры.Может есть у кого линк на такую хрень, о том как верстать такое.
а перекат будет?
>>667118Нет
Аноны, хелп. При переносе строки в саблайме у меня пик1, что в настройках поменять чтоб переносилось как на пике2? На работе у меня автоматом переносится как на пике 2, а дома хз что сделать..
>>667206Выпиливание настроек саблайма и его переустановка помогла, так что похуй уже.
Кто-то проходил базовый по JS? Кто что скажет о нем? По программе интенсива выглядит довольно уныло на фоне таких же курсов от Кантора по его же книге. И когда к нему можно приступать, после базового или лучше продвинутого?
Ну чо сходил я в контору (всем похуй). О галпах-хуялпах там даже не слыхивали. В общем работают они c хуй пойми какой цмс, своя вроде. Дали толмуд про xsl и пару подсказок куда копать. Еще xml надо подтянуть. Пиздец в общем. Блять в каждой шаражкиной конторе по смоему ебанутые.
>>667314xsl, xslt этим вообще что-нибудь нормальное делается? Для чего применяют?
>>667314вообще, галп переоценен. Проще пользоваться всевозможными сервисами. Единственное место, где он оправдан - вёрстка лендингов в промышленных масштабах.Либо как какая-то промежуточная хрень, которая впоследствии всё-равно допиливается.
Парни посоветуйте нормльный пагин саблайма для работы с фтп. Чтобы залогинился и прям на сервере редактировал файлики.
>>667369я Filezill'у использую. Не очень удобно, конечно, но жить в целом можно.
>>667096табы может быть, tab tabs
>>667416Не, эта штука крутиться как карусель, и блок какой-то резиновый, как я понял, продукты за границу уходят и выходят с другой стороны. А табы для сортировки этого говна, как я понял.хуй знает, как найти такое говно.
Гуглю как написать слайдер, находит жкури, думаю ну хуй с ним, посмотрю, там блядь для одного слайдера одну библиотеку и два файла нужно подключить, ну ебать, гляну жс, сам перепишу, открыл, а там 1350 строк, ебать блядь.Почему так все? Это нормально, так и должно быть? Поясните неофиту. Мне просто нужно, чтобы жс менял местами блоки, какой пиздец.
>>666822Наконец двач завелся, смотри в сторону CSS. Если анимацию с классами уберешь вниз стилевого файла все заработает, только кнопки могут поехать..
>>667548Да, я утром сегодня уже исправил. У меня пробел в теме о специфичности, видимо. Не подскажешь, почему так произошло? Удивлен, что мне ответили, ибо на все мои существенные вопросы тут вообще никто не реагировал. Обсуждают параллельно несусветную хуйню.
>>667567Двач сломался, я с утра видел твое сообщение.
Аноны, можно ли средствами одного лишь css сделать так, что без наведения изображение - чёрно-белое, а вот при наведении становится цветным?Пока вижу только один способ - иметь две картинки, и менять их при наведении. Но должны ведь быть способы попроще. Может, жквери плагин какой?
>>667567>>667587Там на самом деле все просто, окно сначала должно появиться, т.е. по логике сначала .modal-content-show должен быть добавлен, а потом .modal-error, а у тебя было наоборот. Поменяй правила местами и все будет норм.Отклеилось.
>>667594Можно одним изображением - спрайтом, только менять позишен.
>>667594http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
>>667600оно именно так и появлялось, ничего ж не изменилось ни в скриптах, ни в html. Лишь правильно в css ниже разместил. Ему что-то мешало, выходит?
>>667627Скорее всего анимация перекрывалась другой анимацией. И нижеидущая не срабатывала.
>>667633в инспекторе она была перечеркнута. Ну, ладно, js изучать еще только предстоит. Я хочу закрепить базовый, сверстать всё таки кроме барбершопа макет. Седону эту верстать резиной или с медиаквери? Чет как-то вообще про это не было сказано, видимо лично у наставников.
>>667633>Вышестоящая не срабатываласамофикс
>>667638Попробуй еще статично сверстать самостоятельно, пусть ту же седону. Потом адаптив и резину будешь прикручивать.
>>667649статично это без адаптивности? Так а там макет в 2 вариантах, 760 пикселей и 1200
>>667649есть ли конфа в телеграме с анонами, который фронтендом занимаются, до этого какая-та хуйня попадалась.
>>667666http://invite-me-to-2chpr.herokuapp.com/ только на слаке
>>667666Есть конфа в Дискорде, но она родилась мёртвой.Лучше пиши всё в треде. Другим тоже интересно и полезно может быть.
Аноны, только вкатываюсь в верстку, объясните за препроцессоры CSS (да и другие), т.е они как бы повышают уровень абстракции и вводят возможно какие-то новые функции (только непонятно как), и тем самым это самым облегчают написание кода? Т.е если сейчас я пишу что-то на чистом CSS, то далее при изучении препроцессоров написание кода будет намного легче? Я возможно не очень хорошо разбираюсь в CSS, но вроде он итак не супер сложный.
>>667712препроцессор берет твой scss файл и преобразует его в css например для того что бы сделать хуйню адаптивной ты должен разделить ширину которой он должен быть на ширину родитель и умножить на 100 ( чтоб привести к процентам )так вот твой препроцессор видит такую строчкуwidth: 50 / 500 100%ипреобразует ее в такой css width: 10%можно написать css функцию ( прости господи )типа toPercents($target, $context){@return $target / $context 100 * 1% }и юзать ее типа того:width: toPercetns(50, 500);в css будетwidth: 10%куча короче примеров и препроцессоры дефакто стандарт современной веб разработки, так что знать тебе один из них придется сейчас живые только 2 Less и Sass лезь sass-scss.ruи читай что зачем и нахэто sass доки по лесс тоже должно чето быть а тут тебе заябуться обхяснять но короткий ответ :Да нужны> но вроде он итак не супер сложный.для этого препроцессоры и придумалиалсо: сверстай 10 макетов и у тебя язык не повернется так сказать
>>667713сорян за кучу ошибок я в говно, суббота ж епта
>>667712иными словами это middleware между файлом в котором ты пишешь с читаемым синтаксисом и вызодным .css файломзачастую препроцессоры и вендорные префиксы сами расставляют типа ты пишешь transition: all .3s ease-inа в css получается-moz-transition: all .3s ease-in-o-transition: all .3s ease-in-webkit-transition: all .3s ease-in-ms-transition: all .3s ease-intransition: all .3s ease-inчто позволяет существенно сократить всю хуйню так что обязательно обмажься одним из них
>>667721> middlewareТы так всех ньюфагов распугаешь.
>>667699Тут редко отвечают на вопросы. Гараздо интересней обосрать человека за использование сасса, а не лесса и наоборот.
>>667608я это и имел в виду>>667612спасиб, ознакомлюсь.
Короч аноны, поделюсь болью. Я уж тут отписывался, работаю пару месяцев верстальщиком. Надо будет верстать социальную сеть, сука. Причем макеты прислали в скетче блять каком-то, его переконвертили в пдф, а я должен каждый макет конвертить сука в псд, а конвертится он пиздец хуево, слои блять где-попало, еще и каждый макет конверить по отдельности и сука макетов 200 штук в перемешку с мобильными версиями, в итоге надо блять среди них будет искать какой к какому относится ПИЗДЕЦЦЦЦЦ.
Ребята, насколько хуево жить без вышки фронэндеру? Сам я хоть и устроился, но чувствую себя очень неловко, потому у всех коллег есть вышка, а у меня нихуя (отчислили с 4-го). Не хотел восстанавливаться, потому что надо деньги будет платить и вообще меня передергивает от этой преподши, из-за которой меня числанули (один долг ей не сдал). Опять ведь придется идти к ней, просить пересдачу, могу еще раз не сдать... И вообще смотрю везде пишут, что без вышки ты говнокодер и вообще иди нахуй из профессии. Да и корочки сейчас нет только у самого отбитого быдлана. Получается, что я самый ущербный что ли?Да и вообще нужны фундаментальные знания о программировании и желательно 4 годика практики, какой предостаточно у студентов. Я же 4 года учился на технической, но почти не связанной с погромированьем специальности (преимущественно преподавали различные курсы высшей математики).Как думаете, есть ли жизнь без вышки в хардкорном фронтэнде?
>>667825Поставь Avocode, нарезай из него. Кончится ознакомительный - регай новую почту.
>>667878Забыл написать, авокод эту хуйню конвертиррованную не открывает, на 50% останавливается.
посоны помогите! настраивал gulp и stylus. после команды gulp styl выдает ошибку module.js:327 throw err; ^Error: Cannot find module 'gulp-data' at Function.Module._resolveFilename (module.js:325:15) at Function.Module._load (module.js:276:25) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (C:\Users\PCPC\Desktop\myproject\gulpfile.js:2:12) at Module._compile (module.js:409:26) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17)
>>667883Он же скетч должен без конвертации жрать.
>>667876Думаю тут скорее дебилами выглядят придурки с вышкой.
>>667920Почему?
Прикрутил вот этот слайдер http://bxslider.com/, у меня на странице их выходит две штуки, один обычный сверху, другой карусель как на пике, у плагина один css файл, в нем я изменил кнопки лево\право.Такой вопрос, можно как-то назначить эти кнопки, как я на пике отметил? Это придется в жс менять что-то? Я пробовал им давать классы, как у кнопок слайдера, но нихуя не работает.
>>667947Фронтэнд одна из самых быстроразвивающихся сфер, тут знания каждые несколько лет полностью устаревают, так что никаких актуальных и полезных знаний в ВУЗе ты получить в принципе не можешь.
>>668038+ максимум, что из "фронтенда" там учат - это html, где все стили в атрибутах, так как методички не обновляли со времём появления css. Трустори
>>667900ты в галпфайле указал gulp-data, но не установил его через нпм
Что надо знать-уметь, чтобы пилить пиздатые сайтики на различных CMS и их самостоятельно всё и вся в них настраивать? А то уж больно много заданий на биржах по ним вижу.
>>668124да уж, 3\4 проектов это еще и еботня с php и wordpress.
>>668039Но там же дают базу, типа всякие алгоритмы, основы программирования, БД.
>>6681311. Какие типовые алгоритмы тебе пригодятся во фронтенде никакие, блядь2. Что такое основы программирования? Теория, которая познается из википедии/Первых страниц циспа за пару недель чтения в метро3. Тебе нужны базы данных? Не нужныХотя если ты ленивый даун с гуманитарием головного мозга, тогда может быть 5 лет долбежки по совковой методике тебя немного дисциплинируют, да.
>>668131Наоборот же, не дисциплинируют, а еще больше сдеградируешь, если будешь согласно учебному плану и ничего сам.
>>668133А что делать после 30 лет?
>>668050ага. не надо было переменную с датой вобще указывай. в итоге я хуй забил на галп и щас вебпак по кантору прикручиваю.
>>668010Бамп вопросу.
>>668141Ипотека, кредит, личинка, веревка, мыло.
>>668142Зачем тебе вебпак?Олсо у Кантора куча недочетов и подводных камней, я почти два дня мучился.
Как почистить гитхаб от говна?
>>668188>Как почистить иерусалим он неверных?DEUS VULT!простите
>>668188Без сожжения старого не народится нового.
>>668183ты не можешь в галпе порядок склейки указыватьТы не можешь в коде написать require("img.jpg") и получить строку url фотки[16:56:43] Иван Вольнов: Которую вебпак сам сожмет и нужное место при сборке кинет В галпе ты не можешь подключить css файл в яваскриптНе можешь подключать в яваскрипт любые файлы любых. ФорматовНе можешь читать их содержимое в явпскриптеИ.т.п.Галп просто склеивает файлы и больше ни че не умеет
>>668183+мне братишка помогает который шарит да и на дваче норм советуют
>>668249И тебе все это нужно, или тебе просто делать нехуй?
>>668277блядь нужен универсальный инструмент. яначал осваивать галп, но усомнился в его универсальности по вышеуказанным причинам. время свое я какраз таки тратить не хочу. поэтому выбрал вебкак
>>668302Универсальный инструмент для чего, для того, чтобы стили собирать? Вставка картинок/свг и т.п. осуществляется плагинами postcss, которые инклюдятся в конфиг галпа двумя строчками. Использовать вебпак для этого - все равно что танком поле пахать.Олсо большую часть функционала можно и даже проще делать на галпе. Да даже реакт можно на галпе собирать. Про совместное использование галпа с вебпаком умолчу, т.к. знаю только теоретически.А впрочем...> начал осваивать галп> усомнилсяВопросов больше не имею.
>>668309да неебу я. мне знакомый посоветовал. я в вебе 4й месяц
>>668310А если тебе другой знакомый посоветует собирать вручную на npm-скриптах ты и в пользе вебпака усомнишься?
>>668311при достаточных аргументах с его стороны то возможно
>>668311говорю ж 4й месяц учу эту кухню
>>6683164 месяца и без галпа? А я думал это я слоупок.
>>668320 базовый жс ксс и хтмл.
>>668249Знакомый твой наверно классный спец, но тебе он хуйню посоветовал. Вебпак для пердолинья с жс, перечитай свой пост, все, что ты описал про хитровыебаный жс, но т.к. ты базовый цсс и хтмл, тебе галпа будет за глаза. А с вебпаком ты только время потеряешь, потому что жс у тебя на нуле и будешь ты ебаца нихуя не понимая что происходит, ибо даже галп не осилил, где большинство тасков это объявление переменных и пайпы в нужно порядке расставить.
>>668302> время свое я какраз таки тратить не хочуЭто так не работает, во фронтенде ты должен знать все, кроме разве что совсем вышедшей из моды хуйни типа гранта или эмбера. Ты ведь даже не понимаешь пока, о чем идет речь, если собираешься использовать вебпак вместо галпа, лол.
>>667903Если у тебя мак.
>>668419>совсем вышедшей из моды хуйни>эмбераПогоди, что? Эмбер на данный момент возможно лучший из фреймворков. Ангуляры и реакты - не более, чем хайп.
Посоны, покупать подписку на академии, чтобы проходить платные задания или оно того не стоит?
>>668583Опять срач хочешь устроить, шакал ебучий?
1) Где на дваче собираются дизайнеры?2) Знаю вёрстку, bootstrap, хочу вктиться в вэб-дизайн и UI дизайн, где этому учиться? Если есть много разных htmlacademy, то где UI-academy?? и как их искать?
>>668584Платные есть годные, тот же Кексби. Но и без них можно выжить.
>>668780Нет. Просто выявил инвалида.
Фронтаны, такая ситуация. Я устроился на работу, где можно капчевать нонстопом, нужен только свой ноут или нетбук. Мне неохота проебывать столько времени зря и идеально хочу совместить это с версткой макетов и дальнейшему угару по фронту, но в железе не очень шарю. Какой НАИБОЛЕЕ бюджетный вариант ноутбука или нетбука (если последние еще выпускаются) подойдет для верстки и фотошопа, чтобы не висло все намертво?
>>668826Любой асус за 25-30.
>>668827>25-30Я тотал нищеброд, мне бы в пределах 10-15...
>>668828Ты год то знаешь какой на дворе? За 250 баксов захотел приличный ноут? Копи. Скупой платит дважды.
>>668828avito -> lenovo thinkpad t420 или около того. Я свой за 14к взял.Алсо, двачую вопрос >>668797
>>668837В каком году?
>>668845https://www.avito.ru/sankt-peterburg/noutbuki/lenovo_thinkpad_t420_raznye_622180145i5-2520M(2.5GHz) 4GB RAM 320GB 7200rpm HD 14in 1366x768 LCD Intel HD Graphics CDRW/DVDRW Intel 802.11agn wireless WWAN Bluetooth 1Gb Ethernet UltraNav Secure Chip Fingerprint reader Camera 6c Li-Ion Win7 Pro 64-15500рубЭто 20 секунд гугла. А, если основательно поискать, то можно что получше найти.
>>668850А где гарантия, что он рабочий, и что это не серая партия, которая наебнется через полгода использования?
>>668854Гарантия - привилегия тех, кто готов въебать +10к на покупку нового в магазине. Но запрос был другой.
Что-то смотрю продвинутый интенсив и не могу сказать что он прям супер полезный. Всё что они говорят можно было бы сократить раз в 10, а некоторое вообще выкинуть. В итоге лучше самому загуглить все эти темы, чем смотреть тягомотину по 2 часа.
Вставил скрипт попапа академии барбершопа на остальные страницы, но он почему-то не работает.В консоле - popup.js:3 Uncaught TypeError: Cannot read property 'querySelector' of null
Господа, подскажите пожалуйста: макет резиновый, под какие несколько !главных! значений ширины view-port делать адаптивность?800 и 320?
>>668966> на остальные страницыТы его там прописал вообще?
>>668967Чо бля? Ты про query'с? 320-720-1200, но у всех по разному.
>>668966Код в студию
>>668920poddvachnu. ya ves vecher proebivay na vebinar, hotya tri zhe znanija mojno poluchit za pol chasa kopaniya v gugle
>>668583А чем он лучший?Из любопытства спрашиваю, если что. Сейчас реакт на волне хайпа колупаю.
>>668980Да, про @media.Это понятно, что у всех по разному, просто хочется выделить несколько размеров, под которые подходит наибольшее количество мобильных устройств (планшеты, мобилки и т.д.)
>>669139Возьми с бутстрапа размеры.
>>668968>>668982вставил как и в index.html перед /body <script src="js/popup.js"></script>http://codepen.io/Vostokov/pen/ZOrzxL
Бля хули говорить то? Отправил резюмэху в одну контору, они рассматривают только частичную занятость. Я говорю мол нихуёво было бы в офисе посидеть. Сказали возмоджно в будущем. Контора не местная, но офис есть. И вот теперь боюсь обосраться. Поддержите советом что ли.Думаю после ответа "Нету" на вопрос про опыт зависнет молчание и мы вам позвоним.
>>669205Отклеилось
>>669201все, ясно, я же модальное окно вставил только в индексе
>>669206>>669205Мне пизда.
>>669224Крепись братишка.
>>668576Вот пидоры.
>>669224Вы же по скайпу будете, ну потрясёшь яйцами перед вэбкой, ну может пальчик в попку засунешь. И всё. В реале-то и в рот, и в жопу ебут, иногда, после жопы, не вытирая, в рот кладут спускать. Поэтому, их, кстати, двое, по количеству собеседуемых отверстий. Бабу обычно втроём собеседуют.
Аноны, кто знает, как получить ширину маргинов и паддингов в пикселях?
>>669259Поточнее. Откуда получить? С макета псд, в браузере?
>>669259Ну и мудак же я. Сам бы на такой вопрос даже реагировать не стал.>>669290в браузере, получить через js ширину маргинов и паддингов. Причём в css они заданы в процентах, а нужны в пикселях. Гугл предлагает подключать жквери. Алсо, проблему решил и без получения ширины отступов.
>>669082Для меня это в первую очередь структурность. Convention over configuration. Легко вкатиться в практически любой проект + буст к производительности.
>>669333Почитал про эмбер, что-то как-то непонятно, рано мне еще в такое лезть, конечно.А почему все обмазываются реактом? Почти не видел вакансий, где делают акцент на эмбере, зато ангулар/реакт в каждой второй.
>>669391Ангуляр хоть сразу понятен зачем и как, а реакт хуй пойми куда, слишком пердолиться приходится, залупа какая то.
>>669417Сам по себе реакт тоже очень понятен, а вот когда к нему редакс прикручиваешь, начинается какая-то психоделия.
Ананасы, не могу найти причину почему форму react не показывает. http://codepen.io/ogurchik/pen/VjGkbxКак сделать так что бы при нажатии кнопки submit в одном модуле, модуль создаль совершено другой модуль и отрисовал его в соверщено другом divе?
>>669417>>669450>залупа какая тоНе удержался, извини.
>>668010в документации должно быть когда подключаешь слайдер указать какие классы отвечают за навигацию
>>669514Сразу видно, что ты-то много хуёв пересовал. Вытри ротик, сперма присохла :)
>>669450> модуль> другой модульНе понял, что тебе нужно.Во-вторых, теги надо закрывать.В-третьих, бабель надо подключать.И зачем ты ворошишь мертвый 0.11 реакт?
>>669450>Ананасы, не могу найти причину почему форму react не показываетВ консоль смотри, ты не поставил закрывающийся слеш в инпут.http://codepen.io/Ykro314/pen/BzOyXq
>>669528реакт 2009-ым живет?
>>669533Вообще там уже давно ЕС6 во все поля, тот анон просто некрофил, или угорает по-хардкору.
>>669527>Не понял, что тебе нужно.Вот что то типа этого.http://codepen.io/ogurchik/pen/VjGkbx
Как верстать седону и глейси? выбирать любой макет, 760 или 1200?
>>669576Зависит от твоего монитора. Если нищеёб, верстай 760.На самом деле разные размеры для адаптивной вёрстки. Ты до этого ещё не дошёл. Пока делай десктоп-фёрст 1200.
Ебаный реакт.Ебаные хипсторы.Ебаное говно.Пойду на завод.
>>669657Не трави душу. Я блядь из хохланда, у нас тут даже заводов нет.
>>669670Да я лучше собственный завод построю. Это же просто пиздец, на реакте надо писать под миксом афганского героина и амфетаминов. Иначе я не представляю, как в голове держать датафлоу всего этого говна через компоненты в компоненты компонентов компонентов контейнер и диспетчер нахуй блядь редьюсер экшн сука обновляем стейт сторконфиг провайдер, и роуты не забыть прописать))) Впизду. На самом деле нет, просто у меня от жары кипят мозги и припекает в одном месте.
>>669514Читал, нет такого. Через разработчика смотрел какие классы нужны, прописывал их нов се равно нихуя. Не знаю, как с этим совладать.
>>669673А у меня дико бомбит что в документации весь код порезан на мелкие кусочки и приходиться все писать самому, и блять даже возвращаться на предыдущие странички. Сука, я весь горю блять от этого.
>>669657Лолблять, на прошлой недели устроился на завод, трусори.олдфаг треда
>>669729>*стори
>>669675юзай slick slider
>>669673Лан, смотрю https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree и вроде как все проясняется потихоньку.Нахуй завод.
>>669729Кем?
Все эти расчеты коэффициентов сжатия и тд. вообще нужны на практике?
>>669839Флексы для того и созданы, чтобы не грузить мозг вычислением ебучих пикселей. На практике все подбирается опытным путем за пару минут (с учетом адаптивности).
>>669845Ну вот я подумал что если так подробно всё рассказывают - значит нужно будет. А я просто поверхностно прошелся по данным формулам и не стал понимать что к чему по большому счету. Формулу flex-grow ещё понял вроде, а flex-shrink - не очень.
Короче, такая хуйня. Есть задание: Отобразить список сообщений. Сообщение имеет следующие данные отправитель, дата и время и тело сообщения. В списке отобразить дату и время и отправителя. По наведению на отправителя отобразить тело сообщения. Сообщения загрузить из файла. Все запилил, кроме пункта с наведением. По моему замыслу на каждый элемент с именем вешается функция, которая добавляет или убирает класс .visible на соответствующий элемент с сообщением. Проблема в том, что какого-то лешего в toggleMessage(i) передается i=3. Нихуя не понимаю, почему так и как заставить это работать должным образом. Код тут: https://jsfiddle.net/x6rf5bq8/3/
>>669747Два дня ебался с этим, страшно что-то другое смотреть уже.
Аноны, объясните плз почему второй голубой блок не растягивается от flex-grow: 3; ?По сути не указывать всем элементам flex-grow: 1, то всё вроде получается. Но я всё равно не пойму в чем дело.И почему nth-child не работает в данном коде (2е изображение), то ли я забыл как этот псевдокласс работает, то ли чего-то не понимаю.
>>669917.brick-layout div:nth-child(2)
>>669224Парни помогите. Где-то тут мелькала ссылка с часто задавемыми вопросами на собесе.
Аноны, подскажите, можно ли как-то получить ширину скроллбара конкретного браузера, не создавая на страничке пусть и на доли секунды левый непонятный элемент, как вот в этом решении:https://learn.javascript.ru/task/scrollbar-width
>>670079https://medium.com/@ermo4enkov/%D1%87%D1%82%D0%BE-%D0%BE%D0%B6%D0%B8%D0%B4%D0%B0%D1%82%D1%8C-%D0%BE%D1%82-%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-%D0%B4%D0%BE%D0%BB%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D1%8C-hmtl-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%B0%D0%BB%D1%8C%D1%89%D0%B8%D0%BA-junior-frontend-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82-a916de106283#.jwgggw4gx
>>670169Заебись. До собеседования 10 минут. Но, спасибо энивей, на будущее подготовлюсь.
>>670183отпишись как все прошло
>>670248Отлично, взяли! Собеседование было уморительно, я забыл, что такое бордер-бокс! Технический директор насупился, покраснел и сказал - ничего, научим! Потом встал из-за стола и подошёл вплотную ко мне, так что его ширинка была на уровне моей головы, начал гладить своей ширинкой меня по лицу, потом взял мою руку и положил на член, я чувствовал, как он встаёт, своей рукой! Мне было страшно, что сейчас меня выебут, но я не смог совладать с собой и расстигнул ширинку, потом достал его огромный член и запихал себе в рот, начал сосать да подсасывать, надеясь, что он быстро кончит, и я смогу убежать, но минут через 10 яростного сосания он сказал: "Введение в html ты знаешь на отлично, теперь проверим css", потом повернул меня спиной к себе, спустил мне шорты, смачно плюнул на мою дырку и начал ебать меня, я ему подмахивал попкой, надеясь, что вот теперь он кончит, но тут в переговорную зашёл какой-то работник, мне стало стыдно!! Директор: "Нам повезло! Проверим, как ты работаешь в команде, Петя, устрой ему обед!" Петя достал свой член и начал ебать меня в рот, слава богу!! быстро кончил, я откашлялся и кое-как проглотил его сперму, вздохнул с облегчением, но тут директор достал член из моего зада, развернул меня и сразу воткнул мне в рот, я чувствовал говно во рту, но сосал, а потом он кончил, да так, что сперма, аж через нос полезла, как сопли, я кое-как отплевался, а когда вытер лицо футболкой, директор мне дал приказ о назначении меня стажёром! Вот так я получил работу специалиста. Было сложно, но я справился.
>>670328Спасибо за подробный рассказ.Тебе теперь пол-треда завидует.
>>670328Эх, вспоминаю, как я устраивался, всё точно так же! Один в один! Странно, что тестовые задания год от года не меняются.
как верстать эту хуйню?флексами с кучей дивов?
>>670328Тебе ещё повезло, тебя по ЖС не прогнали!
>>670248Ну как по мне так пиздец.В скайпе были баба хрюша (с которой я общался на счет всего), главный верстала (их лидер как я понял) и директор офиса моего города. В общем по началу хр говорила об устройстве их фирмы, как работают и прочее. Я слушал и мычал. Потом дали слово мне "РАССКАЗАТЬ О СЕБЕ", ну я за 5 минут до начала что-то начеркал, промямлил (я это в основном и делал, ибо скилла общения слюдьми на уровне рыбки). Потом дали слово главному верстале. Спрашивал:-какие проблемы решает тег picture-какие задачи решал с помощью grunt/gulp, что использовал-что нужно сделать чтобы запретить пользователю ресайзить экран на мобилках (тут я заглох, но сказал что "надо что-то написать в теге мета наряду с width=device-width и initial-scale =1.0", он сказал а ну да там брбрбрбрбрбр, норм - ответил)-про jquery спросил чем пользовался-и опять jquery (точно не помню вопрос): есть группа ссылок, которые появляются динамически (по ajax), так как к ним подобраться чтобы всегда по клику что-то происходило. В общем ответ заключался в том чтобы присвоить именно контейнеру (ссылок) обработчик события .on() и что-то про live(). Но тут я заглох потому что даже понятия не имел об этом, сказал "не знаю"-спросил за сколько я сделал (по часам) макетнейм, потом показал свой и сказал за сколько бы я его замутил (говорил что оценивает понимания работы)Что-то еще спрашивал - всё забыл от страха.После слово взял директор моего местного офиса. Тут он начал спрашивать где я работал, сколько, что делал и прочее. В общем Лучше бы я сказал что нигде не работал. По итогу он определил что в команде я не работал, но я этого и не скрывал.В общем собес вышел минут на 30-40 пиздежа. Сказали в течении 2-3х дней скажут что-нибудь.Вот сейчас хр спрашивает на мои ожидания по оплате - как в офисе, так и на удалёнку. Я так понимаю им по часовую ставку говорить а не оклад?>>670328Это не я.
>>670383Ах, еще про флексы был вопрос. Какие положения могут быть блоков по горизонтали. Я сказал что только щупать их начал, мол по свойстам не скажу. Просто объяснил на пальцах как их расставить можно. благо помню еще что-то с flex frog или что-то там.Итог: сам себя бы на удалёнку бы себя не взял. Еще юный, без опыта. Но вот стажировочку бы оформил в офис.
Братки, вчера начался интенсив базовый в хтмлакадеми, в которой я себя собсно и запилил, думал повыливать оттуда вебинары, так они заливают их в vimeo с приватными настройками (пишет Because of its privacy settings, this video cannot be played here.)Есть идеи как эту тему обойти?
>>670395Он и же видео тебе потом дадут.
>>670395а зачем?в шапке есть базовый интенсив прошлый за 2016 год.Вряд ли он устарел.
>>67039040р в час норм для 120к мухосрани?
>>670403И должна ли часовая ставка быть больше на частичной занятости?Я это спрашиваю даже не для себя, а для всех. Каждый может столкнуться с такой ситуацией.
>>67040340 рублей час1600 рублей в неделю6400 рублей в месяц.Или ты хохол?
>>6704037к/мес.?тебе в толока тред с такими вопросами.
>>670422>>670418Бля перепутал. 90р в час для офиса.
>>670428ну 16к для мухосрани стажером еще куда ни шло.
>>670428с другой строны, что тебя ждет на этой работе?какое там может быть развитие?говноленды верстать?лучше пиздуй в обл.центр хотя бы, ищи там работу
>>670370Энибади?
>>670430Ну как сказать. Я писал до этого, главная контора в США, там заказчиков и ищат, делают веб-проекты и мобильные приложухи на htmlcssjs. Филиалы есть в россии, въетнаме, казахстане. И да ни SEO, продвижением и лендосами они не занимаются. Думаю это лучше чем пилить сайтецы на simple CMS
>>670436если тебе норм что это скорее всего бодишоп, который на тебе просто рубит бабки - то вариант неплохой, мб интересный опыт, попробуй, потом отпишись
>>670455Что ты подразумеваешь под бодишоп? Первый раз слышу.
>>670466в прошлом треде вроде скидывали видоспро ребят, которые на ламбо ездят зарабатывая на такой хуйнегрубо говоря продают твой код заказчику за 30$/час, тебе платят 90р/часну это частностивот еще статью почитайhttps://habrahabr.ru/post/289760/
Кто работает с gulp, подскажите.Например, запускаю я команду которая включает в себя gulp.watch и консоль становится недоступной(то есть что бы ввести новую команду мне нужно остановит запущенный процесс и только тогда можно вводить)Так и должно быть или это у меня где-то косяк?
>>670525Так и должно
>>670527Спасибо. Первый раз пользуюсь, думал где натупил.
можно в двух словах нахуй галп?
>>670556Для сборки проекта, спрайты, минификация js css файлов, соединение всех файлов js и css в один, автопрефиксы css -moz- -webkit- итд, сервер и livereload, watcheru, для препроцессоров.
>>670556Картинки оптимизирует (не надо тащить картинки на сторонние сервисы и пердолиться руками)Компиляция jade/scss/stylus/less... в css (не надо скачивать отдельные программы для этого и пердолиться руками)Приписывает браузерные префиксы -mox -webkit -o -ms (не надо о всех знать и пердолиться руками)"Живое обновление" в браузере после сохранения (не надо постоянно жать ф5 и пердолиться руками)Минимизация стилей, джс (не надо пердолиться руками)Это малая толика.
спасибо, аноны, завтра буду туторы смотреть
перекат делайте
>>665385Пиздец, завидую, вы уже по несколько месяцев работаете, сколько 3-4 анона? Хотя я с вами начинал помню еще с ноября. У меня вечная прокрастинация, проблемы с баблом и дома, вечно дергают туда сюда а сьебатся от родителей на сьемную немогу, чтоб лампово зависать над учебой. Приготовь пожрать к батиному приходу, он приходит пиздит вечно недовольный, выгулять собаку, сходить к бабуле и тд. Приходится уже год пытаться по чуть чуть учить, но это все хуйня, так дела не будет.
>>670560>>670562Я не тот анон, но у меня тоже вопрос. Как галп соотносится с вебпаком? Я немного покопался и понял, что в принципе, что на том, что на другом можно делать аналогичные таски/задачи. Вопрос толкьо в пердолинге. Почему все "отцы" подряд говорят, что они разные программы и их задачи не пересекаются и их, мол, вообще можно вместе использовать. Ведь пересекаются же? Тот же бабель, объединение жс можно установить на галпе, а минификацию и прогонку автопрефиксером у вебпака.
Актуален и правоверен ли список, анончики?
Бамп
>>670796>front-end developer>nodejsДа хули его пихают везде!
Пацаны, не могу разобратся по чему учить, в гайде есть курсы, есть базовый интенсив видео есть интенсив тоже видео. Я вот значит это скачал из гайда, ньюфане пойдет? http://nnmclub.to/forum/viewtopic.php?t=999246Или курсы с сайта сначала пройти?
>>670860к 3му интенсиву нужно пройти все базовые курсы.иначе понимать интенсив будешь очень плохо и придется гуглить и разбираться по ходу него.
>>670818Ну дабы быть хоть более-менее фулстак пацаном.
.size(@width; @height) { width: @width; height: @height;}.square(@width) { .size(@width; @width);}Поясните за примеси, нихуя не пойму что это за .square и зачем в него передавать примесь .size с двумя ширинами? И почему именно @width;@width, а не просто @width?
>>670977Вроде понял, типо с помощью .size создаются прямоугольники, а .square передает одинаковые атрибуты в .size создавая тем самым квадрат. Смутило именно одинаковые атрибуты @width, но как-то не подумал что в теле новой примеси это уже другие атрибуты.
объясните нуфагу как тред перекатить, почему всё время пишет что сообщение слишком длинное, хотя оно входит в 15к символов как бы.
>>671005не умеешь - не берись
>>671025не умеешь- научись. тежело тебе наверное по жизни с таким девизом, да?
Перекатhttps://2ch.hk/wrk/res/671278.htmlhttps://2ch.hk/wrk/res/671278.htmlhttps://2ch.hk/wrk/res/671278.htmlhttps://2ch.hk/wrk/res/671278.html
