Двач.hk не отвечает.
Вы видите копию треда, сохраненную 7 июля 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
46 Кб, 1024x768
Front-end thread №11 #592072 В конец треда | Веб
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 и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Верстка по БЭМ
http://habrahabr.ru/post/203440/

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

Гайд от анона по гитхабу:
http://randomfederation.github.io/

Шпаргалка от Громова по гиту
http://nicothin.pro/page/git

Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM

Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131

Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp

Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609

Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking

Используемые нынче технологии
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)
208 Кб, 1361x703
#2 #592083
Освящаю
35 Кб, 600x606
#3 #592084
#4 #592091
>>592084
добавил в смешные картиночки
#5 #592106
Мда, JS-тред в программаче прямая противоположность нашему. Надеюсь, у нас здесь скоро можно будет задавать глупые и не очень вопросы, связанные с JS.
#6 #592126
>>592084
"математики шутят". из той же серии
>>592160
#7 #592156
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
#8 #592160
>>592126
компьютерики шутят
#9 #592178
>>592156
fancybox попробуй.
#10 #592188
Аноны, как у вас sublime text работает с scss? У меня вот переменные почему-то не подсвечиваются, и нет автодополнения по ним. Как бы это пофиксить?
>>592193>>592307
#11 #592192
>>592156
бля, онклик скейла, 3 строки
#12 #592193
>>592188
установи scss
>>592224
#13 #592198
Я вот до конца не понимаю, зачем нужен 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? Чем это лучше?
>>592232
#15 #592215
>>592084
Такие картинки заставляют задуматься, что американцы действительно тупые. Половина из них ведь в серьёз считает, что границы не нужны.
#16 #592220
Аноны, а много вы вообще зарабываете на разработке? ПОсмотрел hh, почитал прошлые треды и показалось, что в том же php и порог вхождение проще и зп приятнее. Или я ошибаюсь?
#17 #592221
Не могу найти адаптивный более-менее сложный макет с несколькими страницами. Хочу сделать себе портфолио с версткой на гитхабе, но вот слегка думаю о копирайте.
#18 #592223
>>592220
х.з, я вот тоже не очень понимаю осмысленность своего выбора, очень уж много здесь всего
#19 #592224
>>592193
В том то и дело, что установил, но подсвечивается всё, кроме переменных. У тебя из коробки всё работает так же, или по-другому?
#20 #592231
>>592220
Я еще просто зеленый, но, если ради денег, то больше пользы в том, чтоб учить жабу, мне кажется.
#21 #592232
>>592198
судя по всему, это поудобнее. настройка подключаемых файлов легче, не надо потом лезть в бади и менять подключаемый файл.

т. е. если ты например используешь несколько css файлов, которые идут один за другим, то можно прямо в бади обернуть их линки этими билд/эндбилд и все, результат будет такой же, последовательность файлов в сборке такая же.
#22 #592237
>>592220

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

Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. JS гораздо проще в этом плане.
>>592241>>592496
#23 #592241
>>592237

>Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют.


А JS стало быть неполноценный? Булщит.
>>592245>>592248
#24 #592245
>>592241
Мне кажется, что он имел ввиду, что верстала не использует JS на 100%, так как от него чаще всего требуется прикрутить слайдер на страницу и сделать так, что бы все свистело и пердело.
Другое дело хуячить веб приложуху.
#25 #592247
тупой срач mode on
#26 #592248
>>592241

Ну скажем так, php гораздо сильнее похож на остальные языки программирования типа джавы и прочего. JS же очень сильно выбивается в этом плане. И мне это нравится, плюс у него есть огромный плюс в виде универсальности, т.е. можно спокойно перекатиться из фронтэнда в бэкенд на ноде или вообще совмещать и быть фулстэком. Какой еще язык такое может?
>>592272
#27 #592272
>>592248
java, лол
#28 #592273
Собственно, я хотел узнать, перекатиться ли из пзп в js ради денег.
>>592281
#29 #592281
>>592273
нет
#30 #592306
Заебись посты набиваете
#31 #592307
>>592188
попробуй webStorm
#32 #592321
Аноны, поясните за препроцессоры для html. Нужны ли они? Тут мне один бывалый разработчик говорит, что они лучше emmet'a.
#33 #592373
Аноны, сегодня читал про системы сборки, и как по мне, grunt пусть и имеет меньше функционала, но его для фронт-енда будет достаточно за глаза. Или я ошибаюсь и стоит потратить больше времени для освоения gulp'a? Rfrbt прикладные задачи вы решали gulp'ом?
>>592378>>592386
#34 #592378
>>592373

Не вижу не одной причины пользоваться грантом. Галп быстрее и конфиги более понятные и простые.
>>592385
#35 #592385
>>592378
А по мануалам как? Например, manual, советуемый на продвинутом интенсиве, подразумевает знания node.js, на получение которых у меня уйдёт около недели.
Можешь спалить годноту с настройкой галпа под нужды среднестатистического верстальщика для чайников?
#36 #592386
>>592373
я на галп перелез, потому что грантовские заборы из скобок это пиздец, а так в принципе однохуйственное говно.
#37 #592389
>>592385

Никаких особых знаний ноды там не надо. В интернете полно примеров конфигов под стандартные нужды, в которых надо будет буквально только пути изменить под свои и все.
#38 #592423
>>592385
держи отличный гайд https://css-tricks.com/gulp-for-beginners/
>>592440
#39 #592426
Еще я все время смотрю на TARS, как на любопытный галповский фреймворк, думаю скоро начну им пользоваться
#40 #592440
>>592423
Спасибо, анон
в вашем треде ещё и английский подтянешь, лол
>>592447
#41 #592447
>>592440
вот перевод статьи
http://webformyself.com/gulp-dlya-nachinayushhix/
самое забавное, что я начал читать её, потом анон посоветовал мануал на английском, и только ощутив ДЕЖАВЮ, я решил свериться и был приятно удивлён
>>592457>>592483
#42 #592453
Собираюсь пилить файловую организацию scss + BEM. Но перед этим решил тут написать.
Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
>>592501
#43 #592457
>>592447
а что ты кроме autoprefixer-а добавил в финальный конфиг?
Я его сюда пихнул, чтобы он выполнялся только при gulp build
gulp.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'))
});
#44 #592462
Хотя меня вообще смущает использование useref
#45 #592483
>>592447
пролистал, самая концовка где он советует доп. плагины отсутствует
>>592485
#46 #592485
>>592483
блин, я так и не понимаю, как запустить команду npm init из моей папки project. Что делать?
>>592490
#47 #592490
>>592485
заходишь в эту папку через консоль, пишешь npm init
#48 #592494
>>592385
https://css-tricks.com/gulp-for-beginners/
все просто. несколько дней себя попреодолевать и потом охуеваешь, как ты раньше жил без этого.
>>592497
#49 #592496
>>592237

> JS гораздо проще


> PHP


Лол. Твой пост очень похож на вступительную лекцию каких-нибудь очередных говнокурсов "учим джс и джквери за джве недели".
>>592507
#50 #592497
>>592494
тебе же переадресую это >>592457
#51 #592499
>>592457
потрать время на gulp.spritesmith
Я радугой кончал, когда ощутил разницу до и после.
>>592512
#53 #592502
>>592457
вот мой последний конфиг, например.
организация папок примерно как в gulp-for-beginners

var 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"
},
})
});
#53 #592502
>>592457
вот мой последний конфиг, например.
организация папок примерно как в gulp-for-beginners

var 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"
},
})
});
#54 #592507
>>592496

Но он действительно проще. Работаю на работе и с тем и с другим, поэтому могу сравнивать.
>>592508>>592529
#55 #592508
>>592507
Что ты тогда делаешь здесь?
>>592511
#56 #592511
>>592508

Общаюсь, помогаю ньюфагам. Сам с верстка-треда начинал когда-то.
#57 #592512
>>592499
вот именно, только я думаю перейти на TARS, так как он еще можно делать svg спрайты

>Добавили возможность использовать SVG-символы. При этом есть возможность выбрать вариант подключения готового спрайта символов: вставить код спрайта в тело каждой страницы, держать все символы в отдельном файле, а при подключении указывать путь до этого файла (естественно, автоматически) или дать возможность вам самому реализовать подгрузку файла с символами.

>>592528
#59 #592516
>>592502
а ты юзаешь angular или react, как они сочетаются с jade?
>>592519
#60 #592519
>>592516
не юзаю, не подскажу.
#61 #592521
npm install gulp --save-dev
Выполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
#62 #592522
#63 #592524
>>592502
блядь, песочницу юзайте. Заебали код в тред бросать.
>>592527
#64 #592525
>>592521
смотри не закоммить ее
>>592672
#65 #592526
>>592521

Да, он же за собой зависимости тащит.
#67 #592528
>>592512
большинство макетов, с которыми работал не имели векторной графики (либо надо было ебаться с экспортом, тратить время, чего не требовалось по ТЗ). Так что пока обычные пнг спрайты собираю.
#68 #592529
>>592507
Не хочу скатывать тред в /pr срач, но на мой взгляд цепочка "сложности" примерно такая: питон => похапэ => js
Похапэ намного проще чем js, после полугода питона я уже через неделю написал свой примитивный пэхапэшный файлообменник, а еще через месяц забил хуй на этот уродский язык (может и зря, сейчас бы уже вовсю клепал всякое ларавел/йи2 говно на апворке).
JS сейчас учу около месяца, он похож на ебанутую девочку-отличницу. Вроде послушная и живет по расписанию, но может случайно выйти в окно если ты ей не скажешь, что дверь в другой стороне.
>>592544
#70 #592534
>>592533
что ты имеешь против jade? Yf полном серьёзе хочу им обмазаться, возможности впечатляют.
>>592542
#71 #592541
>>592533
но всяко лучше чем

>2016


>html

#72 #592542
>>592534
Текст не читай @ В тред отвечай. Jade переименован в Pug.
Обмазываюсь им каждый день
Алсо, слабо разбить эту хуйню на модули в разные файлы? >>592502
>>592546
#73 #592544
>>592529

Хуй знает, по-моему вообще вся эта "сложность" понятие относительное. Кому-то один язык легче дается, кому-то другой.
>>592604
#74 #592546
>>592542

>Алсо, слабо разбить эту хуйню на модули в разные файлы?


зачем?
#75 #592560
>>592501
Благодарствую
#76 #592604
>>592544
Это да, и все же пэхапэ потворствует на быдлокод, питон сам по себе примитивен, а у js дофига ебанутых подводных камней.
Надо бы еще руби попробовать на досуге, говорят на рельсах прямо сразу же можно начать пилить говносайты.
>>592621
#77 #592617
>>592210
Большое спасибо
#78 #592621
>>592604

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

Я тоже хотел руби учить, но не рискнул. По-моему всякие хипстерские языки можно себе позволить учить только тогда, когда ты уже успешен и можешь себе хотя бы полгода-год без работы сидеть.
>>592625
#79 #592625
>>592621
Уже ни раз говорилось, что руби популярен лишь в рахе.
>>592631
#80 #592626
Итак, моё знакомство с консолью продолжается. Смотрите, после запуска gulp watch консоль помирает, и не реагирует ни на какие команды. Что делать?
>>592627>>592629
#81 #592627
>>592626
Смотря как помирает. Если там идут логи типа: server started at localhost:, то все норм. Консоль не мультизадачна, так что перестань ее трогать, начни трогать версточку. Если во время изменений в верстке консоль не реагирует, то у тебя проблемы, парень. Хуевенько написан gulpfile.js, копайся и ищи проблемы в нем.
>>592630>>592635
#82 #592629
>>592626
ctrl+c
265 Кб, 1182x493
#83 #592630
>>592627
Вот так должна реагировать консолька на изменения в файлах, если ты все правильно прописал. Чтобы отключить все это безобразие, жмякай ctrl+C
#84 #592631
>>592625

Ну да, 12-ое место в мире с трендом на понижение это конечно не очень радует.
#85 #592635
>>592627
Проблема в том, что консоль беспрерывно выполняет какой-то процесс (даже не какой-то, а gulp-watch.) И пока она его исполняет, она не исполняет ничего другого, лечится только закрытием. Как вообще насильно убить процесс в консоли?
>>592638>>592641
#86 #592638
>>592635
Это нормально, вырубай процесс клавишами ctrl+C. Это происходит потому, что консоль не мультизадачна. И пока она делает что-либо, ты не можешь в ней работать.
>>592658
#87 #592641
>>592635
А ты хочешь что бы он к тебя один раз посмотрел на файлы и закрылся? Дайте ему картинку с палкой в колесах.
>>592658
1923 Кб, 1910x481
1734 Кб, 1918x161
#88 #592646
Верстаны, а как такое вообще делать? Каким - то образом с помощью градиентов?
#89 #592648
>>592646

Картинку фоном, так быстрее всего
>>592662
#90 #592658
>>592638
Спасибо.
>>592641
Нет, я хотел узнать, как отрубить процесс, когда он не нужен. Просто мой максимум в консоли - это когда я недолго пользовался убунтой и по мануалам из интернета ставил необходимые программы из репозиториев.
#91 #592659
>>592646
Картинку фоном
>>592662
#92 #592662
>>592648
>>592659
Это нормальный подход? На цсс такое вообще не сделать?
>>592675
#93 #592664
>>592646
псевдоэлементом
>>592681
#94 #592672
>>592525
Анон, а почему бы её не закоммитить? Допустим, если кому-то не хочется качать плагины галпа по одному, он может взять мою папку node_module и невозбранно ей пользоваться. Или я неправ? Вообще, где должны по хорошему храниться все модули node.js и как их туда поместить?
>>592679
#95 #592673
>>592646
пиздец конечно ты скинул огрызок
Вырезаешь эту белую волну, трассируешь в свг и вставляешь псевдоэлементом
>>592681
#96 #592675
>>592662
Ээм, ты, видимо, не понял. Вырезаешь ту белую картинку, ставишь ее фоном на псевдоэлемент, псевдоэлементу делаешь абсолютное позиционирование и z-index: 10
>>592681
#97 #592679
>>592672
Для этого есть package.json и npm init. Сохраняешь dev-dependencies в package.json, потом скачиваешь его и запускаешь npm. Вуаля, у тебя есть готовый шаблон для работ
>>592684
#98 #592681
#99 #592684
>>592679
Сейчас я как раз качаю плагины из этого блока dev-dependies, но по одному. Как бы это автоматизировать?
>>592689
#100 #592689
>>592684
Неужели просто при помощи npm init? Просто я боюсь, что использование этой команды мне просто всё обнулит.
>>592693>>592694
#101 #592693
>>592689

npm install введи и все, он автоматически скачает все, что находится в package.json. Соответственно другой чувак, когда скачает твою репу, то тоже введет npm install и больше ему ничего делать не надо будет.
>>592701
#102 #592694
>>592689
Если ты напишешь npm init в папке где есть файл package.json, то все плагины, которые прописаны в нем в div-dependencies автоматически установятся
>>592695
#103 #592695
>>592694

>npm init


npm install фикс
>>592701
#104 #592701
>>592695
>>592693
спасибо, аноны. Что ж, сегодня я немного разобрался с галпом, можно и спать пойти.
#105 #592706
Список в ячейке таблицы это нормально? Там действительно таблица, а в паре ячееке маркированные списки
Какой - то ебанутый макет попался
>>592711
#106 #592711
>>592706
Скрин в студию
#107 #592714
Пекарик в желтых бутсах играет, лол, когда остальные в белых
>>592715>>592719
#108 #592715
>>592714
упс, мимо
17 Кб, 181x315
#109 #592719
>>592714
Не слишком говнистая у меня структура получилась?
Рекомендации приветствуются.
#110 #592721
>>592719

Батонс, наверное, лучше в components засунуть
>>592722>>592724
#111 #592722
>>592721
У него же с бэмом, там блоки вместо компонентов.
>>592723
#112 #592723
>>592722

А, все
#113 #592724
>>592721
Меня терзали сомнения, но что-то еще тогда нужно туда сувать...
>>592725
#114 #592725
>>592724
Вот так легко меня, ньюфага выбить из колеи.
#115 #592728
>>592719
А куда папку с подключаемыми локально шрифтами лучше засунуть? В base?
>>592730
#116 #592730
>>592728
не папку а файл
фикс
#117 #592731
>>592719
grid своя или бутстраповская?
>>592733
#118 #592732
>>592719

>>grid.scss



Многие тут действительно используют отдельню сеточную разметку на подобии бутстраповской?
Часто вижу упоминание здесь.

Мне, как-то, привычнее стилизовать каждый блок и компонент в нем непосредственно по мере написания, а не присваевать им col-md-xs и прочее, или так действительно удобнее?
>>592736
#119 #592733
>>592731
грид моя, ну там .container лежит
а в base.scss стили для body, img, ul
79 Кб, 1502x1014
#120 #592735
Пацаны, я правильно понимаю, что для бэка нужно делать обертку под размер чекпоинта? Или можно как-то прописать, чтобы бэк выходил за рамки блока?
>>592737
#121 #592736
>>592732
Скажем так, если у тебя есть много свободного времени на создание и отладку кода, то можешь делать свой собственный грид. Если времени не так уж и много, проще взять бутстраповский грид и слегка переписать под себя в случае чего. Правда, отдельные петухи могут начать орать, что написать свой грид несложно, всего полчаса, а то и меньше. Специально для таких петухов, если они еще остались: Написать грид не так уж и сложно, но если нахуярить его за полчаса-час, то получится лютое говно, которому даже до бутстрапа пидорить как до луны.
>>592740
#122 #592737
>>592735
Что прости? Не понял тебя
>>592739
#123 #592739
>>592737
Зеленая хуйня 960, бэк 1440, мне оборачивать 960 в 1440 для бэка? или бэку можно задать, чтобы он из 960 вылазил на 1440?
>>592741
#124 #592740
>>592736

https://canonium.com/articles/tutorial-css-grid-build

Вот, парень написал, вроде нормальная, можно использовать ее.
Но я имел ввиду не это, а вообще верстку без грида.
>>592752
#125 #592741
>>592739
Бэк - контейнер, а зеленая хуйня - блок внутри нее? Скинь код в песочнице, чтобы было понятнее.
>>592743
#126 #592742
>>592719
где можно почитать про то как правильно раскидать такие файлы?
>>592750
1158 Кб, 1423x671
#127 #592743
>>592741
Нет никакого кода, я же спрашиваю, как правильно сделать?
>>592746>>592803
#128 #592746
>>592743
Мля какой ты душный. Ебень фотку бекграундную на 1440, а ширину блока внутри ограничивай по 960, а атм уж хочешь по центру выравнивай хочешь маргин слева делай.
>>592748
#129 #592748
>>592746
И фотка на 1440 выйдет за границы блока, за 960?
>>592751
#130 #592750
>>592742
Сам хотел бы знать... Везде СМАКСЫ-ХУЯКСЫ, а про православный БЭМ нигде инфы нету. Не говорю про фуллстек от Хуяндекс, но эта та еще шляпа.
можешь вот тут посмотреть, я половину от туда взял >>592501
>>592758
#131 #592751
>>592748
Нижний слой - фотка в 1440. А внутри него и как бы сверху блок в 960.
>>592760
#132 #592752
>>592740
Верстки без грида не бывает. Всегда есть сетка. Просто в одном случае будет одноколоночный макет, а в другом - 12-колоночный.
>>592753
#133 #592753
>>592752
Это типа тот монстр как у райот пиксельз?
#134 #592758
>>592750
ты галп используешь? Иль такое без него надо пробовать?
>>592763
#135 #592760
>>592751
Обертка блока - 1440px и там бэк, сам блок 960 с контентом, я правильно понял?
>>592761
#136 #592761
>>592760
ДЫА
#137 #592763
>>592758
Использую grunt.
Завтра буду ставить gulp ради интереса.
Ну ты конечно можешь использовать программу для компиляции своего препроцессора (scss, less), но нахуя это нужно, если все-равно рано или поздно придется ставить grunt, gulp. Уж очень сильно они ускоряют процесс работы.
>>592764>>592767
#138 #592764
>>592763
Поздновато ты на галп решил переходить.
мимо
>>592768
#139 #592767
>>592763
ну я начал использовать gulp вчера со всем. Поэтому спрашивают, как это все применять в нем конкретно?
#140 #592768
>>592764
почему?
>>592772
#141 #592770
https://canonium.com/articles/tutorial-css-grid-build
не знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
>>592775
#142 #592772
>>592768
Потому что нужно было переходить раньше. Галп в разы побыстрее будет, грант уже устарел уже как год, если не больше. Как-то один знакомый тестил галп и грант на Итар-тассе. Галп собирал шаблоны за секунды, а грант повисал на пару минут, иногда вылетая.
>>592774
#143 #592774
>>592772
У меня всего 8 тасков было прописано в гранте. Не ощущал никаких неудобств.
Сейчас вот хочу залезть в оптимизацию верстки по хардкору. Вот для этого и планирую поставить галп.
#144 #592775
>>592770

Просто импортишь в главный сасс файл, а потом компилишь в главный цсс, и уже используешь его
180 Кб, 788x338
#145 #592779
как сделать такое "наложение бэкграундов"?
138 Кб, 300x300
#146 #592781
>>592779

>hire me

#147 #592784
>>592779
подожди 1 минуту, будет ответ.
>>592789
#148 #592789
>>592779
>>592784
Блять, заебался. Еще нужно проверять при разных размерах экрана, могут быть проблемы.
http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
>>592790
#149 #592790
>>592789
чет у меня в хроме на 1024 ширине экрана не работает
>>592791
#150 #592791
>>592790
Че? Все работает, от 320 до 2000
>>592793
337 Кб, 1024x768
#151 #592793
>>592791
просто один див показывается, хз может афтер и бефор под ним спрятаны

но походу это ты не то сделал, что нужно, нужны 2 дива идущие друг за другом с разными бакграундами, бакграунд верхнего как-бы залазит на бакграунд нижнего

а у тебя просто афтер и бефор обрезают снизу область, но бакграунд неналазит
>>592794
#152 #592794
>>592793
я понял в чем проблема. Сейчас попробуй.
Просто я задал боди overflow: hidden, для того, что бы убрать горизонтальную прокрутку.
>>592797
#153 #592797
>>592794
разобрался, с белым прозрачным бэкграундом работает так как надо, но если вместо белого прозрачного фона ставить картинку, то получается фигня: http://codepen.io/rando/pen/YWXjjq?editors=1100
>>592798
#154 #592798
>>592797
Нет, ты не разобрался. Просто еще раз тыкни вот сюда.
http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
Я же сказал что исправил уже свою огрешность с overflow: hidden в body
>>592801
#155 #592801
>>592798
ок, но как сделать, чтобы на этих афтер, бефор и нижнем диве был имедж цельный, чтобы выглядело, как-будто это ценльный бэкграунд?
у тебя сейчас просто снизу там белый цвет и прозрачность, надо заменить белый цвет и прозрачность на другой имедж, и чтобы это выглядело не как 2 перевернутых квадратика с одинаковыми картинками а одна картинка поверх обоих этих бефор и афтер
>>592804
#156 #592803
>>592743
Создаёшь контейнер, в котором будет эта большая картинка.
В этом контейнере пишешь правило background: url('/yoba.jpg') center(чтобы центрировать изображение по горизонтали) top/center/bottom(по вкусу центрировать по вертикали)
#157 #592804
>>592801
Блять, я думал что там всего одна картинка, а не две.
Пока я не вижу целого макета, я не могу сказать как лучше сделать.
Но уже поздно.
#158 #592809
Подскажите плз какие технологии мне учить если я хочу разрабатывать браузерные игры типа приложений вконтакте/фейсбуке?
#159 #592816
Посоны, вопрос чисто рыночный. Можно ли будет сеошнику перекатиться на должность веб-мастера но не джуна?
Сейчас вспоминаю верстку и через пол-года планирую сменить род деятельности. Но вот перспектива опять въебывать за 20-25 руб не очень радует.
>>592817
#160 #592817
>>592816
А зачем тогда вспоминаешь?
>>592818
#161 #592818
>>592817
Тому що еще в конце шаражных годов проходил практику версталой в одной студии. Но там все на блоках с флешом было, да и вообще я тогда распиздяем лютым был.
Сейчас посеошил сайты в паре контор и понял, что на зп чуть выше уборщиц сидеть не вариант.
>>592819
#162 #592819
>>592818
6 лет понимал? Ничего себе. Нет, придется с самого начала идти, т.к. верстка и сео почти никак не пересекаются, как отдельные винтики механизма. Если ты хочешь быть фулстак спецом то да, но это ты долго еще будешь доучиваться.
>>592820
#163 #592820
>>592819

>6 лет понимал?


Да нет. Года два всего поработал.

>верстка и сео почти никак не пересекаются


Мне по роду деятельности приходилось и вордпресы ставить, и html/css-код править. Даже в коде пары плагинов поползал.
>>592821
#164 #592821
>>592820
Так то править-ставить. А это все с нуля с макета писать. И так чтобы красивенько было и быстро работало и код был норм.
>>592822
#165 #592822
>>592821
Бля. Расстроил ты меня чет.
>>592823
#166 #592823
>>592822
Сиди на попе пока. Кризис же. Если что и так выгонят. А сам пока вон на августовский курс академии запишись. И курсы у них проходи пока.
>>592824>>592825
#167 #592824
>>592823
Базовый прошел уже)
На кризис похер. И так и эдак нихера по итогу не имеешь.
#168 #592825
>>592823
А это не лоховство платить за курс когда он есть на торрентах?
Или тут эта схема что раз заплатил то будешь ценить информацию и не халтурить с изучением?
>>592826
#169 #592826
>>592825
Ну во первых да - ты заплатил и ты скорее всего освоишь. Если для тебя 12 к существенные деньги офк. Во-вторых там есть наставник - он может сказать пару вещей, которых нет у них в лекциях, в курсах и т.д. Или скорее выделить их.

Это как фитнес. Так то бабы могу попрыгать и дома или на холохубе пресс покачать. Но коллектив + специально место + специально время = привычка и повышенная мотивация. Но конечно и минус деньги. Но что поделать.
12 Кб, 445x244
#170 #592835
Верстаны, есть такая хуйня. Как сверстать ее на флексах, не прибегая к заданию жесткой ширины контейнеру?
>>592836
#171 #592836
>>592835

Внутри контейнера придется еще два дива делать, внутри которых по 3 этих кнопки социалок будет. Ну а потом контейнеру пишешь flex-direction: column и все.
>>592837
#172 #592837
>>592836
Ох ебать, мне проще проставить ширину контейнера тогда
>>592838
#173 #592838
>>592837

Вот и правильно. Просто для flex-wrap'а нужна фиксированная ширина контейнера, чтобы он знал, когда надо перенос на следующую строку делать.
>>592839
#174 #592839
>>592838
Олсо, не подскажешь, какова степень поддержки иконочного шрифта?
>>592840
#175 #592840
>>592839

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

http://caniuse.com/#feat=fontface
>>592841
#176 #592841
>>592840
А если иконки будут в svg? Тогда с поддержкой можно проебаться, вроде как
>>592843
#177 #592843
>>592841

SVG шрифты? Да, у них хуевая поддержка.
>>592844
#178 #592844
>>592843
По сути, современный иконочный шрифт делается при помощи svg, он нормально работает, тот же font-awesome на svg-иконках, twitter bootstrap использует glyph-icon, он тоже нормально отображается.
>>592845
#179 #592845
>>592844

Не, это то понятно, я думал ты конкретно про шрифты с расширением .svg говоришь.
>>592846
#180 #592846
>>592845
Не, но уже проверил их поддержку, их вообще выпилили.

Олсо, завел эту тему, потому что хочу предложить начальству сделать свой шрифт и не хочу проебаться.
#181 #592849
Блин, всё не могу подключить jade в gulpfile.
http://codepen.io/anon/pen/pbJOLM?editors=0010
Посмотрите пожалуйста, что я делаю не так?
>>592851>>592857
#182 #592851
>>592849
Для начала попробуй разделить папки: в папке dist исходники, в папку app собирай файлы. Потом бери из папки dist jade и собирай, сейчас у тебя берутся файлы из папки app, видимо, там нихуя нет исходников.

олсо, у тебя компилятся все файлы во всех папках, найденные на проекте, лучше создай папку pages и в ней создавай шаблоны страниц, подключая блоки из папки blocks.
#183 #592853
>>592851

>все файлы во всех папках, найденные


в папке app
фикс
>>592856
#184 #592854
>>592851
У меня в dist минифицированные файлы для продакшена, а в app - исходники. Пытаюсь вот собирать из папки jade исходников файлы по крайней мере в корень девелоперской папки, а затем gulp сам всё переносит в продашен и минифицирует.
Но где-то я проебался и у меня это всё почему-то не работает
>>592857
#185 #592856
>>592853
>>592851
Свершилось! После двух часов ковыряния таки заработало, а всего то, нужно было копировать таск для сасса и поменять там sass на jade.
>>592858
1 Кб, 161x70
7 Кб, 558x29
#186 #592857
>>592849
Олсо, че за нахер? Нахер тебе коллбэк, во первых, во вторых, нахер ты его еще и прописываешь? Убери эту хуйню. пиши вот так

gulp.task('build', function(callback) {
runSequence(['sass', 'jade', 'useref', 'images', 'fonts'])
})

>>592854
Ээм, начнем с того, что ты можешь сразу собрать галпом верстку из jade-шаблонов, тут же ее минимизировать тем же галпом и отправить в папку dist тем же галпом. И все это за одну функцию.

Олсо, пикрил 2 может быть проблема из-за пути.

Как пофиксишь, попробуй запустить чисто gulp jade, и посмотри, что выкинет консоль. Заодно и сюда скрин кинь
#187 #592858
>>592856
Проблемы в пути "/app" as is. надо так: "app/"
#188 #592860
так парни, замотивируйте меня цифрами заработков с верстки. Я прошел много курсов и много уже умею, много верстал, сейчас у меня почему то упадок не могу заставить себя работать, при том, что вот оно один макет сверстать в портфолио и я хочу стартовать на фрилансе(Есть конечно много пробелов в знаниях, хочу в процессе подтянуть ибо верстать просто так сил никаких нет и мотивация падает). Многим думаю эта проблема знакома когда все есть и время и знания, рабочее место вот реально все, а ты сидишь и ничего не делаешь, хотя времени и денег вложил оче много, как быть ананасы?
>>592862
#189 #592862
>>592860
Не дрочить с недельку.
>>592863
#190 #592863
>>592862
не понимаю как это к вопросу относится, но если не спускать некоторое время, в голове будут мысли только об этом, я хз.
>>592864
#191 #592864
>>592863
Нет у тебя тупо появятся силы.
>>592866
#192 #592865
http://codepen.io/anon/pen/BzNOXb?editors=0010
Мда, я продолжаю мучаться с галпом. Почему-то не работает gulp.spritesmith, как думаете, почему?
>>592892
#193 #592866
>>592864
сил жопой жуй, реально. Верстка по сути вообще их не забирает, ну бывает голова поболит, но это крайне редко, ведь все равно на жопе сидишь весь день и нечего не делаешь, лень поглотила меня
>>592867>>592868
#194 #592867
>>592866
Силы - это не физические силы. Это и желание что-то делать и сила воли.
>>592869
#196 #592869
>>592867
Понял тебя, я отдыхал много, упадка быть не должно, раньше я ночью верстал и норм все было.
>>592870
#197 #592870
>>592869
Ну ты тогда вдвойне дурак потому что ночная работа отнимает вдвое больше сил, а дневной сон силы почти не восстанавливает. Окситоцин и прочие вещи.
>>592871>>592883
#198 #592871
>>592870
это раньше было, сейчас я в 12 сплю уже, стараюсь только днем верстать, желанной цели нет, в этом вся беда
#199 #592883
>>592870
а мне ночью наоборот больше нравится работать. Как-то свежее, спокойнее, продуктивнее, да и если спать днём - за глаза 6 часов хватает, а ночью - могу и 12 часов проспать. Если б ещё мамка не была адептом того, что восстановление идёт только ночью, давно б уже на ночной режим переключился б.
>>592884
#200 #592884
>>592883
Это не адепт. Это медицина. Кто ночью работает те быстрее стареют и шанс рака на 30 % выше что ли.
#201 #592892
>>592865
Бампану вопрос. В консоли выводит ошибку ReferenceError: spritesmith is not defined , как бы её пофиксить?
#202 #592901
>>592896
уже нашёл ошибку.
Вообще, это нормально, когда я туплю над кодом часами в поисках ошибки?
389 Кб, 1366x768
#203 #592921
Здравствуйте. Заметил такую вещь - как только начал интересоваться версткой, вошло в привычку, заходя на любой сайт, изменять ширину окна браузера и смотреть исходный код страницы. Собственно часто вижу подобную пикрил-картину - это вообще нормально столько классов писать? Как и чем это объясняется?
>>593018
452 Кб, 1024x768
#204 #592994
Нубский вопрос опять, как сделать, чтобы бэкграунд у верхнего дива вылазил на бэкграунд нижнего как на картинке.
У обоих дивов картинки бэкграундом.
>>592997
#205 #592997
>>592994
z-index
>>593012
#206 #593012
>>592997
как сделать, чтобы он такой треугольной формой вылазил?
>>593014>>593016
#207 #593014
>>593012
иди нахуй и думай
#208 #593015
Итак, продвинутые верстаны. Смотрите, jade преобразуется в html-файл, в котором отсутствуют переносы строк. Вроде всё норм, но это критично при работе плагина useref. Так вот, какими дополнительными свойствами это можно пофиксить?
>>593028
#209 #593016
>>593012
Ну ты тупой. Этот треугольник в фш рисуют.
16 Кб, 295x258
46 Кб, 892x324
#210 #593017
Объясните, на что он жалуется?
>>593020>>593021
#211 #593018
>>592921
Это modernizr, js-инструмент для проверки, какие возможности есть в браузере типа: svg, canvas итп, и для каждой рабочей возможности добавляет свой класс. Потом программист что-либо делает исходя из присутствия/отсутствия определенного класса у html. Сам раньше охуевал от этого, пока не узнал про него.
#212 #593020
>>593017
Со скобками проебался. Ты код ошибки то читай.
>>593023
#213 #593021
>>593017
Это sass, фигурные скобки где, блядь?
#214 #593022
Верстаю SASS, синхронизирую все это через browserSync в гранте, пока верстаю смотрю - все нормально. Но билд собирается криво и много верстки херится.
Почему может быть так?
>>593035
#215 #593023
>>593020
так это же сасс файл.
>>593024
#216 #593024
>>593023
Верно, блядь http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media читай документации, у тебя ошибки вылетают из-за неправильного написания синтаксиса. Если сильно жмет, переходи на stylus/
>>593026
18 Кб, 357x346
51 Кб, 1004x343
#217 #593026
>>593024
никогда не ставил их, и работало все шикарно раньше. Пока не попробовал через галп что-то попробовать. Вот теперь так жалуется
>>593032>>593049
#218 #593028
>>593015
бамп вопросу. Нужно чтобы в компилируемом при помощи pug html-файле код шёл не одной строкой, а переносился.
>>593072
#219 #593032
>>593026
У .container тоже скобки сделай
>>593049>>593054
156 Кб, 1609x952
56 Кб, 1114x796
#220 #593035
>>593022
Как раз за сасс терете. Вот такая картина примерно: первый пик - слежу через browserSync, все нормально с версткой, второй пик - после всех задач, все хуево.
Причем думал я что-то накосячил в гранте, попробовал через препрос сделать, все равно все поехало.
Такое ощущение, что какие-то свойства переопределяются.
#221 #593043
>>593035
может быть такое, комбайн-медиа-кверис например спокойно может перенести какой-нибудь важный класс куда не надо и все пойдет по пизде. особенно если это жс-класс.
>>593069
#222 #593045
>>593035
Хз даже, посмотри по скомпилированному css, найди, что проебывается.
>>593069
#223 #593048
>>593035

