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Прошлый тред >>589180 (OP)
Освящаю
>>592084добавил в смешные картиночки
Мда, JS-тред в программаче прямая противоположность нашему. Надеюсь, у нас здесь скоро можно будет задавать глупые и не очень вопросы, связанные с JS.
>>592084"математики шутят". из той же серии
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
>>592126компьютерики шутят
>>592156fancybox попробуй.
Аноны, как у вас sublime text работает с scss? У меня вот переменные почему-то не подсвечиваются, и нет автодополнения по ним. Как бы это пофиксить?
>>592156бля, онклик скейла, 3 строки
>>592188установи scss
Я вот до конца не понимаю, зачем нужен gulp-useref, т.е. мне предлагают писать такое<!--build:css css/styles.min.css--> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/another-stylesheet.css"><!--endbuild-->Но зачем, ведь есть например gulp-concat-css? Чем это лучше?
>>592156http://codepen.io/Clark_Kent/pen/MewVaV
>>592084Такие картинки заставляют задуматься, что американцы действительно тупые. Половина из них ведь в серьёз считает, что границы не нужны.
Аноны, а много вы вообще зарабываете на разработке? ПОсмотрел hh, почитал прошлые треды и показалось, что в том же php и порог вхождение проще и зп приятнее. Или я ошибаюсь?
Не могу найти адаптивный более-менее сложный макет с несколькими страницами. Хочу сделать себе портфолио с версткой на гитхабе, но вот слегка думаю о копирайте.
>>592220х.з, я вот тоже не очень понимаю осмысленность своего выбора, очень уж много здесь всего
>>592193В том то и дело, что установил, но подсвечивается всё, кроме переменных. У тебя из коробки всё работает так же, или по-другому?
>>592220Я еще просто зеленый, но, если ради денег, то больше пользы в том, чтоб учить жабу, мне кажется.
>>592198судя по всему, это поудобнее. настройка подключаемых файлов легче, не надо потом лезть в бади и менять подключаемый файл. т. е. если ты например используешь несколько css файлов, которые идут один за другим, то можно прямо в бади обернуть их линки этими билд/эндбилд и все, результат будет такой же, последовательность файлов в сборке такая же.
>>592220Во фронтэнде порог вхождения ниже. Плюс практически никакого геммороя. Просто если судить то бэкэндщикам в конторе, которой я работаю, то большинство времени они просто методы в апихе правят, в этом ничего сложного. Но бывает такое, что жопа случается и им приходится быстро реагировать и даже ночью просыпаться и править. Я же, хоть и получаю немного меньше, зато с меня и спроса никакого.Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. JS гораздо проще в этом плане.
>>592237>Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют.А JS стало быть неполноценный? Булщит.
>>592241Мне кажется, что он имел ввиду, что верстала не использует JS на 100%, так как от него чаще всего требуется прикрутить слайдер на страницу и сделать так, что бы все свистело и пердело. Другое дело хуячить веб приложуху.
тупой срач mode on
>>592241Ну скажем так, php гораздо сильнее похож на остальные языки программирования типа джавы и прочего. JS же очень сильно выбивается в этом плане. И мне это нравится, плюс у него есть огромный плюс в виде универсальности, т.е. можно спокойно перекатиться из фронтэнда в бэкенд на ноде или вообще совмещать и быть фулстэком. Какой еще язык такое может?
>>592248java, лол
Собственно, я хотел узнать, перекатиться ли из пзп в js ради денег.
>>592273нет
Заебись посты набиваете
>>592188попробуй webStorm
Аноны, поясните за препроцессоры для html. Нужны ли они? Тут мне один бывалый разработчик говорит, что они лучше emmet'a.
Аноны, сегодня читал про системы сборки, и как по мне, grunt пусть и имеет меньше функционала, но его для фронт-енда будет достаточно за глаза. Или я ошибаюсь и стоит потратить больше времени для освоения gulp'a? Rfrbt прикладные задачи вы решали gulp'ом?
>>592373Не вижу не одной причины пользоваться грантом. Галп быстрее и конфиги более понятные и простые.
>>592378А по мануалам как? Например, manual, советуемый на продвинутом интенсиве, подразумевает знания node.js, на получение которых у меня уйдёт около недели.Можешь спалить годноту с настройкой галпа под нужды среднестатистического верстальщика для чайников?
>>592373я на галп перелез, потому что грантовские заборы из скобок это пиздец, а так в принципе однохуйственное говно.
>>592385Никаких особых знаний ноды там не надо. В интернете полно примеров конфигов под стандартные нужды, в которых надо будет буквально только пути изменить под свои и все.
>>592385держи отличный гайд https://css-tricks.com/gulp-for-beginners/
Еще я все время смотрю на TARS, как на любопытный галповский фреймворк, думаю скоро начну им пользоваться
>>592423Спасибо, анонв вашем треде ещё и английский подтянешь, лол
>>592440вот перевод статьиhttp://webformyself.com/gulp-dlya-nachinayushhix/самое забавное, что я начал читать её, потом анон посоветовал мануал на английском, и только ощутив ДЕЖАВЮ, я решил свериться и был приятно удивлён
Собираюсь пилить файловую организацию scss + BEM. Но перед этим решил тут написать.Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
>>592447а что ты кроме autoprefixer-а добавил в финальный конфиг?Я его сюда пихнул, чтобы он выполнялся только при gulp buildgulp.task('useref', function () { return gulp.src('app/.html') .pipe(useref()) .pipe(gulpIf('.js', uglify())) .pipe(gulpIf('.css', cssnano())) .pipe(gulpIf('.css', autoprefixer())) .pipe(gulp.dest('dist'))});
Хотя меня вообще смущает использование useref
>>592447пролистал, самая концовка где он советует доп. плагины отсутствует
>>592483блин, я так и не понимаю, как запустить команду npm init из моей папки project. Что делать?
>>592485заходишь в эту папку через консоль, пишешь npm init
>>592385https://css-tricks.com/gulp-for-beginners/все просто. несколько дней себя попреодолевать и потом охуеваешь, как ты раньше жил без этого.
>>592237> JS гораздо проще > PHPЛол. Твой пост очень похож на вступительную лекцию каких-нибудь очередных говнокурсов "учим джс и джквери за джве недели".
>>592494тебе же переадресую это >>592457
>>592457потрать время на gulp.spritesmithЯ радугой кончал, когда ощутил разницу до и после.
>>592453https://sass-guidelin.es/ru/#section-48https://habrahabr.ru/post/249047/
>>592457вот мой последний конфиг, например.организация папок примерно как в gulp-for-beginnersvar gulp = require('gulp');var sass = require('gulp-sass');var jade = require('gulp-jade');var autoprefixer = require('gulp-autoprefixer');var spritesmith = require('gulp.spritesmith');var merge = require('merge-stream');var replace = require('gulp-replace');var browserSync = require('browser-sync').create();gulp.task('sass', function(){ return gulp.src('scss/style.scss') .pipe(sass({ outputStyle: 'expanded' })) .pipe(autoprefixer()) .pipe(replace('sprite.png', 'images/sprite.png')) .pipe(gulp.dest('app')) .pipe(browserSync.reload({ stream: true }))});gulp.task('jade', function(){ return gulp.src('.jade') .pipe(jade({ pretty: true })) .pipe(gulp.dest('app')) .pipe(browserSync.reload({ stream: true }))});gulp.task('sprite', function () { var spriteData = gulp.src('app/images/sprite/.png').pipe(spritesmith({ imgName: 'sprite.png', cssName: 'sprite.scss' })); var imgStream = spriteData.img .pipe(gulp.dest('app/images/')); var cssStream = spriteData.css .pipe(gulp.dest('scss/components')); return merge(imgStream, cssStream);});gulp.task('watch', ['browserSync', 'sass', 'jade', 'sprite'], function(){ gulp.watch('/.scss', ['sass']); gulp.watch('.jade', ['jade']); gulp.watch('app/images/sprite/.png', ['sprite']); gulp.watch('app/.html', browserSync.reload); gulp.watch('app/js//*.js', browserSync.reload);});gulp.task('browserSync', function() { browserSync.init({ server: { baseDir: 'app', index: "index.html" }, })});
>>592496Но он действительно проще. Работаю на работе и с тем и с другим, поэтому могу сравнивать.
>>592507Что ты тогда делаешь здесь?
>>592508Общаюсь, помогаю ньюфагам. Сам с верстка-треда начинал когда-то.
>>592499вот именно, только я думаю перейти на TARS, так как он еще можно делать svg спрайты >Добавили возможность использовать SVG-символы. При этом есть возможность выбрать вариант подключения готового спрайта символов: вставить код спрайта в тело каждой страницы, держать все символы в отдельном файле, а при подключении указывать путь до этого файла (естественно, автоматически) или дать возможность вам самому реализовать подгрузку файла с символами.
https://habrahabr.ru/company/2gis/blog/302374/
>>592502а ты юзаешь angular или react, как они сочетаются с jade?
>>592516не юзаю, не подскажу.
npm install gulp --save-devВыполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
>>592521да
>>592502блядь, песочницу юзайте. Заебали код в тред бросать.
>>592521смотри не закоммить ее
>>592521Да, он же за собой зависимости тащит.
>>592502>>592524http://jsbin.com/juwuzeboze/edit?js,output
>>592512большинство макетов, с которыми работал не имели векторной графики (либо надо было ебаться с экспортом, тратить время, чего не требовалось по ТЗ). Так что пока обычные пнг спрайты собираю.
>>592507Не хочу скатывать тред в /pr срач, но на мой взгляд цепочка "сложности" примерно такая: питон => похапэ => jsПохапэ намного проще чем js, после полугода питона я уже через неделю написал свой примитивный пэхапэшный файлообменник, а еще через месяц забил хуй на этот уродский язык (может и зря, сейчас бы уже вовсю клепал всякое ларавел/йи2 говно на апворке).JS сейчас учу около месяца, он похож на ебанутую девочку-отличницу. Вроде послушная и живет по расписанию, но может случайно выйти в окно если ты ей не скажешь, что дверь в другой стороне.
>>592527>2016>Jadehttps://www.reddit.com/r/Frontend/comments/42z8uy/jade_template_language_forced_to_rename_to_pug/
>>592533что ты имеешь против jade? Yf полном серьёзе хочу им обмазаться, возможности впечатляют.
>>592533но всяко лучше чем>2016>html
>>592534Текст не читай @ В тред отвечай. Jade переименован в Pug.Обмазываюсь им каждый деньАлсо, слабо разбить эту хуйню на модули в разные файлы? >>592502
>>592529Хуй знает, по-моему вообще вся эта "сложность" понятие относительное. Кому-то один язык легче дается, кому-то другой.
>>592542>Алсо, слабо разбить эту хуйню на модули в разные файлы?зачем?
>>592501Благодарствую
>>592544Это да, и все же пэхапэ потворствует на быдлокод, питон сам по себе примитивен, а у js дофига ебанутых подводных камней. Надо бы еще руби попробовать на досуге, говорят на рельсах прямо сразу же можно начать пилить говносайты.
>>592210Большое спасибо
>>592604По-моему не язык потворствует, а просто он привлекает людей, который этот самый быдлокод пишут. Вон у нас на работе iOS и андроид разрабы даже больше жалуются на говнокод своих предшественников, чем веб разрабы. Хотя наверное любой старый проект открой и будешь охуевать от говнокода. И это хорошо на самом деле.Я тоже хотел руби учить, но не рискнул. По-моему всякие хипстерские языки можно себе позволить учить только тогда, когда ты уже успешен и можешь себе хотя бы полгода-год без работы сидеть.
>>592621Уже ни раз говорилось, что руби популярен лишь в рахе.
Итак, моё знакомство с консолью продолжается. Смотрите, после запуска gulp watch консоль помирает, и не реагирует ни на какие команды. Что делать?
>>592626Смотря как помирает. Если там идут логи типа: server started at localhost:, то все норм. Консоль не мультизадачна, так что перестань ее трогать, начни трогать версточку. Если во время изменений в верстке консоль не реагирует, то у тебя проблемы, парень. Хуевенько написан gulpfile.js, копайся и ищи проблемы в нем.
>>592626ctrl+c
>>592627Вот так должна реагировать консолька на изменения в файлах, если ты все правильно прописал. Чтобы отключить все это безобразие, жмякай ctrl+C
>>592625Ну да, 12-ое место в мире с трендом на понижение это конечно не очень радует.
>>592627Проблема в том, что консоль беспрерывно выполняет какой-то процесс (даже не какой-то, а gulp-watch.) И пока она его исполняет, она не исполняет ничего другого, лечится только закрытием. Как вообще насильно убить процесс в консоли?
>>592635Это нормально, вырубай процесс клавишами ctrl+C. Это происходит потому, что консоль не мультизадачна. И пока она делает что-либо, ты не можешь в ней работать.
>>592635А ты хочешь что бы он к тебя один раз посмотрел на файлы и закрылся? Дайте ему картинку с палкой в колесах.
Верстаны, а как такое вообще делать? Каким - то образом с помощью градиентов?
>>592646Картинку фоном, так быстрее всего
>>592638Спасибо.>>592641Нет, я хотел узнать, как отрубить процесс, когда он не нужен. Просто мой максимум в консоли - это когда я недолго пользовался убунтой и по мануалам из интернета ставил необходимые программы из репозиториев.
>>592646Картинку фоном
>>592648>>592659Это нормальный подход? На цсс такое вообще не сделать?
>>592646псевдоэлементом
>>592525Анон, а почему бы её не закоммитить? Допустим, если кому-то не хочется качать плагины галпа по одному, он может взять мою папку node_module и невозбранно ей пользоваться. Или я неправ? Вообще, где должны по хорошему храниться все модули node.js и как их туда поместить?
>>592646пиздец конечно ты скинул огрызокВырезаешь эту белую волну, трассируешь в свг и вставляешь псевдоэлементом
>>592662Ээм, ты, видимо, не понял. Вырезаешь ту белую картинку, ставишь ее фоном на псевдоэлемент, псевдоэлементу делаешь абсолютное позиционирование и z-index: 10
>>592672Для этого есть package.json и npm init. Сохраняешь dev-dependencies в package.json, потом скачиваешь его и запускаешь npm. Вуаля, у тебя есть готовый шаблон для работ
>>592664>>592673>>592675Спасибо!
>>592679Сейчас я как раз качаю плагины из этого блока dev-dependies, но по одному. Как бы это автоматизировать?
>>592684Неужели просто при помощи npm init? Просто я боюсь, что использование этой команды мне просто всё обнулит.
>>592689npm install введи и все, он автоматически скачает все, что находится в package.json. Соответственно другой чувак, когда скачает твою репу, то тоже введет npm install и больше ему ничего делать не надо будет.
>>592689Если ты напишешь npm init в папке где есть файл package.json, то все плагины, которые прописаны в нем в div-dependencies автоматически установятся
>>592694>npm initnpm install фикс
>>592695>>592693спасибо, аноны. Что ж, сегодня я немного разобрался с галпом, можно и спать пойти.
Список в ячейке таблицы это нормально? Там действительно таблица, а в паре ячееке маркированные спискиКакой - то ебанутый макет попался
>>592706Скрин в студию
Пекарик в желтых бутсах играет, лол, когда остальные в белых
>>592714упс, мимо
>>592714Не слишком говнистая у меня структура получилась?Рекомендации приветствуются.
>>592719Батонс, наверное, лучше в components засунуть
>>592721У него же с бэмом, там блоки вместо компонентов.
>>592722А, все
>>592721Меня терзали сомнения, но что-то еще тогда нужно туда сувать...
>>592724Вот так легко меня, ньюфага выбить из колеи.
>>592719А куда папку с подключаемыми локально шрифтами лучше засунуть? В base?
>>592728не папку а файлфикс
>>592719grid своя или бутстраповская?
>>592719>>grid.scss Многие тут действительно используют отдельню сеточную разметку на подобии бутстраповской?Часто вижу упоминание здесь.Мне, как-то, привычнее стилизовать каждый блок и компонент в нем непосредственно по мере написания, а не присваевать им col-md-xs и прочее, или так действительно удобнее?
>>592731грид моя, ну там .container лежита в base.scss стили для body, img, ul
Пацаны, я правильно понимаю, что для бэка нужно делать обертку под размер чекпоинта? Или можно как-то прописать, чтобы бэк выходил за рамки блока?
>>592732Скажем так, если у тебя есть много свободного времени на создание и отладку кода, то можешь делать свой собственный грид. Если времени не так уж и много, проще взять бутстраповский грид и слегка переписать под себя в случае чего. Правда, отдельные петухи могут начать орать, что написать свой грид несложно, всего полчаса, а то и меньше. Специально для таких петухов, если они еще остались: Написать грид не так уж и сложно, но если нахуярить его за полчаса-час, то получится лютое говно, которому даже до бутстрапа пидорить как до луны.
>>592735Что прости? Не понял тебя
>>592737Зеленая хуйня 960, бэк 1440, мне оборачивать 960 в 1440 для бэка? или бэку можно задать, чтобы он из 960 вылазил на 1440?
>>592736https://canonium.com/articles/tutorial-css-grid-buildВот, парень написал, вроде нормальная, можно использовать ее. Но я имел ввиду не это, а вообще верстку без грида.
>>592739Бэк - контейнер, а зеленая хуйня - блок внутри нее? Скинь код в песочнице, чтобы было понятнее.
>>592719где можно почитать про то как правильно раскидать такие файлы?
>>592741Нет никакого кода, я же спрашиваю, как правильно сделать?
>>592743Мля какой ты душный. Ебень фотку бекграундную на 1440, а ширину блока внутри ограничивай по 960, а атм уж хочешь по центру выравнивай хочешь маргин слева делай.
>>592746И фотка на 1440 выйдет за границы блока, за 960?
>>592742Сам хотел бы знать... Везде СМАКСЫ-ХУЯКСЫ, а про православный БЭМ нигде инфы нету. Не говорю про фуллстек от Хуяндекс, но эта та еще шляпа.можешь вот тут посмотреть, я половину от туда взял >>592501
>>592748Нижний слой - фотка в 1440. А внутри него и как бы сверху блок в 960.
>>592740Верстки без грида не бывает. Всегда есть сетка. Просто в одном случае будет одноколоночный макет, а в другом - 12-колоночный.
>>592752Это типа тот монстр как у райот пиксельз?
>>592750ты галп используешь? Иль такое без него надо пробовать?
>>592751Обертка блока - 1440px и там бэк, сам блок 960 с контентом, я правильно понял?
>>592760ДЫА
>>592758Использую grunt.Завтра буду ставить gulp ради интереса.Ну ты конечно можешь использовать программу для компиляции своего препроцессора (scss, less), но нахуя это нужно, если все-равно рано или поздно придется ставить grunt, gulp. Уж очень сильно они ускоряют процесс работы.
>>592763Поздновато ты на галп решил переходить.мимо
>>592763ну я начал использовать gulp вчера со всем. Поэтому спрашивают, как это все применять в нем конкретно?
>>592764почему?
https://canonium.com/articles/tutorial-css-grid-buildне знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
>>592768Потому что нужно было переходить раньше. Галп в разы побыстрее будет, грант уже устарел уже как год, если не больше. Как-то один знакомый тестил галп и грант на Итар-тассе. Галп собирал шаблоны за секунды, а грант повисал на пару минут, иногда вылетая.
>>592772У меня всего 8 тасков было прописано в гранте. Не ощущал никаких неудобств.Сейчас вот хочу залезть в оптимизацию верстки по хардкору. Вот для этого и планирую поставить галп.
>>592770Просто импортишь в главный сасс файл, а потом компилишь в главный цсс, и уже используешь его
как сделать такое "наложение бэкграундов"?
>>592779>hire me
>>592779подожди 1 минуту, будет ответ.
>>592779>>592784Блять, заебался. Еще нужно проверять при разных размерах экрана, могут быть проблемы.http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
>>592789чет у меня в хроме на 1024 ширине экрана не работает
>>592790Че? Все работает, от 320 до 2000
>>592791просто один див показывается, хз может афтер и бефор под ним спрятаныно походу это ты не то сделал, что нужно, нужны 2 дива идущие друг за другом с разными бакграундами, бакграунд верхнего как-бы залазит на бакграунд нижнегоа у тебя просто афтер и бефор обрезают снизу область, но бакграунд неналазит
>>592793я понял в чем проблема. Сейчас попробуй.Просто я задал боди overflow: hidden, для того, что бы убрать горизонтальную прокрутку.
>>592794разобрался, с белым прозрачным бэкграундом работает так как надо, но если вместо белого прозрачного фона ставить картинку, то получается фигня: http://codepen.io/rando/pen/YWXjjq?editors=1100
>>592797Нет, ты не разобрался. Просто еще раз тыкни вот сюда.http://codepen.io/pidaraha/pen/GqJBOj?editors=1100Я же сказал что исправил уже свою огрешность с overflow: hidden в body
>>592798ок, но как сделать, чтобы на этих афтер, бефор и нижнем диве был имедж цельный, чтобы выглядело, как-будто это ценльный бэкграунд?у тебя сейчас просто снизу там белый цвет и прозрачность, надо заменить белый цвет и прозрачность на другой имедж, и чтобы это выглядело не как 2 перевернутых квадратика с одинаковыми картинками а одна картинка поверх обоих этих бефор и афтер
>>592743Создаёшь контейнер, в котором будет эта большая картинка.В этом контейнере пишешь правило background: url('/yoba.jpg') center(чтобы центрировать изображение по горизонтали) top/center/bottom(по вкусу центрировать по вертикали)
>>592801Блять, я думал что там всего одна картинка, а не две. Пока я не вижу целого макета, я не могу сказать как лучше сделать.Но уже поздно.
Подскажите плз какие технологии мне учить если я хочу разрабатывать браузерные игры типа приложений вконтакте/фейсбуке?
Посоны, вопрос чисто рыночный. Можно ли будет сеошнику перекатиться на должность веб-мастера но не джуна?Сейчас вспоминаю верстку и через пол-года планирую сменить род деятельности. Но вот перспектива опять въебывать за 20-25 руб не очень радует.
>>592816А зачем тогда вспоминаешь?
>>592817Тому що еще в конце шаражных годов проходил практику версталой в одной студии. Но там все на блоках с флешом было, да и вообще я тогда распиздяем лютым был.Сейчас посеошил сайты в паре контор и понял, что на зп чуть выше уборщиц сидеть не вариант.
>>5928186 лет понимал? Ничего себе. Нет, придется с самого начала идти, т.к. верстка и сео почти никак не пересекаются, как отдельные винтики механизма. Если ты хочешь быть фулстак спецом то да, но это ты долго еще будешь доучиваться.
>>592819>6 лет понимал?Да нет. Года два всего поработал.>верстка и сео почти никак не пересекаютсяМне по роду деятельности приходилось и вордпресы ставить, и html/css-код править. Даже в коде пары плагинов поползал.
>>592820Так то править-ставить. А это все с нуля с макета писать. И так чтобы красивенько было и быстро работало и код был норм.
>>592821Бля. Расстроил ты меня чет.
>>592822Сиди на попе пока. Кризис же. Если что и так выгонят. А сам пока вон на августовский курс академии запишись. И курсы у них проходи пока.
>>592823Базовый прошел уже)На кризис похер. И так и эдак нихера по итогу не имеешь.
>>592823А это не лоховство платить за курс когда он есть на торрентах?Или тут эта схема что раз заплатил то будешь ценить информацию и не халтурить с изучением?
>>592825Ну во первых да - ты заплатил и ты скорее всего освоишь. Если для тебя 12 к существенные деньги офк. Во-вторых там есть наставник - он может сказать пару вещей, которых нет у них в лекциях, в курсах и т.д. Или скорее выделить их. Это как фитнес. Так то бабы могу попрыгать и дома или на холохубе пресс покачать. Но коллектив + специально место + специально время = привычка и повышенная мотивация. Но конечно и минус деньги. Но что поделать.
Верстаны, есть такая хуйня. Как сверстать ее на флексах, не прибегая к заданию жесткой ширины контейнеру?
>>592835Внутри контейнера придется еще два дива делать, внутри которых по 3 этих кнопки социалок будет. Ну а потом контейнеру пишешь flex-direction: column и все.
>>592836Ох ебать, мне проще проставить ширину контейнера тогда
>>592837Вот и правильно. Просто для flex-wrap'а нужна фиксированная ширина контейнера, чтобы он знал, когда надо перенос на следующую строку делать.
>>592838Олсо, не подскажешь, какова степень поддержки иконочного шрифта?
>>592839В смысле? Это же шрифт, следовательно поддерживается любым браузером, который поддерживает подключение шрифтов.http://caniuse.com/#feat=fontface
>>592840А если иконки будут в svg? Тогда с поддержкой можно проебаться, вроде как
>>592841SVG шрифты? Да, у них хуевая поддержка.
>>592843По сути, современный иконочный шрифт делается при помощи svg, он нормально работает, тот же font-awesome на svg-иконках, twitter bootstrap использует glyph-icon, он тоже нормально отображается.
>>592844Не, это то понятно, я думал ты конкретно про шрифты с расширением .svg говоришь.
>>592845Не, но уже проверил их поддержку, их вообще выпилили.Олсо, завел эту тему, потому что хочу предложить начальству сделать свой шрифт и не хочу проебаться.
Блин, всё не могу подключить jade в gulpfile. http://codepen.io/anon/pen/pbJOLM?editors=0010Посмотрите пожалуйста, что я делаю не так?
>>592849Для начала попробуй разделить папки: в папке dist исходники, в папку app собирай файлы. Потом бери из папки dist jade и собирай, сейчас у тебя берутся файлы из папки app, видимо, там нихуя нет исходников.олсо, у тебя компилятся все файлы во всех папках, найденные на проекте, лучше создай папку pages и в ней создавай шаблоны страниц, подключая блоки из папки blocks.
>>592851>все файлы во всех папках, найденныев папке appфикс
>>592851У меня в dist минифицированные файлы для продакшена, а в app - исходники. Пытаюсь вот собирать из папки jade исходников файлы по крайней мере в корень девелоперской папки, а затем gulp сам всё переносит в продашен и минифицирует.Но где-то я проебался и у меня это всё почему-то не работает
>>592853>>592851Свершилось! После двух часов ковыряния таки заработало, а всего то, нужно было копировать таск для сасса и поменять там sass на jade.
>>592849Олсо, че за нахер? Нахер тебе коллбэк, во первых, во вторых, нахер ты его еще и прописываешь? Убери эту хуйню. пиши вот такgulp.task('build', function(callback) { runSequence(['sass', 'jade', 'useref', 'images', 'fonts'])})>>592854Ээм, начнем с того, что ты можешь сразу собрать галпом верстку из jade-шаблонов, тут же ее минимизировать тем же галпом и отправить в папку dist тем же галпом. И все это за одну функцию.Олсо, пикрил 2 может быть проблема из-за пути.Как пофиксишь, попробуй запустить чисто gulp jade, и посмотри, что выкинет консоль. Заодно и сюда скрин кинь
>>592856Проблемы в пути "/app" as is. надо так: "app/"
так парни, замотивируйте меня цифрами заработков с верстки. Я прошел много курсов и много уже умею, много верстал, сейчас у меня почему то упадок не могу заставить себя работать, при том, что вот оно один макет сверстать в портфолио и я хочу стартовать на фрилансе(Есть конечно много пробелов в знаниях, хочу в процессе подтянуть ибо верстать просто так сил никаких нет и мотивация падает). Многим думаю эта проблема знакома когда все есть и время и знания, рабочее место вот реально все, а ты сидишь и ничего не делаешь, хотя времени и денег вложил оче много, как быть ананасы?
>>592860Не дрочить с недельку.
>>592862не понимаю как это к вопросу относится, но если не спускать некоторое время, в голове будут мысли только об этом, я хз.
>>592863Нет у тебя тупо появятся силы.
http://codepen.io/anon/pen/BzNOXb?editors=0010Мда, я продолжаю мучаться с галпом. Почему-то не работает gulp.spritesmith, как думаете, почему?
>>592864сил жопой жуй, реально. Верстка по сути вообще их не забирает, ну бывает голова поболит, но это крайне редко, ведь все равно на жопе сидишь весь день и нечего не делаешь, лень поглотила меня
>>592866Силы - это не физические силы. Это и желание что-то делать и сила воли.
>>592866https://vk.com/video?z=video151666199_171592615%2F662015e355e3306f87%2Fpl_updates
>>592867Понял тебя, я отдыхал много, упадка быть не должно, раньше я ночью верстал и норм все было.
>>592869Ну ты тогда вдвойне дурак потому что ночная работа отнимает вдвое больше сил, а дневной сон силы почти не восстанавливает. Окситоцин и прочие вещи.
>>592870это раньше было, сейчас я в 12 сплю уже, стараюсь только днем верстать, желанной цели нет, в этом вся беда
>>592870а мне ночью наоборот больше нравится работать. Как-то свежее, спокойнее, продуктивнее, да и если спать днём - за глаза 6 часов хватает, а ночью - могу и 12 часов проспать. Если б ещё мамка не была адептом того, что восстановление идёт только ночью, давно б уже на ночной режим переключился б.
>>592883Это не адепт. Это медицина. Кто ночью работает те быстрее стареют и шанс рака на 30 % выше что ли.
>>592865Бампану вопрос. В консоли выводит ошибку ReferenceError: spritesmith is not defined , как бы её пофиксить?
>>592896уже нашёл ошибку.Вообще, это нормально, когда я туплю над кодом часами в поисках ошибки?
Здравствуйте. Заметил такую вещь - как только начал интересоваться версткой, вошло в привычку, заходя на любой сайт, изменять ширину окна браузера и смотреть исходный код страницы. Собственно часто вижу подобную пикрил-картину - это вообще нормально столько классов писать? Как и чем это объясняется?
Нубский вопрос опять, как сделать, чтобы бэкграунд у верхнего дива вылазил на бэкграунд нижнего как на картинке. У обоих дивов картинки бэкграундом.
>>592994z-index
>>592997как сделать, чтобы он такой треугольной формой вылазил?
>>593012иди нахуй и думай
Итак, продвинутые верстаны. Смотрите, jade преобразуется в html-файл, в котором отсутствуют переносы строк. Вроде всё норм, но это критично при работе плагина useref. Так вот, какими дополнительными свойствами это можно пофиксить?
>>593012Ну ты тупой. Этот треугольник в фш рисуют.
Объясните, на что он жалуется?
>>592921Это modernizr, js-инструмент для проверки, какие возможности есть в браузере типа: svg, canvas итп, и для каждой рабочей возможности добавляет свой класс. Потом программист что-либо делает исходя из присутствия/отсутствия определенного класса у html. Сам раньше охуевал от этого, пока не узнал про него.
>>593017Со скобками проебался. Ты код ошибки то читай.
>>593017Это sass, фигурные скобки где, блядь?
Верстаю SASS, синхронизирую все это через browserSync в гранте, пока верстаю смотрю - все нормально. Но билд собирается криво и много верстки херится. Почему может быть так?
>>593020так это же сасс файл.
>>593023Верно, блядь http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media читай документации, у тебя ошибки вылетают из-за неправильного написания синтаксиса. Если сильно жмет, переходи на stylus/
>>593024никогда не ставил их, и работало все шикарно раньше. Пока не попробовал через галп что-то попробовать. Вот теперь так жалуется
>>593015бамп вопросу. Нужно чтобы в компилируемом при помощи pug html-файле код шёл не одной строкой, а переносился.
>>593026У .container тоже скобки сделай
>>593022Как раз за сасс терете. Вот такая картина примерно: первый пик - слежу через browserSync, все нормально с версткой, второй пик - после всех задач, все хуево. Причем думал я что-то накосячил в гранте, попробовал через препрос сделать, все равно все поехало.Такое ощущение, что какие-то свойства переопределяются.
>>593035может быть такое, комбайн-медиа-кверис например спокойно может перенести какой-нибудь важный класс куда не надо и все пойдет по пизде. особенно если это жс-класс.
>>593035Хз даже, посмотри по скомпилированному css, найди, что проебывается.
>>593035В инструментах разработчика посмотри какое свойство перекрывается
>>593032не понимаю,как именно. Уже все перепробовал ошибка все такая же, как тут >>593026
>>593049Вот так
>>593032чушь мне тут нес какую-то, не нужны там вообще скобки, как я раньше говорил.
>>593053не путай scss с sass
>>593057Так-то это 2 синтаксиса одного языка
>>593059в сасс не надо ставить {} запомни. Синтаксис один, но где-то ставят, а где-то нет.
>>593061Я знаю
>>593043>>593045>>593048Все, разобрался, неправильно прописывался путь к css.
>>593028Так, я немножко продвинулся в решении задачи, теперь код выглядит нормально, но всё-равно, как бы я ни бился, комментарии на новую строку не переносятся, а интерпретатору useref это важно. Как бы это пофиксить? Есть в jade символ просто переноса строки в дочернем коде?
>>593072в gulpfile:.pipe(jade({ pretty: true }))
>>593074имнно так я и сделал, анон. сам копался в англоязычных доках и таки нашёл, да. Кстати, можно задавать ещё и строковое значение. Но вот комментарии gulp мне всё-равно не переносит, даже больше скажу, после комментариев jade ломается.
>>593074Ура, получилось. Нужно использовать в офву свои комментарии //
Итак, аноны, после суток страданий могу залить на гитхаб конфиг моего галпа с инструкциями по установке и комментариями.Состав конфига:-автоперезагрузка-минификатор скриптов, css и картинок-сборщик в production-папку -работа со спрайтами-scss-pug (jade)Интересно кому-нибудь? В шапку закинете?
>>593083Ээ, а ты ставил вот такие? <!- ->?
>>593093Да, именно так. Посмотрел, что нужно ввести в html вот это, думал, сойдёт то же самое ввести и в jade.<!--build:css/js css/style.min.css или js/main.min.js -->... HTML разметка, скрипты/ ссылки.<!--endbuild-->
>>593102Понятно
Парни, помогите с явой. Есть слайдер с автопрокруткой, в нем небольшие изображения. Как сделать так, чтобы при клике на слайд рядом открывалось поп ап окно с большой версией этого изображения? Вот код http://codepen.io/rastatotasto/pen/rLVQGQ
>>593150Во первых, это нихуя не ява, javascript, это разные, блядь,языки. Во вторых, посмотри в сторону fancybox и bootstrap modal.
>>593163Ты долбоеб?По твоему нельзя назвать явускрипт явой?Принимая во внимание, что это тред для изучения фронтэнда, а значит речь может идти об одной только яве, которая яваскрипт, ну ты понял.За fancy спасибо
>>593088поч галп? Чем он лучше гранта?
>>593088нахуя? тут уже все естьhttps://css-tricks.com/gulp-for-beginners/>>593171всем
>>593182тут нет джейда и спрайтов
>>593150сделай скрытую панель с фиксед позиционированием по центру экрана размером как тебе надо и при нажатии на имедж ставь чтобы эта панель была видима, а так же меняй внутри изображение
>>593185Ну блять, это и самому можно добавить.
>>593182ответ исчерпывающий по галпу, сколько не гуглил ед разница в точ что он там на пол секунды быстрее
>>593165Потому что ява и яваскрипт - разные языки. На тебя как на долбоеба смотреть будут, если ты пизданешь ява вместо яваскрипт. Не путай термины и не смешивай яву и яваскрипт, даже в названиях.
>>593165Я давно ушел из явы, но вангую, что она выросла настолько, что можно ею и фронтэнд ебошить. Так что двачую анона, который тебя обосрал с понятиями.
>>593227на ней всегда можно было фронт ебашить, апплетами. Но думаю, яваскрипт для фронта всё же получше.
Ебать, зашел на хтмлакадеми, прошёл урок по ЛЕСС, охуел какое говно. Цвета, блять, подбирать по палитре.
Блять, посоны, я сдаюсь, я не могу сделать эту ебаную хуйню для пинка. ПОДСКАЖИТЕ ПОЖАЛУЙСТА, НЕ ПОСЫЛАЙТЕ НАХУЙ.https://codepen.io/coalalala/pen/OXVBrV
Есть div контейнер шириной 1600рх. Внутри него есть div, содержащий 4 ссылки. По какой причине внутренний див может отказываться центрироваться относительно родителя по margin: 0 auto; ?Даже http://howtocenterincss.com/#contentType=div&container.width=1600px&horizontal=center&vertical=top&browser.IE=8 советует именно этот способ.
>>593285на какой хуй лепить 2 прямойгольника и пытаться их подгонять, когда можно сделать 1 треугольник
>>593289Сделал наконец-то.
>>593288Вопрос отпал.
Напомните как сделать так, чтобы была граница по ширине слова. Где-то помню это объяснялось, но уже не помню где...
>>593325может это бордер снизу просто
>>593325в барбершопе box shadow использовали
>>593325box-shadow:0 25px 0 -20px white;где -20px - размер паддингов
Насколько семантично в заголовки запихивать ссылки? В смысле вот идет заголовок, а рядом с ним есть кнопка, которая всегда доложна быть справа от него. Задавать ей относительное позиционирование от родительского контейнера кажется каким-то уебанством. А если пихнуть ее прямо в заголовок? Или это будет еще хуже?
>>593325вешаешь на ссылку псевдоэлемент и задаешь ему left: Xpx; right: Xpx;
>>593192Проще синтаксис и да он быстрее, ну то есть так и есть - он лучше всем
>>593330>>593341>>593345>>593348Проблема как всегда в адаптивности. По-ебанутому просчитывается его ширина, если задавать в процентах и по ширине слова не получается.http://codepen.io/coalalala/pen/EyjGvP
>>593374а ты нахуя там спанов нагородил? привяжись к ним попробуй.http://codepen.io/anon/pen/xOGmJg
>>593374что не так, если в твоем примере на спан бордер ставить?span{ background:#F00; border-bottom:10px solid green; }
Поцаны, чё такого сверстать чтобы в портфолио положить стыдно не было?
>>593411nytimes.com сверстай
>>593425Не смогу :(
Знаете в чём главная проблема базового интенсива?А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
>>593435Нет в базовом интенсиве никакой проблемы. Першин показал способ сверстать сайт минимально убогим способом. Т.е. он все еще убогий, т.к. не использует современных техник и технологий, но все равно он лучше, чем как некоторые долбоебы делают верстка абсолютным позиционированием всех элементов.
>>593347бамп вопросу
>>593445Вот, а на других макетах начинается куча вопросов, потому что там другие техники, а показаны они не были.
>>593411сверстай одностраничный сайт про арнольда шварцнеггера, где разделы будут:-преимущества арнольда-функции арнольда-цитаты об арнольдеи т. д.
>>593450Нахуя? Хотя, какой вопрос, такой и ответ.
>>593449А что ты хотел от базового интенсива? Препроцессоры, галп, адаптивность, фреймворки? Чтобы не растягивать кол-во уроков и их длительность %%а соответственно и стоимость участия и сделали продвинутый интенсив.
>>593451>Нахуя?потому что тебе нравится арнольд, он всем нравится
>>593453Да при чём тут перепроцессоры и вся хуйня, ты читаешь что я пишу?Если бы показывали РАЗНЫЕ методики даже самой тупой и убогой верстки, было бы просто замечательно. А так они показали только вёрстку ОДНОГО сайта. А потом появляются вопросы. Как сверстать центральный логотип в седоне? Как сверстать телефоны в пинке чтобы они выходили за пределы дива? А хуй знает, ведь мне только барбершоп показали!
>>593456>седона, пинкЭто макеты для продвинутого интенсива, как бы.В базовом про седону специально говорили, что макет сложнее техномарта и нердса, т.е. от верстальщика потребуется больше гугления и времени на верстку.
>>593456Короче, этот анон говорит о том, что в базовом макете даются базовые навыки, которых не хватает для работы с реальной версткой, которая будет хоть немного отлична от барбершопа.В ответку, а что ты хотел от базового интенсива. Скажу тебе по секрету, что базовый js-интенсив вообще не стоит смотреть, он еще более убог, чем базовый html.А так, вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно, потому что нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.мимо
>>593460Я хз, чем он там сложнее, седона очень легкий макет для верстки.>>593467Ну так и где познать все эти тонкости? Вот я сверстал пару сайтов по принципу хуй-знает-как. Что дальше?
>>593470>что дальше?Смотри продвинутый интенсив, учись в адаптивность.
>>593470Ты жопой читаешь? Я же написал: >нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.>вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельноБерешь, проходишь базовый и продвинутый интенсив. Хуяк, и ты уже знаешь основы верстки. Затем берешь, и хуяришь какой-нибудь макет, отличный от седоны и прочего html-academy-шлака у этих ребят последние месяцев 4-5 одни лендинги в рассылке и верстаешь его. Во время затупов лезешь в гугл и гуглишь, сука, гуглишь. Загуглил, применил, проверил. Подошло - молодец, справился. Не подошло - хуйло, ищи новый вариант.Потом, сука, берешь и ебашишь в какую-либо компанию, мразь, блядским джуном и учишь js, параллельно посасывая у главного версталы или тимлида. Потом через год-два, если захочешь, увольняешься с работы ннаахуй и пидоришь на новую с большей зарплатой. Или можешь с начальством договориться на повышение должности и зарплаты.Ну и далее пидоришь все выше и выше, пока не упрешься в свой потолок у тебя он 10-15к в месяц.
>>593479Двачую этого господина. Всё по полочкам разложил, хоть в шапку добавляй.
>>593467Базовый js норм на ускоренной перемотке после того, как освоил кантора/фленагана и порешал алгоритмические задачки. С домом попрактиковаться, формочки повалидировать, сойдет за бесплатно. Тем, кто платил, хочется посочувствовать на самом деле нет, не хочется, так им и надо, хахатоже мимо
>>593425Там проблема не в верстке, а в динамическом рендеринге, это уже надо фреймворки упарывать и желательно хоть чутка в бекенде шарить.
>>593479>Потом через год-дваЧто там делать два года? Мне кажется тоже конченый тормоз станет богом верстки максимум за полтора и захочет расти во фронтенд.
>>593494Я как раз смотрю с позиции человека, который уже прогнал почти всего флэннагана и кантора, меня порадовало только изложение про cookies и localStorage, кратко и понятно. Остальное - шлак. Но оно и понятно, за пару месяцев никого нормально js с нуля не научишь, слишком много подводных камней.
>>593501А где ты Кантора смотрел? На ютубе не нашел
>>593503Я его уроки на learn.javascript.ru проходил, смотреть не смог, у него какие-то проблемы с речью ,из-за чего слова в поток сливаются, и он очень быстро говорит. Находил на nnmclub.to.
>>593506Я просто читаю что многие его видео уроки очень хвалят, но с ютуба он их почему-то выпилил. Попробую на этом сайте найти.
>>593503Есть на nnm или как там этот торрент называется, можешь поискать. Я смотрел, хуита, 1 в 1 пересказ учебника (лерн.жаваскрипт который).
>>593573Двачую, скидывал сюда однажды, не прижилось
Верстаны, я правильно понимаю, что для резиновых сайтов нужен и центровщик контента в процентах? Объясняю, верстаю лендинг, ширина по макету 1920пх, то есть, шапка, мэйн да и футер растягиваются на всю ширину экрана, но контент в них центруется по ширине 1240. Нужно задать эту ширину в % и авто отступы. Я прав? Просто у меня монитор в 1366 и нет возможности проверить
>>593638Сочувствую.
>>593638http://lab.maltewassermann.com/viewport-resizer/Вот тебе закладка, на ней проверяй все размеры
>>59347910-15к? Гонишь сука ведь, хочешь сказать fron-end разрабочтик имеет 10-15к? Пруфы есть?
>>593479Тонко. Хотя смотря в какой валюте.
Ладно, смотрите ребят, я понаеду в ДС через две недели, и меня устроит даже 35К на первое время. У меня нет реального опыта, я сверстал только пару адаптивов html-академии, и еще когда-то просто пару сайтов, так же я знаю git, gulp, jquery, и ванильный js, хотя нихуя на нем, кроме слайдера, не делал. Насколько мне будет сложно найти работу, и как по быстрому мне набить портфолио сейчас? Устроит ли просто накидать свою верстку на github pages?
>>593655Ты знаешь ванильный js и сделал на нем только слайдер? Ты не знаешь ванильный js.
>>593647И где он написал, что:>fron-end разрабочтик имеет 10-15к>Ты жопой читаешь?
>>593658Что мне на нем сделать?
>>593660Ну ты же по книгам учился или как? Там же была куча примеров. И ты не пробовал все это реализовать на своих страницах?
>>593662Я делал то что было в книгах, но не то чтобы это было мне сильно нужно на страницах. Все эти шаблоны из головы довольно быстро уходят, хотя найти мне их будет не сложно в книге, если они будут нужны.Ну естественно, bootstrap я тоже знаю.
Может нахуй тогда ДС? Мне этих денег хватит здесь минимум на 4 месяца, можно за это время стать с моего уровня хтмэльщика более-менее фронтэндером, только я боюсь, что нихуя все это время я делать не буду, и осень окажусь тем же мухосранским html без минимальных денег на понаезд в дс.
Я в раздумьях
Если ты спрашиваешь на дваче вопросы за судьбу в треде про технические вопросы, то да - нахуй ДС.
>>593690Мне вот интересно, вы когда спрашиваете эти дурацкие вопросы на двачах, реально в расчет берете ответы?
>>593738Двачую. Тред про фронт, а не совет за жизнь.Хотя мне проще, я сам в ДС снимаю и хочу научиться фронту =(
>>593741а почему до сих пор не научился?
это кстати очень приятно, можно заливать на гитхаб пейджес и заходит уже с настоящего мобильника для тестирования
>>593743Да сессия ебаная была + ушел с прошлой работы, где работал по 10 часов. Сейчас устроюсь на другую, но хуй знает, как пойдет-в будни будет пара часов по вечерам.
>>593638. header {width: 100%; background: white url("img/oceherdnaya-hipsterhuinya.png") no-repeat center center cover;}.header-content {max-width 1240px; min-width: 666px; margin: 0 auto;}
Такое план нормальный?Например, я покупаю дешевых хостинг с возможностью разместить до 10 сайтов за 300 рублей в месяц, регистрирую домены за 100 рублей в год и потом показываю эти сайты клиентам? Вроде бы нет подводных камней? И клиенты стразу проникнутся, а я потрачу сраные 2-3 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
ладно, вопрос снят >>593773
>>593827> замыканияНу эт короче функция со всеми переменными в ее области видимости, они короч замыкаются и збс> прототипыОхуенная штука ваще> thisНу эт короче "это", мы как бы говорим функции "слышь, бери вот ЭТО и используй ЭТО как бомбейскую шлюху", воооот> ES6Норм, там есть вот такой укащатель "=>"> typeof nullobject.object жи естьНу как, берете меня на работу?другой хуй, джве недели джса
>>593827Нормальные HR полюбэ дают тестовую задачу и просят портфолио. А устные вопросы это дно.
>>593837Обидно...
>>593827Для меня нет проблем ответить на эти вопросы, но это манявопросы, главное практика.
>>593659тупица потолок развития верстальщика, это фронт-енд разработчик, про потолок и сказано что 10-15
Redux-юзеры, покажите пример state ваших приложений?
>>594033Как в концепции redux сделать окна? windows: [ { id: 1, type: KokokoWindow, state: {...} }, { id: 2, type: PokPokPokWindow, state: {...} }, { id: 3, type: KukarekuWindow, state: {...} },]Так?
>>594048Какая-то петушиная таблица
>>594048Лучше массив с айдишниками (проще манипулировать) и словарь с ключами-айдишниками. А вообще Ден несколько дней назад выложил продолжение своего курса на egghead. Там этот вопрос рассматривается.
>>593942Блять, какой же ты тупой, даже не в силах осмыслить написанное им. Походу он написал правду:> твой потолок 10-15к в месяц
http://codepen.io/anon/pen/jrbNLW?editors=0010Анон, почему таск автопрефиксера просто повисает и в консоли ничего не происходит? Что я сделал не так?
>>594168Такс, снова только задав вопрос, сразу же разобрался. Непонятно только, почему он префиксы только для вебкита ставит. Пробовал изменить количество поддерживаемых версий до десяти, всё-равно что-то не работает.
>>594183Поставил поддерживаемыми все браузеры, которыми пользуется больше одного процента населения, в итоге проефиксы всё-равно ставит только для вебкита, и в единичных случаях - для мозиллы. Получается, допотопными браузерами пользуется очень небольшой процент населения.
>>594215точнее больше 0%.
Как организовать пикрелейтед-разметку на флексах?
>>594547по-моему, точно не помню, отдельным элементам можно задавать разное позиционирование. Если нет - то вложенными флексбоксами.
Антоши, интересует конкатенация джс файлов.Несколько вопросов.Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д?Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE. Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
Может ли фотошоп неправильно определять название шрифта (отсутствующего в системе)? Пишет roboto bold, ну я скачал Roboto, задал font-weight: bold, но что-то не то, не так это выглядит на сайте, как выглядит на макете.
>>594566>>594547Нахуй, очевидный флоат очевиден. Хватит пихать флексы куда только можно
>>594586Как-то стремно уже пихать флоаты, если у меня вся сетка на флексах.
>>594574Короче понял, там было нестандартно межбуквенное расстояние.
>>594588Ясно.>>594590Таких дезигнеров надо расстреливать за межбуквенный интервал.
>>594574Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.Алсо, аноны, если есть кто-то из Новосиба и ему работа версталы нужна, то у нас в фирме вроде как собираются добрать одного. Требования по сути детские, надо лишь бутстрап и jquery знать, ну и там еще по мелочи. Я буду типа наставником, так что если что непонятно будет - все объясню.
>>594599Привет, напиши мне на мыло. По поводу бутстрапа и жквери - я их пока не знаю, но постараюсь освоить поскорее. frollodecol@gmail.com
>>594610Не, чувак, эти знания самый минимум. Мы бы может могли бы еще взять, если бы точно были уверены в том, что чувак толковый, но сам понимаешь, что это можно сделать только в том случае, если его лично знаешь достаточно долго.
>>594640Полностью с тобой согласен и даже надеюсь на то, что здесь будет другой анон из Новосибирска потолковее меня. Кстати, сколько в вашей конторе обычно ищут фронт-ендера? Может, у меня будет время подтянуть свои навыки? Так я неплохо верстаю, знаю нативный жс, препроцессоры, системы сборки, бэм.
>>594588Флексы вообще не для этого придуманы. Ты по-ходу совсем не понимаешь ничего пока что.
>>594648Поясни, зачем были придуманы флексы. Не для сетки, да?
>>594643Сказал, что в течении двух месяцев надо нанять. Скорее всего на собеседования одни дауны приходить будут, так что у тебя думаю время есть, тем более там учить то нечего по сути.
Так, я правильно понимаю что поддержка САССа начинается с 4 бутстрапа?
>>594656нет, есть официальный bootstrap-sass третьей версии на их сайте
>>594648Флоаты как бы тоже.
>>594654Мне вот интересно какой уровень средний кандидатов идущих на фронт вакансии. И еще расскажи что постоянно делать на стеке бутстрапа и квери приходится. Просто смотрю на похожую вакансию и думаю на счет того, что там конвеер бутстрап сайтиков одинаковых.
Анончики, разбираюсь с галпом.Поставит таск gulp-sass.Есть main.scss, который нужно компилировать в .cssНо я хочу, что бы он не создавал мне в папке css/main.css, а записывал в уже существующий css/style.css код как в грантеКак это реализуется?
>>594673>на стеке бутстрапа и квериСпасибо, обосрался. Такой-то стек.
>>594684Держи в папке scss файл style.scss и папку компонентов, из файлов которой этот scss-файл будет формироваться посредством импортов.http://codepen.io/anon/pen/zBvGBw?editors=0010вот это пропиши в сассовский таск.
>>594692Это то понятно, я хочу знать, есть ли способ, что бы оставить main.scss и при этом что бы он компилировался с названием style.css, а не main
>>594694https://www.npmjs.com/package/gulp-rename
>>594690если полегчает можешь назвать это набором инструментов.
>>594699Пиздец, могли бы и встроить метод в галп...
>>594652Конечно не для сетки, только уебаны его для сетки юзают. И вообще сетки только уебаны юзают в 2016.Для сетки будет грид.
>>594673Примерно на уровне дна. Некоторые даже не знают, чем блочные элементы от строчных отличаются.Проектов у нас в последнее время немного и они в основном крупные, так что большинство времени надо баги фиксить. Это конечно не работа мечты, но чтобы вкатиться и опыта поднабраться хороший вариант. По крайней мере по сравнению с какой-нибудь хуитой типа Академ медии это вообще подарок судьбы.
>>594719бро, а что сейчас оправданнее всего юзать для сетки? Всё-таки, флоат?
Читал недавно про Scala, крутая штука. А для чего-то практического и повседневного её можно использовать? Ну чтобы сделать нужую кому-то хрень. Или же это хипстерский язык, для подгорелых дядек?
>>594723второе.
>>594719Отцентрировал тебе контент флексами, проверяй))0А если серьезно - не вижу ничего плохого в том, чтобы делать все на флексах. Офк, всякие инпуты-кнопочки делаются инлайн-блоками, текст обтекает картинку флоатами и так далее. Но п подавляющем большинстве случаев на флексах сделать проще и удобнее, чем ебаться с флоатами и сотней оберток. Чего только стоит масонри-лэйаут без джса, охуенно же. Хотя, конечно, всегда можно накатить бутстрап и обмазаться дерьмом. Это даже оправдано, если нужно поддерживать дегенератов, сидящих на ИЕ8.
>>593783>>593773а где клиентов будешь брать?
>>594732фриланс-биржи, знакомые
>>594719>И вообще сетки только уебаны юзают в 2016.А что норм люди делают? Сетки это же вроде настолько абстрактное понятие, что нельзя сделать страницу, чтобы в ней небыло сетки
А этот gulp вообще используется как замена grunt'y? Использовал раньше grunt для своей фигни, мне хватало, разве что иная мелкая фигня могла с полминуты делаться. Gulp может делать это быстрее и проще? А webpack, который вроде как шибко крутой, вместо gulp'а не используют? Или gulp тупо проще и понятнее в использовании?
>>594158лол, дошло. норм че, я уже по бросал все и снова бухаю. Шучу.
>>594751gulp+webpack и ты уже не будешь ни в чем нуждаться. А вообще это просто инструменты, кому как удобнее, если тебе гранта хватает можешь его упарывать и это будет законно.
Чет не осилил эту главуhttps://git-scm.com/book/ru/v1/Ветвление-в-Git-Перемещение
Кто-нибудь использует/использовал галп плагин Susy, хочу услышать ваши впечатления.
>>594751Галп быстрее гранта и конфиги на нем более компактные.Вебпак нужен только если у тебя SPA, иначе особо смысла в нем нет.
>>594599>Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.Ткни носом в этот шрифт, потому что я его гуглил, а гугл мне дает обычный робото.
>>594925Ну так через гугл фонтс они все и подключаются. Но можешь еще например тут глянуть: http://fonts4web.ru/roboto.html
Салам, анчоусы. Хочу вот третий монитор на свой некроноут навешать, разъём под него вроде есть hdmi разъём свободен, vga - занят. Какие могут быть подводные камни?
>>594938видеокарта может не поддерживать и скорее всего не поддерживает, проверяй. 2 разъема для удобства
Не понимаю, как верстать макет 1920пх на мониторе 1366. Есть советы? Делаю свою первую резину и не врубаюсь, что и куда. Центровщик в % или фикс, как задавать шрифт? Потому что исходные в макете заголовки в 50пх на 1366 мониторе смотрятся в половину экрана, а так ведь быть не должно? Первый раз, кстати, делаю резину.
>>594949Видеокарта AMD HD6370m, вроде амдшные видеокарты по 3 моника поддерживают. Утопаю гуглить.
>>594955Нагуглил, до четырёх мониторов. 15-16 числа куплю ещё один моник за тысячу рублей, ССД и заменю одну двухгиговую планку на четырехгиговую.
>>594967зачем тебе столько мониторов?
>>594953А тред мы читаем жопой, и голову включить не можем. Повторю:.header {width: 100%; background: url("img/huita.jpg" norepeat center cover;}.header-content {max-width: 1200px; min-width: 480px; margin: 0 auto;}
Я к вам умники с вопросом. Есть выпадающий список как на картинке и при наведении мыши выделяеться цветов элемент списка. Когда я делаю li:hover , то стрелока нихуя не попадает в li - вторая картинка. Как сделать что бы выделяло целую строку? Завернуть li в div?
У меня Бангладеш !Встретил сегодня чувака с потока учились когда-то на Истфаке, потом работали в техподдержке домсру, из которой ушел через 5 месяцев, а тот как выяснилось остался и усиленно дрочил поггромирование и в итоге он не последнний кодер в топ ит шараге нашего мухосранска, а я 27летний нищеброд с гнилыми зубами и начальным курсом хтмл академии за спиной.
>>595098ХЫЫЫЫ
>>595098>>595098C приездом. Я из Бангладеша и не выезжаю.
Но не бывает худа без добра, сказал что если научишь бегло верстать одностраничники есть вероятность что что могут посадить рядом с вахтершей говнокодить.
>>594599Ииэх, все хочу переехать из Новокузнецка в Новосиб, но никак не получается, на нынешней вакансии держат с низкой зп для новосиба и предлагают остаться на удаленке.
>>595005Ты мог и более вежливо напомнить, что уже отвечал мне, пидор.Но за помощь спасибо.Только зачем задавать хедеру 100% ширину, если он и так блочный и должен растягиваться на всю ширину?Или ты показываешь, что он не должен обладать другими размерами, кроме 100%?И что насчет шрифтов - то? Это скорее вопрос о том как поступить, оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Либо все таки масштабировать с помощью rem? Я думаю
>>594599Олсо, анон, можно к вам на месяц на удаленку с последующим переездом? Более-менее знаю js, могу с DOM взаимодействовать, слайдеры и прочую муть создавать, делегирование, это вот все, знаю jquery, бутстрап, все остальное по мелочи, 2 года практики, верстал по БЭМ, все интенсивы прошел и кантора навернул.>>595133-кун
> оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел.Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока? Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
>>594547#yoba{ flex: huita-bez-zadach;}
>>595149А че за вопросы-то?
>>595158Challenge acceptedhttp://codepen.io/anon/pen/vKNGQP
>>595165>флекс во флексеХитро.
>>595169Так на флоатах ты точно так же будешь делать обертки и флоатить их в разные стороны.Ждем грида короч)))) перспективненько)))0а еще можно жабасриптом их отхуярить, лол
>>595161Резина и размер шрифтов. Ебашу через em, но это какая то лажа. На мониторе с разрешением 1620X1024 сайт выглядит нормально, но при 1024х600 шрифт выглядит неебически мелким. Какой должна быть разница в разрешениях, что бы начинать применять media-queries?
>>595173А зачем тебе резиновая верстка? Она как бы уже давно умерла. Олсо, юзай:<meta name="viewport" content="width=device-width, initial-scale=1">Медиа-запросы юзай под ширину:32048076810241200
>>595165http://codepen.io/pidaraha/pen/MeaeYO
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
>>595209А ты хорош.
>>593479вот этот все верно расписалтолько с цифрами напиздел, сукаво-первых можно и за год лвлапнуться и начать просить повышение или искать работуа во-вторых потолок фронтендера - тыщ 140 наверно. Дальше только в хардкор кодинг или бекенд. Лично знаю людей с 200+ зп. Но это не версталы конечно же.
>>595230Лично знаю нескольких людей с зп 300к+. Естественно они работают на удаленке или фриланс, и 300к это всего лишь 25 бачей в час, это тупо МАЛО на самом деле, для америкосов это вообще гроши, т.е. легко можно получать 40-50 бачей, если повезет с контрактом.140к это реально зп миддла, да ещё при этом работающего за рубли, двачую >>595232.
Я так понимаю, автопрефиксер лучше к watch таску подключать чем к билду. Да?
>>595209Ебать.
Работаю веб макакой, почти за еду. Скоро уже будет год "опыта" работы.За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery.Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать.Собираюсь доработать до осени и искать другую работу.Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?Если останусь работать на этом месте то точно отупею окончательно.
>>593445прикинь, на интенсиве для этого наставник даётся и с ним другие макеты верстаются. и хоть мозг ему выеби вопросами про любые способы. потом ещё твою вёрстку на защите рандомный другой наставник проверяет
>>595230Цифры были приведены именно для того анона, который базовые вещи спрашивал и не мог в гугл и html-academy. Я сам знаю пару middle-ребят, у которых зп выше 100к. И понимаю, что это совсем не потолок, но ребята на начальных уровнях жопу рвали, чтобы нормальную работу получить, строили свою карьеру и уходили в любой момент, если их не устраивала карьера. Один паренек даже просил у меня пару тысяч в долг в особо плохие дни, когда сидел в ДС без гроша в кармане и без работы.Проблема в том, что такие ребята - карьеристы, а я, например, так не могу, не могу взять и все кинуть в одночасье. Потому сижу с относительно неплохими скиллами на зарплате 150 рублей в час на удаленке. В месяц получается 60-70 часов, зарплату задерживают и прочее прочее, работа не нравится.Думаю перекатиться, как только получу зарплату.Боюсь, я не дойду даже до уровня 100к в месяц такими темпами. Пиздец, короче, аноны, аж взгрустнулось.>>593479-кун
>>595268Перед съебом найди нормальную работу, проще будет. Или денег хоть чутка подкопи, будет минимальная денежная подушка на время поисков.
>>595273ты какой то печальный
>>595276Да что-то навалилось.
>>595273Ну ты, это, слышишь? Держись давай!продажник кун
>>595268Что же ты такое делаешь, лол?
>>595273ты выучил и устроился работать удаленно, или сначала был в офисе?
>>595281Сначала устроился работать в офис, параллельно учился и говнокодил, проработал год в дерьмовом коллективе, в котором нормальным был только другой верстальщик, который ушел почти сразу после меня, и один бек, который частенько капчевал на работе и съебался еще раньше, проработав чуть больше года. Съебался он даже не забирая последнюю зарплату и оставив все свои вещи типа кружки и прочего на работе. Тупо смылся в другой город.Так вот, свалил я оттуда, немного пофрилансил, подучил js и jquery, и усроился на другую работу, на которой начал подчищать баги за предыдущим верстаком на bootstrap. Часто сюда отписывал об этой параше. Сейчас третий месяц начинаю работать, думаю сдать последний таск, получить зарплату и свалить, найти что-нибудь в офисе.Свалить хочу из-за багов, которые мне не хочется фиксить, а 90% работы состоит из этой мудотени, из-за зарплаты, которая хоть и немного больше, чем на прошлой работе, но начальство чуть-что ебет мозги, стоит мне не отписать в течение дня кому-либо что-либо, когда верстаю. Бесят бэки, которые перед зарплатой начинают дерзить, стоит обратиться к ним с проблемами в фикстурах или еще где-либо. Бесит то, что мне в прошлый раз задерживали зарплату в каких-то 10к почти на 2 недели, из которых последние пару дней никто не отвечал на сообщения, даже начальство. Ну и вообще, мне кажется, что самой команде не сильно нравится работать со мной, уж слишком странновато они себя ведут.
>>595273Это ты 10килорублей в месяц получаешь, серьезно? И что тут думать, тебе даже терять нечего, дропай, даже на нищенском фл.ру можно за неделю эти 10килорублей наклацать копипастой бутстрапа и жиквери.
>>595283Олсо, устроился из-за будущего места в офисе, но уже 3 месяц работаю, а об этом и слова нет.
>>595275Спасибо за совет, но я это итак знаю, что перед уходом нужно иметь 1-2 потенциально принимаемых вакансий.Пожалуй пока займусь запиливанием нормального портфолио, с нормальными макетами.>>595280Недавно заставили верстать макет из 2002 года таблицами, или адаптивить макет примерно того же года. И это не самое худшее.А все потому что та пара клиентов, что клюнут на все это убожество, утята в предельной степени.
>>595279Спасибо за поддержку>>595286Вот я и хочу свалить
>>595273Может быть перекатиться к другому работодателю, тоже удаленно?Или к зарубежным работодателям, там с задержками меньше проблем должно быть.
Каким наиболее качественным методом изучать бутстрап и жквери?
>>595312Мануальным.
>>595313Это как?
>>594568свои файлы объединяешь в один, подключаемые библы объединяешь в другой. main.js твой, vendor.js подключаемое, примерно так
>>595314Это ручками. И по мануалам.
>>595144У начальника очень предвзятое отношение к удаленщикам, но как вакансию откроет, то попробуй с ним поговорить, может допиздишься. Я сам чуть меньше года назад в Новосиб из Прокопьевска переехал.Алсо, первое время зарплата тоже нищенская будет. Он ее не зажимает конечно и если ты действительно хорошо работаешь, то без лишних вопросов поднимает, но и просто так деньгами не разбрасывается.
>>594979На один - фотошоп, на один - сублайм, на один - браузер.
Фронтаны, к реакту приступать можно сразу, или сперва лучше/нужно ванильный ES6 освоить?
>>595247Да. Это же очевидно.
Аноны, какую разницу в знаниях и навыках предполагают у мидла в отличии от джуна работодатели? Как Вы понимаете, что уже не зелёные? Есть ли среди Вас миды?
>>595350>среди нас и джунов-то по сути нет.
>>595350Мидл делает все тоже самое, что и джун, только быстрее и самостоятельно. Не думаю, что среди нас много хотя бы джунов, учитывая, что здесь регулярно задают вопросы уровня "как верстать резиновые лендинги"?
>>595404>даже про шрифты не говорили.ебать, так сложно уменьшить шрифт через медиаквери, просто пиздец.
>>595438ну ахуеть, я мидл теперь. че там писать - взял опенкарт и престашоп, натянул макет свой и все.
>>595442Зачем писать с нуля если куча готовых цмс под магазины, маня?
>>595438Это уже будет не мидл-фронт, а мидл-фулстак, не?
Разместил резюме на хх, кликнул отклик в одну компанию, прислали на мыло тестовое, написали что это типа первый этап, второй - собеседование. Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
>>595535Ну а даже, если наебалово, что тебе с ним делать, а так может повезет
>>595535Если тебе предложили сверстать целую страницу, то стоило отказаться. Если какой-нибудь блок, или формочку, то скорее всего не наебалово. В любом случае, ты уже сверстал, отправляй, хуже не будет. Можешь заодно и в портфолио закинуть.
>>595535И что, сильно сложное тестовое? Прямо вот бери и в продакшн?
>>595546Ну да, так же думаю.>>595551Да откажешься тут, на город 5 вакансий, откликнулся на все, трое посмотрели резюме, но проигнорили, одни вообще даже отклик не смотрели, только последние отправили тестовое.>>595553Не знаю, просто в первый раз я это делаю, работу ищу.
>>595559Скинь скрин тестового
>>595324Да ты поехавший какй-то. Ты что, змей-горыныч?
>>595788он икзибит. Потом еще для фонового фильма один докупит и еще один оперативку и проц мониторить
>>595286анон, про 10к за неделю въёбывания на фл.ру ты серьёзно? Просто вот поднабрался навыков, хочу немного поработать. Стоит вкатываться туда? Или лучше искать днищепозиции в конторах?
>>595791Так-то три монитора - самое оптимальное количество. Два слишком мало.
>>595793альт-таб нахуй придуман? на одном процесс на другом визуализация
>2016>альт таб ты какой-то глупый
Я бы и сам не отказался от третего моника. Хоть разница в производительности с тремя не такая большая, как между одним монитором и двумя.мимо анон с двумя мониторами
>>595611Зачем?Парни, а че если у меня смотрят резюме, но нихуя не звонят/ни пишут, и вообще я такое пиздатое портфолио замутил, правда у меня есть подозрение, что оно полное говно, но все-таки, мне же должны хотя бы пригласить на собес/прислать тестовое/вежливо послать нахуй, или нет?
>>595824Что тебе мешает, он тысячу рублей стоит.
>>595836У меня ноутбук, встроенная видеокарта не поддерживает.
>>595830А что у тебя за портфолио и на кого ты собеседуешься?
Аноны есть кто интенсивы проходил хтмл академии? Стоит ли платить 13.к за базовый курс? Есть в нем что то уникальное чего не найти бесплатно в сети? Или там какая то прогрессивная подача материала что и дцпшник верстать начнет? заранее спасибо епта.
>>595928или в это треде, или в предыдущем обсуждали эту тему. не стоит платить, имеет смылс заплатить, если ты потом сольешь это для анонов
>>595928Там просто будет наставник, которого ты сможешь забывать вопросами, ну и мотивация за вложенную копейку, хотя хуйня, а не мотивация.
>>595792Ну это в идеале, конечно. Если умеешь продавать себя - почему бы и нет, там довольно частно заказы а-ля лендинг 5-6тыщ рублей, на бутстрапе делается за час, плюс еще пару часов натянуть на какую-нибудь вордпресс. Сам планирую закончить, наконец, портфолио и попробовать. Благо почти тыща бесхозных рублей на вебманях валяется, как раз оплачу аккаунт, все равно их не вывести никак пока.
Пацаны, я короче верстал-верстал так нихуя и не сверстал этот ебучий макет. Есть тут желающие, а главное умеющие верстать нормальную резину? Конечно, за небольшое вознаграждение. В общем, суть такова: есть здоровый лендос в 1920пх в ширину, контентная область 1200пх, в общем - то не сложный, но есть парочка изъебных моментов, например, с шапкой. Сайт должен хорошо выглядеть на любом разрешении, в смысле, чтобы на мобилах ничего не разваливалось, а был скроллинг, а на десткопах от 1240 до 1920 блоки и шрифты тянулись. Надеюсь, что объяснил нормально. Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р. По срокам: 8-10 часов. Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
>>596028>выкладываете ее на свой хостС помощью инспектора в браузере можно полностью воссоздать сайт, если че.
>>596028как такой долбаеб как ты вообще получил заказ?
Аноны, поясните за препроцессоры. Если мне не нужна вложенность, но нужна вложенность в препроцессорах, что можно использовать помимо @at-root {} ? Если вообще всё содержимое препроцессора закинуть в эти скобочки, то что получится?
>>596049*всмысле не нужна вложенность селекторов в css, так как они будут правильно называться, но нужна вложенность в scss для достижения лучшей читабельности кода.
>>596028сделаю за 6 тысяч
>>596028Все отменяется, верстаны. Я разобрался как делать вменяемую резину
>>596028За 5500 рублей согласен сверстать.
>>596084ах ты мамкин демпенгист
>>596083так как ты заказ получил?
>>596083Фухх, а я уже испугался мимо- мнительный анон
Короче посоны, рассказываю стори про только что случившийся "собес", такого вы еще, наверное, не слыхали. Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти. Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат. Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя. Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел. На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец.Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми. А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.Такие дела.
>>596117>их уровень - продвинутый интенсив.Это разве плохой уровень?
>>596093Ну как как, выебал твою мамку она и свела с заказчиком.
>>596127Никакой уровень не может быть плохим. Это чисто для статистики. Я сам имел такой уровень где-то в середине прошлой осени.
>>596135а какой у тебя уровень?
>>59614080й
>>596130>>596141как ты заебал, клоун
>>593500Читай название треда, он уже давно не только про вёрстку.
Анончик, есть один галпфайл, в нем таск для свг спрайта, все пашет хорошо, только вот gulp-svg-sprite кладет мне в dest еще 2 вложенные папки и только в них файл спрайта. Курил доки плагина, вообще ничего. Они ссылаются, что юзают вайнил и подругому никак.Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
Верстальщик 5-й день-кун вкатывается в тред.Что это были за выходные, посоны. В пятницу я решил отдохнуть, но совершил классическую ошибку новичка: стал сочетать вино и пиво. Вся суббота прошла в головной боли.Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.Сейчас сижу на работе, потихоньку верстаю второй проект, думаю над реализацией этой адаптивности для инвалидов. Скорее всего придётся запилить как бы отдельную тему, переключение через темы по кнопочке, хранить состояние темы в localstorage.А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.>>596117Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
>>596183>КОФЕ И ПЕЧЕНЬКИВот с этого лольнул, реально 8 из 10 нанимателей так пишет.
>>595830>Зачем?Ебать, чтобы посмотреть и определить, наебывают тебя или нет.А то, что смотрят - нихуя не значит, у меня в день по 5 просмотров, некоторые по 2-3 раза за деньпросматривают, а звонят от силы 2-3 иза 50. Чаще я сам отписываю
>>595830>Зачем?Чтобы понять, сложное тестовое, или нет, и сказать, стоило ли его верстать, или тебя хотят надуть
Чекнул вакансии своего мухосранска, нашел одну HTML верстальщик. Требования:>Отличное знание CSS 2-3‚ HTML 4-5;>Стаж от 2 лет разработки на php;
>>596028Охуеть, пиздос, конечно. И как такие еще работают
>>596242Точно такая же хуйня, две вакансии, одна вообще бэкендщик чистый с 3 годами опыта, хотя почему-то названа HTML верстальщик, вторая требует от года, но туда тоже включен phpНахуя я фронт вообще учу, лол. Походу жизнь есть только в ДСах.
>>596242Чекнул fl.ru и тоже немного удивился. 13 ответов...мимо
>>596279Ну да, в мухосранях ещё не понимают, что в отрасли есть разделение труда.
>>5962861к ?? Это абсолютное неуважение!
>>596286>13 ответовВот из-за таких уебков и цены падают. Надеюсь, ему там наговнокодят, чтобы все вкривь и вкось было.
>>596286Я бы и за 500 сверстал.
>>596304Да ты бы и пса натянул на CMS.
>>596036>>596263Что, блять, с вами не так, ублюдки? Я переоценил собственные силы, когда взял заказ, не справился и решил попросить помощи. Что здесь такого?
>>596311 ой да че там пса. даже мамку твою
>>596311Проиграл
>>596183Анон, слушай, а у тебя образование есть?
>>596311>>596323пиздуй в /b
Привет. Помогите ньюфагу вкатится. Хочу поступить на курсы, для собеса нужно сдать тесты по html/css/js с теорией и практикой, прохожу все что есть на оп-пике, но ищу что то более теоретизированое. Посоветуйтете литературу.)
>>596378frontendbookshelf.ru
>>596343Пиздуй на хуй, мамкин указатель.
>>596324>Анон, слушай, а у тебя образование есть?Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.Сейчас бахнул кофейку и сразу заболела голова от избыточного давления. Вот что значит хороший кофе. В прошлый раз был Якобс Монарх (обычный, не Милликано), так я его кружками хлестал и хоть бы хны.>>596378>собесаСука, как же бесит такое сокращение. Как будто бабка сидит в треде и пишет про свою пенсию. И его, похоже, один анон только использует в треде.
>>596183>>596400Двачую эгоисте, оче неплох
>>596400А СМУЗИ-то дают? За счет офиса, конечно же.
>>596378книжки O'realy по css/html, и подробное руководство Флэнегана по JS
Меня заебало вводить логин и пароль на гитхаб и я решил обмазаться ssh. Ебался 2 часа, вроде бы все настроил, тем не менее мне нужно перед коммитов вводить ключевую фразу, что конечно приятнее, чем вводить логин и пароль, но все же. Правильно ли я сделал, что указал ключевую фразу для ssh, если бы я этого не сделал, то коммиты тупо бы улетали на гитхаб без какого либо ввода?
>>596417>перед коммитов перед отправкой коммитов
А еще эта мразь "гитхаб десктоп", которую я сегодня установил, тоже создала свой ssh ключ
>>596417Юзай GUI)))
>>596420Выпиливай его нахуй, у него ебучий урезанный функционал, проще через консоль работать
>>596417В редакторе нету чтоли инструментов для работы с гитом?
как сделать что бы при конструкции <div><a>ссылка</a></div> весь div становился ссылкой, а не только текст "ссылка".
>>596400>Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.Распиши, меня вот на днях с четвертого числанули, перед самыми госами, чет пиздец мне хуево.
>>596452Нахуй тебе образование, если ты собираешься в веб вкатываться?
>>596460Чтоб уехать из сраной.
https://2ch.hk/wrk/res/596465.htmlhttps://2ch.hk/wrk/res/596465.htmlhttps://2ch.hk/wrk/res/596465.htmlhttps://2ch.hk/wrk/res/596465.htmlhttps://2ch.hk/wrk/res/596465.htmlПЕРЕКАТ
>>596463В грин кард лотерею играть можно хоть с 9 классами.Хотя согласен, если рассчитывать только на нее, шансы очень малы.
>>596449Либо оберни наоборот, либо ебаш а блоком и задавай высоту.
>>596286там же на день работы, в принципе, вполне нормальная цена.
Менеджер по продажам — 45 тысяч рублей.Графический дизайнер — 50 тысяч рублей.Верстальщик — 35 тысяч рублей.Программист — 60 тысяч рублей.SEO-специалист — 45 тысяч рублей.https://vc.ru/p/site-price?from=rss
Поясните, а нахуя нужны все эти "сетки", флоаты и прочее, когда можно просто сделать таблицу на CSS и через media queries приделать адаптивность?
>>595325Бамп вопросу
>>599738Тащемта раньше таблицами на html верстали. Перестали потому, что охуеть какая вложенность получалась. С css-таблицами, по сути, такой же положняк, только вложенность чутка поменьше, но будут лишние блоки. Но в некоторых ситуациях лучше делать css-таблицы, чем блоки. Недавно, например, делал тестовые карточки корзины онлайн-магазина, при определенном разрешении они должны выглядеть как таблица.