Вы видите копию треда, сохраненную 7 июля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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)
добавил в смешные картиночки
компьютерики шутят
fancybox попробуй.
бля, онклик скейла, 3 строки
<!--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? Чем это лучше?
Такие картинки заставляют задуматься, что американцы действительно тупые. Половина из них ведь в серьёз считает, что границы не нужны.
х.з, я вот тоже не очень понимаю осмысленность своего выбора, очень уж много здесь всего
В том то и дело, что установил, но подсвечивается всё, кроме переменных. У тебя из коробки всё работает так же, или по-другому?
Я еще просто зеленый, но, если ради денег, то больше пользы в том, чтоб учить жабу, мне кажется.
судя по всему, это поудобнее. настройка подключаемых файлов легче, не надо потом лезть в бади и менять подключаемый файл.
т. е. если ты например используешь несколько css файлов, которые идут один за другим, то можно прямо в бади обернуть их линки этими билд/эндбилд и все, результат будет такой же, последовательность файлов в сборке такая же.
Во фронтэнде порог вхождения ниже. Плюс практически никакого геммороя. Просто если судить то бэкэндщикам в конторе, которой я работаю, то большинство времени они просто методы в апихе правят, в этом ничего сложного. Но бывает такое, что жопа случается и им приходится быстро реагировать и даже ночью просыпаться и править. Я же, хоть и получаю немного меньше, зато с меня и спроса никакого.
Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. JS гораздо проще в этом плане.
>Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют.
А JS стало быть неполноценный? Булщит.
Мне кажется, что он имел ввиду, что верстала не использует JS на 100%, так как от него чаще всего требуется прикрутить слайдер на страницу и сделать так, что бы все свистело и пердело.
Другое дело хуячить веб приложуху.
Ну скажем так, php гораздо сильнее похож на остальные языки программирования типа джавы и прочего. JS же очень сильно выбивается в этом плане. И мне это нравится, плюс у него есть огромный плюс в виде универсальности, т.е. можно спокойно перекатиться из фронтэнда в бэкенд на ноде или вообще совмещать и быть фулстэком. Какой еще язык такое может?
java, лол
нет
попробуй webStorm
Не вижу не одной причины пользоваться грантом. Галп быстрее и конфиги более понятные и простые.
А по мануалам как? Например, manual, советуемый на продвинутом интенсиве, подразумевает знания node.js, на получение которых у меня уйдёт около недели.
Можешь спалить годноту с настройкой галпа под нужды среднестатистического верстальщика для чайников?
я на галп перелез, потому что грантовские заборы из скобок это пиздец, а так в принципе однохуйственное говно.
Никаких особых знаний ноды там не надо. В интернете полно примеров конфигов под стандартные нужды, в которых надо будет буквально только пути изменить под свои и все.
вот перевод статьи
http://webformyself.com/gulp-dlya-nachinayushhix/
самое забавное, что я начал читать её, потом анон посоветовал мануал на английском, и только ощутив ДЕЖАВЮ, я решил свериться и был приятно удивлён
Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
а что ты кроме 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'))
});
блин, я так и не понимаю, как запустить команду npm init из моей папки project. Что делать?
заходишь в эту папку через консоль, пишешь npm init
https://css-tricks.com/gulp-for-beginners/
все просто. несколько дней себя попреодолевать и потом охуеваешь, как ты раньше жил без этого.
> JS гораздо проще
> PHP
Лол. Твой пост очень похож на вступительную лекцию каких-нибудь очередных говнокурсов "учим джс и джквери за джве недели".
вот мой последний конфиг, например.
организация папок примерно как в 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"
},
})
});
вот мой последний конфиг, например.
организация папок примерно как в 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"
},
})
});
вот именно, только я думаю перейти на TARS, так как он еще можно делать svg спрайты
>Добавили возможность использовать SVG-символы. При этом есть возможность выбрать вариант подключения готового спрайта символов: вставить код спрайта в тело каждой страницы, держать все символы в отдельном файле, а при подключении указывать путь до этого файла (естественно, автоматически) или дать возможность вам самому реализовать подгрузку файла с символами.
не юзаю, не подскажу.
Выполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
да
большинство макетов, с которыми работал не имели векторной графики (либо надо было ебаться с экспортом, тратить время, чего не требовалось по ТЗ). Так что пока обычные пнг спрайты собираю.
Не хочу скатывать тред в /pr срач, но на мой взгляд цепочка "сложности" примерно такая: питон => похапэ => js
Похапэ намного проще чем js, после полугода питона я уже через неделю написал свой примитивный пэхапэшный файлообменник, а еще через месяц забил хуй на этот уродский язык (может и зря, сейчас бы уже вовсю клепал всякое ларавел/йи2 говно на апворке).
JS сейчас учу около месяца, он похож на ебанутую девочку-отличницу. Вроде послушная и живет по расписанию, но может случайно выйти в окно если ты ей не скажешь, что дверь в другой стороне.
что ты имеешь против jade? Yf полном серьёзе хочу им обмазаться, возможности впечатляют.
Текст не читай @ В тред отвечай. Jade переименован в Pug.
Обмазываюсь им каждый день
Алсо, слабо разбить эту хуйню на модули в разные файлы? >>592502
Хуй знает, по-моему вообще вся эта "сложность" понятие относительное. Кому-то один язык легче дается, кому-то другой.
Благодарствую
Это да, и все же пэхапэ потворствует на быдлокод, питон сам по себе примитивен, а у js дофига ебанутых подводных камней.
Надо бы еще руби попробовать на досуге, говорят на рельсах прямо сразу же можно начать пилить говносайты.
Большое спасибо
По-моему не язык потворствует, а просто он привлекает людей, который этот самый быдлокод пишут. Вон у нас на работе iOS и андроид разрабы даже больше жалуются на говнокод своих предшественников, чем веб разрабы. Хотя наверное любой старый проект открой и будешь охуевать от говнокода. И это хорошо на самом деле.
Я тоже хотел руби учить, но не рискнул. По-моему всякие хипстерские языки можно себе позволить учить только тогда, когда ты уже успешен и можешь себе хотя бы полгода-год без работы сидеть.
Смотря как помирает. Если там идут логи типа: server started at localhost:, то все норм. Консоль не мультизадачна, так что перестань ее трогать, начни трогать версточку. Если во время изменений в верстке консоль не реагирует, то у тебя проблемы, парень. Хуевенько написан gulpfile.js, копайся и ищи проблемы в нем.
ctrl+c
Вот так должна реагировать консолька на изменения в файлах, если ты все правильно прописал. Чтобы отключить все это безобразие, жмякай ctrl+C
Проблема в том, что консоль беспрерывно выполняет какой-то процесс (даже не какой-то, а gulp-watch.) И пока она его исполняет, она не исполняет ничего другого, лечится только закрытием. Как вообще насильно убить процесс в консоли?
Это нормально, вырубай процесс клавишами ctrl+C. Это происходит потому, что консоль не мультизадачна. И пока она делает что-либо, ты не можешь в ней работать.
А ты хочешь что бы он к тебя один раз посмотрел на файлы и закрылся? Дайте ему картинку с палкой в колесах.
Анон, а почему бы её не закоммитить? Допустим, если кому-то не хочется качать плагины галпа по одному, он может взять мою папку node_module и невозбранно ей пользоваться. Или я неправ? Вообще, где должны по хорошему храниться все модули node.js и как их туда поместить?
пиздец конечно ты скинул огрызок
Вырезаешь эту белую волну, трассируешь в свг и вставляешь псевдоэлементом
Ээм, ты, видимо, не понял. Вырезаешь ту белую картинку, ставишь ее фоном на псевдоэлемент, псевдоэлементу делаешь абсолютное позиционирование и z-index: 10
Для этого есть package.json и npm init. Сохраняешь dev-dependencies в package.json, потом скачиваешь его и запускаешь npm. Вуаля, у тебя есть готовый шаблон для работ
Сейчас я как раз качаю плагины из этого блока dev-dependies, но по одному. Как бы это автоматизировать?
Неужели просто при помощи npm init? Просто я боюсь, что использование этой команды мне просто всё обнулит.
npm install введи и все, он автоматически скачает все, что находится в package.json. Соответственно другой чувак, когда скачает твою репу, то тоже введет npm install и больше ему ничего делать не надо будет.
Если ты напишешь npm init в папке где есть файл package.json, то все плагины, которые прописаны в нем в div-dependencies автоматически установятся
Какой - то ебанутый макет попался
Скрин в студию
упс, мимо
Вот так легко меня, ньюфага выбить из колеи.
>>grid.scss
Многие тут действительно используют отдельню сеточную разметку на подобии бутстраповской?
Часто вижу упоминание здесь.
Мне, как-то, привычнее стилизовать каждый блок и компонент в нем непосредственно по мере написания, а не присваевать им col-md-xs и прочее, или так действительно удобнее?
Скажем так, если у тебя есть много свободного времени на создание и отладку кода, то можешь делать свой собственный грид. Если времени не так уж и много, проще взять бутстраповский грид и слегка переписать под себя в случае чего. Правда, отдельные петухи могут начать орать, что написать свой грид несложно, всего полчаса, а то и меньше. Специально для таких петухов, если они еще остались: Написать грид не так уж и сложно, но если нахуярить его за полчаса-час, то получится лютое говно, которому даже до бутстрапа пидорить как до луны.
Зеленая хуйня 960, бэк 1440, мне оборачивать 960 в 1440 для бэка? или бэку можно задать, чтобы он из 960 вылазил на 1440?
https://canonium.com/articles/tutorial-css-grid-build
Вот, парень написал, вроде нормальная, можно использовать ее.
Но я имел ввиду не это, а вообще верстку без грида.
Бэк - контейнер, а зеленая хуйня - блок внутри нее? Скинь код в песочнице, чтобы было понятнее.
Нет никакого кода, я же спрашиваю, как правильно сделать?
Мля какой ты душный. Ебень фотку бекграундную на 1440, а ширину блока внутри ограничивай по 960, а атм уж хочешь по центру выравнивай хочешь маргин слева делай.
Сам хотел бы знать... Везде СМАКСЫ-ХУЯКСЫ, а про православный БЭМ нигде инфы нету. Не говорю про фуллстек от Хуяндекс, но эта та еще шляпа.
можешь вот тут посмотреть, я половину от туда взял >>592501
Верстки без грида не бывает. Всегда есть сетка. Просто в одном случае будет одноколоночный макет, а в другом - 12-колоночный.
Это типа тот монстр как у райот пиксельз?
Обертка блока - 1440px и там бэк, сам блок 960 с контентом, я правильно понял?
ДЫА
Использую grunt.
Завтра буду ставить gulp ради интереса.
Ну ты конечно можешь использовать программу для компиляции своего препроцессора (scss, less), но нахуя это нужно, если все-равно рано или поздно придется ставить grunt, gulp. Уж очень сильно они ускоряют процесс работы.
ну я начал использовать gulp вчера со всем. Поэтому спрашивают, как это все применять в нем конкретно?
не знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
Потому что нужно было переходить раньше. Галп в разы побыстрее будет, грант уже устарел уже как год, если не больше. Как-то один знакомый тестил галп и грант на Итар-тассе. Галп собирал шаблоны за секунды, а грант повисал на пару минут, иногда вылетая.
У меня всего 8 тасков было прописано в гранте. Не ощущал никаких неудобств.
Сейчас вот хочу залезть в оптимизацию верстки по хардкору. Вот для этого и планирую поставить галп.
Просто импортишь в главный сасс файл, а потом компилишь в главный цсс, и уже используешь его
>>592784
Блять, заебался. Еще нужно проверять при разных размерах экрана, могут быть проблемы.
http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
просто один див показывается, хз может афтер и бефор под ним спрятаны
но походу это ты не то сделал, что нужно, нужны 2 дива идущие друг за другом с разными бакграундами, бакграунд верхнего как-бы залазит на бакграунд нижнего
а у тебя просто афтер и бефор обрезают снизу область, но бакграунд неналазит
я понял в чем проблема. Сейчас попробуй.
Просто я задал боди overflow: hidden, для того, что бы убрать горизонтальную прокрутку.
разобрался, с белым прозрачным бэкграундом работает так как надо, но если вместо белого прозрачного фона ставить картинку, то получается фигня: http://codepen.io/rando/pen/YWXjjq?editors=1100
Нет, ты не разобрался. Просто еще раз тыкни вот сюда.
http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
Я же сказал что исправил уже свою огрешность с overflow: hidden в body
ок, но как сделать, чтобы на этих афтер, бефор и нижнем диве был имедж цельный, чтобы выглядело, как-будто это ценльный бэкграунд?
у тебя сейчас просто снизу там белый цвет и прозрачность, надо заменить белый цвет и прозрачность на другой имедж, и чтобы это выглядело не как 2 перевернутых квадратика с одинаковыми картинками а одна картинка поверх обоих этих бефор и афтер
Создаёшь контейнер, в котором будет эта большая картинка.
В этом контейнере пишешь правило background: url('/yoba.jpg') center(чтобы центрировать изображение по горизонтали) top/center/bottom(по вкусу центрировать по вертикали)
Блять, я думал что там всего одна картинка, а не две.
Пока я не вижу целого макета, я не могу сказать как лучше сделать.
Но уже поздно.
Сейчас вспоминаю верстку и через пол-года планирую сменить род деятельности. Но вот перспектива опять въебывать за 20-25 руб не очень радует.
Тому що еще в конце шаражных годов проходил практику версталой в одной студии. Но там все на блоках с флешом было, да и вообще я тогда распиздяем лютым был.
Сейчас посеошил сайты в паре контор и понял, что на зп чуть выше уборщиц сидеть не вариант.
6 лет понимал? Ничего себе. Нет, придется с самого начала идти, т.к. верстка и сео почти никак не пересекаются, как отдельные винтики механизма. Если ты хочешь быть фулстак спецом то да, но это ты долго еще будешь доучиваться.
>6 лет понимал?
Да нет. Года два всего поработал.
>верстка и сео почти никак не пересекаются
Мне по роду деятельности приходилось и вордпресы ставить, и html/css-код править. Даже в коде пары плагинов поползал.
Так то править-ставить. А это все с нуля с макета писать. И так чтобы красивенько было и быстро работало и код был норм.
Сиди на попе пока. Кризис же. Если что и так выгонят. А сам пока вон на августовский курс академии запишись. И курсы у них проходи пока.
А это не лоховство платить за курс когда он есть на торрентах?
Или тут эта схема что раз заплатил то будешь ценить информацию и не халтурить с изучением?
Ну во первых да - ты заплатил и ты скорее всего освоишь. Если для тебя 12 к существенные деньги офк. Во-вторых там есть наставник - он может сказать пару вещей, которых нет у них в лекциях, в курсах и т.д. Или скорее выделить их.
Это как фитнес. Так то бабы могу попрыгать и дома или на холохубе пресс покачать. Но коллектив + специально место + специально время = привычка и повышенная мотивация. Но конечно и минус деньги. Но что поделать.
Внутри контейнера придется еще два дива делать, внутри которых по 3 этих кнопки социалок будет. Ну а потом контейнеру пишешь flex-direction: column и все.
Вот и правильно. Просто для flex-wrap'а нужна фиксированная ширина контейнера, чтобы он знал, когда надо перенос на следующую строку делать.
В смысле? Это же шрифт, следовательно поддерживается любым браузером, который поддерживает подключение шрифтов.
http://caniuse.com/#feat=fontface
По сути, современный иконочный шрифт делается при помощи svg, он нормально работает, тот же font-awesome на svg-иконках, twitter bootstrap использует glyph-icon, он тоже нормально отображается.
Не, но уже проверил их поддержку, их вообще выпилили.
Олсо, завел эту тему, потому что хочу предложить начальству сделать свой шрифт и не хочу проебаться.
http://codepen.io/anon/pen/pbJOLM?editors=0010
Посмотрите пожалуйста, что я делаю не так?
Для начала попробуй разделить папки: в папке dist исходники, в папку app собирай файлы. Потом бери из папки dist jade и собирай, сейчас у тебя берутся файлы из папки app, видимо, там нихуя нет исходников.
олсо, у тебя компилятся все файлы во всех папках, найденные на проекте, лучше создай папку pages и в ней создавай шаблоны страниц, подключая блоки из папки blocks.
У меня в dist минифицированные файлы для продакшена, а в app - исходники. Пытаюсь вот собирать из папки jade исходников файлы по крайней мере в корень девелоперской папки, а затем gulp сам всё переносит в продашен и минифицирует.
Но где-то я проебался и у меня это всё почему-то не работает
>>592851
Свершилось! После двух часов ковыряния таки заработало, а всего то, нужно было копировать таск для сасса и поменять там sass на jade.
Олсо, че за нахер? Нахер тебе коллбэк, во первых, во вторых, нахер ты его еще и прописываешь? Убери эту хуйню. пиши вот так
gulp.task('build', function(callback) {
runSequence(['sass', 'jade', 'useref', 'images', 'fonts'])
})
>>592854
Ээм, начнем с того, что ты можешь сразу собрать галпом верстку из jade-шаблонов, тут же ее минимизировать тем же галпом и отправить в папку dist тем же галпом. И все это за одну функцию.
Олсо, пикрил 2 может быть проблема из-за пути.
Как пофиксишь, попробуй запустить чисто gulp jade, и посмотри, что выкинет консоль. Заодно и сюда скрин кинь
Проблемы в пути "/app" as is. надо так: "app/"
не понимаю как это к вопросу относится, но если не спускать некоторое время, в голове будут мысли только об этом, я хз.
Мда, я продолжаю мучаться с галпом. Почему-то не работает gulp.spritesmith, как думаете, почему?
сил жопой жуй, реально. Верстка по сути вообще их не забирает, ну бывает голова поболит, но это крайне редко, ведь все равно на жопе сидишь весь день и нечего не делаешь, лень поглотила меня
Понял тебя, я отдыхал много, упадка быть не должно, раньше я ночью верстал и норм все было.
Ну ты тогда вдвойне дурак потому что ночная работа отнимает вдвое больше сил, а дневной сон силы почти не восстанавливает. Окситоцин и прочие вещи.
это раньше было, сейчас я в 12 сплю уже, стараюсь только днем верстать, желанной цели нет, в этом вся беда
а мне ночью наоборот больше нравится работать. Как-то свежее, спокойнее, продуктивнее, да и если спать днём - за глаза 6 часов хватает, а ночью - могу и 12 часов проспать. Если б ещё мамка не была адептом того, что восстановление идёт только ночью, давно б уже на ночной режим переключился б.
Это не адепт. Это медицина. Кто ночью работает те быстрее стареют и шанс рака на 30 % выше что ли.
Бампану вопрос. В консоли выводит ошибку ReferenceError: spritesmith is not defined , как бы её пофиксить?
У обоих дивов картинки бэкграундом.
иди нахуй и думай
Ну ты тупой. Этот треугольник в фш рисуют.
Это modernizr, js-инструмент для проверки, какие возможности есть в браузере типа: svg, canvas итп, и для каждой рабочей возможности добавляет свой класс. Потом программист что-либо делает исходя из присутствия/отсутствия определенного класса у html. Сам раньше охуевал от этого, пока не узнал про него.
Это sass, фигурные скобки где, блядь?
Почему может быть так?
Верно, блядь http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media читай документации, у тебя ошибки вылетают из-за неправильного написания синтаксиса. Если сильно жмет, переходи на stylus/
никогда не ставил их, и работало все шикарно раньше. Пока не попробовал через галп что-то попробовать. Вот теперь так жалуется
бамп вопросу. Нужно чтобы в компилируемом при помощи pug html-файле код шёл не одной строкой, а переносился.
Как раз за сасс терете. Вот такая картина примерно: первый пик - слежу через browserSync, все нормально с версткой, второй пик - после всех задач, все хуево.
Причем думал я что-то накосячил в гранте, попробовал через препрос сделать, все равно все поехало.
Такое ощущение, что какие-то свойства переопределяются.
может быть такое, комбайн-медиа-кверис например спокойно может перенести какой-нибудь важный класс куда не надо и все пойдет по пизде. особенно если это жс-класс.
чушь мне тут нес какую-то, не нужны там вообще скобки, как я раньше говорил.
в сасс не надо ставить {} запомни. Синтаксис один, но где-то ставят, а где-то нет.
Я знаю
Так, я немножко продвинулся в решении задачи, теперь код выглядит нормально, но всё-равно, как бы я ни бился, комментарии на новую строку не переносятся, а интерпретатору useref это важно. Как бы это пофиксить? Есть в jade символ просто переноса строки в дочернем коде?
имнно так я и сделал, анон. сам копался в англоязычных доках и таки нашёл, да. Кстати, можно задавать ещё и строковое значение. Но вот комментарии gulp мне всё-равно не переносит, даже больше скажу, после комментариев jade ломается.
Состав конфига:
-автоперезагрузка
-минификатор скриптов, css и картинок
-сборщик в production-папку
-работа со спрайтами
-scss
-pug (jade)
Интересно кому-нибудь? В шапку закинете?
Да, именно так. Посмотрел, что нужно ввести в html вот это, думал, сойдёт то же самое ввести и в jade.
<!--build:css/js css/style.min.css или js/main.min.js -->
... HTML разметка, скрипты/ ссылки.
<!--endbuild-->
Понятно
Вот код
http://codepen.io/rastatotasto/pen/rLVQGQ
Во первых, это нихуя не ява, javascript, это разные, блядь,языки. Во вторых, посмотри в сторону fancybox и bootstrap modal.
Ты долбоеб?
По твоему нельзя назвать явускрипт явой?
Принимая во внимание, что это тред для изучения фронтэнда, а значит речь может идти об одной только яве, которая яваскрипт, ну ты понял.
За fancy спасибо
сделай скрытую панель с фиксед позиционированием по центру экрана размером как тебе надо и при нажатии на имедж ставь чтобы эта панель была видима, а так же меняй внутри изображение
Ну блять, это и самому можно добавить.
ответ исчерпывающий по галпу, сколько не гуглил ед разница в точ что он там на пол секунды быстрее
Потому что ява и яваскрипт - разные языки. На тебя как на долбоеба смотреть будут, если ты пизданешь ява вместо яваскрипт. Не путай термины и не смешивай яву и яваскрипт, даже в названиях.
Я давно ушел из явы, но вангую, что она выросла настолько, что можно ею и фронтэнд ебошить. Так что двачую анона, который тебя обосрал с понятиями.
на ней всегда можно было фронт ебашить, апплетами. Но думаю, яваскрипт для фронта всё же получше.
https://codepen.io/coalalala/pen/OXVBrV
Даже http://howtocenterincss.com/#contentType=div&container.width=1600px&horizontal=center&vertical=top&browser.IE=8 советует именно этот способ.
на какой хуй лепить 2 прямойгольника и пытаться их подгонять, когда можно сделать 1 треугольник
Сделал наконец-то.
Вопрос отпал.
Проще синтаксис и да он быстрее, ну то есть так и есть - он лучше всем
>>593341
>>593345
>>593348
Проблема как всегда в адаптивности.
По-ебанутому просчитывается его ширина, если задавать в процентах и по ширине слова не получается.
http://codepen.io/coalalala/pen/EyjGvP
что не так, если в твоем примере на спан бордер ставить?
span{
background:#F00;
border-bottom:10px solid green;
}
Не смогу :(
А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
Нет в базовом интенсиве никакой проблемы. Першин показал способ сверстать сайт минимально убогим способом. Т.е. он все еще убогий, т.к. не использует современных техник и технологий, но все равно он лучше, чем как некоторые долбоебы делают верстка абсолютным позиционированием всех элементов.
бамп вопросу
Вот, а на других макетах начинается куча вопросов, потому что там другие техники, а показаны они не были.
сверстай одностраничный сайт про арнольда шварцнеггера, где разделы будут:
-преимущества арнольда
-функции арнольда
-цитаты об арнольде
и т. д.
А что ты хотел от базового интенсива? Препроцессоры, галп, адаптивность, фреймворки? Чтобы не растягивать кол-во уроков и их длительность %%а соответственно и стоимость участия и сделали продвинутый интенсив.
Да при чём тут перепроцессоры и вся хуйня, ты читаешь что я пишу?
Если бы показывали РАЗНЫЕ методики даже самой тупой и убогой верстки, было бы просто замечательно. А так они показали только вёрстку ОДНОГО сайта. А потом появляются вопросы. Как сверстать центральный логотип в седоне? Как сверстать телефоны в пинке чтобы они выходили за пределы дива? А хуй знает, ведь мне только барбершоп показали!
>седона, пинк
Это макеты для продвинутого интенсива, как бы.
В базовом про седону специально говорили, что макет сложнее техномарта и нердса, т.е. от верстальщика потребуется больше гугления и времени на верстку.
Короче, этот анон говорит о том, что в базовом макете даются базовые навыки, которых не хватает для работы с реальной версткой, которая будет хоть немного отлична от барбершопа.
В ответку, а что ты хотел от базового интенсива. Скажу тебе по секрету, что базовый js-интенсив вообще не стоит смотреть, он еще более убог, чем базовый html.
А так, вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно, потому что нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
мимо
Ты жопой читаешь? Я же написал:
>нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
>вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно
Берешь, проходишь базовый и продвинутый интенсив. Хуяк, и ты уже знаешь основы верстки. Затем берешь, и хуяришь какой-нибудь макет, отличный от седоны и прочего html-academy-шлака у этих ребят последние месяцев 4-5 одни лендинги в рассылке и верстаешь его. Во время затупов лезешь в гугл и гуглишь, сука, гуглишь. Загуглил, применил, проверил. Подошло - молодец, справился. Не подошло - хуйло, ищи новый вариант.
Потом, сука, берешь и ебашишь в какую-либо компанию, мразь, блядским джуном и учишь js, параллельно посасывая у главного версталы или тимлида. Потом через год-два, если захочешь, увольняешься с работы ннаахуй и пидоришь на новую с большей зарплатой. Или можешь с начальством договориться на повышение должности и зарплаты.
Ну и далее пидоришь все выше и выше, пока не упрешься в свой потолок у тебя он 10-15к в месяц.
Двачую этого господина. Всё по полочкам разложил, хоть в шапку добавляй.
Базовый js норм на ускоренной перемотке после того, как освоил кантора/фленагана и порешал алгоритмические задачки. С домом попрактиковаться, формочки повалидировать, сойдет за бесплатно. Тем, кто платил, хочется посочувствовать на самом деле нет, не хочется, так им и надо, хаха
тоже мимо
Там проблема не в верстке, а в динамическом рендеринге, это уже надо фреймворки упарывать и желательно хоть чутка в бекенде шарить.
>Потом через год-два
Что там делать два года? Мне кажется тоже конченый тормоз станет богом верстки максимум за полтора и захочет расти во фронтенд.
Я как раз смотрю с позиции человека, который уже прогнал почти всего флэннагана и кантора, меня порадовало только изложение про cookies и localStorage, кратко и понятно. Остальное - шлак. Но оно и понятно, за пару месяцев никого нормально js с нуля не научишь, слишком много подводных камней.
Я его уроки на learn.javascript.ru проходил, смотреть не смог, у него какие-то проблемы с речью ,из-за чего слова в поток сливаются, и он очень быстро говорит. Находил на nnmclub.to.
Я просто читаю что многие его видео уроки очень хвалят, но с ютуба он их почему-то выпилил. Попробую на этом сайте найти.
Есть на nnm или как там этот торрент называется, можешь поискать. Я смотрел, хуита, 1 в 1 пересказ учебника (лерн.жаваскрипт который).
Двачую, скидывал сюда однажды, не прижилось
Сочувствую.
http://lab.maltewassermann.com/viewport-resizer/
Вот тебе закладка, на ней проверяй все размеры
10-15к? Гонишь сука ведь, хочешь сказать fron-end разрабочтик имеет 10-15к? Пруфы есть?
Тонко. Хотя смотря в какой валюте.
Ты знаешь ванильный js и сделал на нем только слайдер? Ты не знаешь ванильный js.
Ну ты же по книгам учился или как? Там же была куча примеров. И ты не пробовал все это реализовать на своих страницах?
Я делал то что было в книгах, но не то чтобы это было мне сильно нужно на страницах. Все эти шаблоны из головы довольно быстро уходят, хотя найти мне их будет не сложно в книге, если они будут нужны.
Ну естественно, bootstrap я тоже знаю.
Мне вот интересно, вы когда спрашиваете эти дурацкие вопросы на двачах, реально в расчет берете ответы?
Двачую. Тред про фронт, а не совет за жизнь.
Хотя мне проще, я сам в ДС снимаю и хочу научиться фронту =(
Да сессия ебаная была + ушел с прошлой работы, где работал по 10 часов. Сейчас устроюсь на другую, но хуй знает, как пойдет-в будни будет пара часов по вечерам.
. header {width: 100%; background: white url("img/oceherdnaya-hipsterhuinya.png") no-repeat center center cover;}
.header-content {max-width 1240px; min-width: 666px; margin: 0 auto;}
Например, я покупаю дешевых хостинг с возможностью разместить до 10 сайтов за 300 рублей в месяц, регистрирую домены за 100 рублей в год и потом показываю эти сайты клиентам? Вроде бы нет подводных камней? И клиенты стразу проникнутся, а я потрачу сраные 2-3 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
> замыкания
Ну эт короче функция со всеми переменными в ее области видимости, они короч замыкаются и збс
> прототипы
Охуенная штука ваще
> this
Ну эт короче "это", мы как бы говорим функции "слышь, бери вот ЭТО и используй ЭТО как бомбейскую шлюху", воооот
> ES6
Норм, там есть вот такой укащатель "=>"
> typeof null
object.object жи есть
Ну как, берете меня на работу?
другой хуй, джве недели джса
Нормальные HR полюбэ дают тестовую задачу и просят портфолио. А устные вопросы это дно.
Обидно...
Для меня нет проблем ответить на эти вопросы, но это манявопросы, главное практика.
тупица потолок развития верстальщика, это фронт-енд разработчик, про потолок и сказано что 10-15
Как в концепции redux сделать окна?
windows: [
{ id: 1, type: KokokoWindow, state: {...} },
{ id: 2, type: PokPokPokWindow, state: {...} },
{ id: 3, type: KukarekuWindow, state: {...} },
]
Так?
Какая-то петушиная таблица
Лучше массив с айдишниками (проще манипулировать) и словарь с ключами-айдишниками.
А вообще Ден несколько дней назад выложил продолжение своего курса на egghead. Там этот вопрос рассматривается.
Блять, какой же ты тупой, даже не в силах осмыслить написанное им.
Походу он написал правду:
> твой потолок 10-15к в месяц
Анон, почему таск автопрефиксера просто повисает и в консоли ничего не происходит? Что я сделал не так?
Такс, снова только задав вопрос, сразу же разобрался. Непонятно только, почему он префиксы только для вебкита ставит. Пробовал изменить количество поддерживаемых версий до десяти, всё-равно что-то не работает.
Поставил поддерживаемыми все браузеры, которыми пользуется больше одного процента населения, в итоге проефиксы всё-равно ставит только для вебкита, и в единичных случаях - для мозиллы. Получается, допотопными браузерами пользуется очень небольшой процент населения.
точнее больше 0%.
по-моему, точно не помню, отдельным элементам можно задавать разное позиционирование. Если нет - то вложенными флексбоксами.
Несколько вопросов.
Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д?
Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE.
Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.
Алсо, аноны, если есть кто-то из Новосиба и ему работа версталы нужна, то у нас в фирме вроде как собираются добрать одного. Требования по сути детские, надо лишь бутстрап и jquery знать, ну и там еще по мелочи. Я буду типа наставником, так что если что непонятно будет - все объясню.
Привет, напиши мне на мыло. По поводу бутстрапа и жквери - я их пока не знаю, но постараюсь освоить поскорее.
frollodechGDolANUSg_G$mailPUNCTUMco6!#m
Не, чувак, эти знания самый минимум. Мы бы может могли бы еще взять, если бы точно были уверены в том, что чувак толковый, но сам понимаешь, что это можно сделать только в том случае, если его лично знаешь достаточно долго.
Полностью с тобой согласен и даже надеюсь на то, что здесь будет другой анон из Новосибирска потолковее меня.
Кстати, сколько в вашей конторе обычно ищут фронт-ендера? Может, у меня будет время подтянуть свои навыки? Так я неплохо верстаю, знаю нативный жс, препроцессоры, системы сборки, бэм.
Флексы вообще не для этого придуманы. Ты по-ходу совсем не понимаешь ничего пока что.
Сказал, что в течении двух месяцев надо нанять. Скорее всего на собеседования одни дауны приходить будут, так что у тебя думаю время есть, тем более там учить то нечего по сути.
нет, есть официальный bootstrap-sass третьей версии на их сайте
Флоаты как бы тоже.
Мне вот интересно какой уровень средний кандидатов идущих на фронт вакансии. И еще расскажи что постоянно делать на стеке бутстрапа и квери приходится. Просто смотрю на похожую вакансию и думаю на счет того, что там конвеер бутстрап сайтиков одинаковых.
Поставит таск gulp-sass.
Есть main.scss, который нужно компилировать в .css
Но я хочу, что бы он не создавал мне в папке css/main.css, а записывал в уже существующий css/style.css код как в гранте
Как это реализуется?
Держи в папке scss файл style.scss и папку компонентов, из файлов которой этот scss-файл будет формироваться посредством импортов.
http://codepen.io/anon/pen/zBvGBw?editors=0010
вот это пропиши в сассовский таск.
Это то понятно, я хочу знать, есть ли способ, что бы оставить main.scss и при этом что бы он компилировался с названием style.css, а не main
если полегчает можешь назвать это набором инструментов.
Пиздец, могли бы и встроить метод в галп...
Конечно не для сетки, только уебаны его для сетки юзают. И вообще сетки только уебаны юзают в 2016.
Для сетки будет грид.
Примерно на уровне дна. Некоторые даже не знают, чем блочные элементы от строчных отличаются.
Проектов у нас в последнее время немного и они в основном крупные, так что большинство времени надо баги фиксить. Это конечно не работа мечты, но чтобы вкатиться и опыта поднабраться хороший вариант. По крайней мере по сравнению с какой-нибудь хуитой типа Академ медии это вообще подарок судьбы.
бро, а что сейчас оправданнее всего юзать для сетки? Всё-таки, флоат?
второе.
Отцентрировал тебе контент флексами, проверяй))0
А если серьезно - не вижу ничего плохого в том, чтобы делать все на флексах. Офк, всякие инпуты-кнопочки делаются инлайн-блоками, текст обтекает картинку флоатами и так далее. Но п подавляющем большинстве случаев на флексах сделать проще и удобнее, чем ебаться с флоатами и сотней оберток. Чего только стоит масонри-лэйаут без джса, охуенно же.
Хотя, конечно, всегда можно накатить бутстрап и обмазаться дерьмом. Это даже оправдано, если нужно поддерживать дегенератов, сидящих на ИЕ8.
фриланс-биржи, знакомые
>И вообще сетки только уебаны юзают в 2016.
А что норм люди делают? Сетки это же вроде настолько абстрактное понятие, что нельзя сделать страницу, чтобы в ней небыло сетки
лол, дошло. норм че, я уже по бросал все и снова бухаю. Шучу.
gulp+webpack и ты уже не будешь ни в чем нуждаться. А вообще это просто инструменты, кому как удобнее, если тебе гранта хватает можешь его упарывать и это будет законно.
https://git-scm.com/book/ru/v1/Ветвление-в-Git-Перемещение
Галп быстрее гранта и конфиги на нем более компактные.
Вебпак нужен только если у тебя SPA, иначе особо смысла в нем нет.
>Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.
Ткни носом в этот шрифт, потому что я его гуглил, а гугл мне дает обычный робото.
Ну так через гугл фонтс они все и подключаются. Но можешь еще например тут глянуть: http://fonts4web.ru/roboto.html
видеокарта может не поддерживать и скорее всего не поддерживает, проверяй. 2 разъема для удобства
Видеокарта AMD HD6370m, вроде амдшные видеокарты по 3 моника поддерживают. Утопаю гуглить.
Нагуглил, до четырёх мониторов. 15-16 числа куплю ещё один моник за тысячу рублей, ССД и заменю одну двухгиговую планку на четырехгиговую.
А тред мы читаем жопой, и голову включить не можем. Повторю:
.header {width: 100%; background: url("img/huita.jpg" norepeat center cover;}
.header-content {max-width: 1200px; min-width: 480px; margin: 0 auto;}
Встретил сегодня чувака с потока учились когда-то на Истфаке, потом работали в техподдержке домсру, из которой ушел через 5 месяцев, а тот как выяснилось остался и усиленно дрочил поггромирование и в итоге он не последнний кодер в топ ит шараге нашего мухосранска, а я 27летний нищеброд с гнилыми зубами и начальным курсом хтмл академии за спиной.
ХЫЫЫЫ
Ииэх, все хочу переехать из Новокузнецка в Новосиб, но никак не получается, на нынешней вакансии держат с низкой зп для новосиба и предлагают остаться на удаленке.
Ты мог и более вежливо напомнить, что уже отвечал мне, пидор.
Но за помощь спасибо.
Только зачем задавать хедеру 100% ширину, если он и так блочный и должен растягиваться на всю ширину?
Или ты показываешь, что он не должен обладать другими размерами, кроме 100%?
И что насчет шрифтов - то? Это скорее вопрос о том как поступить, оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Либо все таки масштабировать с помощью rem? Я думаю
Олсо, анон, можно к вам на месяц на удаленку с последующим переездом? Более-менее знаю js, могу с DOM взаимодействовать, слайдеры и прочую муть создавать, делегирование, это вот все, знаю jquery, бутстрап, все остальное по мелочи, 2 года практики, верстал по БЭМ, все интенсивы прошел и кантора навернул.
>>595133-кун
> оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел.
Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока?
Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
Так на флоатах ты точно так же будешь делать обертки и флоатить их в разные стороны.
Ждем грида короч)))) перспективненько)))0
а еще можно жабасриптом их отхуярить, лол
Резина и размер шрифтов. Ебашу через em, но это какая то лажа. На мониторе с разрешением 1620X1024 сайт выглядит нормально, но при 1024х600 шрифт выглядит неебически мелким. Какой должна быть разница в разрешениях, что бы начинать применять media-queries?
А зачем тебе резиновая верстка? Она как бы уже давно умерла. Олсо, юзай:
<meta name="viewport" content="width=device-width, initial-scale=1">
Медиа-запросы юзай под ширину:
320
480
768
1024
1200
А ты хорош.
вот этот все верно расписал
только с цифрами напиздел, сука
во-первых можно и за год лвлапнуться и начать просить повышение или искать работу
а во-вторых потолок фронтендера - тыщ 140 наверно. Дальше только в хардкор кодинг или бекенд. Лично знаю людей с 200+ зп. Но это не версталы конечно же.
Лично знаю нескольких людей с зп 300к+. Естественно они работают на удаленке или фриланс, и 300к это всего лишь 25 бачей в час, это тупо МАЛО на самом деле, для америкосов это вообще гроши, т.е. легко можно получать 40-50 бачей, если повезет с контрактом.
140к это реально зп миддла, да ещё при этом работающего за рубли, двачую >>595232.
Ебать.
За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery.
Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать.
Собираюсь доработать до осени и искать другую работу.
Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?
Если останусь работать на этом месте то точно отупею окончательно.
прикинь, на интенсиве для этого наставник даётся и с ним другие макеты верстаются. и хоть мозг ему выеби вопросами про любые способы. потом ещё твою вёрстку на защите рандомный другой наставник проверяет
Цифры были приведены именно для того анона, который базовые вещи спрашивал и не мог в гугл и html-academy. Я сам знаю пару middle-ребят, у которых зп выше 100к. И понимаю, что это совсем не потолок, но ребята на начальных уровнях жопу рвали, чтобы нормальную работу получить, строили свою карьеру и уходили в любой момент, если их не устраивала карьера. Один паренек даже просил у меня пару тысяч в долг в особо плохие дни, когда сидел в ДС без гроша в кармане и без работы.
Проблема в том, что такие ребята - карьеристы, а я, например, так не могу, не могу взять и все кинуть в одночасье. Потому сижу с относительно неплохими скиллами на зарплате 150 рублей в час на удаленке. В месяц получается 60-70 часов, зарплату задерживают и прочее прочее, работа не нравится.Думаю перекатиться, как только получу зарплату.
Боюсь, я не дойду даже до уровня 100к в месяц такими темпами. Пиздец, короче, аноны, аж взгрустнулось.
>>593479-кун
Перед съебом найди нормальную работу, проще будет. Или денег хоть чутка подкопи, будет минимальная денежная подушка на время поисков.
Да что-то навалилось.
Сначала устроился работать в офис, параллельно учился и говнокодил, проработал год в дерьмовом коллективе, в котором нормальным был только другой верстальщик, который ушел почти сразу после меня, и один бек, который частенько капчевал на работе и съебался еще раньше, проработав чуть больше года. Съебался он даже не забирая последнюю зарплату и оставив все свои вещи типа кружки и прочего на работе. Тупо смылся в другой город.
Так вот, свалил я оттуда, немного пофрилансил, подучил js и jquery, и усроился на другую работу, на которой начал подчищать баги за предыдущим верстаком на bootstrap. Часто сюда отписывал об этой параше. Сейчас третий месяц начинаю работать, думаю сдать последний таск, получить зарплату и свалить, найти что-нибудь в офисе.
Свалить хочу из-за багов, которые мне не хочется фиксить, а 90% работы состоит из этой мудотени, из-за зарплаты, которая хоть и немного больше, чем на прошлой работе, но начальство чуть-что ебет мозги, стоит мне не отписать в течение дня кому-либо что-либо, когда верстаю. Бесят бэки, которые перед зарплатой начинают дерзить, стоит обратиться к ним с проблемами в фикстурах или еще где-либо. Бесит то, что мне в прошлый раз задерживали зарплату в каких-то 10к почти на 2 недели, из которых последние пару дней никто не отвечал на сообщения, даже начальство. Ну и вообще, мне кажется, что самой команде не сильно нравится работать со мной, уж слишком странновато они себя ведут.
Это ты 10килорублей в месяц получаешь, серьезно? И что тут думать, тебе даже терять нечего, дропай, даже на нищенском фл.ру можно за неделю эти 10килорублей наклацать копипастой бутстрапа и жиквери.
Олсо, устроился из-за будущего места в офисе, но уже 3 месяц работаю, а об этом и слова нет.
Спасибо за совет, но я это итак знаю, что перед уходом нужно иметь 1-2 потенциально принимаемых вакансий.
Пожалуй пока займусь запиливанием нормального портфолио, с нормальными макетами.
>>595280
Недавно заставили верстать макет из 2002 года таблицами, или адаптивить макет примерно того же года. И это не самое худшее.
А все потому что та пара клиентов, что клюнут на все это убожество, утята в предельной степени.
Может быть перекатиться к другому работодателю, тоже удаленно?
Или к зарубежным работодателям, там с задержками меньше проблем должно быть.
свои файлы объединяешь в один, подключаемые библы объединяешь в другой. main.js твой, vendor.js подключаемое, примерно так
Это ручками. И по мануалам.
У начальника очень предвзятое отношение к удаленщикам, но как вакансию откроет, то попробуй с ним поговорить, может допиздишься. Я сам чуть меньше года назад в Новосиб из Прокопьевска переехал.
Алсо, первое время зарплата тоже нищенская будет. Он ее не зажимает конечно и если ты действительно хорошо работаешь, то без лишних вопросов поднимает, но и просто так деньгами не разбрасывается.
Да. Это же очевидно.
Мидл делает все тоже самое, что и джун, только быстрее и самостоятельно. Не думаю, что среди нас много хотя бы джунов, учитывая, что здесь регулярно задают вопросы уровня "как верстать резиновые лендинги"?
>даже про шрифты не говорили.
ебать, так сложно уменьшить шрифт через медиаквери, просто пиздец.
ну ахуеть, я мидл теперь. че там писать - взял опенкарт и престашоп, натянул макет свой и все.
Зачем писать с нуля если куча готовых цмс под магазины, маня?
Это уже будет не мидл-фронт, а мидл-фулстак, не?
Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
Если тебе предложили сверстать целую страницу, то стоило отказаться. Если какой-нибудь блок, или формочку, то скорее всего не наебалово. В любом случае, ты уже сверстал, отправляй, хуже не будет. Можешь заодно и в портфолио закинуть.
Ну да, так же думаю.
>>595551
Да откажешься тут, на город 5 вакансий, откликнулся на все, трое посмотрели резюме, но проигнорили, одни вообще даже отклик не смотрели, только последние отправили тестовое.
>>595553
Не знаю, просто в первый раз я это делаю, работу ищу.
он икзибит. Потом еще для фонового фильма один докупит и еще один оперативку и проц мониторить
анон, про 10к за неделю въёбывания на фл.ру ты серьёзно? Просто вот поднабрался навыков, хочу немного поработать. Стоит вкатываться туда? Или лучше искать днищепозиции в конторах?
альт-таб нахуй придуман? на одном процесс на другом визуализация
>2016
>альт таб
ты какой-то глупый
мимо анон с двумя мониторами
Зачем?
Парни, а че если у меня смотрят резюме, но нихуя не звонят/ни пишут, и вообще я такое пиздатое портфолио замутил, правда у меня есть подозрение, что оно полное говно, но все-таки, мне же должны хотя бы пригласить на собес/прислать тестовое/вежливо послать нахуй, или нет?
У меня ноутбук, встроенная видеокарта не поддерживает.
А что у тебя за портфолио и на кого ты собеседуешься?
заранее спасибо епта.
или в это треде, или в предыдущем обсуждали эту тему. не стоит платить, имеет смылс заплатить, если ты потом сольешь это для анонов
Там просто будет наставник, которого ты сможешь забывать вопросами, ну и мотивация за вложенную копейку, хотя хуйня, а не мотивация.
Ну это в идеале, конечно. Если умеешь продавать себя - почему бы и нет, там довольно частно заказы а-ля лендинг 5-6тыщ рублей, на бутстрапе делается за час, плюс еще пару часов натянуть на какую-нибудь вордпресс. Сам планирую закончить, наконец, портфолио и попробовать. Благо почти тыща бесхозных рублей на вебманях валяется, как раз оплачу аккаунт, все равно их не вывести никак пока.
Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р.
По срокам: 8-10 часов.
Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
>выкладываете ее на свой хост
С помощью инспектора в браузере можно полностью воссоздать сайт, если че.
*всмысле не нужна вложенность селекторов в css, так как они будут правильно называться, но нужна вложенность в scss для достижения лучшей читабельности кода.
сделаю за 6 тысяч
ах ты мамкин демпенгист
Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.
На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец.
Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми.
А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.
Такие дела.
Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.
На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец.
Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми.
А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.
Такие дела.
Никакой уровень не может быть плохим. Это чисто для статистики. Я сам имел такой уровень где-то в середине прошлой осени.
Читай название треда, он уже давно не только про вёрстку.
Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
Что это были за выходные, посоны. В пятницу я решил отдохнуть, но совершил классическую ошибку новичка: стал сочетать вино и пиво. Вся суббота прошла в головной боли.
Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.
Сейчас сижу на работе, потихоньку верстаю второй проект, думаю над реализацией этой адаптивности для инвалидов. Скорее всего придётся запилить как бы отдельную тему, переключение через темы по кнопочке, хранить состояние темы в localstorage.
А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.
Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.
>>596117
Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
>Зачем?
Ебать, чтобы посмотреть и определить, наебывают тебя или нет.
А то, что смотрят - нихуя не значит, у меня в день по 5 просмотров, некоторые по 2-3 раза за деньпросматривают, а звонят от силы 2-3 иза 50. Чаще я сам отписываю
>Зачем?
Чтобы понять, сложное тестовое, или нет, и сказать, стоило ли его верстать, или тебя хотят надуть
>Отличное знание CSS 2-3‚ HTML 4-5;
>Стаж от 2 лет разработки на php;
Точно такая же хуйня, две вакансии, одна вообще бэкендщик чистый с 3 годами опыта, хотя почему-то названа HTML верстальщик, вторая требует от года, но туда тоже включен php
Нахуя я фронт вообще учу, лол. Походу жизнь есть только в ДСах.
Ну да, в мухосранях ещё не понимают, что в отрасли есть разделение труда.
1к ?? Это абсолютное неуважение!
>13 ответов
Вот из-за таких уебков и цены падают. Надеюсь, ему там наговнокодят, чтобы все вкривь и вкось было.
ой да че там пса. даже мамку твою
frontendbookshelf.ru
Пиздуй на хуй, мамкин указатель.
>Анон, слушай, а у тебя образование есть?
Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.
Сейчас бахнул кофейку и сразу заболела голова от избыточного давления. Вот что значит хороший кофе. В прошлый раз был Якобс Монарх (обычный, не Милликано), так я его кружками хлестал и хоть бы хны.
>>596378
>собеса
Сука, как же бесит такое сокращение. Как будто бабка сидит в треде и пишет про свою пенсию. И его, похоже, один анон только использует в треде.
А СМУЗИ-то дают? За счет офиса, конечно же.
книжки O'realy по css/html, и подробное руководство Флэнегана по JS
Юзай GUI)))
Выпиливай его нахуй, у него ебучий урезанный функционал, проще через консоль работать
>Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.
Распиши, меня вот на днях с четвертого числанули, перед самыми госами, чет пиздец мне хуево.
В грин кард лотерею играть можно хоть с 9 классами.
Хотя согласен, если рассчитывать только на нее, шансы очень малы.
Либо оберни наоборот, либо ебаш а блоком и задавай высоту.
там же на день работы, в принципе, вполне нормальная цена.
Графический дизайнер — 50 тысяч рублей.
Верстальщик — 35 тысяч рублей.
Программист — 60 тысяч рублей.
SEO-специалист — 45 тысяч рублей.
https://vc.ru/p/site-price?from=rss
Бамп вопросу
Тащемта раньше таблицами на html верстали. Перестали потому, что охуеть какая вложенность получалась. С css-таблицами, по сути, такой же положняк, только вложенность чутка поменьше, но будут лишние блоки. Но в некоторых ситуациях лучше делать css-таблицы, чем блоки. Недавно, например, делал тестовые карточки корзины онлайн-магазина, при определенном разрешении они должны выглядеть как таблица.
Вы видите копию треда, сохраненную 7 июля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.