Освящаю
добавил в смешные картиночки
Мда, JS-тред в программаче прямая противоположность нашему. Надеюсь, у нас здесь скоро можно будет задавать глупые и не очень вопросы, связанные с JS.
"математики шутят". из той же серии
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
компьютерики шутят
fancybox попробуй.
Аноны, как у вас sublime text работает с scss? У меня вот переменные почему-то не подсвечиваются, и нет автодополнения по ним. Как бы это пофиксить?
бля, онклик скейла, 3 строки
установи scss
Я вот до конца не понимаю, зачем нужен gulp-useref, т.е. мне предлагают писать такое
<!--build:css css/styles.min.css-->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/another-stylesheet.css">
<!--endbuild-->
Но зачем, ведь есть например gulp-concat-css? Чем это лучше?
<!--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? Чем это лучше?
Такие картинки заставляют задуматься, что американцы действительно тупые. Половина из них ведь в серьёз считает, что границы не нужны.
Аноны, а много вы вообще зарабываете на разработке? ПОсмотрел hh, почитал прошлые треды и показалось, что в том же php и порог вхождение проще и зп приятнее. Или я ошибаюсь?
Не могу найти адаптивный более-менее сложный макет с несколькими страницами. Хочу сделать себе портфолио с версткой на гитхабе, но вот слегка думаю о копирайте.
х.з, я вот тоже не очень понимаю осмысленность своего выбора, очень уж много здесь всего
В том то и дело, что установил, но подсвечивается всё, кроме переменных. У тебя из коробки всё работает так же, или по-другому?
Я еще просто зеленый, но, если ради денег, то больше пользы в том, чтоб учить жабу, мне кажется.
судя по всему, это поудобнее. настройка подключаемых файлов легче, не надо потом лезть в бади и менять подключаемый файл.
т. е. если ты например используешь несколько css файлов, которые идут один за другим, то можно прямо в бади обернуть их линки этими билд/эндбилд и все, результат будет такой же, последовательность файлов в сборке такая же.
Во фронтэнде порог вхождения ниже. Плюс практически никакого геммороя. Просто если судить то бэкэндщикам в конторе, которой я работаю, то большинство времени они просто методы в апихе правят, в этом ничего сложного. Но бывает такое, что жопа случается и им приходится быстро реагировать и даже ночью просыпаться и править. Я же, хоть и получаю немного меньше, зато с меня и спроса никакого.
Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. JS гораздо проще в этом плане.
>Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют.
А JS стало быть неполноценный? Булщит.
Мне кажется, что он имел ввиду, что верстала не использует JS на 100%, так как от него чаще всего требуется прикрутить слайдер на страницу и сделать так, что бы все свистело и пердело.
Другое дело хуячить веб приложуху.
тупой срач mode on
Ну скажем так, php гораздо сильнее похож на остальные языки программирования типа джавы и прочего. JS же очень сильно выбивается в этом плане. И мне это нравится, плюс у него есть огромный плюс в виде универсальности, т.е. можно спокойно перекатиться из фронтэнда в бэкенд на ноде или вообще совмещать и быть фулстэком. Какой еще язык такое может?
java, лол
Собственно, я хотел узнать, перекатиться ли из пзп в js ради денег.
нет
Что за ерунду ты несешь? Чем JS выбивается из остальных С-подобных языков программирования?
Заебись посты набиваете
попробуй webStorm
Аноны, поясните за препроцессоры для html. Нужны ли они? Тут мне один бывалый разработчик говорит, что они лучше emmet'a.
Аноны, сегодня читал про системы сборки, и как по мне, grunt пусть и имеет меньше функционала, но его для фронт-енда будет достаточно за глаза. Или я ошибаюсь и стоит потратить больше времени для освоения gulp'a? Rfrbt прикладные задачи вы решали gulp'ом?
Не вижу не одной причины пользоваться грантом. Галп быстрее и конфиги более понятные и простые.
А по мануалам как? Например, manual, советуемый на продвинутом интенсиве, подразумевает знания node.js, на получение которых у меня уйдёт около недели.
Можешь спалить годноту с настройкой галпа под нужды среднестатистического верстальщика для чайников?
я на галп перелез, потому что грантовские заборы из скобок это пиздец, а так в принципе однохуйственное говно.
Никаких особых знаний ноды там не надо. В интернете полно примеров конфигов под стандартные нужды, в которых надо будет буквально только пути изменить под свои и все.
Еще я все время смотрю на TARS, как на любопытный галповский фреймворк, думаю скоро начну им пользоваться
Спасибо, анон
в вашем треде ещё и английский подтянешь, лол
вот перевод статьи
http://webformyself.com/gulp-dlya-nachinayushhix/
самое забавное, что я начал читать её, потом анон посоветовал мануал на английском, и только ощутив ДЕЖАВЮ, я решил свериться и был приятно удивлён
Собираюсь пилить файловую организацию scss + BEM. Но перед этим решил тут написать.
Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
а что ты кроме 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'))
});
Хотя меня вообще смущает использование useref
пролистал, самая концовка где он советует доп. плагины отсутствует
блин, я так и не понимаю, как запустить команду npm init из моей папки project. Что делать?
заходишь в эту папку через консоль, пишешь npm init
https://css-tricks.com/gulp-for-beginners/
все просто. несколько дней себя попреодолевать и потом охуеваешь, как ты раньше жил без этого.
> JS гораздо проще
> PHP
Лол. Твой пост очень похож на вступительную лекцию каких-нибудь очередных говнокурсов "учим джс и джквери за джве недели".
тебе же переадресую это
потрать время на gulp.spritesmith
Я радугой кончал, когда ощутил разницу до и после.
вот мой последний конфиг, например.
организация папок примерно как в 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-символы. При этом есть возможность выбрать вариант подключения готового спрайта символов: вставить код спрайта в тело каждой страницы, держать все символы в отдельном файле, а при подключении указывать путь до этого файла (естественно, автоматически) или дать возможность вам самому реализовать подгрузку файла с символами.
а ты юзаешь angular или react, как они сочетаются с jade?
не юзаю, не подскажу.
npm install gulp --save-dev
Выполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
Выполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
да
блядь, песочницу юзайте. Заебали код в тред бросать.
смотри не закоммить ее
Да, он же за собой зависимости тащит.
большинство макетов, с которыми работал не имели векторной графики (либо надо было ебаться с экспортом, тратить время, чего не требовалось по ТЗ). Так что пока обычные пнг спрайты собираю.
Не хочу скатывать тред в /pr срач, но на мой взгляд цепочка "сложности" примерно такая: питон => похапэ => js
Похапэ намного проще чем js, после полугода питона я уже через неделю написал свой примитивный пэхапэшный файлообменник, а еще через месяц забил хуй на этот уродский язык (может и зря, сейчас бы уже вовсю клепал всякое ларавел/йи2 говно на апворке).
JS сейчас учу около месяца, он похож на ебанутую девочку-отличницу. Вроде послушная и живет по расписанию, но может случайно выйти в окно если ты ей не скажешь, что дверь в другой стороне.
что ты имеешь против jade? Yf полном серьёзе хочу им обмазаться, возможности впечатляют.
но всяко лучше чем
>2016
>html
Текст не читай @ В тред отвечай. Jade переименован в Pug.
Обмазываюсь им каждый день
Алсо, слабо разбить эту хуйню на модули в разные файлы?
Хуй знает, по-моему вообще вся эта "сложность" понятие относительное. Кому-то один язык легче дается, кому-то другой.
>Алсо, слабо разбить эту хуйню на модули в разные файлы?
зачем?
Благодарствую
Это да, и все же пэхапэ потворствует на быдлокод, питон сам по себе примитивен, а у js дофига ебанутых подводных камней.
Надо бы еще руби попробовать на досуге, говорят на рельсах прямо сразу же можно начать пилить говносайты.
Большое спасибо
По-моему не язык потворствует, а просто он привлекает людей, который этот самый быдлокод пишут. Вон у нас на работе iOS и андроид разрабы даже больше жалуются на говнокод своих предшественников, чем веб разрабы. Хотя наверное любой старый проект открой и будешь охуевать от говнокода. И это хорошо на самом деле.
Я тоже хотел руби учить, но не рискнул. По-моему всякие хипстерские языки можно себе позволить учить только тогда, когда ты уже успешен и можешь себе хотя бы полгода-год без работы сидеть.
Уже ни раз говорилось, что руби популярен лишь в рахе.
Итак, моё знакомство с консолью продолжается. Смотрите, после запуска gulp watch консоль помирает, и не реагирует ни на какие команды. Что делать?
Смотря как помирает. Если там идут логи типа: server started at localhost:, то все норм. Консоль не мультизадачна, так что перестань ее трогать, начни трогать версточку. Если во время изменений в верстке консоль не реагирует, то у тебя проблемы, парень. Хуевенько написан gulpfile.js, копайся и ищи проблемы в нем.
ctrl+c
Вот так должна реагировать консолька на изменения в файлах, если ты все правильно прописал. Чтобы отключить все это безобразие, жмякай ctrl+C
Ну да, 12-ое место в мире с трендом на понижение это конечно не очень радует.
Проблема в том, что консоль беспрерывно выполняет какой-то процесс (даже не какой-то, а 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 автоматически установятся
>npm init
npm install фикс
спасибо, аноны. Что ж, сегодня я немного разобрался с галпом, можно и спать пойти.
Список в ячейке таблицы это нормально? Там действительно таблица, а в паре ячееке маркированные списки
Какой - то ебанутый макет попался
Какой - то ебанутый макет попался
Скрин в студию
Пекарик в желтых бутсах играет, лол, когда остальные в белых
упс, мимо
Не слишком говнистая у меня структура получилась?
Рекомендации приветствуются.
Батонс, наверное, лучше в components засунуть
У него же с бэмом, там блоки вместо компонентов.
А, все
Меня терзали сомнения, но что-то еще тогда нужно туда сувать...
Вот так легко меня, ньюфага выбить из колеи.
А куда папку с подключаемыми локально шрифтами лучше засунуть? В base?
не папку а файл
фикс
grid своя или бутстраповская?
>>grid.scss
Многие тут действительно используют отдельню сеточную разметку на подобии бутстраповской?
Часто вижу упоминание здесь.
Мне, как-то, привычнее стилизовать каждый блок и компонент в нем непосредственно по мере написания, а не присваевать им col-md-xs и прочее, или так действительно удобнее?
грид моя, ну там .container лежит
а в base.scss стили для body, img, ul
Пацаны, я правильно понимаю, что для бэка нужно делать обертку под размер чекпоинта? Или можно как-то прописать, чтобы бэк выходил за рамки блока?
Скажем так, если у тебя есть много свободного времени на создание и отладку кода, то можешь делать свой собственный грид. Если времени не так уж и много, проще взять бутстраповский грид и слегка переписать под себя в случае чего. Правда, отдельные петухи могут начать орать, что написать свой грид несложно, всего полчаса, а то и меньше. Специально для таких петухов, если они еще остались: Написать грид не так уж и сложно, но если нахуярить его за полчаса-час, то получится лютое говно, которому даже до бутстрапа пидорить как до луны.
Что прости? Не понял тебя
Зеленая хуйня 960, бэк 1440, мне оборачивать 960 в 1440 для бэка? или бэку можно задать, чтобы он из 960 вылазил на 1440?
https://canonium.com/articles/tutorial-css-grid-build
Вот, парень написал, вроде нормальная, можно использовать ее.
Но я имел ввиду не это, а вообще верстку без грида.
Бэк - контейнер, а зеленая хуйня - блок внутри нее? Скинь код в песочнице, чтобы было понятнее.
где можно почитать про то как правильно раскидать такие файлы?
Нет никакого кода, я же спрашиваю, как правильно сделать?
Мля какой ты душный. Ебень фотку бекграундную на 1440, а ширину блока внутри ограничивай по 960, а атм уж хочешь по центру выравнивай хочешь маргин слева делай.
И фотка на 1440 выйдет за границы блока, за 960?
Сам хотел бы знать... Везде СМАКСЫ-ХУЯКСЫ, а про православный БЭМ нигде инфы нету. Не говорю про фуллстек от Хуяндекс, но эта та еще шляпа.
можешь вот тут посмотреть, я половину от туда взял
Нижний слой - фотка в 1440. А внутри него и как бы сверху блок в 960.
Верстки без грида не бывает. Всегда есть сетка. Просто в одном случае будет одноколоночный макет, а в другом - 12-колоночный.
Это типа тот монстр как у райот пиксельз?
ты галп используешь? Иль такое без него надо пробовать?
Обертка блока - 1440px и там бэк, сам блок 960 с контентом, я правильно понял?
ДЫА
Использую grunt.
Завтра буду ставить gulp ради интереса.
Ну ты конечно можешь использовать программу для компиляции своего препроцессора (scss, less), но нахуя это нужно, если все-равно рано или поздно придется ставить grunt, gulp. Уж очень сильно они ускоряют процесс работы.
Поздновато ты на галп решил переходить.
мимо
ну я начал использовать gulp вчера со всем. Поэтому спрашивают, как это все применять в нем конкретно?
почему?
https://canonium.com/articles/tutorial-css-grid-build
не знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
не знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
Потому что нужно было переходить раньше. Галп в разы побыстрее будет, грант уже устарел уже как год, если не больше. Как-то один знакомый тестил галп и грант на Итар-тассе. Галп собирал шаблоны за секунды, а грант повисал на пару минут, иногда вылетая.
У меня всего 8 тасков было прописано в гранте. Не ощущал никаких неудобств.
Сейчас вот хочу залезть в оптимизацию верстки по хардкору. Вот для этого и планирую поставить галп.
Просто импортишь в главный сасс файл, а потом компилишь в главный цсс, и уже используешь его
как сделать такое "наложение бэкграундов"?
>hire me
подожди 1 минуту, будет ответ.
Блять, заебался. Еще нужно проверять при разных размерах экрана, могут быть проблемы.
http://codepen.io/pidaraha/pen/GqJBOj?editors=1100
чет у меня в хроме на 1024 ширине экрана не работает
Че? Все работает, от 320 до 2000
просто один див показывается, хз может афтер и бефор под ним спрятаны
но походу это ты не то сделал, что нужно, нужны 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 руб не очень радует.
Сейчас вспоминаю верстку и через пол-года планирую сменить род деятельности. Но вот перспектива опять въебывать за 20-25 руб не очень радует.
А зачем тогда вспоминаешь?
Тому що еще в конце шаражных годов проходил практику версталой в одной студии. Но там все на блоках с флешом было, да и вообще я тогда распиздяем лютым был.
Сейчас посеошил сайты в паре контор и понял, что на зп чуть выше уборщиц сидеть не вариант.
6 лет понимал? Ничего себе. Нет, придется с самого начала идти, т.к. верстка и сео почти никак не пересекаются, как отдельные винтики механизма. Если ты хочешь быть фулстак спецом то да, но это ты долго еще будешь доучиваться.
>6 лет понимал?
Да нет. Года два всего поработал.
>верстка и сео почти никак не пересекаются
Мне по роду деятельности приходилось и вордпресы ставить, и html/css-код править. Даже в коде пары плагинов поползал.
Так то править-ставить. А это все с нуля с макета писать. И так чтобы красивенько было и быстро работало и код был норм.
Бля. Расстроил ты меня чет.
Сиди на попе пока. Кризис же. Если что и так выгонят. А сам пока вон на августовский курс академии запишись. И курсы у них проходи пока.
Базовый прошел уже)
На кризис похер. И так и эдак нихера по итогу не имеешь.
А это не лоховство платить за курс когда он есть на торрентах?
Или тут эта схема что раз заплатил то будешь ценить информацию и не халтурить с изучением?
Ну во первых да - ты заплатил и ты скорее всего освоишь. Если для тебя 12 к существенные деньги офк. Во-вторых там есть наставник - он может сказать пару вещей, которых нет у них в лекциях, в курсах и т.д. Или скорее выделить их.
Это как фитнес. Так то бабы могу попрыгать и дома или на холохубе пресс покачать. Но коллектив + специально место + специально время = привычка и повышенная мотивация. Но конечно и минус деньги. Но что поделать.
Верстаны, есть такая хуйня. Как сверстать ее на флексах, не прибегая к заданию жесткой ширины контейнеру?
Внутри контейнера придется еще два дива делать, внутри которых по 3 этих кнопки социалок будет. Ну а потом контейнеру пишешь flex-direction: column и все.
Ох ебать, мне проще проставить ширину контейнера тогда
Вот и правильно. Просто для flex-wrap'а нужна фиксированная ширина контейнера, чтобы он знал, когда надо перенос на следующую строку делать.
Олсо, не подскажешь, какова степень поддержки иконочного шрифта?
В смысле? Это же шрифт, следовательно поддерживается любым браузером, который поддерживает подключение шрифтов.
http://caniuse.com/#feat=fontface
А если иконки будут в svg? Тогда с поддержкой можно проебаться, вроде как
SVG шрифты? Да, у них хуевая поддержка.
По сути, современный иконочный шрифт делается при помощи svg, он нормально работает, тот же font-awesome на svg-иконках, twitter bootstrap использует glyph-icon, он тоже нормально отображается.
Не, это то понятно, я думал ты конкретно про шрифты с расширением .svg говоришь.
Не, но уже проверил их поддержку, их вообще выпилили.
Олсо, завел эту тему, потому что хочу предложить начальству сделать свой шрифт и не хочу проебаться.
Блин, всё не могу подключить jade в gulpfile.
http://codepen.io/anon/pen/pbJOLM?editors=0010
Посмотрите пожалуйста, что я делаю не так?
http://codepen.io/anon/pen/pbJOLM?editors=0010
Посмотрите пожалуйста, что я делаю не так?
Для начала попробуй разделить папки: в папке dist исходники, в папку app собирай файлы. Потом бери из папки dist jade и собирай, сейчас у тебя берутся файлы из папки app, видимо, там нихуя нет исходников.
олсо, у тебя компилятся все файлы во всех папках, найденные на проекте, лучше создай папку pages и в ней создавай шаблоны страниц, подключая блоки из папки blocks.
>все файлы во всех папках, найденные
в папке app
фикс
У меня в dist минифицированные файлы для продакшена, а в app - исходники. Пытаюсь вот собирать из папки jade исходников файлы по крайней мере в корень девелоперской папки, а затем gulp сам всё переносит в продашен и минифицирует.
Но где-то я проебался и у меня это всё почему-то не работает
Свершилось! После двух часов ковыряния таки заработало, а всего то, нужно было копировать таск для сасса и поменять там sass на jade.
Олсо, че за нахер? Нахер тебе коллбэк, во первых, во вторых, нахер ты его еще и прописываешь? Убери эту хуйню. пиши вот так
gulp.task('build', function(callback) {
runSequence(['sass', 'jade', 'useref', 'images', 'fonts'])
})
Ээм, начнем с того, что ты можешь сразу собрать галпом верстку из jade-шаблонов, тут же ее минимизировать тем же галпом и отправить в папку dist тем же галпом. И все это за одну функцию.
Олсо, пикрил 2 может быть проблема из-за пути.
Как пофиксишь, попробуй запустить чисто gulp jade, и посмотри, что выкинет консоль. Заодно и сюда скрин кинь
Проблемы в пути "/app" as is. надо так: "app/"
так парни, замотивируйте меня цифрами заработков с верстки. Я прошел много курсов и много уже умею, много верстал, сейчас у меня почему то упадок не могу заставить себя работать, при том, что вот оно один макет сверстать в портфолио и я хочу стартовать на фрилансе(Есть конечно много пробелов в знаниях, хочу в процессе подтянуть ибо верстать просто так сил никаких нет и мотивация падает). Многим думаю эта проблема знакома когда все есть и время и знания, рабочее место вот реально все, а ты сидишь и ничего не делаешь, хотя времени и денег вложил оче много, как быть ананасы?
Не дрочить с недельку.
не понимаю как это к вопросу относится, но если не спускать некоторое время, в голове будут мысли только об этом, я хз.
Нет у тебя тупо появятся силы.
http://codepen.io/anon/pen/BzNOXb?editors=0010
Мда, я продолжаю мучаться с галпом. Почему-то не работает gulp.spritesmith, как думаете, почему?
Мда, я продолжаю мучаться с галпом. Почему-то не работает gulp.spritesmith, как думаете, почему?
сил жопой жуй, реально. Верстка по сути вообще их не забирает, ну бывает голова поболит, но это крайне редко, ведь все равно на жопе сидишь весь день и нечего не делаешь, лень поглотила меня
Силы - это не физические силы. Это и желание что-то делать и сила воли.
Понял тебя, я отдыхал много, упадка быть не должно, раньше я ночью верстал и норм все было.
Ну ты тогда вдвойне дурак потому что ночная работа отнимает вдвое больше сил, а дневной сон силы почти не восстанавливает. Окситоцин и прочие вещи.
это раньше было, сейчас я в 12 сплю уже, стараюсь только днем верстать, желанной цели нет, в этом вся беда
а мне ночью наоборот больше нравится работать. Как-то свежее, спокойнее, продуктивнее, да и если спать днём - за глаза 6 часов хватает, а ночью - могу и 12 часов проспать. Если б ещё мамка не была адептом того, что восстановление идёт только ночью, давно б уже на ночной режим переключился б.
Это не адепт. Это медицина. Кто ночью работает те быстрее стареют и шанс рака на 30 % выше что ли.
Бампану вопрос. В консоли выводит ошибку ReferenceError: spritesmith is not defined , как бы её пофиксить?
Учитывая отмирание профессии версталы, цифры там те еще. Зарплатами фронтенд-разработчиков мотивируйся на hh.ru.
Потому что у тебя в require написана хуйня какая-то. https://learn.javascript.ru/modules#commonjs
уже нашёл ошибку.
Вообще, это нормально, когда я туплю над кодом часами в поисках ошибки?
Здравствуйте. Заметил такую вещь - как только начал интересоваться версткой, вошло в привычку, заходя на любой сайт, изменять ширину окна браузера и смотреть исходный код страницы. Собственно часто вижу подобную пикрил-картину - это вообще нормально столько классов писать? Как и чем это объясняется?
Нубский вопрос опять, как сделать, чтобы бэкграунд у верхнего дива вылазил на бэкграунд нижнего как на картинке.
У обоих дивов картинки бэкграундом.
У обоих дивов картинки бэкграундом.
z-index
как сделать, чтобы он такой треугольной формой вылазил?
иди нахуй и думай
Итак, продвинутые верстаны. Смотрите, jade преобразуется в html-файл, в котором отсутствуют переносы строк. Вроде всё норм, но это критично при работе плагина useref. Так вот, какими дополнительными свойствами это можно пофиксить?
Ну ты тупой. Этот треугольник в фш рисуют.
Объясните, на что он жалуется?
Это modernizr, js-инструмент для проверки, какие возможности есть в браузере типа: svg, canvas итп, и для каждой рабочей возможности добавляет свой класс. Потом программист что-либо делает исходя из присутствия/отсутствия определенного класса у html. Сам раньше охуевал от этого, пока не узнал про него.
Со скобками проебался. Ты код ошибки то читай.
Это sass, фигурные скобки где, блядь?
Верстаю SASS, синхронизирую все это через browserSync в гранте, пока верстаю смотрю - все нормально. Но билд собирается криво и много верстки херится.
Почему может быть так?
Почему может быть так?
так это же сасс файл.
Верно, блядь http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media читай документации, у тебя ошибки вылетают из-за неправильного написания синтаксиса. Если сильно жмет, переходи на stylus/
никогда не ставил их, и работало все шикарно раньше. Пока не попробовал через галп что-то попробовать. Вот теперь так жалуется
бамп вопросу. Нужно чтобы в компилируемом при помощи pug html-файле код шёл не одной строкой, а переносился.
У .container тоже скобки сделай
Как раз за сасс терете. Вот такая картина примерно: первый пик - слежу через browserSync, все нормально с версткой, второй пик - после всех задач, все хуево.
Причем думал я что-то накосячил в гранте, попробовал через препрос сделать, все равно все поехало.
Такое ощущение, что какие-то свойства переопределяются.
может быть такое, комбайн-медиа-кверис например спокойно может перенести какой-нибудь важный класс куда не надо и все пойдет по пизде. особенно если это жс-класс.
Хз даже, посмотри по скомпилированному css, найди, что проебывается.
В инструментах разработчика посмотри какое свойство перекрывается
не понимаю,как именно. Уже все перепробовал ошибка все такая же, как тут
Вот так
чушь мне тут нес какую-то, не нужны там вообще скобки, как я раньше говорил.
не путай scss с sass
Так-то это 2 синтаксиса одного языка
в сасс не надо ставить {} запомни. Синтаксис один, но где-то ставят, а где-то нет.
Я знаю
Все, разобрался, неправильно прописывался путь к css.
Так, я немножко продвинулся в решении задачи, теперь код выглядит нормально, но всё-равно, как бы я ни бился, комментарии на новую строку не переносятся, а интерпретатору useref это важно. Как бы это пофиксить? Есть в jade символ просто переноса строки в дочернем коде?
в gulpfile:
.pipe(jade({
pretty: true
}))
имнно так я и сделал, анон. сам копался в англоязычных доках и таки нашёл, да. Кстати, можно задавать ещё и строковое значение. Но вот комментарии gulp мне всё-равно не переносит, даже больше скажу, после комментариев jade ломается.
Ура, получилось. Нужно использовать в офву свои комментарии //
Итак, аноны, после суток страданий могу залить на гитхаб конфиг моего галпа с инструкциями по установке и комментариями.
Состав конфига:
-автоперезагрузка
-минификатор скриптов, css и картинок
-сборщик в production-папку
-работа со спрайтами
-scss
-pug (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
Вот код
http://codepen.io/rastatotasto/pen/rLVQGQ
Во первых, это нихуя не ява, javascript, это разные, блядь,языки. Во вторых, посмотри в сторону fancybox и bootstrap modal.
Ты долбоеб?
По твоему нельзя назвать явускрипт явой?
Принимая во внимание, что это тред для изучения фронтэнда, а значит речь может идти об одной только яве, которая яваскрипт, ну ты понял.
За fancy спасибо
поч галп? Чем он лучше гранта?
тут нет джейда и спрайтов
сделай скрытую панель с фиксед позиционированием по центру экрана размером как тебе надо и при нажатии на имедж ставь чтобы эта панель была видима, а так же меняй внутри изображение
Ну блять, это и самому можно добавить.
ответ исчерпывающий по галпу, сколько не гуглил ед разница в точ что он там на пол секунды быстрее
Потому что ява и яваскрипт - разные языки. На тебя как на долбоеба смотреть будут, если ты пизданешь ява вместо яваскрипт. Не путай термины и не смешивай яву и яваскрипт, даже в названиях.
Я давно ушел из явы, но вангую, что она выросла настолько, что можно ею и фронтэнд ебошить. Так что двачую анона, который тебя обосрал с понятиями.
на ней всегда можно было фронт ебашить, апплетами. Но думаю, яваскрипт для фронта всё же получше.
Ебать, зашел на хтмлакадеми, прошёл урок по ЛЕСС, охуел какое говно. Цвета, блять, подбирать по палитре.
Блять, посоны, я сдаюсь, я не могу сделать эту ебаную хуйню для пинка. ПОДСКАЖИТЕ ПОЖАЛУЙСТА, НЕ ПОСЫЛАЙТЕ НАХУЙ.
https://codepen.io/coalalala/pen/OXVBrV
https://codepen.io/coalalala/pen/OXVBrV
Есть div контейнер шириной 1600рх. Внутри него есть div, содержащий 4 ссылки. По какой причине внутренний див может отказываться центрироваться относительно родителя по margin: 0 auto; ?
Даже http://howtocenterincss.com/#contentType=div&container.width=1600px&horizontal=center&vertical=top&browser.IE=8 советует именно этот способ.
Даже http://howtocenterincss.com/#contentType=div&container.width=1600px&horizontal=center&vertical=top&browser.IE=8 советует именно этот способ.
на какой хуй лепить 2 прямойгольника и пытаться их подгонять, когда можно сделать 1 треугольник
Сделал наконец-то.
Вопрос отпал.
Напомните как сделать так, чтобы была граница по ширине слова. Где-то помню это объяснялось, но уже не помню где...
может это бордер снизу просто
в барбершопе box shadow использовали
box-shadow:0 25px 0 -20px white;
где -20px - размер паддингов
Насколько семантично в заголовки запихивать ссылки? В смысле вот идет заголовок, а рядом с ним есть кнопка, которая всегда доложна быть справа от него. Задавать ей относительное позиционирование от родительского контейнера кажется каким-то уебанством. А если пихнуть ее прямо в заголовок? Или это будет еще хуже?
вешаешь на ссылку псевдоэлемент и задаешь ему left: Xpx; right: Xpx;
Проще синтаксис и да он быстрее, ну то есть так и есть - он лучше всем
Проблема как всегда в адаптивности.
По-ебанутому просчитывается его ширина, если задавать в процентах и по ширине слова не получается.
http://codepen.io/coalalala/pen/EyjGvP
что не так, если в твоем примере на спан бордер ставить?
span{
background:#F00;
border-bottom:10px solid green;
}
Поцаны, чё такого сверстать чтобы в портфолио положить стыдно не было?
nytimes.com сверстай
Не смогу :(
Знаете в чём главная проблема базового интенсива?
А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
Нет в базовом интенсиве никакой проблемы. Першин показал способ сверстать сайт минимально убогим способом. Т.е. он все еще убогий, т.к. не использует современных техник и технологий, но все равно он лучше, чем как некоторые долбоебы делают верстка абсолютным позиционированием всех элементов.
бамп вопросу
Вот, а на других макетах начинается куча вопросов, потому что там другие техники, а показаны они не были.
сверстай одностраничный сайт про арнольда шварцнеггера, где разделы будут:
-преимущества арнольда
-функции арнольда
-цитаты об арнольде
и т. д.
Нахуя? Хотя, какой вопрос, такой и ответ.
А что ты хотел от базового интенсива? Препроцессоры, галп, адаптивность, фреймворки? Чтобы не растягивать кол-во уроков и их длительность %%а соответственно и стоимость участия и сделали продвинутый интенсив.
>Нахуя?
потому что тебе нравится арнольд, он всем нравится
Да при чём тут перепроцессоры и вся хуйня, ты читаешь что я пишу?
Если бы показывали РАЗНЫЕ методики даже самой тупой и убогой верстки, было бы просто замечательно. А так они показали только вёрстку ОДНОГО сайта. А потом появляются вопросы. Как сверстать центральный логотип в седоне? Как сверстать телефоны в пинке чтобы они выходили за пределы дива? А хуй знает, ведь мне только барбершоп показали!
>седона, пинк
Это макеты для продвинутого интенсива, как бы.
В базовом про седону специально говорили, что макет сложнее техномарта и нердса, т.е. от верстальщика потребуется больше гугления и времени на верстку.
Короче, этот анон говорит о том, что в базовом макете даются базовые навыки, которых не хватает для работы с реальной версткой, которая будет хоть немного отлична от барбершопа.
В ответку, а что ты хотел от базового интенсива. Скажу тебе по секрету, что базовый js-интенсив вообще не стоит смотреть, он еще более убог, чем базовый html.
А так, вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно, потому что нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
мимо
Я хз, чем он там сложнее, седона очень легкий макет для верстки.
Ну так и где познать все эти тонкости? Вот я сверстал пару сайтов по принципу хуй-знает-как. Что дальше?
>что дальше?
Смотри продвинутый интенсив, учись в адаптивность.
Ты жопой читаешь? Я же написал:
>нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
>вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно
Берешь, проходишь базовый и продвинутый интенсив. Хуяк, и ты уже знаешь основы верстки. Затем берешь, и хуяришь какой-нибудь макет, отличный от седоны и прочего html-academy-шлака у этих ребят последние месяцев 4-5 одни лендинги в рассылке и верстаешь его. Во время затупов лезешь в гугл и гуглишь, сука, гуглишь. Загуглил, применил, проверил. Подошло - молодец, справился. Не подошло - хуйло, ищи новый вариант.
Потом, сука, берешь и ебашишь в какую-либо компанию, мразь, блядским джуном и учишь js, параллельно посасывая у главного версталы или тимлида. Потом через год-два, если захочешь, увольняешься с работы ннаахуй и пидоришь на новую с большей зарплатой. Или можешь с начальством договориться на повышение должности и зарплаты.
Ну и далее пидоришь все выше и выше, пока не упрешься в свой потолок у тебя он 10-15к в месяц.
Двачую этого господина. Всё по полочкам разложил, хоть в шапку добавляй.
Базовый js норм на ускоренной перемотке после того, как освоил кантора/фленагана и порешал алгоритмические задачки. С домом попрактиковаться, формочки повалидировать, сойдет за бесплатно. Тем, кто платил, хочется посочувствовать на самом деле нет, не хочется, так им и надо, хаха
тоже мимо
Там проблема не в верстке, а в динамическом рендеринге, это уже надо фреймворки упарывать и желательно хоть чутка в бекенде шарить.
>Потом через год-два
Что там делать два года? Мне кажется тоже конченый тормоз станет богом верстки максимум за полтора и захочет расти во фронтенд.
Я как раз смотрю с позиции человека, который уже прогнал почти всего флэннагана и кантора, меня порадовало только изложение про cookies и localStorage, кратко и понятно. Остальное - шлак. Но оно и понятно, за пару месяцев никого нормально js с нуля не научишь, слишком много подводных камней.
А где ты Кантора смотрел? На ютубе не нашел
Я его уроки на learn.javascript.ru проходил, смотреть не смог, у него какие-то проблемы с речью ,из-за чего слова в поток сливаются, и он очень быстро говорит. Находил на nnmclub.to.
Я просто читаю что многие его видео уроки очень хвалят, но с ютуба он их почему-то выпилил. Попробую на этом сайте найти.
Есть на nnm или как там этот торрент называется, можешь поискать. Я смотрел, хуита, 1 в 1 пересказ учебника (лерн.жаваскрипт который).
Двачую, скидывал сюда однажды, не прижилось
Верстаны, я правильно понимаю, что для резиновых сайтов нужен и центровщик контента в процентах? Объясняю, верстаю лендинг, ширина по макету 1920пх, то есть, шапка, мэйн да и футер растягиваются на всю ширину экрана, но контент в них центруется по ширине 1240. Нужно задать эту ширину в % и авто отступы. Я прав? Просто у меня монитор в 1366 и нет возможности проверить
Сочувствую.
10-15к? Гонишь сука ведь, хочешь сказать fron-end разрабочтик имеет 10-15к? Пруфы есть?
Тонко. Хотя смотря в какой валюте.
Ладно, смотрите ребят, я понаеду в ДС через две недели, и меня устроит даже 35К на первое время. У меня нет реального опыта, я сверстал только пару адаптивов html-академии, и еще когда-то просто пару сайтов, так же я знаю git, gulp, jquery, и ванильный js, хотя нихуя на нем, кроме слайдера, не делал. Насколько мне будет сложно найти работу, и как по быстрому мне набить портфолио сейчас? Устроит ли просто накидать свою верстку на github pages?
Ты знаешь ванильный js и сделал на нем только слайдер? Ты не знаешь ванильный js.
И где он написал, что:
>fron-end разрабочтик имеет 10-15к
>Ты жопой читаешь?
Что мне на нем сделать?
Ну ты же по книгам учился или как? Там же была куча примеров. И ты не пробовал все это реализовать на своих страницах?
Я делал то что было в книгах, но не то чтобы это было мне сильно нужно на страницах. Все эти шаблоны из головы довольно быстро уходят, хотя найти мне их будет не сложно в книге, если они будут нужны.
Ну естественно, bootstrap я тоже знаю.
Может нахуй тогда ДС? Мне этих денег хватит здесь минимум на 4 месяца, можно за это время стать с моего уровня хтмэльщика более-менее фронтэндером, только я боюсь, что нихуя все это время я делать не буду, и осень окажусь тем же мухосранским html без минимальных денег на понаезд в дс.
Я в раздумьях
Если ты спрашиваешь на дваче вопросы за судьбу в треде про технические вопросы, то да - нахуй ДС.
Мне вот интересно, вы когда спрашиваете эти дурацкие вопросы на двачах, реально в расчет берете ответы?
Двачую. Тред про фронт, а не совет за жизнь.
Хотя мне проще, я сам в ДС снимаю и хочу научиться фронту =(
а почему до сих пор не научился?
это кстати очень приятно, можно заливать на гитхаб пейджес и заходит уже с настоящего мобильника для тестирования
Да сессия ебаная была + ушел с прошлой работы, где работал по 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 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
Например, я покупаю дешевых хостинг с возможностью разместить до 10 сайтов за 300 рублей в месяц, регистрирую домены за 100 рублей в год и потом показываю эти сайты клиентам? Вроде бы нет подводных камней? И клиенты стразу проникнутся, а я потрачу сраные 2-3 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
ладно, вопрос снят
Мля пасаны, выручайте - мамка гонит на работу, а тут еще у меня Марс в 5 доме. Вот я и думаю - фронтенд зубрить или за Люську замуж выйти?
хуя ты юморист, вполне вероятно что скоро куда-нибудь попиздуешь работать за гроши
>знаю ванильный js
>нихуя на нем, кроме слайдера, не делал
Здравствуйте, присаживайтесь!
Расскажите, пожалуйста, что такое замыкания и зачем они нужны.
Окей, а теперь объясните как работают прототипы. Кстати, что такое this?
А как у вас с ES6? В чем особенности стрелочных функций?
Кстати, а чем равен typeof null?
Ну, мы вам перезвоним короч.
> замыкания
Ну эт короче функция со всеми переменными в ее области видимости, они короч замыкаются и збс
> прототипы
Охуенная штука ваще
> this
Ну эт короче "это", мы как бы говорим функции "слышь, бери вот ЭТО и используй ЭТО как бомбейскую шлюху", воооот
> ES6
Норм, там есть вот такой укащатель "=>"
> typeof null
object.object жи есть
Ну как, берете меня на работу?
другой хуй, джве недели джса
Нормальные HR полюбэ дают тестовую задачу и просят портфолио. А устные вопросы это дно.
Обидно...
Для меня нет проблем ответить на эти вопросы, но это манявопросы, главное практика.
Согласен, реальные проекты важнее. Это просто платиновые вопросы для отсева совсем уж залетных. Экономит время.
тупица потолок развития верстальщика, это фронт-енд разработчик, про потолок и сказано что 10-15
Redux-юзеры, покажите пример state ваших приложений?
Как в концепции redux сделать окна?
windows: [
{ id: 1, type: KokokoWindow, state: {...} },
{ id: 2, type: PokPokPokWindow, state: {...} },
{ id: 3, type: KukarekuWindow, state: {...} },
]
Так?
Какая-то петушиная таблица
Лучше массив с айдишниками (проще манипулировать) и словарь с ключами-айдишниками.
А вообще Ден несколько дней назад выложил продолжение своего курса на egghead. Там этот вопрос рассматривается.
Блять, какой же ты тупой, даже не в силах осмыслить написанное им.
Походу он написал правду:
> твой потолок 10-15к в месяц
http://codepen.io/anon/pen/jrbNLW?editors=0010
Анон, почему таск автопрефиксера просто повисает и в консоли ничего не происходит? Что я сделал не так?
Анон, почему таск автопрефиксера просто повисает и в консоли ничего не происходит? Что я сделал не так?
Такс, снова только задав вопрос, сразу же разобрался. Непонятно только, почему он префиксы только для вебкита ставит. Пробовал изменить количество поддерживаемых версий до десяти, всё-равно что-то не работает.
Поставил поддерживаемыми все браузеры, которыми пользуется больше одного процента населения, в итоге проефиксы всё-равно ставит только для вебкита, и в единичных случаях - для мозиллы. Получается, допотопными браузерами пользуется очень небольшой процент населения.
точнее больше 0%.
Как организовать пикрелейтед-разметку на флексах?
по-моему, точно не помню, отдельным элементам можно задавать разное позиционирование. Если нет - то вложенными флексбоксами.
Антоши, интересует конкатенация джс файлов.
Несколько вопросов.
Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д?
Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE.
Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
Несколько вопросов.
Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д?
Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE.
Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
Может ли фотошоп неправильно определять название шрифта (отсутствующего в системе)? Пишет roboto bold, ну я скачал Roboto, задал font-weight: bold, но что-то не то, не так это выглядит на сайте, как выглядит на макете.
Нахуй, очевидный флоат очевиден. Хватит пихать флексы куда только можно
Как-то стремно уже пихать флоаты, если у меня вся сетка на флексах.
Короче понял, там было нестандартно межбуквенное расстояние.
Ясно.
Таких дезигнеров надо расстреливать за межбуквенный интервал.
Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.
Алсо, аноны, если есть кто-то из Новосиба и ему работа версталы нужна, то у нас в фирме вроде как собираются добрать одного. Требования по сути детские, надо лишь бутстрап и jquery знать, ну и там еще по мелочи. Я буду типа наставником, так что если что непонятно будет - все объясню.
Привет, напиши мне на мыло. По поводу бутстрапа и жквери - я их пока не знаю, но постараюсь освоить поскорее.
[email protected]
Не, чувак, эти знания самый минимум. Мы бы может могли бы еще взять, если бы точно были уверены в том, что чувак толковый, но сам понимаешь, что это можно сделать только в том случае, если его лично знаешь достаточно долго.
Полностью с тобой согласен и даже надеюсь на то, что здесь будет другой анон из Новосибирска потолковее меня.
Кстати, сколько в вашей конторе обычно ищут фронт-ендера? Может, у меня будет время подтянуть свои навыки? Так я неплохо верстаю, знаю нативный жс, препроцессоры, системы сборки, бэм.
Флексы вообще не для этого придуманы. Ты по-ходу совсем не понимаешь ничего пока что.
Поясни, зачем были придуманы флексы. Не для сетки, да?
Сказал, что в течении двух месяцев надо нанять. Скорее всего на собеседования одни дауны приходить будут, так что у тебя думаю время есть, тем более там учить то нечего по сути.
Так, я правильно понимаю что поддержка САССа начинается с 4 бутстрапа?
нет, есть официальный bootstrap-sass третьей версии на их сайте
Флоаты как бы тоже.
Мне вот интересно какой уровень средний кандидатов идущих на фронт вакансии. И еще расскажи что постоянно делать на стеке бутстрапа и квери приходится. Просто смотрю на похожую вакансию и думаю на счет того, что там конвеер бутстрап сайтиков одинаковых.
Анончики, разбираюсь с галпом.
Поставит таск gulp-sass.
Есть main.scss, который нужно компилировать в .css
Но я хочу, что бы он не создавал мне в папке css/main.css, а записывал в уже существующий css/style.css код как в гранте
Как это реализуется?
Поставит таск 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.
Для сетки будет грид.
Примерно на уровне дна. Некоторые даже не знают, чем блочные элементы от строчных отличаются.
Проектов у нас в последнее время немного и они в основном крупные, так что большинство времени надо баги фиксить. Это конечно не работа мечты, но чтобы вкатиться и опыта поднабраться хороший вариант. По крайней мере по сравнению с какой-нибудь хуитой типа Академ медии это вообще подарок судьбы.
бро, а что сейчас оправданнее всего юзать для сетки? Всё-таки, флоат?
Читал недавно про Scala, крутая штука. А для чего-то практического и повседневного её можно использовать? Ну чтобы сделать нужую кому-то хрень. Или же это хипстерский язык, для подгорелых дядек?
второе.
Отцентрировал тебе контент флексами, проверяй))0
А если серьезно - не вижу ничего плохого в том, чтобы делать все на флексах. Офк, всякие инпуты-кнопочки делаются инлайн-блоками, текст обтекает картинку флоатами и так далее. Но п подавляющем большинстве случаев на флексах сделать проще и удобнее, чем ебаться с флоатами и сотней оберток. Чего только стоит масонри-лэйаут без джса, охуенно же.
Хотя, конечно, всегда можно накатить бутстрап и обмазаться дерьмом. Это даже оправдано, если нужно поддерживать дегенератов, сидящих на ИЕ8.
а где клиентов будешь брать?
фриланс-биржи, знакомые
>И вообще сетки только уебаны юзают в 2016.
А что норм люди делают? Сетки это же вроде настолько абстрактное понятие, что нельзя сделать страницу, чтобы в ней небыло сетки
А этот gulp вообще используется как замена grunt'y? Использовал раньше grunt для своей фигни, мне хватало, разве что иная мелкая фигня могла с полминуты делаться. Gulp может делать это быстрее и проще? А webpack, который вроде как шибко крутой, вместо gulp'а не используют? Или gulp тупо проще и понятнее в использовании?
лол, дошло. норм че, я уже по бросал все и снова бухаю. Шучу.
gulp+webpack и ты уже не будешь ни в чем нуждаться. А вообще это просто инструменты, кому как удобнее, если тебе гранта хватает можешь его упарывать и это будет законно.
Чет не осилил эту главу
https://git-scm.com/book/ru/v1/Ветвление-в-Git-Перемещение
https://git-scm.com/book/ru/v1/Ветвление-в-Git-Перемещение
Кто-нибудь использует/использовал галп плагин Susy, хочу услышать ваши впечатления.
Галп быстрее гранта и конфиги на нем более компактные.
Вебпак нужен только если у тебя SPA, иначе особо смысла в нем нет.
>Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.
Ткни носом в этот шрифт, потому что я его гуглил, а гугл мне дает обычный робото.
Ну так через гугл фонтс они все и подключаются. Но можешь еще например тут глянуть: http://fonts4web.ru/roboto.html
Салам, анчоусы. Хочу вот третий монитор на свой некроноут навешать, разъём под него вроде есть hdmi разъём свободен, vga - занят. Какие могут быть подводные камни?
видеокарта может не поддерживать и скорее всего не поддерживает, проверяй. 2 разъема для удобства
Не понимаю, как верстать макет 1920пх на мониторе 1366. Есть советы? Делаю свою первую резину и не врубаюсь, что и куда. Центровщик в % или фикс, как задавать шрифт? Потому что исходные в макете заголовки в 50пх на 1366 мониторе смотрятся в половину экрана, а так ведь быть не должно? Первый раз, кстати, делаю резину.
Видеокарта 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;}
Я к вам умники с вопросом. Есть выпадающий список как на картинке и при наведении мыши выделяеться цветов элемент списка. Когда я делаю li:hover , то стрелока нихуя не попадает в li - вторая картинка. Как сделать что бы выделяло целую строку? Завернуть li в div?
У меня Бангладеш !
Встретил сегодня чувака с потока учились когда-то на Истфаке, потом работали в техподдержке домсру, из которой ушел через 5 месяцев, а тот как выяснилось остался и усиленно дрочил поггромирование и в итоге он не последнний кодер в топ ит шараге нашего мухосранска, а я 27летний нищеброд с гнилыми зубами и начальным курсом хтмл академии за спиной.
ХЫЫЫЫ
C приездом. Я из Бангладеша и не выезжаю.
Но не бывает худа без добра, сказал что если научишь бегло верстать одностраничники есть вероятность что что могут посадить рядом с вахтершей говнокодить.
Ииэх, все хочу переехать из Новокузнецка в Новосиб, но никак не получается, на нынешней вакансии держат с низкой зп для новосиба и предлагают остаться на удаленке.
Ты мог и более вежливо напомнить, что уже отвечал мне, пидор.
Но за помощь спасибо.
Только зачем задавать хедеру 100% ширину, если он и так блочный и должен растягиваться на всю ширину?
Или ты показываешь, что он не должен обладать другими размерами, кроме 100%?
И что насчет шрифтов - то? Это скорее вопрос о том как поступить, оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Либо все таки масштабировать с помощью rem? Я думаю
Олсо, анон, можно к вам на месяц на удаленку с последующим переездом? Более-менее знаю js, могу с DOM взаимодействовать, слайдеры и прочую муть создавать, делегирование, это вот все, знаю jquery, бутстрап, все остальное по мелочи, 2 года практики, верстал по БЭМ, все интенсивы прошел и кантора навернул.
-кун
> оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел.
Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока?
Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока?
Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
#yoba{
flex: huita-bez-zadach;
}
А че за вопросы-то?
>флекс во флексе
Хитро.
Так на флоатах ты точно так же будешь делать обертки и флоатить их в разные стороны.
Ждем грида короч)))) перспективненько)))0
а еще можно жабасриптом их отхуярить, лол
Резина и размер шрифтов. Ебашу через em, но это какая то лажа. На мониторе с разрешением 1620X1024 сайт выглядит нормально, но при 1024х600 шрифт выглядит неебически мелким. Какой должна быть разница в разрешениях, что бы начинать применять media-queries?
А зачем тебе резиновая верстка? Она как бы уже давно умерла. Олсо, юзай:
<meta name="viewport" content="width=device-width, initial-scale=1">
Медиа-запросы юзай под ширину:
320
480
768
1024
1200
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
А ты хорош.
вот этот все верно расписал
только с цифрами напиздел, сука
во-первых можно и за год лвлапнуться и начать просить повышение или искать работу
а во-вторых потолок фронтендера - тыщ 140 наверно. Дальше только в хардкор кодинг или бекенд. Лично знаю людей с 200+ зп. Но это не версталы конечно же.
>во-вторых потолок фронтендера - тыщ 140 наверно
Это зарплата мидла с опытом в пару лет.
Лично знаю нескольких людей с зп 300к+. Естественно они работают на удаленке или фриланс, и 300к это всего лишь 25 бачей в час, это тупо МАЛО на самом деле, для америкосов это вообще гроши, т.е. легко можно получать 40-50 бачей, если повезет с контрактом.
140к это реально зп миддла, да ещё при этом работающего за рубли, двачую .
Я так понимаю, автопрефиксер лучше к watch таску подключать чем к билду. Да?
Ебать.
Работаю веб макакой, почти за еду. Скоро уже будет год "опыта" работы.
За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery.
Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать.
Собираюсь доработать до осени и искать другую работу.
Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?
Если останусь работать на этом месте то точно отупею окончательно.
За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery.
Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать.
Собираюсь доработать до осени и искать другую работу.
Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?
Если останусь работать на этом месте то точно отупею окончательно.
прикинь, на интенсиве для этого наставник даётся и с ним другие макеты верстаются. и хоть мозг ему выеби вопросами про любые способы. потом ещё твою вёрстку на защите рандомный другой наставник проверяет
Цифры были приведены именно для того анона, который базовые вещи спрашивал и не мог в гугл и html-academy. Я сам знаю пару middle-ребят, у которых зп выше 100к. И понимаю, что это совсем не потолок, но ребята на начальных уровнях жопу рвали, чтобы нормальную работу получить, строили свою карьеру и уходили в любой момент, если их не устраивала карьера. Один паренек даже просил у меня пару тысяч в долг в особо плохие дни, когда сидел в ДС без гроша в кармане и без работы.
Проблема в том, что такие ребята - карьеристы, а я, например, так не могу, не могу взять и все кинуть в одночасье. Потому сижу с относительно неплохими скиллами на зарплате 150 рублей в час на удаленке. В месяц получается 60-70 часов, зарплату задерживают и прочее прочее, работа не нравится.Думаю перекатиться, как только получу зарплату.
Боюсь, я не дойду даже до уровня 100к в месяц такими темпами. Пиздец, короче, аноны, аж взгрустнулось.
-кун
Перед съебом найди нормальную работу, проще будет. Или денег хоть чутка подкопи, будет минимальная денежная подушка на время поисков.
ты какой то печальный
Да что-то навалилось.
Ну ты, это, слышишь? Держись давай!
продажник кун
Что же ты такое делаешь, лол?
ты выучил и устроился работать удаленно, или сначала был в офисе?
Сначала устроился работать в офис, параллельно учился и говнокодил, проработал год в дерьмовом коллективе, в котором нормальным был только другой верстальщик, который ушел почти сразу после меня, и один бек, который частенько капчевал на работе и съебался еще раньше, проработав чуть больше года. Съебался он даже не забирая последнюю зарплату и оставив все свои вещи типа кружки и прочего на работе. Тупо смылся в другой город.
Так вот, свалил я оттуда, немного пофрилансил, подучил js и jquery, и усроился на другую работу, на которой начал подчищать баги за предыдущим верстаком на bootstrap. Часто сюда отписывал об этой параше. Сейчас третий месяц начинаю работать, думаю сдать последний таск, получить зарплату и свалить, найти что-нибудь в офисе.
Свалить хочу из-за багов, которые мне не хочется фиксить, а 90% работы состоит из этой мудотени, из-за зарплаты, которая хоть и немного больше, чем на прошлой работе, но начальство чуть-что ебет мозги, стоит мне не отписать в течение дня кому-либо что-либо, когда верстаю. Бесят бэки, которые перед зарплатой начинают дерзить, стоит обратиться к ним с проблемами в фикстурах или еще где-либо. Бесит то, что мне в прошлый раз задерживали зарплату в каких-то 10к почти на 2 недели, из которых последние пару дней никто не отвечал на сообщения, даже начальство. Ну и вообще, мне кажется, что самой команде не сильно нравится работать со мной, уж слишком странновато они себя ведут.
Это ты 10килорублей в месяц получаешь, серьезно? И что тут думать, тебе даже терять нечего, дропай, даже на нищенском фл.ру можно за неделю эти 10килорублей наклацать копипастой бутстрапа и жиквери.
Олсо, устроился из-за будущего места в офисе, но уже 3 месяц работаю, а об этом и слова нет.
Спасибо за совет, но я это итак знаю, что перед уходом нужно иметь 1-2 потенциально принимаемых вакансий.
Пожалуй пока займусь запиливанием нормального портфолио, с нормальными макетами.
Недавно заставили верстать макет из 2002 года таблицами, или адаптивить макет примерно того же года. И это не самое худшее.
А все потому что та пара клиентов, что клюнут на все это убожество, утята в предельной степени.
Спасибо за поддержку
Вот я и хочу свалить
Может быть перекатиться к другому работодателю, тоже удаленно?
Или к зарубежным работодателям, там с задержками меньше проблем должно быть.
Каким наиболее качественным методом изучать бутстрап и жквери?
Мануальным.
Это как?
свои файлы объединяешь в один, подключаемые библы объединяешь в другой. main.js твой, vendor.js подключаемое, примерно так
Это ручками. И по мануалам.
У начальника очень предвзятое отношение к удаленщикам, но как вакансию откроет, то попробуй с ним поговорить, может допиздишься. Я сам чуть меньше года назад в Новосиб из Прокопьевска переехал.
Алсо, первое время зарплата тоже нищенская будет. Он ее не зажимает конечно и если ты действительно хорошо работаешь, то без лишних вопросов поднимает, но и просто так деньгами не разбрасывается.
На один - фотошоп, на один - сублайм, на один - браузер.
Фронтаны, к реакту приступать можно сразу, или сперва лучше/нужно ванильный ES6 освоить?
Да. Это же очевидно.
Аноны, какую разницу в знаниях и навыках предполагают у мидла в отличии от джуна работодатели? Как Вы понимаете, что уже не зелёные? Есть ли среди Вас миды?
>среди нас и джунов-то по сути нет.
Мидл делает все тоже самое, что и джун, только быстрее и самостоятельно. Не думаю, что среди нас много хотя бы джунов, учитывая, что здесь регулярно задают вопросы уровня "как верстать резиновые лендинги"?
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
>даже про шрифты не говорили.
ебать, так сложно уменьшить шрифт через медиаквери, просто пиздец.
Мидл в состоянии написать в одно лицо приложение среднего размера — небольшую CRM или интернет-магазин. При этом код должен быть поддерживаемым и расширяемым.
Соответственно джун может самостоятельно написать только калькулятор, а сеньор — что угодно.
ну ахуеть, я мидл теперь. че там писать - взял опенкарт и престашоп, натянул макет свой и все.
Зачем писать с нуля если куча готовых цмс под магазины, маня?
Это уже будет не мидл-фронт, а мидл-фулстак, не?
Во-первых это просто пример масштаба проекта. Во-вторых требования бизнеса бывают, прямо скажем, разнообразными. В -третьих иногда нужен толстый клиент, а не серверный рендеринг на PHP, блять.
Раздражают такие как ты — нихуя в индустрии не понимаю, а уже всех снисходительно кроют манями.
Подразумевается, что на бэке есть некое REST API.
Разместил резюме на хх, кликнул отклик в одну компанию, прислали на мыло тестовое, написали что это типа первый этап, второй - собеседование.
Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
Ну а даже, если наебалово, что тебе с ним делать, а так может повезет
Если тебе предложили сверстать целую страницу, то стоило отказаться. Если какой-нибудь блок, или формочку, то скорее всего не наебалово. В любом случае, ты уже сверстал, отправляй, хуже не будет. Можешь заодно и в портфолио закинуть.
И что, сильно сложное тестовое? Прямо вот бери и в продакшн?
Ну да, так же думаю.
Да откажешься тут, на город 5 вакансий, откликнулся на все, трое посмотрели резюме, но проигнорили, одни вообще даже отклик не смотрели, только последние отправили тестовое.
Не знаю, просто в первый раз я это делаю, работу ищу.
Скинь скрин тестового
Да ты поехавший какй-то. Ты что, змей-горыныч?
он икзибит. Потом еще для фонового фильма один докупит и еще один оперативку и проц мониторить
анон, про 10к за неделю въёбывания на фл.ру ты серьёзно? Просто вот поднабрался навыков, хочу немного поработать. Стоит вкатываться туда? Или лучше искать днищепозиции в конторах?
Так-то три монитора - самое оптимальное количество. Два слишком мало.
альт-таб нахуй придуман? на одном процесс на другом визуализация
>2016
>альт таб
ты какой-то глупый
>альт таб
ты какой-то глупый
Я бы и сам не отказался от третего моника. Хоть разница в производительности с тремя не такая большая, как между одним монитором и двумя.
мимо анон с двумя мониторами
мимо анон с двумя мониторами
Зачем?
Парни, а че если у меня смотрят резюме, но нихуя не звонят/ни пишут, и вообще я такое пиздатое портфолио замутил, правда у меня есть подозрение, что оно полное говно, но все-таки, мне же должны хотя бы пригласить на собес/прислать тестовое/вежливо послать нахуй, или нет?
Что тебе мешает, он тысячу рублей стоит.
У меня ноутбук, встроенная видеокарта не поддерживает.
А что у тебя за портфолио и на кого ты собеседуешься?
Аноны есть кто интенсивы проходил хтмл академии? Стоит ли платить 13.к за базовый курс? Есть в нем что то уникальное чего не найти бесплатно в сети? Или там какая то прогрессивная подача материала что и дцпшник верстать начнет?
заранее спасибо епта.
заранее спасибо епта.
или в это треде, или в предыдущем обсуждали эту тему. не стоит платить, имеет смылс заплатить, если ты потом сольешь это для анонов
Там просто будет наставник, которого ты сможешь забывать вопросами, ну и мотивация за вложенную копейку, хотя хуйня, а не мотивация.
Ну это в идеале, конечно. Если умеешь продавать себя - почему бы и нет, там довольно частно заказы а-ля лендинг 5-6тыщ рублей, на бутстрапе делается за час, плюс еще пару часов натянуть на какую-нибудь вордпресс. Сам планирую закончить, наконец, портфолио и попробовать. Благо почти тыща бесхозных рублей на вебманях валяется, как раз оплачу аккаунт, все равно их не вывести никак пока.
Пацаны, я короче верстал-верстал так нихуя и не сверстал этот ебучий макет. Есть тут желающие, а главное умеющие верстать нормальную резину? Конечно, за небольшое вознаграждение. В общем, суть такова: есть здоровый лендос в 1920пх в ширину, контентная область 1200пх, в общем - то не сложный, но есть парочка изъебных моментов, например, с шапкой. Сайт должен хорошо выглядеть на любом разрешении, в смысле, чтобы на мобилах ничего не разваливалось, а был скроллинг, а на десткопах от 1240 до 1920 блоки и шрифты тянулись. Надеюсь, что объяснил нормально.
Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р.
По срокам: 8-10 часов.
Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р.
По срокам: 8-10 часов.
Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
>выкладываете ее на свой хост
С помощью инспектора в браузере можно полностью воссоздать сайт, если че.
как такой долбаеб как ты вообще получил заказ?
Аноны, поясните за препроцессоры. Если мне не нужна вложенность, но нужна вложенность в препроцессорах, что можно использовать помимо @at-root {} ? Если вообще всё содержимое препроцессора закинуть в эти скобочки, то что получится?
*всмысле не нужна вложенность селекторов в css, так как они будут правильно называться, но нужна вложенность в scss для достижения лучшей читабельности кода.
сделаю за 6 тысяч
Все отменяется, верстаны. Я разобрался как делать вменяемую резину
За 5500 рублей согласен сверстать.
ах ты мамкин демпенгист
так как ты заказ получил?
Фухх, а я уже испугался
мимо- мнительный анон
Короче посоны, рассказываю стори про только что случившийся "собес", такого вы еще, наверное, не слыхали.
Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.
На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец.
Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми.
А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.
Такие дела.
Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти.
Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено.
Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат.
Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя.
Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка.
Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.
На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец.
Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми.
А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.
Такие дела.
>их уровень - продвинутый интенсив.
Это разве плохой уровень?
Ну как как, выебал твою мамку она и свела с заказчиком.
Никакой уровень не может быть плохим. Это чисто для статистики. Я сам имел такой уровень где-то в середине прошлой осени.
а какой у тебя уровень?
80й
как ты заебал, клоун
Читай название треда, он уже давно не только про вёрстку.
Анончик, есть один галпфайл, в нем таск для свг спрайта, все пашет хорошо, только вот gulp-svg-sprite кладет мне в dest еще 2 вложенные папки и только в них файл спрайта. Курил доки плагина, вообще ничего. Они ссылаются, что юзают вайнил и подругому никак.
Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
Верстальщик 5-й день-кун вкатывается в тред.
Что это были за выходные, посоны. В пятницу я решил отдохнуть, но совершил классическую ошибку новичка: стал сочетать вино и пиво. Вся суббота прошла в головной боли.
Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.
Сейчас сижу на работе, потихоньку верстаю второй проект, думаю над реализацией этой адаптивности для инвалидов. Скорее всего придётся запилить как бы отдельную тему, переключение через темы по кнопочке, хранить состояние темы в localstorage.
А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.
Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.
Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
Что это были за выходные, посоны. В пятницу я решил отдохнуть, но совершил классическую ошибку новичка: стал сочетать вино и пиво. Вся суббота прошла в головной боли.
Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.
Сейчас сижу на работе, потихоньку верстаю второй проект, думаю над реализацией этой адаптивности для инвалидов. Скорее всего придётся запилить как бы отдельную тему, переключение через темы по кнопочке, хранить состояние темы в localstorage.
А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.
Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.
Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
>КОФЕ И ПЕЧЕНЬКИ
Вот с этого лольнул, реально 8 из 10 нанимателей так пишет.
>Зачем?
Ебать, чтобы посмотреть и определить, наебывают тебя или нет.
А то, что смотрят - нихуя не значит, у меня в день по 5 просмотров, некоторые по 2-3 раза за деньпросматривают, а звонят от силы 2-3 иза 50. Чаще я сам отписываю
>Зачем?
Чтобы понять, сложное тестовое, или нет, и сказать, стоило ли его верстать, или тебя хотят надуть
Чекнул вакансии своего мухосранска, нашел одну HTML верстальщик. Требования:
>Отличное знание CSS 2-3‚ HTML 4-5;
>Стаж от 2 лет разработки на php;
>Отличное знание CSS 2-3‚ HTML 4-5;
>Стаж от 2 лет разработки на php;
Охуеть, пиздос, конечно. И как такие еще работают
Точно такая же хуйня, две вакансии, одна вообще бэкендщик чистый с 3 годами опыта, хотя почему-то названа HTML верстальщик, вторая требует от года, но туда тоже включен php
Нахуя я фронт вообще учу, лол. Походу жизнь есть только в ДСах.
Чекнул fl.ru и тоже немного удивился. 13 ответов...
мимо
Ну да, в мухосранях ещё не понимают, что в отрасли есть разделение труда.
1к ?? Это абсолютное неуважение!
>13 ответов
Вот из-за таких уебков и цены падают. Надеюсь, ему там наговнокодят, чтобы все вкривь и вкось было.
Я бы и за 500 сверстал.
Да ты бы и пса натянул на CMS.
Что, блять, с вами не так, ублюдки? Я переоценил собственные силы, когда взял заказ, не справился и решил попросить помощи. Что здесь такого?
ой да че там пса. даже мамку твою
Проиграл
Анон, слушай, а у тебя образование есть?
пиздуй в /b
Привет. Помогите ньюфагу вкатится. Хочу поступить на курсы, для собеса нужно сдать тесты по html/css/js с теорией и практикой, прохожу все что есть на оп-пике, но ищу что то более теоретизированое. Посоветуйтете литературу.)
frontendbookshelf.ru
Пиздуй на хуй, мамкин указатель.
>Анон, слушай, а у тебя образование есть?
Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.
Сейчас бахнул кофейку и сразу заболела голова от избыточного давления. Вот что значит хороший кофе. В прошлый раз был Якобс Монарх (обычный, не Милликано), так я его кружками хлестал и хоть бы хны.
>собеса
Сука, как же бесит такое сокращение. Как будто бабка сидит в треде и пишет про свою пенсию. И его, похоже, один анон только использует в треде.
Двачую эгоисте, оче неплох
А СМУЗИ-то дают? За счет офиса, конечно же.
книжки O'realy по css/html, и подробное руководство Флэнегана по JS
Меня заебало вводить логин и пароль на гитхаб и я решил обмазаться ssh. Ебался 2 часа, вроде бы все настроил, тем не менее мне нужно перед коммитов вводить ключевую фразу, что конечно приятнее, чем вводить логин и пароль, но все же. Правильно ли я сделал, что указал ключевую фразу для ssh, если бы я этого не сделал, то коммиты тупо бы улетали на гитхаб без какого либо ввода?
>перед коммитов
перед отправкой коммитов
А еще эта мразь "гитхаб десктоп", которую я сегодня установил, тоже создала свой ssh ключ
Юзай GUI)))
Выпиливай его нахуй, у него ебучий урезанный функционал, проще через консоль работать
В редакторе нету чтоли инструментов для работы с гитом?
как сделать что бы при конструкции <div><a>ссылка</a></div> весь div становился ссылкой, а не только текст "ссылка".
>Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.
Распиши, меня вот на днях с четвертого числанули, перед самыми госами, чет пиздец мне хуево.
Нахуй тебе образование, если ты собираешься в веб вкатываться?
Чтоб уехать из сраной.
В грин кард лотерею играть можно хоть с 9 классами.
Хотя согласен, если рассчитывать только на нее, шансы очень малы.
Либо оберни наоборот, либо ебаш а блоком и задавай высоту.
там же на день работы, в принципе, вполне нормальная цена.
Менеджер по продажам — 45 тысяч рублей.
Графический дизайнер — 50 тысяч рублей.
Верстальщик — 35 тысяч рублей.
Программист — 60 тысяч рублей.
SEO-специалист — 45 тысяч рублей.
https://vc.ru/p/site-price?from=rss
Графический дизайнер — 50 тысяч рублей.
Верстальщик — 35 тысяч рублей.
Программист — 60 тысяч рублей.
SEO-специалист — 45 тысяч рублей.
https://vc.ru/p/site-price?from=rss
Поясните, а нахуя нужны все эти "сетки", флоаты и прочее, когда можно просто сделать таблицу на CSS и через media queries приделать адаптивность?
Бамп вопросу
Тащемта раньше таблицами на html верстали. Перестали потому, что охуеть какая вложенность получалась. С css-таблицами, по сути, такой же положняк, только вложенность чутка поменьше, но будут лишние блоки. Но в некоторых ситуациях лучше делать css-таблицы, чем блоки. Недавно, например, делал тестовые карточки корзины онлайн-магазина, при определенном разрешении они должны выглядеть как таблица.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред