Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etcДа, и не один а двое, азазазза, кхм.Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0 >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. http://dash.generalassemb.ly/http://learnlayout.com/http://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://atom.io/ ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.http://denweb.ru/put-veb-mastera_sodВерстка по БЭМhttp://habrahabr.ru/post/203440/Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу:http://randomfederation.github.io/Шпаргалка от Громова по гитуhttp://nicothin.pro/page/gitТеория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingИспользуемые нынче технологии https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>596465 (OP)
Котаны, пиздец, ходил на собеседование в две компании:1. 10/10, охуеный офис, охуенная атмосфера, фирма с филиалами в США, с деньгами там все в порядке на UI/iUX/dront-end-джуна. Прислали задание, вроде бы легкое - страничку сверстать. Ну я сверстал вроде хорошо, отправил, пригласили на очное собеседование. Прошел кое-как, ну стремно было, страшно, все-таки в первый раз. И короче по итогам всего этого мне предложили стажироваться месяц бесплатно. а потом будут решать что со мной делать. Нужно будет учить пыху.2. Другая контора, тоже в принципе интересными задачами занимаются, ходил на должность HTML-версталы. Спрашивали платиновые вопросы про замыкание, прототипы, по верстке, по БЭМу. Сказали что нужно будет учить Джаву.Ну ебаный ты в рот, неужели чистые верстаки/фронтенд, пусть даже и хорошие никому не всрались?Куда идти-то блять, если возьмут во вторую? Больше работы в городе нет, нужны одни пыхари и веб-разрабы. А вы мне тут столько тредов втирали, что человек-оркестр это плохо.
>>601121В цивилизованном мире, как я знаю, идет вот такое разделение, а в провинции ищут подешевле и чтоб пахал за троих.Я вот уже на переезд в Москву настраиваюсь, потому что здесь не то что двух вакансий, здесь вообще ничего нет. Ну или на удаленке работу буду искать.
Пацаны, не могу совладать с z index, что я делаю не так?Я их и местами менял, все равно псевдоэлемент перекрывает.
>>601121Что за прототипы?
>>601127Ну прототипы, епта, в ЖС есть такие. Я сам обосрался там с этим. Помню что читал у Кантора, но не повторял перед собеседованием, потому что бегаю целыми днями с горящей жопой из универа чисалнули, надо искать работу, а тут еще и из общаги сразу поперли.Еще ведь аноны недавно в тредах писали, что спрашивают постоянно, что такое замыкание. А я так сука и не понял, что это такое и нахуй это надо.
>>601124Но это же очень грустно все. Мне дико нравится верстать, а вот возиться с серверным программированием вообще не очень. А как вот так взять и уехать в ДС? Нужны деньги же, и довольно много, чтобы выжить там. А первое время никто не будет платить достаточно для этого.Как ты себе представляешь понаех в ДС мухосранскому анону без опыта работы?
>>601126Бамп вопросу.
>>601141Хуево представляю, подбиваю друга кооперироваться для снижения фин.нагрузки.Просто я по всем этим тредам понял, что жизнь есть только в ДС/ДС2, в остальных городах с вакансиями вообще ультрахуево. Да и неадекват какой-то. Фуллстэка они себе хотят с этим пхп.Я бы вообще учить его не стал, мне только фронт интересен, а как учить то, что не интересно? Результат все равно будет хуевый.
>>601126Дал -1 индекс бефору и все норм, почему так, я нихуя не понял.
>>601165>я по всем этим тредам понял, что жизнь есть только в ДС/ДС2, в остальных городах с вакансиями вообще ультрахуевоХотел бы я тоже это понять, прежде чем надеяться в своих пердях выбиться в люди.Что посоветуете-то, посоны? Варианты получается такие: 1. Идти стажироваться за еду туда, куда берут, въебывать там изо всех сил, авось возьмут к себе на подсос.2. Учить пыху еще n ьесяцев, в это время каким-то чудом не забыть верстку и JS и не сдохнуть от голода/не сойти с ума от жизни с родителями.3. Радикально - переехать без нихуя в ДС/ДС2, потенциальным бомжом, так сказать.4. Забить на всю эту хуйню, идти на фл.ру и верстать лендосы на джикюери и бутсрапе по 500рублей/макет, спиться и повеситься лет в 30.5. Восстановиться, получить вышку, ебашить бесползеным планктоном/учителем/сидеть у мамки на шее. 6. Выпилиться нахуй. Пока склоняюсь к варианту №6, самый адекватный, по-моему.
>>601191Да, 6 вариант хороший, думаю многие его держат в памяти.
>>6011917. Копить деньги на фл.ру по 500р./ за макет. Понаехать в ДС полубомжом, думаю месяца на поиск работы/стажировки за глаза.
>>601202А кто там возьмет версталой хуя даже за 500р?
>>601202И сколько ты будешь копить эти деньги? Предположим ты просто дикий топ-верстала и можешь в день по два макета отверстывать.Предположим также (сферическая идеализация в вакууме), что все заки будут адекватные, никто не будет ебать мозг, не будут наебывать, платить будут во время и требования предъявлять адекватные. Предположим также, что ты сидишь у мамки на шее и она не против.Тогда ты скопишь за 3 месяца 100к. Ок, но как ты собраешься понаехать в ДС без работы, опыта, связей, каких-нибудь хотя бы родственников дальних, у которых можно проебаться, пока ищешь квартиру? Это какой-то очень гипотетический и слабо реализуемый вариант, имхо.
Привет, ребят. Смотрю заказы на биржах всяких фрилансерских и понимаю, что я могу все это сверстать, но такой вопрос: нужно только сверстать и отправить заказчику html, css,js и прочие файлы? Или надо домены регать и прочая лабуда. Как отдавать заказы? Что делать надо кроме самой верстки (и скриптов)?
>>601214Ты можешь заливать на домен готовый вариант и показывать заказчику, если все норм, он пересылает половину платы, отправляешь файлы - он отправляет вторую половину. А то могут наебывать
>>601219Понял. Гитхабом же можно в целях показать пользоваться?
>>601222Я сначала его тоже написал через "или", но если заказчик шарит, то может перейти в репозиторий и скачать, но это уже такое, вдруг у тебя все будет збс и это лишняя параноя.
>>601225Понял, спасибо.
>>601089 (OP)Эх, опять нет фотки Будапешта. Или Бангока.
>>601225А как на домен сайт вешать кстати? Просто регаешь его и заливаешь туда файлы и все?
как в вебшторме сасс файл подключить к ксс файлу?
>>601225Если заказчик шарит, то он может весь сайт вытянуть, как только откроет его в своём браузере.
>>601243Да, там типа файлменеджер, иногда он может быть ебанным. https://www.zzz.com.ua/ruМожешь попробовать тут, например
Продолжаю ныть, можете начинать меня хуесосить.Кто-то вообще ИТТ работает чистым версталой/фронтом?
>>601248Да, создатель первых тредов, такойтодень-работает-кун, каждый день тут отписует.
>>601247Спасибо, сейчас попробую.
Пацаны а где искать симпатичные шаблоны на бутстрап, что бы и себе перепиздить один?
>>601248фронтAngular/React-Redux, все дела.
Принес вам годноты, забирайте в шапку при следующем перекатеhttps://github.com/psr1919plus21/Front-end-Developer-Interview-Questions
>>601251>создатель первых тредовОн еще сюда заглядывает, лол? Или он уже бог фронтэнда? Еще помню ходили слухи, что это сам Александр Першин, который парил таким образом хтмл академию.>>601267ДС?
>>601281>ДС?мухосранск
>>601281>Он еще сюда заглядываетИногда. Уже 105 или 120К получает, как-то так.
>>601281>Он еще сюда заглядывает, лол? Или он уже бог фронтэнда?Это наш племенной тотем, дух-хранитель. Никто его не знает, но он оберегает нас.
>>601126Не забывай выставлять правильное позиционирование элементам, у которых задан з-индекс.
>>601126https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Understanding_z_indexкури
Нужна хелпа, есть галп таск spritesmith, на выходе получаю спрайт.пнг и scss файл с переменными.Раз это переменные, то хочется добавлять их в специальный файл, где хранятся все переменные - _variables.scss. Проблема в том, что галп не способен просто дополнять файл кодом. Он просто начисто перезаписывает файл. Может есть встроенные галп методы или плагины, что бы решить эту проблему?Не хочется мне создавать еще 1 файл и называть его spritevars.scss
>>601310> перезаписывает файл, удаляя всё что было в этом файле до этого на всякий случай фикс*
всем привет понравилась html academy только ребят посоветуйте бесплатный хостинг куда можно залить свой код и посмотреть на сайт взглядом посетителя
>>601320000webhost.
>>601320Xampp ставь, что такое/как юзать найдешь в гугле за 2 минуты. Суть: на локалхосте (своем компе) поднимаешь манясервер и тестишь что и как хочешь.Хотя хуй знает, я в вебе 1й месяц
>>601204вариант как раз таки реализуемый, в ДС вообще можно понаехать с 20к на руках, если ещё и пару друзей с собой брать.
>>600804В итоге решил как-то не по канону, немного поменяв настройки сублайма (прописал 'atomic_save' = true, причём true обязательно должно быть без кавычек, иначе не работает). А так решение проблемы - либо установка задержки для таска воч, и как сделать эту задержку, я так и не догадался, либо переезд на ССД.
Заглянул на фл.ру, там что, все проекты только для владельцев про-аккаунтов?
>>601320Скидываешь все файлы своего ёба проекта в папку, открываешь html файл в браузере, профит.
>>601351Им тоже кушать хочется
>>601353Это понятно. И как мне, ноунейму, не готовому потратить 500 рублей на аккаунт, искать там заказы для портфолио?
>>601354Или может быть, есть биржи получше?
>>601356Топай на upwork.
Анон, поясни за вёрстку сетки по БЭМу. Как стоит её делать? Задаю блок page, а потом пилю для него элементы строк и колонок? Стилизацию колонок, например, фоны и границы стоит прописывать в grid.scss , или стоит выносить её в отдельный файл?
>>601397да хуй с этим сраным бэмом, жабаскрипт учи.
>>601400Согласен с тобой. Верстаю вот по БЭМу, времени отнимает намного больше, а профитов никаких.
>>601409Да Яндекс вообще ничего годного за все время не сделали. Пидораший недогугл, епт. Хотя для рашки сойдет конечно.
>>601412Ты неправ. Яндекс маркет, яндекс карты - весьма годны. Раньше ещё и браузер их был весьма неплох.Кстати, возник вопрос - как перекрасить svg - картинку, не вставляя её в html-документ как кусок кода? Продолжил верстать в седону, там все иконки даны в чёрном цвете.
>>601409Если пишешь css с препроцессорами, то помогает.>>601415Открой иконку в текстовом редакторе там должно быть свойство fill
Уже полгода работаю фронтенд-макакой. Вылез из этого треда. Так что всем сап. На собеседе попросили сверстать адаптивно В РУЧНУЮ. Сука. Я тут на ангулярах пишу приложения по статистике, ессно бутстрапом вьюхи пишу. АДАПТИВНО В РУЧНУЮ. Так вот, может кто дать материал краткий, как руками верстать адаптивно? Млжете просто кратенько прямо тут написать как вы делаете.
>>601420Ручной адаптив самый лучший. В чём твой бугурт?Сверстал несколько крупных сайтов в адаптиве без бутстрапа. Задавай свои вопросы.Если вкратце, внимательно изучаешь все макеты. Планируешь движение блоков, максимально разбиваешь сетку на блоки, делаешь всё на процентах. На самом деле гораздо проще, чем кажется.
>>601409открою вам секрет - сраная верстка до пизды всем вообще. это унылая, механическая, обезьянья работа, от которой люди тупеют. вся эта версткохуйня - бэмы, хуемы, препроцессоры, галпы-хуялпы, постцссы все эти хуевы - куча ебанины только для того, чтобы сраные аутисты себя совсем уж слюнявыми даунятами себя не чувствовали. мол, зацените, технологии у нас, ниибацца.
>>601427Как же скучно сишникам на работе. Сразу видно - творческим трудом занимаются!
>>601428на пике - типичный верстальщик двигает паддинги по бэму.
>>601433Вот поэтому ты, рюзке свинья, и сидишь тут. Потому что считаешь что над ДЦП-детьми смеяться - это норм.Господи, сохрани швятую Европу от этих варваров...
>>601434>Вот поэтому ты, рюзке свинья, и сидишь тут>Потому что считаешь что над ДЦП-детьми смеяться - это нормлогика 80 лвл блять. алсо над верстаками смеяться куда больший грех на самом деле.
>>601443Любая группа людей имеет право на существование - получаешь зп в евро и живешь в норм стране.Смеешься над ДЦП-детьми - получаешь зп бумагой и живешь в стране, где скоро будут на шконку отправлять за хентай на ссд.Try to learn
>>601415блин, верстаю седону и аж трясёт - так всё скучно и далеко от моей настоящей мечты - геймдева. Говнокодно всё делать просто, а вот прописывать всё в переменные, использовать методологии, делать ретинизацию, кидать правила в разные файлы - тоже не особо сложно, но долго и муторно, просто бесит. Я тут один такой, или многие с этим сталкивались?
>>601454А как геймдев и верстка пересекаются?
>>601456Во-первых, в браузере при её помощи без всяких юнити, флешей и канвас-движков можно сделать годный клиент, во-вторых, это сфера с самым низким порогом вхождения, тем более, начальные знания вёрстки у меня были уже давно.
Анон, поясни что за херота. Сделал лого, которое в виде текста в основном. 250х60 пикселей. Сохранил в пнг. На десктопе выглядит норм, на мобильных - размыленное говно. Пробовал умеличивать в два раза разрешение самой картинки, а уменьшать через цсс - все равно все также. Не понимаю из-за чего.
> Отличное знание JS, фреймворки, PHP, MysqlБлядь, ладно, я знаю пхп, учил его до того, как перекатился к вам, но я не хочу этой парашей заниматься, ебал я в рот этот пэхапэ, я фронтенд хочу. А ведь таких вакансий - 90%.
>>601320Гит хаб
>>601462низкий порог вхождения? Обоснуй! Там так-то тоже надо изучать языки программирования.
>>601517Я не говорю о продвинутых фронт-енд спецах, я говорю об обыкновенных верстальщиках. Освоить вёрстку, бутстрап и жквери можно гораздо быстрее, чем пхп и какую-нибудь cms на должном уровне.
>>601521>Освоить вёрстку, бутстрап и жквериМы вам перезвоним
Кто-нибудь учился на freecodecamp?стоит на него тратить время?
>>601524Для версталы лендингов этого вполне достаточно, к тому же, лендинги количественно - наибольшая часть рынка фронт-енда.
>>601532Мы тут подумали и решили. Мы не нуждаемся в ваших услугах. Всего доброго. Также попросим вас не беспокоить нас больше.
>>601533Слышь, клоун, накидай еще медведей, а то чот этот лысик меня не вставляет.
>>601528Бамп вопросу.
>>601528Прошел там разделы, посвященные бутстрапу, жиквери и жаваскрипту+интермедиате алгоритм скриптинг. Как дополнение к кантору+каким-нибудь курсам какой-нибудь кокодемии вполне норм. В качестве самодостаточного материала - не норм, очень поверхностно.
>>601564Что за кантор?
>>601567learn.javascript.ru
>>601567> Что за канторМы вам перевозним.
>>601570Медведи где?
>>601219>ты можешь заливать на домен готовый вариантОн качает верстку wgetом и шлет тебя нахуй
>>601514пит буль
>>601532Накуй лендинги верстать? Есть до пизды всяких сервисов типа lpgenerator
Рассчитываю на вашу помощь, няши.Ситуация такая: https://jsfiddle.net/6opd3oqn/11/Есть враппер с ограничением по максимальной ширине.Внутри:- сайдбар с float: left и фиксированной шириной;- главный контент с float: right и шириной в %;- и должно быть навигационное меню (или хедер) с position: fixed и шириной в точности как у главного контента.Последнее и является для меня проблемой, т.к. position: fixed в отличие от absolute расчитывает свои размеры в % относительно вьюпорта, а не относительно relative-ного элемента. Все это должно быть респонсив.Вопрос: как это сделать?
>>601621На JS (берем оффсет родителя, фигачим его в оффсет фикси, ну или наоборот). Думаю даже, что есть готовые жиквери плагины.
>>601624А на CSS организовать такое можно? Допускаю изменение концепции.
>>601630Тебе нужно, чтобы фиксированный блок подстраивался под ширину адаптивного враппера, я честно не представляю, как это сделать CSS-only. Может кто-нибудь другой подскажет.
Подскажите, что надо написать. Сделал в папке с проектом файл "file.js". Указал его в index.html, но gulp не видит его. Что нужно дописать в таске, чтобы он его стал видеть?
У кого-нибудь есть аккаунт htmlacademy на котором ещё подписка не закончилась и кто может поделиться? Бесплатные курсы все прошел. Или тут с такими просьбами сразу нахуй посылают?
>>601731https://www.youtube.com/watch?v=XOw3ezt-wxw
>>601731Поменяю на стимовский аккаунт с GTA 5.
>>601621может так https://jsfiddle.net/6opd3oqn/12/
>>601738типичный завсегдатая воркача
>>601758Чет не понял я твоего замысла.
>>601636А вообще можно тупо через медиа-запросы изменять ширину фикседа, лол. Под основные вьюпорты, например. Но это как-то черезчур костыльно.
>>601770обертку .menu сделал и ее позиционировал вместо .fixed-heading. может не так понял, что тебе в итоге надо получить
>>601621внутри фиксированного хедера можно сымитировать такой же враппер, а внутри такое же меню, потом ебучими костылями замаскировать палево, там, чтобы цвет был одинаковый, и т. д, там уж по ситуации. если у тебя one two three не должны вылезать за эти 60%, то проканает наверн.https://jsfiddle.net/6opd3oqn/14/
Парни а есть что-то простое такое как универсальный такой css шаблончик для всяких тегов типа <table> не расписаный на id, class'ы - просто такая вот фигня что налепил и больше глаза не режет вид того кода, что бы к бекенду лепишь
>>601821HTML kickstart это то что я ищу?http://www.99lime.com/elements/#btn-colors
>>601465У тебя на сайте нет поддержки ретины, поэтому размылено на ретина-дисплеях.
>>601836Еще нашел http://getskeleton.com/ , оно даже аскетичнее будетЯ правильно понимаю что это и есть эдакий пре-сет для того что бы все симпатично было, но без необходимости даже заглядывать толком в CSS/jquery?
>>601860да
>>601862Супер, спасибо
>>601794Мне надо же фиксед меню позиционировать, а не обертку.
>>601860>пре-сетЭто называется фреймворк.
>>601820Вроде оно, спасибо анончик. Пикрелейтед по традиции.
Ребятки, а где знания-то свои проверить-то? ну вот верстаю я макеты, верстаю, а дальше-то как продвигаться?
>>601973Адаптивы, эсвогэ, ретина, вот это вот все? Ну, ныряй в JS, снова почувствуешь себя дауном. А вообще хер знает, какая-то пучина, вроде что-то освоил, ХУЯК - оказывается, что еще в два раза больше инфы надо освоить. Надо было идти на завод, короче.
Анончик, есть такой редактор, типа как в хтмлакадеми, пишешь разметку страницы и css, а в соседнем окошке сразу отображается, как это будет выглядеть?
>>602006лайв-релоад и 2 монитора тебе в помощь
>>601973На апворке вроде тесты есть, можно попробовать пройти, проверить себя.Ну и вот еще: http://htmlbook.ru/test
>>602010>не всегда хватает денег на пожрат>2 монитораНайс троллишь.
>>602022У меня знакомый недавно отдал моник за 2 банки пива. Поищи на барахолках, многие даром отдадут старую ЭЛТшку или даже ТНку.
>>602010если ты с Новосибирска, могу подогнать старенький моник 1280х1024, он даже не слишком пузатый.
>>602006А песочницы тебя не устраивают?jsfiddle.netcodepen.io
>>602025Варианта проще нет? У меня говняный ноут с интегрированной видеокартой, сомневаюсь, что к ней можно подцепить второй монитор.
>>602057VGA/DVI/HDMI разъемы если есть - можно.
>>602057Пиздец, как ты на нем что-то умудряешься еще программировать? Мне моего 27" монитора не хватает порой, и альттабиться раздражает.
>>602066Дак я не программирую, а учу верстку.
>>601973Да я имею в виду где как бы на практике это всё попробовать. А то я верстаю макеты верстаю и всё в никуда. Может там дадите задание какое? потому что фрилансить идти я боюсь.
>>602072Не бойся, тебя никто не отпиздит.
>>602076Да я про то что не смогу выполнить заказ.
>>602077Даже за это тебя никто не отпиздит.
>>602086Бля ну я хз ((((
>>602086А даже если отпиздят слегка - не убьют ведь и не изнасилуют.
>>602077скинешь свою вёртску анонам из треда, они за небольшую плату поправят.
Посоны, объясните простыми и понятными словами, чтотут требуется сделать.https://github.com/FrontendSimf20016/badges
>>601594А как тогда? Через демонстрацию экрана в скайпе?
Фронтаны, подскажите. Есть текстовый инпут и кнопочка, по нажатию на которую отправляются введенные данные. Хочу, чтобы если в инпуте не было ничего, или только пробелы - кнопочка блочилась, а если после этого что-нибудь туда ввести - кнопочка разблочилась. Гуглил, нашел сотню индусского кода и советы использовать готовые плагины, нихрена не понял. Пока просто делаю return функции. Ах да, делаю на жиквери тренировки ради, но можно и на ванилле, я переделаю в жиквери. Не могу тупо понять, как это сделать вообще.Пример кода: http://codepen.io/anon/pen/OXMYpo
>>602140На инпут событие повешай типа keyup или еще что-нибудь подобное и каждый раз проверяй удовлетворяет ли введенное твоим условиям. Ну и в зависимости от результата блочь или разблочь.
>>602148Проблема в том, что оно дизейблит нормально, а потом не раздизейбливает. Т.е. я жму "отправить" с пустой строкой или кучей пробелов - кнопочка дизейблится. Потом...Блин, пока печатал, до меня дошло, что нужно сделать, спасибо, тред!
>>602152Так ты не на сабмит вешай, говорю же.Надеюсь действительно понял.
>>602148Нахуя, если есть input:valid?
>>602175А с пробелами что?
>>601854я на люмии 720п проверял.
>>602191А паттерн тебе зачем?
>>602223На сафари не работает как надо. А на него хуй ложить нельзя, слишком большой % пользователей.
>>602235Какая же параша этот эппл иногда.
>>602242И не говори.
>>602235На сафари проблема только с отправкой невалидных полей. Но если ты делаешь кнопку отправки дисейблд при условии невалидного заполнения - то тебе похуй.
>>602235класть
Рыбята, в чем проблема? control.addEventListener("click", sliderTrigger() {});парсер на эту строку пишет Uncaught SyntaxError: missing ) after argument listчяднт?
>>602357control.addEventListener("click", sliderTrigger() ) {});Не благодари.
>>602387Ты какую-то хуйню сделал. Теперь пишет Uncaught SyntaxError: Unexpected token {
>>602393А, ну да.https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener
>>600146Оебать, у меня сейчас 2 проекта, оба на верстку сайтов для веб-студий. И оба проекта пиздец как похожи, и на обоих проектах стоит точно такой же слайдер. Сдается мне, эти веб-дизанеры совсем прихуели, раз рисуют одно и то же для всех.
>>602430Олсо, нашел вот это вот: http://kenwheeler.github.io/slick/ . Думаю его юзануть
>>602442ну ты и мразь боже. плагин не можешь написать, а уже работаешь. тьфу на тебя.
>>602453Нахуй пошел. Не вижу смысла писать велосипед, если я могу взять готовый плагин и прикрутить его, не тратя лишнего времени.
Аноны, можно ли замутить что нибудь такое, чтобы заходящие ко мне на сайт аноны автоматически начинали майнить мне какие нибудь биткоины?
без их ведома конечно же.
>>601121>стажироваться месяц бесплатноОрнул. Сразу бы после таких слов ушел, независимо от скиллов.
>>602465Конечно, держи гайд http://goo.gl/WKdLK9
>>602480А если серьёзно, такое возможно?
Господа, а стоит ли упороться базовыми алгоритмами и прочим матаном ради более лучшего понимания джаваскрипта?
>>602122bump
Делаю задания по курсу сетки у академии, обмазываюсь флоатами. Добрался до задания на верстку макета со сложным хедером, не знаю как выкинуть элемент за пределы центровщика, чувствую себя говном. Пошёл спать.
>>601465Бамп вопросу!
>>602487лол, я тут качнул пару книжек из канторовских рекомендаций, охуел страниц через двадцать.
Подскажите, как сделать, чтобы на одной странице был один дизайн, а при переходе на другую этот же элемент изменился на другой. Пример как было в техномарте с кнопками "войти" и "регистрация". При переходе в каталог они изменялись на имя пользователя и т.п.. Как такое делается?
>>602481Vj;tim использовать препроцессор для html pug. Там есть такой весьма удобный метод include. D файлах компонентов страницы прописываешь код юлоков, а на самих веб-страницах делаешь сборку.
Барбершоп это пиздец. В интенсиве его сверстали так, что получилось нечто с похеренным вертикальным ритмом.
>>602725Открою тебе секрет. Першин - говнокодер, который вызвался учить других говнокодингу. Для домохозяек пойдет.
Аноны, я как-то так и не понял, как юзать бутстрап для проекта.Скачал SCSS-версию через npm, распаковал, нашел там компоненты, как потом с ними работать? Инклудить в общий style.css, который лежит в корне source? И еще - как добавлять html-компоненты в index.html?@@include и там дальше через автоматизатор настраивать?Алсо, почему большинство используют gulp, а не grunt?Зацените еще файловую организацию, все ли правильно?
>>602767В продвинутом интенсиве было. Используешь папку bootstrap_3 для файлов фреймворка, если не надо их редактировать, поддключаешь в style.scss напрямую, если надо - копируешь в компоненты и редактируешь. Вот так.
Подскажите, как сделать, чтобы два спана были по центру? Находились при этом на одном уровне.
>>602788А почему Громов сначала говорит, что сетку бутсраповскую брать не надо, потому что она на флоатах, а флоаты говно и надо юзать флексы, а потом подробно объясняет как таки юзать эту самую сетку?
>>602800потому что он тоже говнокодер
Ещё раз спрошу, кто-нибудь может подогнать премиум с htmlacademy? Или может кто-то подешевле продаст если у него ещё остался хотя бы месяц активированный?
Аноны, мне вот интересно, как все эти сасы, джейды работают с бэк-эндом? Допустим, я фронт-енд, делаю свою работу, отправляю бэк-эндеру минифицированные версии и исходники, а что с этим всем будет делать он?
>>602804https://www.youtube.com/watch?v=mmSWlBHDdfY
>>602805Никак. Миниф. файл подключается в темплейте, а все пре и постпроцессоры нужны только для того чтобы этот .мин запилить.
>>602822всегда в треде будет хоть 1 мемный ребенок
>>601204Я понаехал имею в кармане около 70к.Снимал правда одно время комнату с двачером, скооперировались. Сейчас снимаем однушку вдвоём, осенью планирую в двушку въехать с другим куном.Правда я не верстала, но возможно таки им стану, ибо заебала опущенская работа нынешняя, а когда-то я занимался этим, курсики проходил, даже пару макетиков сверстал. Вот думаю вспомнить забытое, немного подучить js или php и пытаться вкатиться каким-нибудь там джуном.
А хуле тут все гонятся за работой в ДС. Я конечно недавно в этом треде, но до сих пор не пойму нахуя искать работу в ИРЛ если всё заключается в вёрстке и это можно делать на удалёнке. Или на удалёнке на постоянную работу не принимают? (бред по моему)
Блять, разбираюсь с gulp-spritesmith.Ретину сделал, все збс, но если спрайтов у нас в папке больше чем 1, то следующий просто напросто стерает первый.В гранте есть для этого пикрелейтедНеужели галпобляди тут соснули?Как быть?
>>602800Ага, блядь, флексы надо. Сначала заказчиков таких найди, которые скажут, что им на аудиторию IE похуй.
>>602972Зачем тебе галп, если ты на гранте и как ты смог ретину сделать, не посмотрев документацию?
>>603019Потому что я использую галп. А на доки гранта наткнулся, когда искал темплейт для ретины.
>>603023Посмотри доки галп плагина.
>>601434Вот кстати не понимаю таких людей как ты. Ведь что плохого в ДЦП в 2016? Сегодня даже у нас в России отличные способы лечения этого недуга, реабилитационные центры. У самого был знакомый с дцп. Ничем кроме плохого подчерка не отличался.Да, когда-то это было клеймо на всю жизнь, но сейчас ведь с этим проблем нет.
>>603025Я их в доль и поперек перечитал. Я не понял, что это за советы? ТЫ думаешь, я бы смог настроить gulp-spritesmith без документации?
>>603038Я думал ты только гайды и темплейты смотрел, потому что https://www.npmjs.com/package/gulp.spritesmith#retina-parameters вот параметры, есть те же, что и в твоем скрине грантавот пример, как может быть в таске https://www.npmjs.com/package/gulp.spritesmith#retina-spritesheet
Кто делал подобное? На первом пике, то как надо сделать по макету, второй пик, как получилось у меня. Бэкграунд сделан псевдоэлементом, как и значок. Подскажите, как теперь заставить значок двигаться не двигая бэкграунд?
>>603047Ты не въезжаешь. У меня уже давно настроена ретина, причем handlebars template для неё пришлось писать самому. Ибо в доках примера не было. И всё прекрасно работает.Еще раз объясняю что мне нужно: Мне нужно, чтобы при создании второго спрайта(совсем другой спрайт с новыми картинками), создавался второй спрайт с другим названием, а не тупо что бы он перетирал уже существующий, так как второй спрайт создается с тем-же названием.
>>603072Да, я тебя не так понял. Не сталкивался с таким, может попробовать новый таск для нового спрайта сделать и в src прописывать какие файлы брать или с gulp-if в рамках одного таска попробовать картинки раскидывать на спрайты.
>>603059я еще до псевдоэлементов не дошел, но походу ты с размерами перемудрил, уменьши размеры и захуярь паддинги
>>603072я решил эту проблему вторым таском и второй папкой под спрайты для мака. Костыльно, да, зато быстро.
>>602985Недавно был в относительно крупной компании на собеседовании, сказали что забили на ИЕ11-. А ты мне тут про аудиторию ие что-то пзидишь.
>>603124да я уже понял, что так надо. Подскажите теперь, задаю второму псевдоэлементу right и bottom. Из-за этого при уменьшении экрана он начал уезжать за экран. Есть ли какая-то команда для псевдоэлементов, чтобы они стояли именно по центру. Вот если задать по нулям, то он никуда не двигается. А мне надо, чтобы он был именно по центру.
>>603131кинь код в песочницу, попробую тебе помочь, если смогуебущийся с сеткой-кун[/i}
>>603138скобка - бессердечная сука
>>602958Ну попробуй найди работу не в ДС/ДС2/ДС3 на чистого версталу или хотя бы фронта. Пососешь хуй, с 90% веротностью.
>>603142У вебстудий - соснешь, но есть конторы, которые под свои нужды держат верстал.
>>603125Я тоже об этом думаю.
>>603072Анон, а почему ты вообще галп выбрал? Сам думаю перейти, потому что часто встречается, в компании куда я иду старжироваться тоже он, у Кантора скринкаст по нему. Но, чтобы начать изучать gulp, нужно посмотреть nodejs, чтобы посмотреть nodejs, нужно хорошо знать js, чтобы знать хорошо js, нужно вообще шарить в ООП и программировании. Вот и думаю, стоит ли вообще или нет.
В Яндекс программистом не кто не пробовал вкатится?А в другие конторы? Пилите стори.
>>603130Это редкость.
>>603161Не нужно знать ноду. JS - немного знать нужно.Галп выбрал, потому что он быстрее, а я упарываюсь в автоматизацию по полной, так что для меня скорость - важный показатель.
Анончики, а можно как-нибудь поставить задержку на исполнение таска? А то у меня после создания спрайта, спрайт должен переносится в другую папку, а содержимое текущей папки после этого удаляется. Но так как перенос файла занимает несколько секунд, то таск на очистку срабатывает раньше чем файл успевает перенестись.
Фронтаны выручайте. Как заставить эту суку растянуться на всю ширину хедера, нужен только совет.http://codepen.io/tvoyamamasha/pen/GqZoPE
>>603183фикс: меню на всю ширину
>>603185Меню нужно вынести из лэйаут позиционера
>>603193>Меню нужно вынести из лэйаут позиционераэто я понимаю, но как сохранить его расположение между элементами хедера?
>>603195Должно быть так
>>603203Как вариант, не помещать все элементы в лэйат позиционер, а добавлять его в элементы, то есть он будет как центровщик внутри элементов
>>603203Хотел пофиксить прямо в коде, но там какая-то блевота (ничего личного). Короче, самый простой вариант: все элементы засунуть во враппер (который темноблевотного цвета у тебя), которому прописана ширина. Хэдер (который красненький) и колонки (тоже красненькие) оборачиваем в отдельную обертку, меню ни во что не оборачиваем, profit.
>>603218Про блевоту - все норм, учусь. Сам охуел от правки сейчас, хедер сказал нахуй че надо и съебался вместе с темным бэкграундом в закат..
>>603142Так я просто логику не пойму, в чем смысл работать где-то в в офисе по данной профессии? Всё что делаешь находится в онлайне, нахуй надо это тогда.
>>603223Ну короче как-то так. Я там тоже по-быстрому наговнокодил, чисто для наглядности, я думаю, принцип ты понял уже.http://codepen.io/anon/pen/mEPPJq
>>603223Аноны всем спасибо за помощь, отдельно обернул красный хедер и отдельно обернул промо1 и 2, меню без обертки и флоата.
>>603230все встало на свои места, осталось только высоту колонок поправить 99% выполнение задачи
Дорогие Аноны, объясните пожалуйста почему не работает функция в forEach http://codepen.io/ogurchik/pen/aZNNdd
>>603233Array.prototype.slice.call, чмо ебаное.
>>603245/pr/ивет ))
Котаны, как попроще сделать так, чтобы элемент не обращал внимания на наличие содержимого в родительском элементе, а просто применял бы указанные ему правила; например есть родительский див с текстом в виде списка, но мне в него нужно поместить ещё один маленький див и текст мешает его правильно спозиционировать?
>>603250Родителю - position: relative, элементу - position: absolute
>>603181Вопрос исчерпан.Какой же у меня охуенный галп-файл получается
А надо импортировать шрифты из google fonts в style.scss или рпосто прописывать их в link в head'е index.html?
>>603265Как пожелает Ваша Светлость.
Верстаны, поясните за свг. Как их лучше не сайт подключать.Если подключаем инлайн, то можем монипулировать картинкой по полной через css. Но зато она не кешируется.Алсо есть еще 1 способ через <object> Так проблема с кешированием отпадает и мы можем также манипулировать картинкой через css. У меня нихуя не получилось, картинка тупо не появляетсяНу и последний способ - это вставлять её как обычное изображение через <img> или через bg-img. Алсо тогда теряем возможность изменять цвета и тд через css. Но опять же проблема с кешированием отпадает.Вопрос: Так плохо ли это, что картинка у нас не будет кешироватся. Какие отсюда подводные камни выходят, кроме того, что пользователь будет её загружать каждый раз, когда заходит на страницу.
>>603274Ну че, мрази, поставил я вас в тупик?Пока не ответите на этот вопрос, дальше вам постить запрещено. И никаких callback функций, мрази.
>>603301Как-раз читаю доки svg-store, алсо если знаешь более удобный галп-таск, буду благодарен.
>>603310Делал успешно свг-спрайты с помощью gulp-svg-sprite. Задавай вопросы, если не получится.Другой анон
>>603314>>603315Ок, непременно посмотрю на этот таск. Но сегодня вряд ли буду его ставить. Уже прилично заебался.
>>603256Вот спасибо, работает!
>>603322>>603315>>603314Ебать, вы все тут крутые нахуй, вебпаки, галпы блять. Вы хоть работаете уже?
>>603354Ну ладно хоть так, а то создается впечатление, что на джуна теперь без знаний сеньора не вкатиться.
>>603356настроить галп таски даже обезьяна сможет
>>603359>>603360Ну а хули меня в одном месте спрашивают за сколько я выучу PHP, а в другом - про прототипы и замыкания?Ладно, опять рызнылся тут, скажете.Просто безысходность, пиздец, работы в городе нет от слова вообще.
>>603380>прототипы и замыканиянашел, блять, проблему
>>603380>за сколько я выучу PHPВо, сегодня на гикбрейнсе глянул пхп, такая скука пиздец. Я даже проходить не стал первые заданияФронт мне нравится, а вот эта хуйня - нет.
>>603380Хули там учить, если знаешь JS на должном уровне, пхп покажется примитивной хуйней (коей он и является), вся проблема в понимании сервер-клиент и грамотной настройке взаимодействия всей этой хуйни. Другой вопрос - нахуй он нужен фронту?
Я вот не смог прилепить свой говнокод к локалстораджу (ну или наоборот), чувствую себя тупым дауном.
Фронтаны, имеет ли смысл заморачиваться курсами по подписке от академии или оно в хуй не уперлось и пора на интенсивы переходить?
>>603402В прошлых тредах жевали эту тему, говорят что не очень они.Лучше интенсивы.И да, в оп-посте есть теория продвинутых в виде скринов.
>>603402В хуй не уперлось. Проходи интенсивы, параллельно открытые задания решай.
>>603404благодарю, сударь.Как это я проебал скрины в шапке.
>>603405открытые почти все закончил.
>>603401Наговнокодил лапшекода, не могу в итоге понять, что именно нужно сохранять и где, лол. Так-то да, элементарно - спарсил, записал, распарсил, взял, вставил, профит. Сейчас изучаю как раз всякие модульные паттерны программирования, буду переписывать с нуля.
>>603467Да мне бы с ваниллой сперва разобраться...
Сап Ананасы, НЮФАНЯ-27лвл нихуя кроме HTML,CSS и то мало освоен. Вообщем за все гугливание за свое жалкое существование, наши с вами интернеты, кроме как верстать, странички говносайтиков, или поправить говнокод какого-нитьговноскрипта на JS, ничего далее не открывает никаких возможностей? Если взглянуть чуть далее, а именно что мы видим, современные игры, на этом и остановлюсь, уровня GTA 4-5 и т.п.хуита. Да аудио,и создание звукового сопровождения=отдельная тема, но то что ты видишь в мониторе это код с кучей одновременно задействованных процессов, в процессе которых твой говноноут или камп, выводит лишь зрительную информацию, подсвечивая каждый пиксель матрицы в нужный цвет. У меня один вопрос анон, объясни по хардкору.Есть-ли технологии, или отдельные языки программирования о которых даже и мечтать изучить нам не дано, т.к, в в инетах одно школольё, я не верю(но и не надеюсь). Пойду на свой всратый профиль, проверять говнокопейки на дошик. Извините если что.
>>602122бамп
>>603485У тебя очень рваная речь. Начни читать классическую литературу и прекращай долбить-пить.А все игры по большей части написаны на C++. Сетевой режим - хз на чем. Модели - 3ds max, Maya, Blender и прочее. Анимация и музыка-звуки уже не знаю в чем и как.
>>603500Ну да, я нюфажный нюфаня и не понимаю, о чем речь в задании.
>>603506Ну я же не про говно-игры, прости Господи.
>>603497>>603495Спасибо за ответы! Да само собой сразу БАМП(Читай ОП), но ГУГЛ тоже шлет по банерам типа:"Стань ПРОГРОМИСТОМ ЗА 1 ДЕнЬ ТОЛЬКО У НАС(Скидка разпродажа!!!)"
>>603543Может правы заказчики, что некоторые прогеры слегка поехавшие?
>>603485Да валом: алгоритмы высокого уровня ну типа RSA для понимания требуют нехилых знаний матана; тот же модный дата саенс тоже, речь идет разумеется не о том что после туториала ты не сможешь на scikit и pandas накатать чего что бы считать на kaggle вероятности выживания того или иного пассажира с титанника , а о чем-то более конкурентном; ну и функциональное программирование конечно же.Нет, во всем можно разобраться но потребуется добрая пятерка лет и куча мотивации.
>>603546Он не прогер жи.
>>603485Пиздец, напоминаешь мне одного знакомого, который пишет и говорит точно так же, нихуя непонятно из его слов.
>>603902Сдай его в дурку.
>>603902>>603916Ага, и моего такого же знакомого прихвати.
>>603497>У тебя очень рваная речь. Начни читать классическую литературу и прекращай долбить-пить.Кстати часто встречаю у людей в индустрии. Пишут как попало, предложения с маленькой буквы, куча скобочек в конце, даже эйчарка мне на мыло шлет предложение с двумя восклицательными знаками на конце.Неужели это двач так приучил грамотно писать? Ну и книги, люблю их читать.
>>605172Я думаю общение в инете расслабляет (скорость печати в ущерб грамотности) + когда люди не мало общаются на инглише. На инглише то ведь нет всех этих падежей, склонений и т.д.
Как вставлять компоненты на страницу? Скажем есть index.html в корне проэкта, в _html_inc лежит page_header. Я в page_header верстаю шапку, то есть там только <header>...</header> содержится.А потом как его вставлять в index.html? Таскраннером?
>>605172у меня есть знакомый весьма хороший программист с десятилетним стажем и красным дипломом топового рашкованского универа, и он так и не умеет писать грамотно.
>>605199используй препроцессор pug для html. годнота
>>605172> предложения с маленькой буквы, куча скобочек в конце> с двумя восклицательными знаками на конце>>605181> На инглише то ведь нет всех этих падежей, склоненийНу охуеть теперь. У меня объяснение проще: просто быдло полезло в айти. Не может уважающий себя кодер допускать такие грубые ошибки в орфографии. Он либо умный во всём, либо тупой, не бывает умных кодеров, не могущих в грамматику.
>>605208Попизди мне тут, мелкобуквенный хуила.
>>605216тру-стори.
>>605219Та я уже понял, можешь не продолжать. А теперь научись правильно начинать предложения.
>>605213Бывает. У меня друг на С++ пишет и со школы еще проблемы с русским были серьезные. Да и сейчас тоже. Программирование это же логика и математика, а грамотность - это тупо заучить правила. Вот если юрист неграмотный это да странно, т.к. что в юриспруденции правила учишь, что в грамматике-синтаксисе.
>>605223в общении на бордах я использую camelcase. Первое предложение - с маленькой буквы, так как оно идёт вслед за обращением (обращение - номер поста), и только последующие - с большой.
>>605231> это тупо заучить правилаесли бы. Я вот, например, для достижения грамотности письменной речи не прилагал вообще никаких усилий. Это либо даётся человеку свыше, либо не даётся. зато в программировании я полный ноль, да, яваскрипт мне даётся с большущим скрипом.
>>605301Это тебе так кажется, что просто так. Видимо у тебя развитые центры, отвечающие за память.
>>605310а какие усилия я прикладвал, чтоб развить эти центры? Никаких. И в детстве я много читал, не потому что был целеустремлённым и превозмогал, а потому что было просто интересно. Зато теперь, когда я вырос, превозмогать вообще не могу, всё, что не получается сразу, не получается вообще.
>>605333Они не развиваются. Просто у тебя они более развиты с рождения в силу наследственности и генетической изменчивости.
>>605294нуТогдаСосиХуйБыдло
>>605211>pugА почему в интенсиве Громов показывает свой индекс и там у него что-то вроде "@@include page__header". Он как собирает? Вроде бы не объяснил даже толком.
>>605301Аналогично, бро, в школе лучше всех писал сочинения на уроках литературы. Лето проводил за книгами и пекой. В программирование тоже не могу. Только что пол часа разбирался как эти ебучие прототипы работают - так до конца и не понял.Вообще нахуй я в это айти полез - это хоть мне и интересно очень, но способностей к этому особых нет. Если бы я знал, чем еще можно заниматься в этой стране, чтобы не сосать хуй, давно бы уже этим занялся...
>>605440>>602802
>>601277есть там
>>605440он собирал через плагин include-replace.
>>605440потому что он использует какой-то другой метод, очевидно же. Но как по мне, pug и инклюды в него гораздо удобнее.
>>605521>>605517А смысл так делать? Обычно же у нас только хедер и футер общие, скопипастить их в html не составляет труда.
>>605522меняешь хедер в файле хедера, подключил - он автоматически поменялся везде.
>>605523А, ну да, точно, удобно.Pug - это бывший Jade?
>>605524угу. Подключить его очень просто - просто копипастишь подключение sass и sass везде меняешь на pug. Ну и потом прописываешь таск пага в такски билд и дефолт.
>>601089 (OP)по реакту гайдов не завезли еще?
>>605538https://rutracker.org/forum/viewtopic.php?t=5180933https://rutracker.org/forum/viewtopic.php?t=5202469
Аноны, вопрос не по теме треда, но всё же.Почему очень многие проекты селятся в доменной зоне .io?
>>605526Начал смотреть скринкаст по gulp у Кантора, он в третьем выпуске говорит, что надо шарить в node, начал смотреть скринкаст по ноде, на модулях поставил паузу, отошел к окну и заплакал.
>>605842Не надо там ничего шарить. https://www.youtube.com/watch?v=vW51JUVT66wОн тут ставит основные плагины, любые другие ставяться по аналогии.
>>605842блин, на твоём уровне пока не надо хорошо знать галп. Просто прочти мануал, выдаваемый первым в гугле, потом спизди оттуда же галп-файл, и совсем чуть чуть модернизируй его, добавив автопрефиксер, автоматизацию спрайтов и pug. Всё, вернёшься к дальнейшему, более серьёзному изучению галпа, когда разберёшься в ванильном жс, ангуляре, поработаешь полгодика джуном в конторе и т. п.
>>605857Спасибо.>>605858Ох, спасибо, анон, именно такой совет мне и был нужен. Очень демотивирует, когда видишь кучу непонятного кода, который возникает буквально за секунды и при этом ни черта вообще не понимаешь, хотя вроде учил ваниль и слова знакомые.Придет с опытом, да?
>>605903>придёт с опытомнаверно. У меня, если честно, такая же проблема.
/dist и /app или /source и /build ?
>>606196я исторически использую первый вариант, но больше нравится второй. Просто менять лень.
>>606196Использую /src и /dist для статичных макетиков
Мы начали создавать сообщество для совестного самообучения с нуля, с упором на фронтенд (HTML+CSS+JS). Мы хотим учиться вместе, чтобы была поддержка и помощь, и всё такое. Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroesТы отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/coursesКакие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.https://vk.com/frontendheroes
если я допустим в одной области модалки сделаю шрифт по меньше, именно в таблице и ее содержимым, а в остальной части модалке будет шрифт по больше. Это не плохо отразится на восприятии ? В плане юзабилити
>>606259>На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудностиБля, я согласен, ты пассив или актив? Будем преодолять друг друга во все трудности, если ты понимаешь, о чем я.
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
Анончики, разбираюсь с свг спрайтом. Я так понимаю, вот так нужно вставлять необходимый элемент свг спрайта на страницу(pick 1)? Есть еще способы, которые на ваш взгляд заслуживают внимание.Алсо что за херня с тегом use. Каки-ето непонятные размеры выдает (pick2). Откуда они?На всякий случай напишу, что у .box1 {width: 300px, height: 300px;} А у самой картинки .apple {width: 40%;}
>>606637Блять, картинки местами перепутал.
Братие, freecodecamp годный ресурс?Тут прямо все что нужно фронтендеру на учебе.
>>606637А у меня такая проблема, на локалхосте все ок, а залил на сервер, и иконки пропали. Кто знает почему? Код аналогичен.
http://frollodecol.github.io/barbershop/index.html#анон, поясни за небольшие косяки вот в этой вёрстке. Это обычная статика, без яваскриптов, адаптивности и прочего. Какие здесь косяки именно в базовой вёрстке?
>>606643нет. говно собачье.
>>606656У меня была такая же проблема. В галпвотче все показывало, а если просто индекс.штмл открывал в любом браузере - ничего не было. Проблему не решил.
>>606259лолблять, скоро бомжам начнут флаеры раздавать"заебался жрать на помойке и спать в канализационном люке? учи хтмл, ксс, жс!"
Есть тут аноны, котореы уже относительно хардкорно жаваскриптуют? Поясните требуемую степень упоротости ваниллой. Я вот сейчас могу самостоятельно написать базовый интерактив, всякие формочки, списки дел, слайдеры с превьюшками, галереи, аякс само собой, ну и все такое прочее. Стоит ли идти дальше и задрачивать всякую модульность, pubSub и т.п. (чем я сейчас и занимаюсь) или можно сразу бахнуть по вене реакт/ангулар?
>>606709>слайдеры с превьюшками, галереиЕсть посмотреть?
>>606712На неделе залью на гит, там индусская лапша вместо кода, хочу пофиксить сперва. Если что - это я тот анон, который не смог локалсторадж прикрутить.
>>606714Не забудь вбросить потом.
Аноны, подскажите пожалуйста какой нибудь бесплатный хостинг для небольшого сайта буквально на час.
>>606717https://www.zzz.com.ua/ru
>>606716Да я в последний месяц здесь целый день сижу, параллельно говнокодируя, мне сложнее забыть, чем не забыть.
>>606719Смотри, вот ты делал слайдер, например, ты задавал ul width: 9999px, ну или что-то подобное?А потом пробовал делать его адаптивным? И все идет по пизде. Я не смог с этим совладать.
>>606718Сотен нефти тебе анон
>>606566Ретина и прошка дело другое, там нормальное масштабирование, да и вообще. В любом случае, как оценить на стандартном ппи работу?>>606558Бамп
>>606724Я делал слайдер с парочкой опций, т.е. вертикальный-горизонтальный-время анимации. Сперва сделал через флексы (пикрелейтед), оно отлично работало, пока я не открыл его в интернет эксплорере, лол, там все распидорасило (даже в едже), пофиксить не смог. Потом переделал через z-index (все картинки абсолютно спозиционированы, меняем по клику z-index у активного и хуячим анимацю слево-направо/наоборот или сверху-вниз/наоборот). В итоге у меня получился какой-то дикий монстр. Он конечно работает, но там пиздец. Вот я его буду переписывать с нуля потихоньку.
>>606729Анимацию через кей-фреймы делал?
>>606734Да, сделал 4 анимации и прилеплял их по клику, лол. Когда через флексы делал - обошелся заранее прописанным транзишином, только время подставлял из опций и все. Олсо, вот так его расхреначивает из-за флексов в ишаке, хромог и лиса нормально оботражают. Поэтому переделал через з-индекс, не знаю как иначе еще можно сделать, не задавая размеры самому контейнеру а-ля width: 99999px.
>>606739Ясно, спасибо.
>>606744Хм, сейчас подставил flex-flow: row wrap и оно заработало. Странно, я вроде пробовал раньше. Может вернусь обратно к этой концепции тогда, а то z-index уж очень костыльный выходит.
Че то я уже заебался гуглить, спрошу у вас. В общем прохожу 7ю лекцию интенсива аштмлакадемии про джаваскрипт. У меня нихуя не работает:( У него в видео все работает а у меня нет. Пытаюсь сделать скрипт на вызов и закрытие попапа барбершопа.Хотя бы простенький пример: var link = document.querySelector(".login");link.addEventlistener("click", function() {console.log(это злоебучий клик)});Он находит класс .login, присваивает ему linkно следующую запись вообще не воспринимает.И консоли разных браузеров и если код напрямую писать в штмл файле выдает TypeError: link.addEventlistener is not a function
>>606745А slider-wrapper у тебя фиксированной ширины?
>>606748Резина 960-480.Сейчас залью эту версию на гит, наверное. Только не пугайся индусского кода.
>>606751О, давай
Ух, аноны, я обзавёлся про-акком на фл.ру . Можно попробовать поискать заказы на лендинги.
>>606746>addEventlisteneraddEventListener попробуй
>>606756Вот. Но он недоделанный, я забил на него, анимацию надо переделать и вертикальную пагинацию запилить для вертикального слайдера.http://acilsd.github.io/flex-sliderhttps://github.com/acilsd/acilsd.github.io/tree/master/flex-slider
>>606771Что-то я поторопился, там теперь вообще во всех браузерах транзишн пидорасит. В общем, буду его пере/до/делывать теперь, лол.
>>606679Поясни, вкратце, почему?
>>606774Да, и резина сломалась.Гребаные флексы. Все-таки, забью на него, буду через z-index делать.
Аноны, обязательно ли элемент должен обладать фиксированным размером, чтобы можно было в нём разместить картинку через свойства background или с min-widht тоже прокатит?
Блять сука, что происходит с саблаймом текст 3? Стоит Material Theme и за прошлую и начало этой недели уже второй раз настройки слетают в пизду. Теперь у меня сасс файлы перестали показывать цвета. Вот пример на пике.
Всё, чему на базовом интенсиве обучили это говнокод и неактуальные приемы. line-height в пикселях в 2016, охуенная идея, шоб ПАПИКСЕЛЬНА, как в макете какого-то долбоеба из Краснодара было. Не могу с такими знаниями даже притрагиваться к этим макетам теперь, просто не могу сознательно писать говнокод, когда знаю, что так в 2016 уже не пишут.
>>606801кинь пример где показывают, как правильно надо делать все
>>606801Просто ты не педагог ни разу и не смог бы незнающему даже самых основ объяснить. А так все норм.
>>606779Короче, я разобрался. Это говно почему-то выстраивается БУКВОЙ ГЭ, лол (пикрелейтед). При этом все работает по тому принципу, который я задавал изначально (смещение маргина влево/вправо). Почему так - не знаю, но это прикольно. Ну, если вдруг кто захочет мое говно переделать/доделать.
Хочу перейти с брекетс на атом, есть подводные камни?
>>606845webstorm лучше
>>606850Купи мне его.
>>606851ты поди ещё и фотошоп купил?
>>606869А ты похоже Васяну биктоины помогаешь майнить?
>>606775да все эти онлайн-питушатни для чуханов. нормальные пацаны тупо берут макеты и верстают.
Ребятки, начал верстать легкие макеты (практика, епты), возник вопрос (наверное, очень нубский).выделенную часть следует помещать в обертку или можно без нее?
Анон, часто в коде вижу что-то типа:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>Что это? Почему нигде нет инфы? Как это использовать в своем коде?
>>606904Каждый бок отдельно, для того, чтобы ты мог растягивать фон на всю ширину.Вот, например, где слайдер:<div class="slider-wrapper">(ему задаешь этот темный фон) <div class="slider"></div> (ему задаешь какую нибудь ширину, 70% например, и маргин 0 авто)</div>И так для каждого, где есть не белый фон. Ну я бы делал так.
>>606909Это библиотека жиквери, подключенная онлайн. >>606904Подумай логически. Есть блоки, которые тянутся на 100% ширины, у них фон (черненький, например). Внутри этих блоков есть свои блоки, которые уже центрированы. Соответственно, либо ты эти центрированные блоки оборачиваешь в единый враппер, либо внутрь этих блоков хуячишь враппер, либо каждому блоку отдельно задаешь размеры.
Фронт, нужна консультация. Есть сайт "Новой Почты", и есть сайт на который должен работать через API сайта новой почты. Вот документация - https://my.novaposhta.ua/data/instruction_JSON_ver.1.7.pdfРабота происходит через обмен JSON-файлами. Так вот я блять читаю документацию и не могу понять как отсылать json-файлы на сервер. Через POST запросы? Если да, то как отправлять POST-запросы? Куда приходят ответы от сервера?Аноны, буду благодарен за любые ответы, хоть ткните куда копать.
>>606745Посоны, он прав?
>>606942Ссылка на пост лишняя.
>>606942Толстит же, очевидно.
>>606942Кто из них? Анон ниже, на мой взгляд - да.
>>606949Я сверху просто.
>>606954А что по жабкаскрипту знаешь? Какие примеры работ?
>>606954Ну, в общем-то фронт-енд джуну нужно знать много всяких штук. Вообще на мой взгляд, хороший джун это мидл без опыта коммерческой разработки.
>>606942Сука вы че меня пугаете, я завтра на собес иду, прошел половину хтмлакадеми, а тут такой хард, пиздос.
>>606958Ну я не скажу что сильно его знаю, но писал всякие слайдеры и другое легкое с точки зрения реализации взаимодействие со страницей. Делал тестовое на стажировку, там надо было калькулятор запилить, и еще что-то по мелочи. Но ничего серьезного и во всяких там ajax-запросах ничего не понимаю.Прочитал Кантора всего, но могу сказать, что многого не понял из первой части.Сейчас читаю повторно + смотрю интенсив академии и в планах взять еще какой-нибудь учебник.Но я резюме верстальщика размещал, а не фронт-энд джуниора.>>606959>хороший джун это мидл без опыта коммерческой разработкиНу то есть все равно уровень знаний у него должен быть ниже, потому что основное, как я понял, приходит с опытом работы.
>>606970Можно твоё резюме посмотреть? Чисто, чтоб с собой сравнить.
Как эту хуйню сверстать? В барбершопе такому не учили. У лого один отступ, у ссылок в меню другой. Задать разный margin-top?
>>606983Это два разных контейнера. В чём проблема, то?
>>606984Т.е. просто задать им разный padding/margin?
>>606985Это хеддер. Лого в одном контейнере. Меню навигации в <nav> и с другими паддингами маргинами. Не проеби межстрочный интервал у пунктов меню.
>>606983Запили лого как background-image
>>606991И проеби его в proxy-браузерах.
>>606973Да там резюме в две строчки, даже фотки нет и ничего не написано. Это если говорить про резюме на хх.Просто кинул ссылку на портфолио и ключевые навыки выбрал.Я же днище пиздец, ни образования, нихуя.
>>606996Ну, вбрось ссыль на портфолио.
Верстающий Анон. Насколько важно у всех текстов сохранять line-height? Скажем, должен ли я прописывать line-height для такие случаев, как на пикрелейт?
>>607010Пока можешь делать как в академии говорят. Но вообще сейчас никто в пикселях по прихоти дизайнера долбоеба из Краснодара лайн хейты не указывает. Есть понятие как вертикальный ритм.https://www.youtube.com/watch?v=Leert-TnSSg посмотри видео.
>>606998Да ну, ты че, гонишь что ли? Там же имя и фамилия мои.
>>607026ДЕАНОН ВЕКА!
Хули не работает?
>>607021Спасибо, анон. А где в целом о шрифтах можно почитать? Пытался гуглить, но в целом ничего годного нет. Одни брошурки-артбуки. Хотелось бы какой то собранной, цельной информации, с техническими тонкостями относительно видов шрифтов, принципов их построения. Есть ли такое?
>>607039На конфликты с другими сочетаниями клавиш проверил?
>>607043Видишь, вон в поиске это сочетание клавиш нашло только 1 результат.
>>607039язык попробуй переключи например.
>>601191Могёшь просто заехать в дс и найти работку типа какого-нибудь продавца в магазине табака. Я уже сам подумываю чтобы туда пойти, как не знайду, так продаван сидит и смотрит кинцо на ноуте. Ну и соответственно сидеть и верстать макеты по 500р, при этом иногда отвлекаясь на людей, которые зашли к тебе. Считай, что это такой пассивный доход, и при этом ты ещё и на своём "месте" вебмакаки.
>>607052Все четно. И темы менял на стандартные, ничего не помогает.
>>607033Да у меня хуевое портфолио, меня прост отчислили недавно, нарушив нахуй все мои планы. Я вообще раньше июля не планировал устраиваться. А тут меня пидорнули и из общаги и из универа, весь мой манямирок перевернуло короче.Я еле как с горящей жопой доверстал пинк и выкатил все это на сверстанный на коленке за час лендинг на гитхабе, который пидорасит на узком экране. Вот и вся история.
>>606656Проверь относительные пути, маня. Всё ли правильно выставленно.
>>607055У меня в кармане 100 с чем-то рублей сейчас. Родители все в долгах/кредитах. Я в ДС только гей-шлюхой смогу понаехать и не сдохнуть от голода в первый же день.
Становится все интереснее. Если синтаксис css, то при нажатии ctrl-/ ставятся //А если синтаксис scss, то при нажатии ctrl-/ ставятся //При этом ни в том и не в другом случае не работает ctrl-shift-/Что за хуйня?Я думал что переход на атом будет более магким
>>607075Блять, ебучий двач со своими звездочками, сука.
>>607072>Я в ДС только гей-шлюхой смогу понаехать и не сдохнуть от голода в первый же день.Это не плохая идея. Учился в шараге с одним смазливым пацаном, даже не подозревал, что он гей. Он уехал в ДС. Нашел его случайно на сайте гей знакомств, где он недвусмысленно намекает, что знакомится с дядечками только на материальной основе.
Еще раз продублирую.Редактор атом. Эммит подключен.Если синтаксис css, то при нажатии ctrl-/ ставятся (пикрелейтед)А если синтаксис scss, то при нажатии ctrl-/ ставятся //При этом ни в том и не в другом случае не работает ctrl-shift-/Что за хуйня?
Есть тут аноны использующие webstorm и sass? Подскажите, как сделать, чтобы, то что я писал в .sass-файл компилировалось в .css-файл? Читаю в гугле надо установить его через руби, но он ведь уже установлен, если я раньше писал sass на саблайме и брекетс.
>>607082Точно не знаю, но попробуй settings -> plugins -> Browse repositories -> SCSS.
Анонасы, подскажите, что за фишка с вебштормом на халяву, чуть выше жевали в треде?
>>607088Либо 30 дней беслпатно, либо если ты студент год бесплатно, а так там парни качали с трекеров, но я бы не советовал.
>>607091с офф сайта скачай вебшторм, потом с этого сайта тыкаешь на синюю кнопку и тебе дают ключик, активируешь вебшторм этим ключом. Подписка действует до 25 февраля 2017 года. http://idea.qinxi1992.cn/
>>607091Ладно посижу ещё на брекетсе, хотя мне пока все-равно, академией обмазываюсь. Начнут верстать, там разберусь.Завтра на работу, первый день после отпуска.продажник-кун [/i]
>>607093Благодарствую, сударь.
>>607086не помогло.
>>607095Опять объебался с разметкой
>>607093Ох, спасибо анончик, годнота.
Фронтаны, а туториала по вебпаку для тупеньких ни у кого не завалялось случайно?
>>607122кантор.
ну вот хули он выебывается не пойму.
>>607136Ему нужен EXE'шник, наверное.
>>607123Мда, такие же эмоции, как когда я впервые пошел читать про настройку галпа, лол.А скажи (можно просто "да/нет"), там можно будет все-в-одном сделать, т.е. sass\stylus в цсс+префиксер+минифицировать, плюс какой-нибудь jade, плюс js/реакт и все такое прочее?
>>607142нет ему был нужен node-sass файл, я его указал и вроде все норм, но теперь появилась другая проблема. Судя по ошибке он жалуется на отключенный сасс. Ставлю галочку и он все-равно выводит эту ошибку. Вот тут я не знаю уже точно, что делать.
>>607144проблема решена, надо было указать node-sass.cmd файл, который вообще оказался в другом месте. Ебался с этим 2 дня. Осталось теперь понять какие плагины вырубить, чтобы вебшторм не подтормаживал
Кто-нибудь знает, как убрать эту ебучую полосу в атоме?
>>607155В настройках
>>607156Да ты что? А я не знал этого...
>>607158Хаха, затралил лалку
>>607155Разобрался. Охуенно, не думал что атом на столько гибок и его можно так пердолить.
>>607021Вертикально ритма в вебе нет и непоявится, так что можешь соснуть вертикальнорифмованного хуйца.
>>607171Вот это да, можно отключать полоску ограничения символов, пиздец гибкость!!1!
>>607181Анус себе выключи.
>>607185Бля, да он на винде, пацаны, все в макОС
Посоветуйте слайдер без jq зависимости.
>>607072Значить делаешь то, что я тебе сказал, но сначала у себя в мухосрани, а потом в дс. Только вопрос встаёт, нахуя вообще ехать в дс? Вот вы едете к нам, а дальше то что?
>>607192Сам напиши, чем ты хуже макаки с фл.ру?
>>607207Не понимаю логику перемещений через тач и инфинити луп. Объяснишь вкратце?
>>607212> тачНет, это не объясню. Сам вот этот юзал как-то, довольно годный. Правда там флексы, так что смотри сам http://idangero.us/swiper/
>>607224Спасибо :3
>>607143то что ты описал можно на гранте/галпе сделать, вебпак для хитровыебаного пердолинья с жс
>>607143Насколько я знаю вэбпак скубливает всё в один файл. И скрипты, и стили, и хтмл.То есть о кэшировании отдельных файлов ты можешь забыть.
>>606876>Васяну биткоины помогаешь майнитькак что-то плохое
Можете посоветовать обучающие материалы по Бутстрапу? Буду очень благодарен
>>607270https://webref.ru/вот тут есть
>>607271Спасибо!
Аноны, поясните, как сделать буфер обмена на десяток буферов? То бишь, допустим, есть дефолnный буфер обмена, куда всё попадает при хоткее ctrl + c, а есть ещё 10 дополнительных, куда текст попадает по ctrl+c+1 и при этом вставляется на ctrl+v+1.
Аноны сделал сборку в галпе. Подскажите, как сделать, чтобы не приходилось её по новой писать каждый раз, когда собираюсь верстать новый макет? Можно ли написать команду какую-нибудь в командной строке, чтобы все это установилось сразу?
>>607283У меня баш-скрипт раньше для этого был, но не удобно.Сейчас просто на гитхабе сборка валяется. Мне норм.
Аноны, что никак не могу сообразить что к чему. С чего тут лучше начать?( Базовый курс по CSS итоговое задание.)
>>607322Если бы ты проходил с самого начала, то вопросов бы у тебя не было.
>>607283галпфайл и пекджджейсон закидываешь в новую папку, переходишь в нее в консоли, пишеш npm install, оно все устанавливает, что у тебя там прописано
Аноны, а можно модули ноды сохранять не в папке, а глобально на пеке? Как это провернуть, будет ли корректно работать? Какие подводные камни?
>>607333флаг -g в консоли прописывать в самом конце команды, да?
Где седьмойдень-кун? Ты там живой или перестал двач скролить на новой работе?
>>607347меня уволили
>>607348не пизди, ты не он
>>607341а i для чего? Не использовал её раньше.
>>607362то есть лучше всего писать npm i -g -s-d ?
>>607365>зачем добавлять это в package.jsonМожет, чтобы другой разработчик мог без проблем провести npm init , чтоб у него были все необходимые модули?
Привет, Аноны. Мы начали создавать сообщество для совестного самообучения с нуля, с упором на HTML+CSS Мы хотим учиться вместе, чтобы была поддержка и помощь, и всё такое. Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroesТы отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/coursesКакие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.https://vk.com/frontendheroes
>>607349я серьезно, сейчас в депрессии, ничего писать не хочу
>>607379что случилось?
>>607347Я тут, анон. Провалялся все выходные с ларингитом, было не до воркача, сейчас до сих пор говорю шёпотом, плюс кашель заебал.Мелкобуквенный, который тебе отвечает — это не я, не верь ему.Скачал на рабочий комп Virtual Box и образ Дебиана. Просто чувствую, что по скорости и производительности я упёрся в потолок с текущими инструментами (Sublime Text + Emmet + сниппеты) и хочу освоить, таки, всю эту серьёзную кухню: сборщики, менеджеры пакетов и иже с ними.Довёрстываю проект, который начинал на той неделе, хотя дедлайн был в пятницу, лол. Но это ничего, время ещё есть.Алсо, дизайнер совсем ебанулся, в макете половина надписей сделаны Comic Sans. Потихоньку начал писать что-то вроде стайл-гайдов, или рекомендаций, или как эта хуйня называется. В общем, советы "от верстальщика к дизайнеру".Такие дела.
Галп умеющие, объясните что не так? Такого раньше не было. Почему он не показывает, что я его установил?
>>607385>Comic SansВ голос.
лол, сидите тут напрягаете свою жопу, чтобы сверстать за жалкие копейки и ни один див не съехал, пока копирайтеры не напрягаясь пописывают и зашибают бабло. Неудивительно, вы ведь тупые и безграмотные криворукие школьники, куда вам до нас-писателей.
>>607402width: 146%;
>>607403
>>607378Ты охуел свою группу раскручивать здесь?Уже второй раз одно и тоже постишь.Лови репорт.
>>607411>Лови репорт.Ааааа! Только не репорт!!!111Ну вообще, мне Аноны в воркаче сказали сюда запостить это, я так и сделал.
>>607385>Comic SansСкинь ему ссыль на лурку. http://lurkmore.to/Comic_Sans
>>607385Ну ты давай, это, выздоравливай. Писать не забывай, я тут тобой мотивируюсь сижу.
>>607322борлеры, бэк имэйдж, епта.
>>607419че-то проиграл с лурка.Почувствовал себя отставшим от жизни когда впервые зашел на лурк и нашел двач в 2016.>2016-нюфаня
>>607422>Ну ты давай, это, выздоравливай. Писать не забывай, я тут тобой мотивируюсь сижу.Лол, спасибо большое, анон, очень приятно, что я кого-то могу вдохновить.
>>607232>>607233Т.е. если я хочу пердолиться с реактом, и одновременно писать стили на сасс, то я сосну тунца?
>>607587Ну хорошо. Я просто сам пока особо не понимаю, пока что к практике и настройке не приступал. Понимаю, что можно и на галпе, но хочется вебпак пощупать.
На какой хостинг можно залить картинки вот в таком формате, чтобы они без проблем приклеивались к рассылке?data:image/png;base64,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
>>607627ой
lotar659.github.io/catalog Как мне привязать левую часть полосы заполнителя к левому регулятору в фильтре цены? Правая часть двигается путем изменения параметра width, а как правую часть двигать я хз.
>>607636>как левую двигать я хзФикс
Правильно ли я понимаю что чтобы делать сайты нужно еще уметь рисовать всякие картинки и иконки для его наполнения?Или можно кодить просто, а картинки всякие другие люди делают?ничего не знаю о вашей работе, мимо шел, возник вопрос
>>607648Сто лет уже как существует конвейер Форда в той или иной форме. Но остаются люди...
>>607647>>607647Ща попробую
>>607634Понятно, спасибо. А то у меня сейчас снова каша в голове, почти как в самом начале изучения, хех. Вебпаки, бабели, хуябели, инлайновые вставки, компоненты, автобусы, офигеть вообще.
>>607654Попробовал, как я и ожидал у меня уезжает вся линия.
>>607675Да, я уже понял, спасибо.
А как вы используете normalize c галпом и препроцессорами? Тупо берете normalize.css, меняете его на normalize.scss и импортируете в майн? Или же через таск, как тут? https://www.npmjs.com/package/node-normalize-scss
>>607689тупо беру normalize.css, переименовываю его в normalize.scss и подключаю к стилям через импорт
>>607711Тоже задумываюсь над этим вариантом, невижу никаких подводных камней, кроме того, что на новых проектах придется проверять самому актуальность версии. хотя она раз в год меняется
Сап, хелпаните, в чем я наебался? Сделал все как в интенсиве. Но нихуя не работает
>>607728В круглые скобки заверни, а не в фигурные.
>>607689в хтмл подключаю
Где брать хорошие, красивые макеты для верстки? От академовских уже блевать тянет
>>607728Анон ниже верно говорит.А еще проверь, правильно ли ты записал класс в первой строке "user-loDin"
>>607730Спасибо, признаю себя невнимательным ебаланом. Но проблему не сняло.
>>607734Все, теперь все норм. Спасибо
Всех приветствую. Вкатился в верстку и теперь прохожу курсы самообучения htmlacademy.ru , думаю за пару месяцев освоиться и поработать низкоуровневой макакой чтобы дошиков себе скопить на полгода. У меня выйдет?
>>607753Да. За полгода точно. Если будешь нормально учиться.
>>607753Шапка для кого расписана?За 2 месяца вряд ли.
>>607753выкатывайся нахуй.работы почти нет, а на каждую вакансию слетаются стаи питушков "здрасте я умею верстать адаптивно, знаю бэм и пользуюсь галпом".
>>607769лол, так тут уже смеялись над вами, мол фронтенд-хуенд, а тусуется здесь верстальное нубье в основном.
Ребят, а без препроцессоров никак? Мне они что-то не нравятся, только переменные удобная штука.
>>607773можешь использовать препроцессоры но писать там обычный css. Всяко тебе когда-нибудь могут понадобиться их весьма няшные возможности, например, вложенность и миксины.
>>607779>>607781А на несколько файлов обязательно разбивать? Я же могу в одном .less файле все писать и послать советы Громова подальше?
>>607822вполне. Я бы, если б был говноверстальщиком и ваял бы лендинги, так бы и делал.и при \том я вообще нихуя не делаю, не могу начать учить жквери уже четвёртый день
>>607829Че там искать? ctrl+f и все.
>>607831Ты такой простой.Правильно, хуйня все эти препроцессоры. Хуйня разбитие на блоки. Зачем только опытные люди так делают? Идиоты, наверное.
>>607778Анончик, дай какие-нибудь советы, выхожу на днях на стажировку фронтом, но мне дико страшно и кажется, что я нихуя не знаю не кажется, лол и вообще обосрусь там и в первый же день меня пошлют с позором нахуй и занесут во все черные списки айти-индустрии так, что мне останется только на стройках горбатиться до конца своих дней.Меня же не посадят сходу писать restfull-api, а дадут что-нибудь поверстать там, или нет? Учить будут, наверное...
>>607857А мне можно же будет какое-нибудь видео обучающее посмотреть или тупо сидеть позалипать в учебник Кантора? Просто ни разу в жизни не работал за 22лвл. вот и интересно все.Ну так, эникеил только в школе на неполном дне и дома компы чинил.
>>601089 (OP)>Могу ли учить верстку/JS после работы по 2 часа?> Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.Опа, а по сколько надо? Занимаюсь ориентируясь на ~3 часа после учёбы в будни и 5-6 в выходные.мимоштудент
объясните, что ему не нравится? Не могу картинку задним фоном поставить. Раньше все проекты верстал на рабочем столе, но тут решил на диске сделать. И хуй знает как его подрубать. Какой правильно путь надо указать? Делаю на галпе
>>607863с какого города?
>>607892Ну ебаный врот."../img/header-bg.jpg"
>>607899я так делал, не работает. работает только так "/img/header-bg.jpg"
>>607896Зачем тебе?
>>607916а чего ты боишься?
>>607910Не может быть. В этом случае главный стилевой файл у тебя должен лежать не в папке css, а в папке app, что тупо.
>>607917Ну вдруг ты HR из этой конторы. Сейчас расскажешь всем что я на сосачах сижу и будете ржать всем офисом, а потом уволите меня.
>>607921я сам не знаю почему так. Может это фишка вебшторма? Первый раз на нем что-то делаю.
>>607917Если ты спрашивал, чего боюсь по работе - то что я приду, а меня нагрузят какими-нибудь вещами, которые я в глаза не видел. Или поставят задачу, к которой я даже не знаю, как подступиться. Ну и потом выгонят нахуй.
>>607934правильно сделают. Потому что ты ответил не на тот вопрос. Это уже о чем-то, да говорит.
>>607934Этого боялся каждый кто когда-либо начинал работать. Забей, чему быть того не миновать. Выгонят так выгонят.
>>607847Что было на собесе? Что сам знаешь?
>>607910>>607921>В этом случае главный стилевой файл у тебя должен лежать не в папке css, а в папке appесли бы путь начинался с img, было бы так. Но там впереди слэш (/img) - путь относительно корня сайта, а не css файла. Хостишь, получается, из app, значит app - корень.
>>607936То что ты спросил про "почему я боюсь назвать город" я ответил выше >>607923>>607937И что дальше делать? В резюме лучше не указывать опыт: стажировка 1 месяц? Типа спросят, почему не остался работать и т. д.>>607948Да стыдно даже говорить, но примерно >>607768>"здрасте я умею верстать адаптивно, знаю бэм и пользуюсь галпом"ну и еще JS непонятно для себя самого на каком уровне.
Кто-то юзает Jade/pug? Как-то сомневаюсь начать использовать, потому что вроде и с эмметом это все удобно.
>>608016обмазывайся. Удобные импорты html файлов, более понятный и лаконичный синтаксис, возможность на лету, прямо в вёртске, писать скрипты. Охуенно, в общем.
>>608016Тут кто-то когда, на такой вопрос порекомендовал сразу обмазываться реактом
>>608034так он прав. Ванила не нужна точно так же, как не нужен ассемблер или какой-нибудь машинный код.
>>608058А почему, объясни пожалуйста? Она же вроде удобная, понятная нет и логичная.
Где перекат?
>>608066А чем вообще SPA отличается от обычного сайта?
А че вы тут все на вебшторм перешли?
>>608072не все
>>608071>>608066Где прочитать/посмортеть про эти ваши SPA/REST и как принимать JSON с сервера? Вообще не знаю как это все работает.
>>608076Тип если мы переходим на другую страницу, то вместо того, что бы подгружать всю страницу, у нас подргужается только блок меню с измененной ссылкой на текущую страницу и тд?
>>608079А, вспомнил, это же бородач даже на продвинутом объясняет. Что-то я не попрогал тогда, когда смотрел и не отложилось в голове.
Тоже вебшторм запустил. Я так понимаю, он почти все умеет изкаробки, но и его можно по жопу обмазать плагинами? И вообще можно с консолькой потом не работать. а все через него делать?
>>608093Ты так много знаешь, анон. Как стать таким же, как ты?
Удлил немножко лишнего из папки с проектом, но на гитхаб пока не коммитил, можно как-то докачать файлы из репозитория? git pull, запущенный в папке с проектом не сработал.
>>608115git checkout .
>>608117О, спасибо, добрый анон, волшебным образом все докачалось.
>>608119Не докачалось, а были отменены все изменения файлов на состояние последнего коммита.
>>608120Вообще можно было не точку ставить, а указать путь к конкретному удалённому файлу. Если что у тебя потёрлось важное, извини.
https://2ch.hk/wrk/res/608123.htmlhttps://2ch.hk/wrk/res/608123.htmlhttps://2ch.hk/wrk/res/608123.htmlhttps://2ch.hk/wrk/res/608123.htmlhttps://2ch.hk/wrk/res/608123.htmlПЕРЕКАТ
>>607385Анон, давай с тобой дружить, я на стажировку в пятницу выхожу и до этого с тобой ИТТ общался.Одному чет пиздец как-то неловко, а так я хоть с кем-то впечатлениями буду делиться.
Корректность выделения контента из документа от Павлина - параша?
>>610176мимо, да и похуй