В инструментах разработчика посмотри какое свойство перекрывается
>>593069
#224 #593049
>>593032
не понимаю,как именно. Уже все перепробовал ошибка все такая же, как тут >>593026
>>593053
13 Кб, 696x253
#225 #593053
>>593049
Вот так
>>593057
16 Кб, 300x346
#226 #593054
>>593032
чушь мне тут нес какую-то, не нужны там вообще скобки, как я раньше говорил.
#227 #593057
>>593053
не путай scss с sass
>>593059
#228 #593059
>>593057
Так-то это 2 синтаксиса одного языка
>>593061
#229 #593061
>>593059
в сасс не надо ставить {} запомни. Синтаксис один, но где-то ставят, а где-то нет.
>>593062
#230 #593062
>>593061
Я знаю
#231 #593069
>>593043
>>593045
>>593048
Все, разобрался, неправильно прописывался путь к css.
#232 #593072
>>593028
Так, я немножко продвинулся в решении задачи, теперь код выглядит нормально, но всё-равно, как бы я ни бился, комментарии на новую строку не переносятся, а интерпретатору useref это важно. Как бы это пофиксить? Есть в jade символ просто переноса строки в дочернем коде?
>>593074
#233 #593074
>>593072
в gulpfile:
.pipe(jade({
pretty: true
}))
>>593081>>593083
#234 #593081
>>593074
имнно так я и сделал, анон. сам копался в англоязычных доках и таки нашёл, да. Кстати, можно задавать ещё и строковое значение. Но вот комментарии gulp мне всё-равно не переносит, даже больше скажу, после комментариев jade ломается.
#235 #593083
>>593074
Ура, получилось. Нужно использовать в офву свои комментарии //
>>593093
#236 #593088
Итак, аноны, после суток страданий могу залить на гитхаб конфиг моего галпа с инструкциями по установке и комментариями.
Состав конфига:
-автоперезагрузка
-минификатор скриптов, css и картинок
-сборщик в production-папку
-работа со спрайтами
-scss
-pug (jade)
Интересно кому-нибудь? В шапку закинете?
>>593171>>593182
#237 #593093
>>593083
Ээ, а ты ставил вот такие? <!- ->?
>>593102
#238 #593102
>>593093
Да, именно так. Посмотрел, что нужно ввести в html вот это, думал, сойдёт то же самое ввести и в jade.
<!--build:css/js css/style.min.css или js/main.min.js -->
... HTML разметка, скрипты/ ссылки.
<!--endbuild-->
>>593103
#239 #593103
>>593102
Понятно
#240 #593150
Парни, помогите с явой. Есть слайдер с автопрокруткой, в нем небольшие изображения. Как сделать так, чтобы при клике на слайд рядом открывалось поп ап окно с большой версией этого изображения?
Вот код
http://codepen.io/rastatotasto/pen/rLVQGQ
>>593163>>593187
#241 #593163
>>593150
Во первых, это нихуя не ява, javascript, это разные, блядь,языки. Во вторых, посмотри в сторону fancybox и bootstrap modal.
>>593165
#242 #593165
>>593163
Ты долбоеб?
По твоему нельзя назвать явускрипт явой?
Принимая во внимание, что это тред для изучения фронтэнда, а значит речь может идти об одной только яве, которая яваскрипт, ну ты понял.
За fancy спасибо
>>593219>>593227
#243 #593171
>>593088
поч галп? Чем он лучше гранта?
>>593182
#244 #593182
>>593088
нахуя? тут уже все есть
https://css-tricks.com/gulp-for-beginners/
>>593171
всем
>>593185>>593192
#245 #593185
>>593182
тут нет джейда и спрайтов
>>593189
#246 #593187
>>593150
сделай скрытую панель с фиксед позиционированием по центру экрана размером как тебе надо и при нажатии на имедж ставь чтобы эта панель была видима, а так же меняй внутри изображение
#247 #593189
>>593185
Ну блять, это и самому можно добавить.
#248 #593192
>>593182
ответ исчерпывающий по галпу, сколько не гуглил ед разница в точ что он там на пол секунды быстрее
>>593364
#249 #593219
>>593165
Потому что ява и яваскрипт - разные языки. На тебя как на долбоеба смотреть будут, если ты пизданешь ява вместо яваскрипт. Не путай термины и не смешивай яву и яваскрипт, даже в названиях.
#250 #593227
>>593165
Я давно ушел из явы, но вангую, что она выросла настолько, что можно ею и фронтэнд ебошить. Так что двачую анона, который тебя обосрал с понятиями.
>>593236
#251 #593236
>>593227
на ней всегда можно было фронт ебашить, апплетами. Но думаю, яваскрипт для фронта всё же получше.
#252 #593280
Ебать, зашел на хтмлакадеми, прошёл урок по ЛЕСС, охуел какое говно. Цвета, блять, подбирать по палитре.
#253 #593285
Блять, посоны, я сдаюсь, я не могу сделать эту ебаную хуйню для пинка. ПОДСКАЖИТЕ ПОЖАЛУЙСТА, НЕ ПОСЫЛАЙТЕ НАХУЙ.
https://codepen.io/coalalala/pen/OXVBrV
>>593289
#254 #593288
Есть div контейнер шириной 1600рх. Внутри него есть div, содержащий 4 ссылки. По какой причине внутренний див может отказываться центрироваться относительно родителя по margin: 0 auto; ?

Даже http://howtocenterincss.com/#contentType=div&container.width=1600px&horizontal=center&vertical=top&browser.IE=8 советует именно этот способ.
>>593311
#255 #593289
>>593285
на какой хуй лепить 2 прямойгольника и пытаться их подгонять, когда можно сделать 1 треугольник
>>593303
#256 #593303
>>593289
Сделал наконец-то.
#257 #593311
>>593288
Вопрос отпал.
36 Кб, 1101x161
#258 #593325
Напомните как сделать так, чтобы была граница по ширине слова. Где-то помню это объяснялось, но уже не помню где...
#259 #593330
>>593325
может это бордер снизу просто
>>593374
#260 #593341
>>593325
в барбершопе box shadow использовали
>>593374
#261 #593345
>>593325
box-shadow:0 25px 0 -20px white;
где -20px - размер паддингов
>>593374
3 Кб, 268x38
#262 #593347
Насколько семантично в заголовки запихивать ссылки? В смысле вот идет заголовок, а рядом с ним есть кнопка, которая всегда доложна быть справа от него. Задавать ей относительное позиционирование от родительского контейнера кажется каким-то уебанством. А если пихнуть ее прямо в заголовок? Или это будет еще хуже?
>>593446
#263 #593348
>>593325
вешаешь на ссылку псевдоэлемент и задаешь ему left: Xpx; right: Xpx;
>>593374
#264 #593364
>>593192
Проще синтаксис и да он быстрее, ну то есть так и есть - он лучше всем
#265 #593374
>>593330
>>593341
>>593345
>>593348
Проблема как всегда в адаптивности.
По-ебанутому просчитывается его ширина, если задавать в процентах и по ширине слова не получается.
http://codepen.io/coalalala/pen/EyjGvP
>>593400>>593401
#266 #593400
>>593374
а ты нахуя там спанов нагородил? привяжись к ним попробуй.

http://codepen.io/anon/pen/xOGmJg
#267 #593401
>>593374
что не так, если в твоем примере на спан бордер ставить?
span{
background:#F00;
border-bottom:10px solid green;
}
#268 #593411
Поцаны, чё такого сверстать чтобы в портфолио положить стыдно не было?
>>593425>>593450
#269 #593425
>>593411
nytimes.com сверстай
>>593431>>593497
#270 #593431
>>593425
Не смогу :(
#271 #593435
Знаете в чём главная проблема базового интенсива?
А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
>>593445
#272 #593445
>>593435
Нет в базовом интенсиве никакой проблемы. Першин показал способ сверстать сайт минимально убогим способом. Т.е. он все еще убогий, т.к. не использует современных техник и технологий, но все равно он лучше, чем как некоторые долбоебы делают верстка абсолютным позиционированием всех элементов.
>>593449>>595269
#273 #593446
>>593347
бамп вопросу
#274 #593449
>>593445
Вот, а на других макетах начинается куча вопросов, потому что там другие техники, а показаны они не были.
>>593453
#275 #593450
>>593411
сверстай одностраничный сайт про арнольда шварцнеггера, где разделы будут:
-преимущества арнольда
-функции арнольда
-цитаты об арнольде
и т. д.
>>593451
#276 #593451
>>593450
Нахуя? Хотя, какой вопрос, такой и ответ.
>>593454
#277 #593453
>>593449
А что ты хотел от базового интенсива? Препроцессоры, галп, адаптивность, фреймворки? Чтобы не растягивать кол-во уроков и их длительность %%а соответственно и стоимость участия и сделали продвинутый интенсив.
>>593456
#278 #593454
>>593451

>Нахуя?


потому что тебе нравится арнольд, он всем нравится
#279 #593456
>>593453
Да при чём тут перепроцессоры и вся хуйня, ты читаешь что я пишу?
Если бы показывали РАЗНЫЕ методики даже самой тупой и убогой верстки, было бы просто замечательно. А так они показали только вёрстку ОДНОГО сайта. А потом появляются вопросы. Как сверстать центральный логотип в седоне? Как сверстать телефоны в пинке чтобы они выходили за пределы дива? А хуй знает, ведь мне только барбершоп показали!
>>593460>>593467
#280 #593460
>>593456

>седона, пинк


Это макеты для продвинутого интенсива, как бы.
В базовом про седону специально говорили, что макет сложнее техномарта и нердса, т.е. от верстальщика потребуется больше гугления и времени на верстку.
>>593470
#281 #593467
>>593456
Короче, этот анон говорит о том, что в базовом макете даются базовые навыки, которых не хватает для работы с реальной версткой, которая будет хоть немного отлична от барбершопа.

В ответку, а что ты хотел от базового интенсива. Скажу тебе по секрету, что базовый js-интенсив вообще не стоит смотреть, он еще более убог, чем базовый html.

А так, вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно, потому что нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
мимо
>>593470>>593494
#282 #593470
>>593460
Я хз, чем он там сложнее, седона очень легкий макет для верстки.
>>593467
Ну так и где познать все эти тонкости? Вот я сверстал пару сайтов по принципу хуй-знает-как. Что дальше?
>>593472>>593479
#283 #593472
>>593470

>что дальше?


Смотри продвинутый интенсив, учись в адаптивность.
#284 #593479
>>593470
Ты жопой читаешь? Я же написал:

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



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



Берешь, проходишь базовый и продвинутый интенсив. Хуяк, и ты уже знаешь основы верстки. Затем берешь, и хуяришь какой-нибудь макет, отличный от седоны и прочего html-academy-шлака у этих ребят последние месяцев 4-5 одни лендинги в рассылке и верстаешь его. Во время затупов лезешь в гугл и гуглишь, сука, гуглишь. Загуглил, применил, проверил. Подошло - молодец, справился. Не подошло - хуйло, ищи новый вариант.

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

Ну и далее пидоришь все выше и выше, пока не упрешься в свой потолок у тебя он 10-15к в месяц.
#285 #593493
>>593479
Двачую этого господина. Всё по полочкам разложил, хоть в шапку добавляй.
#286 #593494
>>593467
Базовый js норм на ускоренной перемотке после того, как освоил кантора/фленагана и порешал алгоритмические задачки. С домом попрактиковаться, формочки повалидировать, сойдет за бесплатно. Тем, кто платил, хочется посочувствовать на самом деле нет, не хочется, так им и надо, хаха
тоже мимо
>>593501
#287 #593497
>>593425
Там проблема не в верстке, а в динамическом рендеринге, это уже надо фреймворки упарывать и желательно хоть чутка в бекенде шарить.
#288 #593500
>>593479

>Потом через год-два


Что там делать два года? Мне кажется тоже конченый тормоз станет богом верстки максимум за полтора и захочет расти во фронтенд.
>>596176
#289 #593501
>>593494
Я как раз смотрю с позиции человека, который уже прогнал почти всего флэннагана и кантора, меня порадовало только изложение про cookies и localStorage, кратко и понятно. Остальное - шлак. Но оно и понятно, за пару месяцев никого нормально js с нуля не научишь, слишком много подводных камней.
>>593503
#290 #593503
>>593501
А где ты Кантора смотрел? На ютубе не нашел
>>593506>>593573
#291 #593506
>>593503
Я его уроки на learn.javascript.ru проходил, смотреть не смог, у него какие-то проблемы с речью ,из-за чего слова в поток сливаются, и он очень быстро говорит. Находил на nnmclub.to.
>>593509
#292 #593509
>>593506
Я просто читаю что многие его видео уроки очень хвалят, но с ютуба он их почему-то выпилил. Попробую на этом сайте найти.
#293 #593573
>>593503
Есть на nnm или как там этот торрент называется, можешь поискать. Я смотрел, хуита, 1 в 1 пересказ учебника (лерн.жаваскрипт который).
>>593591
#294 #593591
>>593573
Двачую, скидывал сюда однажды, не прижилось
#295 #593638
Верстаны, я правильно понимаю, что для резиновых сайтов нужен и центровщик контента в процентах? Объясняю, верстаю лендинг, ширина по макету 1920пх, то есть, шапка, мэйн да и футер растягиваются на всю ширину экрана, но контент в них центруется по ширине 1240. Нужно задать эту ширину в % и авто отступы. Я прав? Просто у меня монитор в 1366 и нет возможности проверить
#296 #593640
>>593638
Сочувствую.
#297 #593643
>>593638

http://lab.maltewassermann.com/viewport-resizer/

Вот тебе закладка, на ней проверяй все размеры
#298 #593647
>>593479
10-15к? Гонишь сука ведь, хочешь сказать fron-end разрабочтик имеет 10-15к? Пруфы есть?
>>593659
#299 #593651
>>593479
Тонко. Хотя смотря в какой валюте.
#300 #593655
Ладно, смотрите ребят, я понаеду в ДС через две недели, и меня устроит даже 35К на первое время. У меня нет реального опыта, я сверстал только пару адаптивов html-академии, и еще когда-то просто пару сайтов, так же я знаю git, gulp, jquery, и ванильный js, хотя нихуя на нем, кроме слайдера, не делал. Насколько мне будет сложно найти работу, и как по быстрому мне набить портфолио сейчас? Устроит ли просто накидать свою верстку на github pages?
>>593658
#301 #593658
>>593655
Ты знаешь ванильный js и сделал на нем только слайдер? Ты не знаешь ванильный js.
>>593660
#302 #593659
>>593647
И где он написал, что:

>fron-end разрабочтик имеет 10-15к



>Ты жопой читаешь?

>>593942
#303 #593660
>>593658
Что мне на нем сделать?
>>593662
#304 #593662
>>593660
Ну ты же по книгам учился или как? Там же была куча примеров. И ты не пробовал все это реализовать на своих страницах?
>>593667
#305 #593667
>>593662
Я делал то что было в книгах, но не то чтобы это было мне сильно нужно на страницах. Все эти шаблоны из головы довольно быстро уходят, хотя найти мне их будет не сложно в книге, если они будут нужны.

Ну естественно, bootstrap я тоже знаю.
#306 #593690
Может нахуй тогда ДС? Мне этих денег хватит здесь минимум на 4 месяца, можно за это время стать с моего уровня хтмэльщика более-менее фронтэндером, только я боюсь, что нихуя все это время я делать не буду, и осень окажусь тем же мухосранским html без минимальных денег на понаезд в дс.
>>593738
#307 #593691
Я в раздумьях
#308 #593706
Если ты спрашиваешь на дваче вопросы за судьбу в треде про технические вопросы, то да - нахуй ДС.
#309 #593738
>>593690
Мне вот интересно, вы когда спрашиваете эти дурацкие вопросы на двачах, реально в расчет берете ответы?
>>593741
#310 #593741
>>593738
Двачую. Тред про фронт, а не совет за жизнь.
Хотя мне проще, я сам в ДС снимаю и хочу научиться фронту =(
>>593743
#311 #593743
>>593741
а почему до сих пор не научился?
>>593753
#312 #593747
это кстати очень приятно, можно заливать на гитхаб пейджес и заходит уже с настоящего мобильника для тестирования
#313 #593753
>>593743
Да сессия ебаная была + ушел с прошлой работы, где работал по 10 часов. Сейчас устроюсь на другую, но хуй знает, как пойдет-в будни будет пара часов по вечерам.
#314 #593759
>>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;}
#315 #593773
Такое план нормальный?
Например, я покупаю дешевых хостинг с возможностью разместить до 10 сайтов за 300 рублей в месяц, регистрирую домены за 100 рублей в год и потом показываю эти сайты клиентам? Вроде бы нет подводных камней? И клиенты стразу проникнутся, а я потрачу сраные 2-3 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
>>593783>>594732
#316 #593783
ладно, вопрос снят >>593773
>>594732
#317 #593834
>>593827

> замыкания


Ну эт короче функция со всеми переменными в ее области видимости, они короч замыкаются и збс

> прототипы


Охуенная штука ваще

> this


Ну эт короче "это", мы как бы говорим функции "слышь, бери вот ЭТО и используй ЭТО как бомбейскую шлюху", воооот

> ES6


Норм, там есть вот такой укащатель "=>"

> typeof null


object.object жи есть
Ну как, берете меня на работу?
другой хуй, джве недели джса
#318 #593835
>>593827
Нормальные HR полюбэ дают тестовую задачу и просят портфолио. А устные вопросы это дно.
#319 #593839
>>593837
Обидно...
#320 #593855
>>593827
Для меня нет проблем ответить на эти вопросы, но это манявопросы, главное практика.
#321 #593942
>>593659
тупица потолок развития верстальщика, это фронт-енд разработчик, про потолок и сказано что 10-15
>>594158
#322 #594001
Redux-юзеры, покажите пример state ваших приложений?
#323 #594048
>>594033
Как в концепции redux сделать окна?
windows: [
{ id: 1, type: KokokoWindow, state: {...} },
{ id: 2, type: PokPokPokWindow, state: {...} },
{ id: 3, type: KukarekuWindow, state: {...} },
]
Так?
>>594049>>594076
#324 #594049
>>594048
Какая-то петушиная таблица
#325 #594076
>>594048
Лучше массив с айдишниками (проще манипулировать) и словарь с ключами-айдишниками.

А вообще Ден несколько дней назад выложил продолжение своего курса на egghead. Там этот вопрос рассматривается.
#326 #594158
>>593942
Блять, какой же ты тупой, даже не в силах осмыслить написанное им.

Походу он написал правду:

> твой потолок 10-15к в месяц

>>594753
#327 #594168
http://codepen.io/anon/pen/jrbNLW?editors=0010
Анон, почему таск автопрефиксера просто повисает и в консоли ничего не происходит? Что я сделал не так?
>>594183
#328 #594183
>>594168
Такс, снова только задав вопрос, сразу же разобрался. Непонятно только, почему он префиксы только для вебкита ставит. Пробовал изменить количество поддерживаемых версий до десяти, всё-равно что-то не работает.
>>594215
#329 #594215
>>594183
Поставил поддерживаемыми все браузеры, которыми пользуется больше одного процента населения, в итоге проефиксы всё-равно ставит только для вебкита, и в единичных случаях - для мозиллы. Получается, допотопными браузерами пользуется очень небольшой процент населения.
>>594216
#330 #594216
>>594215
точнее больше 0%.
5 Кб, 601x579
#331 #594547
Как организовать пикрелейтед-разметку на флексах?
#332 #594566
>>594547
по-моему, точно не помню, отдельным элементам можно задавать разное позиционирование. Если нет - то вложенными флексбоксами.
>>594586
#333 #594568
Антоши, интересует конкатенация джс файлов.
Несколько вопросов.

Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д?
Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE.
Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
>>595315
#334 #594574
Может ли фотошоп неправильно определять название шрифта (отсутствующего в системе)? Пишет roboto bold, ну я скачал Roboto, задал font-weight: bold, но что-то не то, не так это выглядит на сайте, как выглядит на макете.
>>594590>>594599
#335 #594586
>>594566
>>594547
Нахуй, очевидный флоат очевиден. Хватит пихать флексы куда только можно
>>594588
#336 #594588
>>594586
Как-то стремно уже пихать флоаты, если у меня вся сетка на флексах.
>>594593>>594648
#337 #594590
>>594574
Короче понял, там было нестандартно межбуквенное расстояние.
>>594593
#338 #594593
>>594588
Ясно.

>>594590
Таких дезигнеров надо расстреливать за межбуквенный интервал.
1778 Кб, 2000x3001
#339 #594599
>>594574

Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.

Алсо, аноны, если есть кто-то из Новосиба и ему работа версталы нужна, то у нас в фирме вроде как собираются добрать одного. Требования по сути детские, надо лишь бутстрап и jquery знать, ну и там еще по мелочи. Я буду типа наставником, так что если что непонятно будет - все объясню.
#340 #594610
>>594599
Привет, напиши мне на мыло. По поводу бутстрапа и жквери - я их пока не знаю, но постараюсь освоить поскорее.
frollodechGDolANUSg_G$mailPUNCTUMco6!#m
>>594640
#341 #594640
>>594610

Не, чувак, эти знания самый минимум. Мы бы может могли бы еще взять, если бы точно были уверены в том, что чувак толковый, но сам понимаешь, что это можно сделать только в том случае, если его лично знаешь достаточно долго.
>>594643
#342 #594643
>>594640
Полностью с тобой согласен и даже надеюсь на то, что здесь будет другой анон из Новосибирска потолковее меня.
Кстати, сколько в вашей конторе обычно ищут фронт-ендера? Может, у меня будет время подтянуть свои навыки? Так я неплохо верстаю, знаю нативный жс, препроцессоры, системы сборки, бэм.
>>594654
#343 #594648
>>594588
Флексы вообще не для этого придуманы. Ты по-ходу совсем не понимаешь ничего пока что.
>>594652>>594670
#344 #594652
>>594648
Поясни, зачем были придуманы флексы. Не для сетки, да?
>>594719
#345 #594654
>>594643

Сказал, что в течении двух месяцев надо нанять. Скорее всего на собеседования одни дауны приходить будут, так что у тебя думаю время есть, тем более там учить то нечего по сути.
>>594673
#346 #594656
Так, я правильно понимаю что поддержка САССа начинается с 4 бутстрапа?
>>594666
#347 #594666
>>594656
нет, есть официальный bootstrap-sass третьей версии на их сайте
#348 #594670
>>594648
Флоаты как бы тоже.
#349 #594673
>>594654
Мне вот интересно какой уровень средний кандидатов идущих на фронт вакансии. И еще расскажи что постоянно делать на стеке бутстрапа и квери приходится. Просто смотрю на похожую вакансию и думаю на счет того, что там конвеер бутстрап сайтиков одинаковых.
>>594690>>594720
13 Кб, 359x85
#350 #594684
Анончики, разбираюсь с галпом.
Поставит таск gulp-sass.
Есть main.scss, который нужно компилировать в .css
Но я хочу, что бы он не создавал мне в папке css/main.css, а записывал в уже существующий css/style.css код как в гранте
Как это реализуется?
>>594692
#351 #594690
>>594673

>на стеке бутстрапа и квери


Спасибо, обосрался. Такой-то стек.
>>594703
#352 #594692
>>594684
Держи в папке scss файл style.scss и папку компонентов, из файлов которой этот scss-файл будет формироваться посредством импортов.
http://codepen.io/anon/pen/zBvGBw?editors=0010
вот это пропиши в сассовский таск.
>>594694
#353 #594694
>>594692
Это то понятно, я хочу знать, есть ли способ, что бы оставить main.scss и при этом что бы он компилировался с названием style.css, а не main
>>594699
#355 #594703
>>594690
если полегчает можешь назвать это набором инструментов.
#356 #594705
>>594699
Пиздец, могли бы и встроить метод в галп...
#357 #594719
>>594652
Конечно не для сетки, только уебаны его для сетки юзают. И вообще сетки только уебаны юзают в 2016.
Для сетки будет грид.
#358 #594720
>>594673

Примерно на уровне дна. Некоторые даже не знают, чем блочные элементы от строчных отличаются.

Проектов у нас в последнее время немного и они в основном крупные, так что большинство времени надо баги фиксить. Это конечно не работа мечты, но чтобы вкатиться и опыта поднабраться хороший вариант. По крайней мере по сравнению с какой-нибудь хуитой типа Академ медии это вообще подарок судьбы.
#359 #594722
>>594719
бро, а что сейчас оправданнее всего юзать для сетки? Всё-таки, флоат?
#360 #594723
Читал недавно про Scala, крутая штука. А для чего-то практического и повседневного её можно использовать? Ну чтобы сделать нужую кому-то хрень. Или же это хипстерский язык, для подгорелых дядек?
>>594724
#361 #594724
>>594723
второе.
#362 #594728
>>594719
Отцентрировал тебе контент флексами, проверяй))0
А если серьезно - не вижу ничего плохого в том, чтобы делать все на флексах. Офк, всякие инпуты-кнопочки делаются инлайн-блоками, текст обтекает картинку флоатами и так далее. Но п подавляющем большинстве случаев на флексах сделать проще и удобнее, чем ебаться с флоатами и сотней оберток. Чего только стоит масонри-лэйаут без джса, охуенно же.

Хотя, конечно, всегда можно накатить бутстрап и обмазаться дерьмом. Это даже оправдано, если нужно поддерживать дегенератов, сидящих на ИЕ8.
#363 #594732
>>593783
>>593773
а где клиентов будешь брать?
>>594735
#364 #594735
>>594732
фриланс-биржи, знакомые
#365 #594738
>>594719

>И вообще сетки только уебаны юзают в 2016.


А что норм люди делают? Сетки это же вроде настолько абстрактное понятие, что нельзя сделать страницу, чтобы в ней небыло сетки
#366 #594751
А этот gulp вообще используется как замена grunt'y? Использовал раньше grunt для своей фигни, мне хватало, разве что иная мелкая фигня могла с полминуты делаться. Gulp может делать это быстрее и проще? А webpack, который вроде как шибко крутой, вместо gulp'а не используют? Или gulp тупо проще и понятнее в использовании?
>>594757>>594858
#367 #594753
>>594158
лол, дошло. норм че, я уже по бросал все и снова бухаю. Шучу.
#368 #594757
>>594751
gulp+webpack и ты уже не будешь ни в чем нуждаться. А вообще это просто инструменты, кому как удобнее, если тебе гранта хватает можешь его упарывать и это будет законно.
#369 #594781
#370 #594806
Кто-нибудь использует/использовал галп плагин Susy, хочу услышать ваши впечатления.
#371 #594858
>>594751
Галп быстрее гранта и конфиги на нем более компактные.

Вебпак нужен только если у тебя SPA, иначе особо смысла в нем нет.
#372 #594925
>>594599

>Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.


Ткни носом в этот шрифт, потому что я его гуглил, а гугл мне дает обычный робото.
>>594931
#373 #594931
>>594925

Ну так через гугл фонтс они все и подключаются. Но можешь еще например тут глянуть: http://fonts4web.ru/roboto.html
#374 #594938
Салам, анчоусы. Хочу вот третий монитор на свой некроноут навешать, разъём под него вроде есть hdmi разъём свободен, vga - занят. Какие могут быть подводные камни?
>>594949
#375 #594949
>>594938
видеокарта может не поддерживать и скорее всего не поддерживает, проверяй. 2 разъема для удобства
>>594955
#376 #594953
Не понимаю, как верстать макет 1920пх на мониторе 1366. Есть советы? Делаю свою первую резину и не врубаюсь, что и куда. Центровщик в % или фикс, как задавать шрифт? Потому что исходные в макете заголовки в 50пх на 1366 мониторе смотрятся в половину экрана, а так ведь быть не должно? Первый раз, кстати, делаю резину.
>>595005
#377 #594955
>>594949
Видеокарта AMD HD6370m, вроде амдшные видеокарты по 3 моника поддерживают. Утопаю гуглить.
>>594967
#378 #594967
>>594955
Нагуглил, до четырёх мониторов. 15-16 числа куплю ещё один моник за тысячу рублей, ССД и заменю одну двухгиговую планку на четырехгиговую.
>>594979
#379 #594979
>>594967
зачем тебе столько мониторов?
>>595324
#380 #595005
>>594953
А тред мы читаем жопой, и голову включить не можем. Повторю:
.header {width: 100%; background: url("img/huita.jpg" norepeat center cover;}
.header-content {max-width: 1200px; min-width: 480px; margin: 0 auto;}
>>595135
84 Кб, 1024x600
64 Кб, 1024x600
#381 #595078
Я к вам умники с вопросом. Есть выпадающий список как на картинке и при наведении мыши выделяеться цветов элемент списка. Когда я делаю li:hover , то стрелока нихуя не попадает в li - вторая картинка. Как сделать что бы выделяло целую строку? Завернуть li в div?
#382 #595098
У меня Бангладеш !
Встретил сегодня чувака с потока учились когда-то на Истфаке, потом работали в техподдержке домсру, из которой ушел через 5 месяцев, а тот как выяснилось остался и усиленно дрочил поггромирование и в итоге он не последнний кодер в топ ит шараге нашего мухосранска, а я 27летний нищеброд с гнилыми зубами и начальным курсом хтмл академии за спиной.
>>595105>>595113
#383 #595105
>>595098
ХЫЫЫЫ
#384 #595113
>>595098
>>595098
C приездом. Я из Бангладеша и не выезжаю.
#385 #595120
Но не бывает худа без добра, сказал что если научишь бегло верстать одностраничники есть вероятность что что могут посадить рядом с вахтершей говнокодить.
#386 #595133
>>594599
Ииэх, все хочу переехать из Новокузнецка в Новосиб, но никак не получается, на нынешней вакансии держат с низкой зп для новосиба и предлагают остаться на удаленке.
>>595144
#387 #595135
>>595005
Ты мог и более вежливо напомнить, что уже отвечал мне, пидор.
Но за помощь спасибо.
Только зачем задавать хедеру 100% ширину, если он и так блочный и должен растягиваться на всю ширину?
Или ты показываешь, что он не должен обладать другими размерами, кроме 100%?
И что насчет шрифтов - то? Это скорее вопрос о том как поступить, оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Либо все таки масштабировать с помощью rem? Я думаю
#388 #595144
>>594599
Олсо, анон, можно к вам на месяц на удаленку с последующим переездом? Более-менее знаю js, могу с DOM взаимодействовать, слайдеры и прочую муть создавать, делегирование, это вот все, знаю jquery, бутстрап, все остальное по мелочи, 2 года практики, верстал по БЭМ, все интенсивы прошел и кантора навернул.
>>595133-кун
>>595319
#389 #595149

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


Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока?
Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
>>595161
41 Кб, 400x570
#390 #595158
>>594547
#yoba{
flex: huita-bez-zadach;
}
>>595165
#391 #595161
>>595149
А че за вопросы-то?
>>595173
30 Кб, 518x386
#393 #595169
>>595165

>флекс во флексе


Хитро.
>>595170
700 Кб, 1600x1600
#394 #595170
>>595169
Так на флоатах ты точно так же будешь делать обертки и флоатить их в разные стороны.
Ждем грида короч)))) перспективненько)))0
а еще можно жабасриптом их отхуярить, лол
101 Кб, 960x672
#395 #595173
>>595161
Резина и размер шрифтов. Ебашу через em, но это какая то лажа. На мониторе с разрешением 1620X1024 сайт выглядит нормально, но при 1024х600 шрифт выглядит неебически мелким. Какой должна быть разница в разрешениях, что бы начинать применять media-queries?
>>595186
#396 #595186
>>595173
А зачем тебе резиновая верстка? Она как бы уже давно умерла. Олсо, юзай:
<meta name="viewport" content="width=device-width, initial-scale=1">

Медиа-запросы юзай под ширину:
320
480
768
1024
1200
#398 #595210
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
#399 #595228
>>595209
А ты хорош.
#400 #595230
>>593479
вот этот все верно расписал
только с цифрами напиздел, сука
во-первых можно и за год лвлапнуться и начать просить повышение или искать работу
а во-вторых потолок фронтендера - тыщ 140 наверно. Дальше только в хардкор кодинг или бекенд. Лично знаю людей с 200+ зп. Но это не версталы конечно же.
>>595239>>595273
#401 #595239
>>595230
Лично знаю нескольких людей с зп 300к+. Естественно они работают на удаленке или фриланс, и 300к это всего лишь 25 бачей в час, это тупо МАЛО на самом деле, для америкосов это вообще гроши, т.е. легко можно получать 40-50 бачей, если повезет с контрактом.
140к это реально зп миддла, да ещё при этом работающего за рубли, двачую >>595232.
#402 #595247
Я так понимаю, автопрефиксер лучше к watch таску подключать чем к билду. Да?
>>595326
#403 #595265
>>595209
Ебать.
4 Кб, 210x239
#404 #595268
Работаю веб макакой, почти за еду. Скоро уже будет год "опыта" работы.
За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery.
Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать.
Собираюсь доработать до осени и искать другую работу.
Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?

Если останусь работать на этом месте то точно отупею окончательно.
>>595275>>595280
#405 #595269
>>593445
прикинь, на интенсиве для этого наставник даётся и с ним другие макеты верстаются. и хоть мозг ему выеби вопросами про любые способы. потом ещё твою вёрстку на защите рандомный другой наставник проверяет
#406 #595273
>>595230
Цифры были приведены именно для того анона, который базовые вещи спрашивал и не мог в гугл и html-academy. Я сам знаю пару middle-ребят, у которых зп выше 100к. И понимаю, что это совсем не потолок, но ребята на начальных уровнях жопу рвали, чтобы нормальную работу получить, строили свою карьеру и уходили в любой момент, если их не устраивала карьера. Один паренек даже просил у меня пару тысяч в долг в особо плохие дни, когда сидел в ДС без гроша в кармане и без работы.

Проблема в том, что такие ребята - карьеристы, а я, например, так не могу, не могу взять и все кинуть в одночасье. Потому сижу с относительно неплохими скиллами на зарплате 150 рублей в час на удаленке. В месяц получается 60-70 часов, зарплату задерживают и прочее прочее, работа не нравится.Думаю перекатиться, как только получу зарплату.

Боюсь, я не дойду даже до уровня 100к в месяц такими темпами. Пиздец, короче, аноны, аж взгрустнулось.

>>593479-кун
#407 #595275
>>595268
Перед съебом найди нормальную работу, проще будет. Или денег хоть чутка подкопи, будет минимальная денежная подушка на время поисков.
>>595289
#408 #595276
>>595273
ты какой то печальный
>>595278
#409 #595278
>>595276
Да что-то навалилось.
#410 #595279
>>595273

Ну ты, это, слышишь? Держись давай!

продажник кун
>>595290
#411 #595280
>>595268
Что же ты такое делаешь, лол?
>>595289
#412 #595281
>>595273
ты выучил и устроился работать удаленно, или сначала был в офисе?
>>595283
#413 #595283
>>595281
Сначала устроился работать в офис, параллельно учился и говнокодил, проработал год в дерьмовом коллективе, в котором нормальным был только другой верстальщик, который ушел почти сразу после меня, и один бек, который частенько капчевал на работе и съебался еще раньше, проработав чуть больше года. Съебался он даже не забирая последнюю зарплату и оставив все свои вещи типа кружки и прочего на работе. Тупо смылся в другой город.

Так вот, свалил я оттуда, немного пофрилансил, подучил js и jquery, и усроился на другую работу, на которой начал подчищать баги за предыдущим верстаком на bootstrap. Часто сюда отписывал об этой параше. Сейчас третий месяц начинаю работать, думаю сдать последний таск, получить зарплату и свалить, найти что-нибудь в офисе.

Свалить хочу из-за багов, которые мне не хочется фиксить, а 90% работы состоит из этой мудотени, из-за зарплаты, которая хоть и немного больше, чем на прошлой работе, но начальство чуть-что ебет мозги, стоит мне не отписать в течение дня кому-либо что-либо, когда верстаю. Бесят бэки, которые перед зарплатой начинают дерзить, стоит обратиться к ним с проблемами в фикстурах или еще где-либо. Бесит то, что мне в прошлый раз задерживали зарплату в каких-то 10к почти на 2 недели, из которых последние пару дней никто не отвечал на сообщения, даже начальство. Ну и вообще, мне кажется, что самой команде не сильно нравится работать со мной, уж слишком странновато они себя ведут.
>>595288
#414 #595286
>>595273
Это ты 10килорублей в месяц получаешь, серьезно? И что тут думать, тебе даже терять нечего, дропай, даже на нищенском фл.ру можно за неделю эти 10килорублей наклацать копипастой бутстрапа и жиквери.
>>595290>>595792
#415 #595288
>>595283
Олсо, устроился из-за будущего места в офисе, но уже 3 месяц работаю, а об этом и слова нет.
#416 #595289
>>595275
Спасибо за совет, но я это итак знаю, что перед уходом нужно иметь 1-2 потенциально принимаемых вакансий.

Пожалуй пока займусь запиливанием нормального портфолио, с нормальными макетами.
>>595280
Недавно заставили верстать макет из 2002 года таблицами, или адаптивить макет примерно того же года. И это не самое худшее.
А все потому что та пара клиентов, что клюнут на все это убожество, утята в предельной степени.
#417 #595290
>>595279
Спасибо за поддержку

>>595286
Вот я и хочу свалить
#418 #595294
>>595273
Может быть перекатиться к другому работодателю, тоже удаленно?
Или к зарубежным работодателям, там с задержками меньше проблем должно быть.
#419 #595312
Каким наиболее качественным методом изучать бутстрап и жквери?
>>595313
#420 #595313
>>595312
Мануальным.
>>595314
#421 #595314
>>595313
Это как?
>>595316
#422 #595315
>>594568
свои файлы объединяешь в один, подключаемые библы объединяешь в другой. main.js твой, vendor.js подключаемое, примерно так
#423 #595316
>>595314
Это ручками. И по мануалам.
#424 #595319
>>595144

У начальника очень предвзятое отношение к удаленщикам, но как вакансию откроет, то попробуй с ним поговорить, может допиздишься. Я сам чуть меньше года назад в Новосиб из Прокопьевска переехал.

Алсо, первое время зарплата тоже нищенская будет. Он ее не зажимает конечно и если ты действительно хорошо работаешь, то без лишних вопросов поднимает, но и просто так деньгами не разбрасывается.
#425 #595324
>>594979
На один - фотошоп, на один - сублайм, на один - браузер.
>>595788
#426 #595325
Фронтаны, к реакту приступать можно сразу, или сперва лучше/нужно ванильный ES6 освоить?
>>600709
#427 #595326
>>595247
Да. Это же очевидно.
#428 #595350
Аноны, какую разницу в знаниях и навыках предполагают у мидла в отличии от джуна работодатели? Как Вы понимаете, что уже не зелёные? Есть ли среди Вас миды?
>>595351>>595398
#429 #595351
>>595350

>среди нас и джунов-то по сути нет.

#430 #595398
>>595350
Мидл делает все тоже самое, что и джун, только быстрее и самостоятельно. Не думаю, что среди нас много хотя бы джунов, учитывая, что здесь регулярно задают вопросы уровня "как верстать резиновые лендинги"?
#431 #595404
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
>>595408
#432 #595408
>>595404

>даже про шрифты не говорили.



ебать, так сложно уменьшить шрифт через медиаквери, просто пиздец.
#433 #595440
>>595438
ну ахуеть, я мидл теперь. че там писать - взял опенкарт и престашоп, натянул макет свой и все.
#434 #595453
>>595442
Зачем писать с нуля если куча готовых цмс под магазины, маня?
#435 #595460
>>595438
Это уже будет не мидл-фронт, а мидл-фулстак, не?
#436 #595535
Разместил резюме на хх, кликнул отклик в одну компанию, прислали на мыло тестовое, написали что это типа первый этап, второй - собеседование.
Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
#437 #595546
>>595535

Ну а даже, если наебалово, что тебе с ним делать, а так может повезет
>>595559
#438 #595551
>>595535
Если тебе предложили сверстать целую страницу, то стоило отказаться. Если какой-нибудь блок, или формочку, то скорее всего не наебалово. В любом случае, ты уже сверстал, отправляй, хуже не будет. Можешь заодно и в портфолио закинуть.
>>595559
#439 #595553
>>595535
И что, сильно сложное тестовое? Прямо вот бери и в продакшн?
>>595559
#440 #595559
>>595546
Ну да, так же думаю.
>>595551
Да откажешься тут, на город 5 вакансий, откликнулся на все, трое посмотрели резюме, но проигнорили, одни вообще даже отклик не смотрели, только последние отправили тестовое.
>>595553
Не знаю, просто в первый раз я это делаю, работу ищу.
>>595611
#441 #595611
>>595559
Скинь скрин тестового
>>595830
#442 #595788
>>595324
Да ты поехавший какй-то. Ты что, змей-горыныч?
>>595791
#443 #595791
>>595788
он икзибит. Потом еще для фонового фильма один докупит и еще один оперативку и проц мониторить
>>595793
#444 #595792
>>595286
анон, про 10к за неделю въёбывания на фл.ру ты серьёзно? Просто вот поднабрался навыков, хочу немного поработать. Стоит вкатываться туда? Или лучше искать днищепозиции в конторах?
>>596012
#445 #595793
>>595791
Так-то три монитора - самое оптимальное количество. Два слишком мало.
>>595797
#446 #595797
>>595793
альт-таб нахуй придуман? на одном процесс на другом визуализация
#447 #595803

>2016


>альт таб


ты какой-то глупый
#448 #595824
Я бы и сам не отказался от третего моника. Хоть разница в производительности с тремя не такая большая, как между одним монитором и двумя.

мимо анон с двумя мониторами
>>595836
#449 #595830
>>595611
Зачем?
Парни, а че если у меня смотрят резюме, но нихуя не звонят/ни пишут, и вообще я такое пиздатое портфолио замутил, правда у меня есть подозрение, что оно полное говно, но все-таки, мне же должны хотя бы пригласить на собес/прислать тестовое/вежливо послать нахуй, или нет?
#450 #595836
>>595824
Что тебе мешает, он тысячу рублей стоит.
>>595849
#451 #595849
>>595836
У меня ноутбук, встроенная видеокарта не поддерживает.
#452 #595851
>>595830
А что у тебя за портфолио и на кого ты собеседуешься?
#453 #595928
Аноны есть кто интенсивы проходил хтмл академии? Стоит ли платить 13.к за базовый курс? Есть в нем что то уникальное чего не найти бесплатно в сети? Или там какая то прогрессивная подача материала что и дцпшник верстать начнет?
заранее спасибо епта.
>>595968>>595990
#454 #595968
>>595928
или в это треде, или в предыдущем обсуждали эту тему. не стоит платить, имеет смылс заплатить, если ты потом сольешь это для анонов
#455 #595990
>>595928

Там просто будет наставник, которого ты сможешь забывать вопросами, ну и мотивация за вложенную копейку, хотя хуйня, а не мотивация.
#456 #596012
>>595792
Ну это в идеале, конечно. Если умеешь продавать себя - почему бы и нет, там довольно частно заказы а-ля лендинг 5-6тыщ рублей, на бутстрапе делается за час, плюс еще пару часов натянуть на какую-нибудь вордпресс. Сам планирую закончить, наконец, портфолио и попробовать. Благо почти тыща бесхозных рублей на вебманях валяется, как раз оплачу аккаунт, все равно их не вывести никак пока.
#457 #596028
Пацаны, я короче верстал-верстал так нихуя и не сверстал этот ебучий макет. Есть тут желающие, а главное умеющие верстать нормальную резину? Конечно, за небольшое вознаграждение. В общем, суть такова: есть здоровый лендос в 1920пх в ширину, контентная область 1200пх, в общем - то не сложный, но есть парочка изъебных моментов, например, с шапкой. Сайт должен хорошо выглядеть на любом разрешении, в смысле, чтобы на мобилах ничего не разваливалось, а был скроллинг, а на десткопах от 1240 до 1920 блоки и шрифты тянулись. Надеюсь, что объяснил нормально.
Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р.
По срокам: 8-10 часов.
Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
#458 #596035
>>596028

>выкладываете ее на свой хост


С помощью инспектора в браузере можно полностью воссоздать сайт, если че.
#459 #596036
>>596028
как такой долбаеб как ты вообще получил заказ?
>>596314
#460 #596049
Аноны, поясните за препроцессоры. Если мне не нужна вложенность, но нужна вложенность в препроцессорах, что можно использовать помимо @at-root {} ? Если вообще всё содержимое препроцессора закинуть в эти скобочки, то что получится?
>>596053
#461 #596053
>>596049

*всмысле не нужна вложенность селекторов в css, так как они будут правильно называться, но нужна вложенность в scss для достижения лучшей читабельности кода.
#462 #596078
>>596028
сделаю за 6 тысяч
#463 #596083
>>596028
Все отменяется, верстаны. Я разобрался как делать вменяемую резину
>>596093>>596097
#464 #596084
>>596028
За 5500 рублей согласен сверстать.
>>596089
#465 #596089
>>596084
ах ты мамкин демпенгист
#466 #596093
>>596083
так как ты заказ получил?
>>596130
#467 #596097
>>596083
Фухх, а я уже испугался
мимо- мнительный анон
150 Кб, 797x1200
#468 #596117
Короче посоны, рассказываю стори про только что случившийся "собес", такого вы еще, наверное, не слыхали.

Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.

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

Такие дела.
150 Кб, 797x1200
#468 #596117
Короче посоны, рассказываю стори про только что случившийся "собес", такого вы еще, наверное, не слыхали.

Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.

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

Такие дела.
>>596127>>596183
#469 #596127
>>596117

>их уровень - продвинутый интенсив.


Это разве плохой уровень?
>>596135
#470 #596130
>>596093
Ну как как, выебал твою мамку она и свела с заказчиком.
>>596174
#471 #596135
>>596127
Никакой уровень не может быть плохим. Это чисто для статистики. Я сам имел такой уровень где-то в середине прошлой осени.
>>596140
#472 #596140
>>596135
а какой у тебя уровень?
>>596141
#473 #596141
>>596174
#474 #596174
>>596130
>>596141
как ты заебал, клоун
#475 #596176
>>593500
Читай название треда, он уже давно не только про вёрстку.
#476 #596180
Анончик, есть один галпфайл, в нем таск для свг спрайта, все пашет хорошо, только вот gulp-svg-sprite кладет мне в dest еще 2 вложенные папки и только в них файл спрайта. Курил доки плагина, вообще ничего. Они ссылаются, что юзают вайнил и подругому никак.

Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
58 Кб, 604x403
#477 #596183
Верстальщик 5-й день-кун вкатывается в тред.

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

Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.

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

А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.

Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.

>>596117
Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
#478 #596204
>>596183

>КОФЕ И ПЕЧЕНЬКИ


Вот с этого лольнул, реально 8 из 10 нанимателей так пишет.
#479 #596217
>>595830

>Зачем?


Ебать, чтобы посмотреть и определить, наебывают тебя или нет.

А то, что смотрят - нихуя не значит, у меня в день по 5 просмотров, некоторые по 2-3 раза за деньпросматривают, а звонят от силы 2-3 иза 50. Чаще я сам отписываю
#480 #596224
>>595830

>Зачем?


Чтобы понять, сложное тестовое, или нет, и сказать, стоило ли его верстать, или тебя хотят надуть
#481 #596242
Чекнул вакансии своего мухосранска, нашел одну HTML верстальщик. Требования:

>Отличное знание CSS 2-3‚ HTML 4-5;


>Стаж от 2 лет разработки на php;

>>596279>>596286
#482 #596263
>>596028
Охуеть, пиздос, конечно. И как такие еще работают
>>596314
#483 #596279
>>596242
Точно такая же хуйня, две вакансии, одна вообще бэкендщик чистый с 3 годами опыта, хотя почему-то названа HTML верстальщик, вторая требует от года, но туда тоже включен php

Нахуя я фронт вообще учу, лол. Походу жизнь есть только в ДСах.
>>596287
16 Кб, 945x153
#484 #596286
>>596242
Чекнул fl.ru и тоже немного удивился. 13 ответов...
мимо
#485 #596287
>>596279
Ну да, в мухосранях ещё не понимают, что в отрасли есть разделение труда.
#486 #596294
>>596286
1к ?? Это абсолютное неуважение!
#487 #596298
>>596286

>13 ответов


Вот из-за таких уебков и цены падают. Надеюсь, ему там наговнокодят, чтобы все вкривь и вкось было.
#488 #596304
>>596286
Я бы и за 500 сверстал.
>>596311
#489 #596311
>>596304
Да ты бы и пса натянул на CMS.
#490 #596314
>>596036
>>596263
Что, блять, с вами не так, ублюдки? Я переоценил собственные силы, когда взял заказ, не справился и решил попросить помощи. Что здесь такого?
#491 #596318
>>596311
ой да че там пса. даже мамку твою
#492 #596323
>>596311
Проиграл
>>596343
#493 #596324
>>596183
Анон, слушай, а у тебя образование есть?
>>596400
#494 #596343
>>596311
>>596323
пиздуй в /b
>>596382
#495 #596378
Привет. Помогите ньюфагу вкатится. Хочу поступить на курсы, для собеса нужно сдать тесты по html/css/js с теорией и практикой, прохожу все что есть на оп-пике, но ищу что то более теоретизированое. Посоветуйтете литературу.)
#496 #596381
>>596378
frontendbookshelf.ru
#497 #596382
>>596343
Пиздуй на хуй, мамкин указатель.
#498 #596400
>>596324

>Анон, слушай, а у тебя образование есть?


Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.

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

>>596378

>собеса


Сука, как же бесит такое сокращение. Как будто бабка сидит в треде и пишет про свою пенсию. И его, похоже, один анон только использует в треде.
#499 #596407
>>596183
>>596400
Двачую эгоисте, оче неплох
#500 #596411
>>596400
А СМУЗИ-то дают? За счет офиса, конечно же.
#501 #596414
>>596378
книжки O'realy по css/html, и подробное руководство Флэнегана по JS
#502 #596417
Меня заебало вводить логин и пароль на гитхаб и я решил обмазаться ssh. Ебался 2 часа, вроде бы все настроил, тем не менее мне нужно перед коммитов вводить ключевую фразу, что конечно приятнее, чем вводить логин и пароль, но все же. Правильно ли я сделал, что указал ключевую фразу для ssh, если бы я этого не сделал, то коммиты тупо бы улетали на гитхаб без какого либо ввода?
#503 #596418
>>596417

>перед коммитов


перед отправкой коммитов
#504 #596420
А еще эта мразь "гитхаб десктоп", которую я сегодня установил, тоже создала свой ssh ключ
>>596443
#505 #596421
>>596417
Юзай GUI)))
#506 #596443
>>596420
Выпиливай его нахуй, у него ебучий урезанный функционал, проще через консоль работать
#507 #596446
>>596417

В редакторе нету чтоли инструментов для работы с гитом?
#508 #596449
как сделать что бы при конструкции <div><a>ссылка</a></div> весь div становился ссылкой, а не только текст "ссылка".
>>596472
#509 #596452
>>596400

>Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.


Распиши, меня вот на днях с четвертого числанули, перед самыми госами, чет пиздец мне хуево.
>>596460
#510 #596460
>>596452

Нахуй тебе образование, если ты собираешься в веб вкатываться?
>>596463
#511 #596463
>>596460
Чтоб уехать из сраной.
>>596468
#513 #596468
>>596463
В грин кард лотерею играть можно хоть с 9 классами.
Хотя согласен, если рассчитывать только на нее, шансы очень малы.
#514 #596472
>>596449
Либо оберни наоборот, либо ебаш а блоком и задавай высоту.
#515 #596495
>>596286
там же на день работы, в принципе, вполне нормальная цена.
#516 #596522
Менеджер по продажам — 45 тысяч рублей.
Графический дизайнер — 50 тысяч рублей.
Верстальщик — 35 тысяч рублей.
Программист — 60 тысяч рублей.
SEO-специалист — 45 тысяч рублей.

https://vc.ru/p/site-price?from=rss
#517 #599738
Поясните, а нахуя нужны все эти "сетки", флоаты и прочее, когда можно просто сделать таблицу на CSS и через media queries приделать адаптивность?
>>602644
#518 #600709
>>595325
Бамп вопросу
#519 #602644
>>599738
Тащемта раньше таблицами на html верстали. Перестали потому, что охуеть какая вложенность получалась. С css-таблицами, по сути, такой же положняк, только вложенность чутка поменьше, но будут лишние блоки. Но в некоторых ситуациях лучше делать css-таблицы, чем блоки. Недавно, например, делал тестовые карточки корзины онлайн-магазина, при определенном разрешении они должны выглядеть как таблица.
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 7 июля 2016 года.

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

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