Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.>Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. http://dash.generalassemb.ly/http://learnlayout.com/http://htmlacademy.ru/ - ультрагоднотаhttp://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаганhttp://www.codecademy.com/http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://atom.io/ ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.http://denweb.ru/put-veb-mastera_sodВерстка по БЭМhttp://habrahabr.ru/post/203440/Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины. Гайд от анона по гитхабу:http://randomfederation.github.io/Шпаргалка от Громова по гитуhttp://nicothin.pro/page/gitТеория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingМакеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>545572 (OP)
Вкатился с охуевшим заказчиком
>>552611
>>552568>>552599Т.е. можно сразу окунаться в омут хипсторских фреймворков? Синтаксис и теорию знаю, написал свой говнослайдер с пагинацией даже, ну и формочки, валидация хуе-мое. Раньше немного на пхп говнокодил, но это не считается, и мне даже стыдно.>>552598Я все это понимаю и дико извиняюсь, если это вызвало неудобство, мне просто хотелось узнать реальный опыт анона, и только.
>>552601 (OP)https://youtu.be/WFEgmNfvpnwпро натягивание верстки на вордпресс. держите и не ебите мозг.
>>552615Да, спокойно можешь уже учить какой-нибудь фреймворк, главное, чтобы вакансии по нему были, т.е. это либо реакт, либо ангуляр1. Меня джуном взяли на 60к после тестового - написать тудушку. Потом уже пошло, поехало.
>>552616Ох блять какие мы умные, видео вообще не про это. Он тут ТЕМУ СОЗДАЕТ, а не натягивает верстку. Даун блять. Иди нахуй.
>>552617Спасибо.
>>552618это ты даун, правильное натягивание верстки на вордпресс и является созданием темы, долбоеб ты тупой.
>>552630Чтобы натянуть верстку достаточно закинуть верстку в header.php footer.php, создать страницы, туда закинуть верстку и зарегистрировать css и js файлы. Всё. То, чем он тут занимается - это создание темы блять, которую потом можно будет продать.
>>552616Это тот самый вебмастер)) который верстал лендинг, стилизуя все через тэги с невъебенными каскадами и пятикратной вложенностью?
>>552674Все уже давно поняли что большинство русскоязычной инфы по вебу - хуета.
>>552675нахуй она вообще нужна? переводят 1/100000, и с запозданием на 10500 лет.
Пиздец случился, аноньчики. В браузере от лисы вот такая хуйня у меня сегодня вылезла. Откуда там взялось opacity 0.05. Алсо если зайти на двощик в приватном режиме, то все нормально. Почистил кеш, удалил куки, настройки вебсайтов и тд... Не помогло. Но проблему все-таки удалось решить, с помощью настроек двощика - "Пользовательский CSS". Не знал что тут есть такая штука, но она спасла меня.
>>552702Расширения проверь
>>552702Лалка, nsfw режим выключить, нюфаня
>>552714Лол, спасибо. Случайно видимо нажал.
>>552611А почему на пикче есть функция редактирования объявления?
скиньте пример от громова адаптивного меню.
>>552854http://codepen.io/nicothin/pen/dPqdyd
Короче смотрю видос с вэбика Кантора.И там ему вопрос задают, мол на вашей практике вэб-разработки с какими алгоритмами сортировки и поиска вам приходилось сталкиваться и на какие алгоритмы рекомендуете обратить особое внимание.ответ Кантора: "90% случаев в которых сталкивался с алгоритмами были на собеседованиях, а еще 10% когда подготавливал людей к собеседованиям.Ну т.е. для бэкэнда как бы надо, для образованного фронтенд разработчика вроде как бы тоже надо, но на практике почти не пригождается."Охуенно, че, учить что-то, что понадобится скорее всего только лишь на собеседовании.
>>552872Ты не врубаешься, тут дело не в том, чтобы учить-зубрить, а в том, чтобы понимать, что для одной задачи есть различные способы её решения, которые могут быть лучше-хуже в зависимости от ситуации
>>552723Оно на любом есть, проверь
Верстаны, а есть где-то выложенные уроки с treehouse?
>>552855а как изменить цвет крестика? Не пойму где там писать
>>55306029 и 38 строки
>>553060То есть даже если только крестика, то 38 строка. А если еще и седней полоски то + 29
>>553065>>553064а если мне надо в спокойном состоянии один цвет, а в активном, т.е. крестик был в другом цвете. Сейчас у меня получилось сделать крестик белым, но полоски в спокойном состоянии стали цветом крестика, кроме средней полоски.
>>553067http://codepen.io/nicothin/pen/dPqdydможно сделать это для самого спана, а вот для псевдоэлементов походу нельзя
>>553067Либо там где один спан, сделать их три, и отпозиционировать в таком же положении
>>553067Другой анон.&:hover:before, &:hover:after { background: #7d10c4; }Нужно для средней полоски задать при ховере такой же цвет как и псевдоэлементам. Только я не смог...
>>553088Удалось сделать, что бы при при наведении на меню, все 3 полоски меняли свой цвет. Тоже самое и с крестиком, но есть 1 нюанс:Лучше забей
>>553094>>553088>>553086>>553085кажется понял как сделать надо, вроде так все норм получается .toggler-close span:before { transform: rotate3d(0, 0, 1, 45deg); background: #fff;}и также второй меняем
>>553103Лол, действительно, а я в скрипт полез
Проигрываю чет с вас, столько времени проебали на то, чтобы поменять цвет фона.
>>553118Сколько нужно двачеров, что бы поменять цвет фона?
Как подогнать размер div по размеру изображения? Изображение будет меняться в размерах (не динамически). Нужно прописать один стиль для контейнера, чтобы div растягивался под изображение.
Посоны, у меня в основном мобильный трафиr, но CSS я писал еще под Desktop-first, хочу переделать в мобайл фёрст, есть ли какие-нибудь онлайн-сервисы чтобы ускорить это?
>>553293Засунь img в div и не задавай div размеры
>>553311Растянется на всю ширину контейнера.Предположу, что inline-block или flex обертку
>>552601 (OP)Выше спорили про натягивание верстки на вордпресс и создание темы.Кто несет чушь и кто говорит разумную мысль очевидно, в видео ниже собственно САБЖ.https://youtu.be/7akPICFR-AI
>>553368>Предположу, что inline-blockвсё так http://codepen.io/anon/pen/XdyodK
Так с чего мне начать-то? хтмлакадеми всё прошел, даже платные курсы, которые только по подписке. Правда это в феврале было, лол. Дальше-то что изучать?
>>553541Ну раз ты платные прошёл, то теперь ты профи уже, можешь идти нейронные сети изучать!
>>553544Бля, иди на хуй.
>>553541Интенсивы прошел?Если да, то ебашь джс
>>553547Что такое интенсивы? Это когда надо выезжать на семинары какие-то?И джс что такое? Объясни, пожаоуйста.
>>553550Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpСкачиваешь, смотришь, выполняешь задания.У меня такое чувство, что ты зелень
>>553556Нет, я просто ленивый аутист.Спасибо!
>>553557У тебя ничего не получится, приятного просмотра!
>>553557> ленивый аутист.Зачем тогда в фронт-енд пошел?
>>553558И тебе спасибо, гнида!
>>553556Ладно, с этим понятно, а джс что такое?
Как верстаются крупные сайты, журналов\интернет журналов, где есть поддержка 3-4 вариантов верстки.Делают ли они проверку на устройства или же тащат во все устройства верстку и для десктопов и для телефонов?
>>553563JavaScript - язык погромирования, без него фронтендеру делать нехуй.
>>553565А, ну я так и думал.Спасибо!
>>553567ТОЛСТО
>>553564Открой инспектор и посмотри.
>>553575Видел оба варианта, хотел узнать подводные камни обоих вариантов.
Прохожу я этот ваш html академи, и понимаю что задания делаю на 100%, но не уверен что правильно. И вообще не понимаю как некоторые вещи применять на практике. Нет понимания что вообще происходит. Может я слишком тупой даже для верстки?
>>553664Верстка и так для тупых. Поймешь детали, когда начнешь верстать настоящие макеты.
>>553664Посмотри интенсив, там как раз показывают, как верстать настоящие сайты.
>>553664Курсы - часть базового интенсива (говорилось уже дохрена раз). Поэтому инфа будет целостно восприниматься только в связке бесплатные курсы + базовый интенсив с версткой макетов. Тогда будет какая-никакая картинка в голове.
>>553680>>553671>>553670Благодарю.
>>553426Блядь, не осилил дальше 30 секунд, ненавижу картавых чавкающих "лекторов".
>>553480Нет, это не поможет. У тебя ширина и высота контента задана в css, а она должна динамически адаптироваться. Если использовать этот код http://codepen.io/bloomber/pen/GZwermто как адаптировать .replace для css файла который лежит в папке а не в корневой директории? Не могу понять что в первом аргументе этой функции и как это поменять
Блять, только за JS взялся уже нихуя не понимаю. Как вот это запилить при помощи цикла for?Напишите цикл, который предлагает prompt ввести число, большее 100. Если посетитель ввёл другое число – попросить ввести ещё раз, и так далее.Цикл должен спрашивать число пока либо посетитель не введёт число, большее 100, либо не нажмёт кнопку Cancel (ESC).Предполагается, что посетитель вводит только числа. Предусматривать обработку нечисловых строк в этой задаче необязательно.
>>553730Если i >= 100 тогда вывести сообщение "молодец" иначе вывести сообщение "введите другое число"
>>553736Это понятно, но в цикл эту хуйню запилить не получается.
>>553730ну типа такого напримерhttp://jsbin.com/dipisexike/edit?js,console
>>553762А через for сможешь запилить?
>>553762хотя не проверку лучше делать отдельно. Ибо так 0 вылетает из-за того что проверку на null при приведении сделал как 0
>>553767http://jsbin.com/zujosupihi/edit?js,console
>>553758for (var i = 0; i >= 100; i=0) {i = prompt('Введите число', '');}
>>553426Проблема этого и подобных гайдов в том, что если страница будет отличаться от показанного варианта, то уже можно люто соснуть.
>>553774у тебя знак не в ту сторону стоит. Алсо на Esc нужно тоже заканчивать цикл.for (var i = 0; i <= 100 && i != null;) { i = prompt('Введите число');}
>>553758В какой еще цикл запилить, здесь под циклом подразумевается именно что ввел больше или нажал esc - последовательность прекратилась. Вот и весь цикл.
>>553715бамп
Есть код для адаптивных изображений: img { max-width: 100%.. ну ты понел}Как будет правильнее поступить c точки зрения BEM:- Оставить селектор по тегу (но БЭМ подразумевает отказ от любых ресетов и подобных селекторов)- Использовать extend (селектор из разных классов изображений через запятую logo__img, item__img и т. д.)- Для каждого класса продублировать код используя mixin- Запилить блок .img и дублирвоать его в HTMLИ какой из вариантов лучше с точки зрения производительности?
Поясните за Adobe Muse? Нахуя я дрочу какие-то теги, если вон Ерохины делают лендинги по 12-20к за штуку
>>553842Если ты хочешь делать лэндинги на muse и получать за это 20к то вперед.Найди сначала клиентов за 20к на лэндинг.
>>553854да я б и за 500 рублей для начала их делал. Они не дольше одного дня создаются.
>>553842вопрос кто потом это гавно дорабатывать будет
>>553877Его и не надо будет дорабатывать.За 2к новый создадут.
>>553877те, кто тут пердолится с костылями css.
Суп, скачал интенсив 2016 года, там в макете барбершопа куда то пропали радио-буттоны. скачал раздачу из ннм-клаб Есть где то отдельно барбершоп последней версии без потери информации?
>>553899Ну если так - то хрен с ним, пусть делают для тех заказчиков, которым норм и так>>553901Нет, те кто тут "пердолится" с css явно не будут допиливать подобные поделия, ибо им нафиг не надо в нем ковыряться
>>553905А нахуя? стили на кнопку у тебя уже есть. Отступы у тебя должны от верхнего списка примениться. Ну а кружки на глаз захурь. Я лично так сделал.
>>553905Опережая вопросы добавлю что проблема не в том что он может быть скрыт в фотошопе
>>553917Благодарю
>>553919В 4 видео, кажется, Першин говорил, что им новый макет отправили исправленный. Может быть это оно и есть.
Раз уж тред теперь про фронт, то вброшу отличную статью про текущее состояние фронт-разработки: https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0bТам про то какие технологии сейчас актуальны, а какие уже можно начать забывать.
>>553945Проиграл с технологии >Mocha
>>553948взаимно проиграл
>>553948Читается «мокка». А то будешь еще на собеседовании затирать по изучение мочи.
>>553952- Что то еще кроме хтмл и цсс знате?- Конечно, мочу и говно.- Вы приняты.
>>553968ну там при тестах будетчай и моча ))
Посоны, видел картинку в этом треде, как пмкрилейтед, только с ебалом темы Лебедева. Кто сохранил, доставьте, плиз, очень нужно!
Проверил сверстанную страничку на вкладке Audits в инструментах разработчика в Хроме. Грит Remove unused CSS rules. Есть ли плагин для Gulp, который парсил бы html-файлы, чтобы определить, какие уникальные классы используются, затем формировал бы массив путей к css-файлам для gulp.src, чтобы конкатенировать их в отдельные файлы с соответствующими именами? Например, index.css, catalogue.css, в которых только те стили, которые реально используются.
Свершилось, фронтаны! Ещё один анон сегодня получил свои первые деньги за верстку.
>>554191Ну так рассказывай
>>554191Красава! Пили кулстори
>>554198>>554200Знания все стандартные - верстка, адаптивность, системы сборки, препроцессоры, немного жс. Курсы хтмлакадеми прошел полгода назад, потом подзабил, и серьезно занимаюсь месяца полтора. Правда, есть небольшой бэкграунд программирования - писал и пишу всякий шлак для себя.Подрядился к анону верстать за 3к в неделю. В принципе, для моей мухосрани это нормально, но больше интересен опыт верстки не лендингов с бородачами
>>554236>3к в неделюНадеюсь ты работаешь по часу в день.
>>554263Они проебались где-то, если ты про ту сборку что анон вывешивал где-то с полгода назад. Но есть у меня на харде.
>>554236>3к в неделюНадеюсь ты бумагу в туалете пиздишь.
>>554266можешь выложить на яндекс.диск плз?
Анон. Серьезно решил заняться версткой и изучением JS. Вкратцеи изучил HTML/CSS, сейчас читаю книженцию по JavaScript, дело идет конечно медленно, т.к я дебил, но всё таки что-то получается. Мотивирует то, что хотелось бы найти так называемую удаленную работу и то что сейчас мне очень нужны деньги. Да и вообще само по себе верстка и создание сайтов мне сейчас интересны, т.к есть некоторые идеи.А теперь вопрос: Допустим вы начали изучать верстку и JS с нуля, то через какое время мы стали зарабатывать на этом хоть какие-то гроши? Я понимаю что вопрос очень индивидуальный, но мне просто интересно.P.S. Спасибо за данный тред, надеюсь он не загнется.
>>554175gulp uncss
>>554236А как ты убедил его тебя взять? Портфолио или типо того можешь показать?
>>553831https://ru.bem.info/articles/learning-to-love-bem/Так как CSS-селекторы читаются справа налево, а БЭМ основан на использовании одного класса (не на вложенности SCSS), он работает быстрее.Из твоих вариантов подходит запилить блок .имг
>>552601 (OP)>"Базовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803"Раздачи нихуя нет, посидите кто-нибудь пару дней, плз (инет медленный).
Есть куча объектов с одинаковым селектором. И jQuery функция которая обрабатывает их. Фишка в том что результат обработки получается один и тот же, независимо от вводных данных. (вводные данные разные для каждого элемента). Это происходит потому что функция меняет css. для целого селектора. Как сделать чтобы css менялось именно для того элемента для которого выполняется функция, а не для его селектора?
>>554369Ты б сначала ванилу нормально изучил, потом бы за библиотеки брался. Тогда бы подобных вопросов не возникло
>>554325Кстати, таки нашел у них ответ на свой вопрос. Грят резетить на каждом блоке отдельно, а потом прогонять всё через CSS-оптимизаторы. Или же вручную как мартыха через extend (sass, less).
>>554323спасибо
>>554323Я не пони, как сделать так, чтобы для каждого html-файла генерировался свой уникальный css-файл?
>>554426А это нужно? Он вроде закешируется если он один. Могу ошибаться.
>>554433А как будет лучше, один файл на все страницы или отдельные файлы для каждой? В первом случае на некоторых страницах css используется на 100%, где-то только на 10%, даже после uncss, зато кешируется и нет лишних HTTP-запросов и наоборот.
>>554303Без знания джса вообще за 3 месяца после начала учебы уже начал зарабатывать, клепая говносайты, но тут клиентов заебешься искать.
>>554426С помощью uncss ни как, он только убирает не используемый css.>>554444Тут не знаю
Что скажете про Material Design Lite?
>>554873Выглядит как земля вне гугловской системы имхо
>>554885Ну хуй знает, мне material design нравится. Во всяком случае смотрится лучше дефолтных стилей в большинстве других фреймворков.
>>554289Попробую.
Анон, чому футер не прилипает к низу и краям? Вроде все делал как на видосах
>>554913марджины убери, мразь
>>554918Не в них дело. Такая же хуйня остаётся, если в футере их обнулить
>>554913Похоже на паддинг у внешнего элемента, а вообще иди нахуй без кода.
Ананы, есть ли плагин для фотошопа или какой нибудь онлайн сервис работы с кансвас, чтобы нарисованные фигуры автоматом давали точки, по которым можно строить канвас уже в скрипте? Или как рисовать их быстро, дайте лайфхак.
>>554961Юзаю paperjs>>554961-анон
>>554952Короче это оказались отступы самой страницы. Вроде в видосах не говорили про это, либо я жопосмотрец
>>554967Нужно обнулять первым правилом все отступы и маргины для body
На странице нет h1, есть только h2, h3, h4... Логотип нельзя запихивать в h1, мне так пояснили SEOшники. Как поступать в таких ситуация? Может вообще забить на эту семантику?
>>554993У меня такое впечатление, что гуглу похуй на эти h1..6. В том же MDL главный тайтл в хедере у них же в примерах делается span-ом. Либо это жирный намек от них, либо я не правильно это понял.
>>555000Гет проебан
>>555005>2016>тематика>гетыНу подожди секстипл из пятерок, разрешаю.
>>554975или юзать нормалайз
>>554993про логотип и то что его не надо в h1 еще на базовом говорили
Для аутиста, поясните. Поставил я вебшторм. Как заставить его запускать простейшие яваскрипты? Эта собака, как я понял, пытается их пропустить через node.js с логичным результатом. Либо я чего-то не понимаю?
>>555065Зачем ты поставил вебшторм, если не знаешь что с ним делать? Начни с саблайма. Пишешь скрипт в хтмл-файле и запускаешь в браузере. А можно вообще в jsbin писать.
>>555080Я не хочу ебаться с этим написание скриптов в одном месте, запуске в другом, еще какой то хуйне в третьих. Я прекрасно понимаю что делают подобные IDE. Неужели никак нельзя заставить их генерить простейший HTML документ + запускать в браузере автоматом изкаробки?
>>555084Если хтмл простейший, то в чем проблема его написать? С эмметом это вообще три кнопки (считая шифт). Можно генерить хтмл, например, вебпаком, но это не то что бы просто. И IDE при этом не нужна.Сам вебшторм может только запускать скрипты через ноду (эквивалент терминала), но это, видимо, не то, что ты хочешь.
>>555091На всякий случай — имелось в виду, что в вебшторм встроен терминал, а не то, что нода эквивалент терминала.
>>555091Я правильно понял тебя. IDE для веба не может запустить без пердолинга яваскрипт?
>>555098Именно. А должна? Я не помню ни одной IDE, которая бы САМА запускала код. Во всех известных мне случаях IDE использует для этого консольные утилиты и линкует свой ввод-ввывод с системным. Для пользователя это выглядит как консоль внутри IDE.Вебшторм может это делать запуская скрипты нодой. Выполнение файла index.js в вебшторме то же самое, что и команда node index.js в терминале. Естественно, что в ноде нет кучи объектов, которые есть в браузере (window, document, xhr). Если тебе нужно выполнять скрипты, которые просто что-то выводят в консоль, то не вижу проблемы. Если тебе нужен DOM, то уж извини, браузер в вебшторм пока не встроили. Да и зачем?Если тебе так надо все сразу и из коробки в учебных целях, то почему бы не использовать jsbin или jsfiddle? Там сразу виден вывод, можно использовать ES6, быстро подключать популярные библиотеки и шарить свои поделия на двачах.
>>5551203 года работал под PyCharm. Он мне как родной. Я не такой довн, как ты думаешь. Просто хотелось бы автогенерации html с строчкой подключения скрипта + вывод в саму консольку IDE. Ну раз не завезли DOM, то не завезли. Буду юзать jsfiddle. Спасибо, энивэй.
Сап верстаны, ньюфаг на связи. Сверстал внутреннюю страницу магазина Барбершопа. И возникло пара вопросов по боковому фильтру. По семантике меня всё устраивает, как видно по картинке там всё нормально. Но вот сама структура говняная. Я просто не был уверен - можно ли засовывать заголовок в <ul> но не в <li>. Собственно это мой первый вопрос.Второй вопрос касается shop-filter. В нем лежит только float и width. Можно ли избавится от этого блока, а его параметры засунуть в форму, или не стоит, так как если форма на странице не одна, то этот параметр флоат будет мешать.
>>555240Бля, картинка нужная отклеилась.И код http://codepen.io/anon/pen/wGRoKa?editors=1100
>>552611Ссылку?
>>553975Кофе забыли.inb4: как там в 2014
Можете кидаться в меня ссаными тряпками, но система объяснения на хтмлакадеми это просто пиздец.Я во второй ебаный раз прохожу их тестирование на наследование и каскадирование (может кто помнит, взломанный котопрофайл), но НИХУЯ не понимаю.
>>555065Палю годноту для ленивых даунов: atom+плагин script. Устанавливаешь, пишешь код, жмешь ctrl+shift+b, делаешь бочку. Ноде.джс нужен установленный, само собой.
>>555316Еще один прозрел.
>>555316Легко все проходится, просто над голову включить, а не подставлять все наобум.
>>555316Забей на эту хуйню.
>>555316Еще один неосилятор.
>>555328Как я могу забить, если я нихуя не понимаю?По чему учиться тогда?
>>555334В твоей реальной верстке не будет вложенности больше трех и вот такой хуйни div > li > a никогда. Если так уж тебе хочется это задание выполнять - пожалуйста.
>>555334Возьми какой-нибудь популярный фреймворк типа бутстрапа, посмотри, как с его помощью верстают, вуаля! в мире одним говноверсталой больше.
>>555321А, в глаза ебусь, тебе нужен вывод браузерного говнокода, тогда извини, атом+скрипт эквивалентен вебшторму и любой другой иде.
>>555316> наследованиеНе нужно.> каскадированиеНе только ненужно, но еще и очень вредно и детектит в тебе дебила.Забей хуй на это дерьмо для домохозяек, которым заняться больше нечем. Проходи курсы, связанные с разметкой, сеткой и декоративными элементами (менюшки вот это вот все), больше там ничего полезного нет.
Будет полезно тем кто уже вовсю работает с Domhttp://www.impressivewebs.com/dom-features-you-didnt-know-existed-video-slides/
Потянет такая разметка для этого блока?Посмотрев 2 лекцию, начал делать разметку, но потом дослушав до начала четвертой лекции, заметил комментарии к этому блоку что лучше сделать заголовки через <legend> а не через <h2>. Какое ваше мнение? к цсс пока не приступал
>>555449По-моему ты слишком сильно заморачиваешься.
>>555449https://gsnedders.html5.org/outliner/Я конечно не знаю, на сколько этой хуйне можно доверять. Но я бы не стал этот тег использовать.
>>555390Эх, спасибо.Столько уже годноты в закладки добавил, и нихуя не читал, все пердолюсь с сортировкой массивов в джс. Плохо быть тупым слоупоком.
>>555513Я так понадобовлял 1700 вкладок. Больше половина связанна с фронтендом. Не исключаю, что каждая пятая дублируется...
>>555513lodash?
>>555857Это официальный тред?
Антохи, помогите с задачей.Суть: есть REST сервер и веб-морда на ангуляре. В морде уже есть формочка которая позволяет загрузить изображение и какой-нибудь документ, и потом просмотреть эту запись. Но беда в том что делает это очень некрасиво - она просто переводит файл в blob и сохраняет в базу данных сам файл как байтовый массив. Как по мне это хуита, я хочу добиться следующего: формочка будет сохранять файл где-то на сервере, а в базу данных строчкой записывается только адрес файлика на сервере. Ну и потом выводится при просмотре записи.http://pastebin.com/r0eTdQKx - вот код, тут часть формочки и контроллер. Что куда смотреть для того чтобы реализовать то что я задумал? Js, верстку, ангуляр кое-как знаю на троечку, но терпеть не могу, а тут надо самому поебаться.Буду очень благодарен за советы.
>>556189Советую параллельно обратиться в JS тред в программаче, там больше народу основательно знакомого с ангуляром.
Котаны, заранее простите за тупой вопрос. http://jsbin.com/huqipakuya/edit?html,css,outputКак тут сделать что бы при наведении мышки убирался\менялся на другой бордер?
>>556394Через :hover, как с фоном.
>>556482Потому и обращаюсь. Не хочет убирать его, а если попытаться задать другой бордер, то он просто ставит его поверх старого.
Почаны, нюфаня на связи. Вот я скачал карусель, а там у неё свои стили. Через js ебошит всю разметку в щщи. Вмсето простых slider/slide подставляет много чего. Так вот как мне стилизовать всякие pager, slider-wrapper, и т.д. Переназначать свойства в своих стилях?
>>556490Бордер задавай для li:hover, а не li>a:hover.
>>556504Забыл скаpать что поставил http://bxslider.com/ (мой первый опыт с jquery)
>>556509Вот это я даун... Спасибо большое.
>>556394Держиhttp://codepen.io/anon/pen/PNXeMv
>>556510Ставь owl silder или slick slider
>>556524Спасибо большое.
Котаны, а бывало ли у кого такое, что медиакверис не перебивал стили. То есть в некоторых местах перебивает, в некоторых нет, причему это происходит в одном файле. писал и снизу в файла, и в самом селекторе. Причем, если в инстументе разработчика выключаю стоковый стиль, то сразу задается стиль из медиазапрсоа. Первый раз така херня, может у кого было?
>>556551Учитывай специфичность.
>>556556Как это понимать?
>>556562Специфичность селекторов. Медиавыражения не имеют каких-то приоритетов в css. Если ты через медиавыражение пытаешся перебить вложенный селектор состоящий из двух и более c помощью, например, одного, то закономерно обосрешся. Смотри где у тебя длинные сильно специфичные селекторы, затем либо перебивай еще более специфичными, либо, если все совсем плохо - оптимизируй.
>>556572Попробую, спасибо.
>>552601 (OP)>Текстовые редакторы:Аноны поясните за текстовые редакторы.Какой все таки использовать? Чем ограничена тестовая версия Sublime Text 2?
>>556576На свой вкус. Практически ничем не отличаются. Сам выбрал саблайм ибо после блокнота показался очень красивым. Он попался мне первым, думаю поэтому выбрал. Ежели брекетс попался или атом - выбрал соответственно.Юзаю 3ий, лицензию без проблем нашел в интернете. Да и кроме как вылетающего окна с просьбой купить ничего вроде не ограничивается (возможно я далеко не ходил)
>>554009Бамп вопросу. Быстрее самому отфотошопить, чорт.
>>556599Чувак, мы тут учебой занимаемся, а не мемасы хуярим.
>>556605Можно учиться хуярить мемасы.
Как таблицу слайдером сделать?
>>556672Можешь поконкретнее обьяснить?
>>556673В пинк.
>>556682Делаешь таблицу нужных размеров, скрываешь края через оверфлов. Пишешь скрипт смещения позиции таблицы в зависимости от нажатой кнопки.
>>556584А что насчет визуальных редакторов?
Анон, а ты фотошоп с торрента стянул или с оф сайта за 599 в месяц?
>>556925За 299 с лайтрумом. Вообще не очень понятно как можно заниматься программированием и не уважать труд других людей по созданию софта.
>>556970deneh.net
Анончики, вопрос, наверное, тупой,но как думаете, какие минимальные требования для пеки нужны для фронтенд-макакинга?Я думаю на лето переехать на дачку и там засесть заниматься.Некоторый опыт работы уже есть и как я понимаю нужно, чтобы пека одновременно тянула:1) Фотошоп2) 1-2 открытых браузера3) Галп4) СаблаймУ меня есть в городе старый стационарный пека, но я не хочу его тащить на дачу, так как буду приезжать, да и маман может понадобиться.В общем, как бы вы поступили? Небольшие сбережения есть, но на фулл новое железо вряд ли потяну.P.S. Ещё конечно встаёт вопрос интернета, но это уже совсем другая история...
>>556978>>556978>ФотошопПайнт>СаблаймБлокнотЗапускать одновременно не более одной программы.
>>556978Мне норм верстается на Pentium D 925, 2 гб. Но я использую только один браузер на 4-5 вкладок и атом вместо редактора. Тормоза есть только после переключения после длительной работы с фотошопа на браузер. Тогда он начинает собирать все свои кишки с винта и тормозить. Атом тоже под 350 мегабайт весит и медленно стартует, но работает норм.Вторая пека - китайский неттоп на атоме Z3735F, 2гб памяти и ссд на 32. На этом работать комфортно за счет ссд. Но Хромой все-равно тормозит, если открыто 20+ вкладок.
>>556978SSD нужон и 8ГБ оперативной памяти.
>>557304Согласен, сам сижу на 4гб, из-за фотошопа система слегка притормаживает.
>>557367сижу на 4 гб с фотошопом спокойно работает браузер с 10 вкладками и WebStorm.
>>557408А если нужно тестировать всякое говно на виртуальной машине?
>>557408Если выбор между 8ГБ + HDD или 4ГБ + SSD, я бы выбрал второе.
>>557607Зачем? Ты же фронтендобог.
>>557626Мне еще расти и расти. Я пока работаю простым верстальщиком HTML/CSS + плагины прикрутить. Вот и приходится тестировать верстку в виртуальной машине.
>>557652browserstack
>>557652
>>557655>browserstackНо он же платный.
>>557662Поясни, что я делаю не так? Я буду рад узнать что-нибудь новое, возможно, мои подходы устарели или изначально неправильны.
>>557664Полным-полно веб-сервисов для тестирования верстки.
>>557652А почему нельзя просто в браузере протестировать?
>>557668Запустить gulp и browser-sync при нём, открыть свою страничку в браузере на виртуальной машине... Веб-сервис будет удобнее?
>>557670Может, ему под разными ОС надо.>>557675Веб-сервис не требует 8ГБ оперативки для своей работы.
>>557670У меня дриснятка. Тут IE11, Edge, заебись. Но поставить, к примеру, IE10 нельзя (иногда требуется поддерживать и его). Нужна отдельная шинда. Поэтому я скачал бесплатные виртуальные машины отсюда https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/windows/
>>553297ноуп, либо сам пиши, либо нанимай верстальщика, тут много "мастеров" сидит
Ананасы, столкнулся с таким вопросом в тесте:на странице выводится число от 1 до 999. нужно сделать так, чтобы число всегда было высотой и шириной во всю страницу с незначительными отступами.как бы вы решили подобное?
>>557679Тестируй в эмуляторе 10
>>557786Нихуя не понял, но что-то типо такого? http://jsbin.com/zulucizibe/edit?html,css,js,output
>>557825не, есть блок. блок должен быть высотой во всю страницу. в блоке есть число. font-size этого числа должен быть чуть меньше высоты блока. пример:есть блок с числом внутри "10". она занимает всю высоту окна. и, по возможности, всю ширину.при изменении размеров окна число все равно должно занимать всю высоту окна.
>>557829>онО занимает всю высоту окнафастфикс
>>557823Где-то на Хабре читал, что это неточный метод. Но я не проверял инфу
>>557823эмуляция не эмулирует точное поведение IE 10 и остальных.>>557831я проверял, когда правил баги под IE.мимо
>>557829Не понял в чем проблема то? В том чтобы задать блоку размер шрифта в зависимости от высоты окна или что? Если да то либо юзай vh, либо пиши функцию, которая динамично будет все это менять. мимо
>>557829Ну так отслеживай изменение окна, скриптом выдергивай его высоту/ширину и задавай размеры шрифту. Только не забудь затротлить ресайз.
>>557609а я бы первое. 4 гигов пиздец как мало>>556978у самого 12 гигов оперативы, core i7 и HDD, на этом работаю только в путь, но подумываю менять на SSD и вообще переходить либо на стационарную пеку, либо на macbook. у меня ноут, конечно, частоты порезаны. но все же. минимум нужно 8 гигов, чтобы параллельно открывать:-chrome-firefox-opera- виртуалка шindows с: + photoshop + IE - 11 + Edge-sublime/PHPStorm/WebStorm-локальный сервер и прочие приблудыи комп при этом адекватно работал.
>>557626тестирование поведения твоего говна фронтенд-шедевра в IE.
>>557840>>557843>скриптдо этого я и сам дошел, мне сказали, что есть еще как минимум 2 варианта. вот и думаю, каких.первый, это, видимо, vh.
>>557858>>557840олсо, если задавать только высоту блока и размер шрифта по высоте, можно проебаться, так как числа могут выводиться вплоть до тысячи, и тогда они могут уйти за экран, если смотрят на мобилках. тогда придется еще условий прикрутить.
Я недавно поднял до 8 гигов оперативы, и все равно, при открытом хроме с 10-+5 вкладок + фотошоп, занято 5,8-6 гигов по диспетчеру, а винда уже кукарекает, чтобы я закрывал все нахуй. Бесит!
http://job42.ru/vacancy/Frontend_razrabotchik_html_verstalshchik?id=61577272>Адаптивная верстка. Все экраны, все ОС.>Понимание работы AJAX, XML, JSON.>Уверенное владение чистым JS и фрейворками (JQuery)>Чтение, как минимум, ста бизнес-линчей и «Ководства» Артемия Лебедева>Отпуск 2–3 раза в год до полутора месяцев в сумме, половина — оплачиваемая.>От 25 000 руб.Ах ты ж ебаные пидорасы. Выебал бы в глазницы шуруповертом.
>>557872что у тебя за винда, что кукарекает? ни разу с подобным не сталкивался
>>557878ВосьмеркаТа постоянно сука, причем бесит именно, то чт оеще 2 гига есть, понятно, что там зарезервированно под что-то, но сука все равно бесит
>>557881на восьмерке не сидел, не знал, что там такая ебола. переходи на дриснятку, она и ресурсов меньше жрет, и работает на ней все шустрее. а если планируешь куда-либо на постоянку перебраться с работой с готовыми приложухами, готовься переходить на linux или OSX
>>557883Неужели прямо везде в конторах на линуксах сидят? (про мак понятно)
>>557848Зачем держать открытыми одновременно все браузеры?
>>556970объясни мне выделенный текст на пике. У меня впечатление, что я буду платить больше чем 299 рублей
>>557873>Чтение, как минимум, ста бизнес-линчей и «Ководства» Артемия ЛебедеваЛинчнул с этих экспертов.
>>557886да. на винде с локальным поднятием проекта приходится очень долго ебаться, если это вообще получается. ну и программы на линуксе установить куда проще. все тянется из репоиториев и подтягивает за собой все, что нужно для работы. ну и настройка локального сервера проще на линуксах чем на винде.бэкэнды же вообще все поголовно на линуксе. был у нас один парень, работал некоторое время на винде, на спор, вроде. проиграл, через месяц перекатился на xubuntu.
>>557892>репозиториевфастфикс
>>557886Я бы съебал с конторы, в которой сидят на шиндусах. Разве что если на своем железе работать.
>>557873Это же удаленка, вангую, что там можно будет лепить тонны копипастнутого говнокогда. Хотя с требования читать коководство темы охуел, конечно.
>>557888потому что мне удобно во время разработки смотреть на поведение страницы сразу во всех браузерах, чем открывать один, закрывать его и снова открывать. если проект тяжелый, проще держать сразу все открытым, чем переоткрывать по тысяче раз одно и то же. и времени это займет меньше, чем переоткрытие хрома или оперы по 50 раз.ну и для того, чтобы все охуели, как я могу, конечно же.
>>557898Даже для удаленки слишком много требований. ну и там на выбор, либо удаленка, либо сиди в офисе в Говносибирске за 25 косых ебал я в рот за 25к в новосибе работать. Олсо, например я за удаленку беру от 200 рублей в час в зависимости от сложности проекта. а это получается уже больше 25к в месяц.
>>557903Да нормальные там требования, кроме Темы пожалуй. Да и написано от 25к и что берут и нубов, так что могут и больше платить. А если нет, то тогда ебанутые, согласен
>>557900Ты после каждого изменения смотришь, как верстка ведет себя во всех браузерах?
>>557906Для Новосибирска минимальная з/п у верстальщика должна быть от 35к в месяц. Не ниже. Ниже уже становится невозможно жить. банально снимать квартиру стоит от 15к за однешку. еще 5-10к на еду, остальное на прихоти и одежку.Будь я полным нубом, живущим с родителями, я бы, конечно, пошел туда работать, новичку нужен рост. Но через полгодика я бы уже свалил на более оплачиваемую работу, благо можно найти.
>>557908Дауны по-другому кодить и не умеют.
>>557908конечно. написал сетку - посмотрел.добавил стили для глобальных блоков - посмотрел.пофиксил что-то, что не понравилось - посмотрел.добавил красивостей для блока - посмотрел.красивости для другого - посмотрел.адаптировал - посмотрел.в среднем, раз в полчаса-час проверяю верстку, если не чаще. при разработке совсем уж мелочей проверяю каждые пару минут, иногда раз в полминуты.со скриптами так же. но там уже проверяю в одном браузере, потом после всех правок во всех.когда ленюсь, конечно, сначала все сверстаю в хроме, а потом уже проверю в остальных браузерах.
>>557910А что для тебя полный нуб? Хтмл+ксс и немного жс? Не думаю что для них такой вариант подойдет.
>>557916проиграл с тебяхрома на основных стадиях разработки хватает за глаза, максимум что нужно фиксить, ие, но и там мелочи. Все остальное настолько мизерно, что и упоминать не стоит.
>>557917Для меня полный нуб - это html + css, без js. но им как раз не подойдет такой вариант. А frontend, пусть даже и джун, не согласится работать за такую низкую ЗП. Потому они и долбоебы.>>557920Не спорю, что сейчас все очень хорошо с этим. Но это не значит, что не нужно проверять верстку в различных браузерах. Проверка только в хроме/опере/огнелисе - признак непрофессионализма.Ну и мне нравится смотреть на результат своей работы, пусть и промежуточный.
>>557916Вот дебил, хаха
>>557923Сказал диванный верстак, коих полон тред. Уверен, что ты никогда ничего сложнее барбершопа не верстал.
>>557922>>557917Вы примечание то читали у них? Там написано что готовы с нубами но перспективными, типа стажировка и постепенный переход к рабочим проектам.
>>557924Сорри, я не верстаю уже достаточно давно, но даже во времена ие8-9 так часто не проверял верстку, как ты, ебанашка
>>557927Так говорит, будто сейчас уже не требуют верстать под ие9.
>>557928Манька, у нас вообще кроме хрома и лисы ничего официально не поддерживают, сиди дальше дрочи верстку, каждые две минуты проверяй, большего тебе не дано
>>557929Я не >>557916, лол.
>>557927>во времена ие8-9Вот это ты, конечно, сказанул, диванный. Если хочешь заняться писькомерством, вспомни, как раньше под IE-7 - 8 приходилось вырезать скругленные уголки для блоков.>>557928Этого двачую. А диваны и дальше будут кукарекать что "IE для быдла, не хочу и не буду, кококо". Таким хуесосам профессионалами не стать.
>>557931Я не собираюсь заниматься писькомерством, таких времен я не застал, но под ие8-9 верстали лет 5 назад. Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров. Можете и дальше страдать хуйней и работать на уебанов, мне похуй :DDDD
>>557937сорян, не тот пик прикрепился
>>557937Жизненна. Сижу придумываю дизайн заместо дизайнера. Пиздец это тяжело.верстала
>>557939>Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров. Можете и дальше страдать хуйней и работать на уебанов, мне похуй :DDDDВот сейчас ты полностью доказал свою некомпетентность в вопросах фронтенда и верстки в частности. Ты либо работаешь в какой-то зашоренной говноконторке, либо совсем нигде, потому что после таких слов, пусть даже без мата, тебя в нормальную контору не возьмут.Дело ведь не в том, какой браузер для пидоров, а какой для пацанов. А в конверсии. Работодателям важна лишь она. Сколько человек заходят на сайт и сидят на нем. Из этого складывается заработок всей фирмы и фронтенда в частности. И если в Лисе хотя трудно в такое поверить или где-либо еще сайт отображается как говно только из-за того, что верстак сказал, что это браузер для пидоров, то работодатель не махнет рукой на лисоюзеров, а пошлет на хуй такого некомпетентного верстака или фронтенда и возьмет вместо него такого же, но адекватного.
>>557945Если ты не можешь сверстать сайт в хроме так, чтобы он при этом отображался во всех остальных браузерах хорошо, то пора на твоё место брать другого версталу, т.к. безрукое хуйло.
>>557943Совет, смотри побольше лендингов и на их основе клепай, если у тебя лендинг. Ну и со всем остальным так же. Глаз быстро набивается видеть хорошие варианты и плохие для того или иного функционала.Ну и еще, проси за такую работу больше денег, это неблагодарный труд. Заказчик решил сэкономить на дизайнере, скинув эту работу на верстальщика, хотя он не должен делать подобное. Сам сейчас столкнулся с подобным, как видно на пике. Позвонили и предложили сразу начать работать, но я думаю завысить цену раза в полтора-два за подобную хуету и брать предоплату.
>>557945>Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров.>Если ты не можешь сверстать сайт в хроме так, чтобы он при этом отображался во всех остальных браузерах хорошоТы уж определись, поддерживать все браузеры или только блинк. Ты какой-то тупенький, сначала кричишь, что не нужно поддерживать ничего кроме хрома, а потом визжишь, что сайт должен адекватно отображаться и на остальных браузерах.Олсо, кто тебе сказал, что сайты отображается в остальных браузерах хуево? Твое мнение о себе, как об охуительном верстаке не значит, что нет смысла проверять верстку, на сколько бы ты ни был в ней уверен, в других браузерах. даже если ты уверен в ней на 100%, все равно стоит проверить в той же опере, чтобы не проебать случайно шрифты или box-shadow. Это признак хорошего тона и профессионализма. Лучше проверить, чем потом хуярить багфиксы в случае чего.
>>557958Я другой человек, ты что-то попутал. Я к тому, что проверять верстку на других движках можно только в саааамом самом конце, если ты не умеешь верстать сразу хорошо, то ты даун и компания должна тебя уволить, т.к. ты прожираешь её деньги.
>>557889Лазейка на случай местных налогов, я полагаю.
>>557873Всего ста? Я все прочитал. Интересно же.
>>557959Ну, мне нравится проверять верстку во время разработки. Как я уже говорил, мне нравится смотреть на результат своих трудов, пусть и промежуточных.
>>557886У нас абсолютно все на маках (околотопые прошки 15), в прихожей офиса стоит огромная стопка пустых коробок.
>>557964Интересные моменты есть, не спорю, но дрочить на него нет смысла. Хотя по UI, повторюсь, есть интересные моменты.
>>557953>смотри побольшеВот это двачую, 99% всех сайтов используют стандартные паттерны дизайна.>если у тебя лендингИнтернет-магазин, вообще пиздарики. Типа тотальный редизайн и переверстка, чтобы был RWD и Mobile FirstЧто касается кроссбраузерности, то, на самом деле, autoprefixer уже давно делает почти всю работу за версталу. И заказчики сейчас просят поддерживать только две последние версии.
>>557966Манька, проверять в одном браузере это одно, проверять во всех, пусть даже каждые пол часа, говорит только о твоей некомпетентности.
>>557960Какие задачи ты выполняешь в фотошопе? Вот думаю, стоит ли проплачивать, есть же условно бесплатный avocode.
>>557971Честно говоря, только картинки ресайзю. Раз в полгода бывает потребность обработать фотку. Дизайнеры верстку в скетче отдают.
>>557960Добра тебе!
>>557922Никто ж не говорит отказываться от ИЕ. Я сам под него верстаю, правда предпочитаю 10+, но не каждый раз же смотреть изменения, это ж пиздец сколько времени на хуйню уходит.Я, как праавило, просто ближе к концу проекта, просматриваю его дотошно во всех браузюках. Багов появляется не так много, так что мне норм. Тем более что они запоминаются и больше ты такой хуйни писать не будешь, будешь помнить.
А я тут все еще охуеваю с джс, методы-хуетоды, задачки-хуячки, напишите функцию, которая отсасывает у другой функции, которая принимает на входе массив хуюнкций, которые... Нет, это даже интересно, но я в полной прострации - как это на практике то применять?
>>558107Начни писать что-нибудь длиннее экрана, многое сразу станет понятно.
>>558091Тут один анон кричал, что пора отказываться от всех браузеров, которые не используют blink. Кричал, что даже огнелис для пидорасов.Не спорю, про каждый час-полчаса я все-таки перетолстил, но в особенно важные моменты я все-таки проверяю верстку во всех браузерах.
>>557937где это такие вопросы?
Анон, а для верстки обязательно уметь пользоваться фотошопом, я например в Corel Draw немного могу работать, а в других редакторах вообще полный ноль =(
>>558163Бля, получасовой скринкаст от Громова в базовом интенсиве смотришь и вуаля - ты уже умеешь в фотошопе все, что нужно для верстки
Что за плагин на sublime text 3, который выводит список вариантов, которые можно написать. Например пишу plac и он тут же мне выводит placeholder.
>>558203дак эт вроде по умолчанию (или с эмметом) умеет.
>>558215У меня почему то такой хуйни нет, втф?
Анончики, а что нового по курсам, что-нибудь ещё слили?Там, курсы от Кантора какие-нибудь помимо базового или что-нибудь другое интересное?Могу от себя поделиться ссылкой на актуальный курс по Реакту, если кто ещё не видел:rutracker.org/forum/viewtopic.php?t=5180933
Красава, кто в чате хекслета троллит, малаца!Я уже там 3 бана словил, продолжай моё дело!
>>558237А че вы там троллите?Смотрел кстати их собеседования вчера
>>558219>актуальный курс по РеактуСпасибо! Как раз искал что-то подобное.
>>558270Ещё вот этот парень пишет про Реакт немного:https://twitter.com/MaxPatsiansky
>>558203Если кому интересно, в настройках поставьте auto_complete true
Стоп, стоп. Читаю уже не первый раз. Вы что сначало верстаете на пикселях, а потом переводите в адаптив?
>>558508Что ты имеешь ввиду? https://css-tricks.com/the-difference-between-responsive-and-adaptive-design/
Вакансия на "джуна" :Front-End Developer- Знания JavaScript (jQuery, AJAX),PHP (уметь писать хотя-бы под один framework, CMS опыт написания плагинов для WordPress например), mySql- HTML/CSS (на уровне использования готовой верстки) Я чего-то не понимаю, или это норм? Позиция получается не совсем front-end (особенно html, css на уровне использования готовой верстки), по ходу дела скорее всего трансформируется wp-макаку.
>>558592Почему jq и ajax поставлены в один ряд?, пыха для фронта? Уметь писать под 1 фреймворк они имеют ввиду yii и ларавель чтоль? Ну так если чувак херячит пыху на фреймворках ему движки не нужны то чужие, он и сам напишет, но это как понятно каждому нихрена не фронт. Короче мутная херня, хрюша которая писала текст вакансии чет натупила. Ну или компашка долбанутая сама по себе
>>558592Это и есть вордпресс-макака, требования читай хоть. Просто HR-дебилы не различают, для них это сорта говна.
>>558203нужно поставить package control и нужный тебе автокомплитер. Например для жквери он так и называется - JQuery.
>>558508ебу дал? сначала верстаем под мобилки, потом постепенно адаптируем. или сразу бутстрап хуяк-хуяк и в продакшон
>>558664Не понимаю этого метода - mobile first. Ну хуета же. На дестктопе бывает значительно больше деталей и подробностей, какой смысл сначала писать минимальную хуету, а потом добавлять элементы для планшетов и десктопов? Не легче сначала сделать полноценную десктопную версию, из которой при уменьшении ширины вьюпорта убирать лишние элементы?
>>558665убирать и куда их девать?Делать мобиле версию из десткоп это всегда гемор, боль и куча баговАлсо сразу видно что ты в глаза не видел медиа запросов.
>>558667Я нуб, не спорю. Пару раз верстал небольшие сайты с адаптивностью, но не знаю о какой куче багов ты говоришь. Медиа-запросами, конечно же, пользовался.
>>558667>Делать мобиле версию из десткоп это всегда гемор, боль и куча баговНоуп, разве что у тебя там какой-то пиздец в коде.Тащемта, даже автор этого подхода признал, что щас имеет смысл юзать mobile first только в случае прямого нацела на мобилки, как приоритетную площадку. В иных случаях следует начинать с десктопа, ведь именно там содержится основная функциональная база.мимо фронтендер
>>558670>что щас имеет смысл юзать mobile first только в случае прямого нацела на мобилки, как приоритетную площадку.
В тему про описания вакансий. https://www.youtube.com/watch?v=6G3kQyqMFpQ
>>558681Так-то он конечно прав, только я не совсем понял 2-ю часть где он говорит про мс. Мол вы можете отзываться даже не имея опыта в этой сфере. Может кто объяснить?
>>555000лол, причем сам гугл для поиска обращает внимание на h1 заголовки. в материалайз уж очень они большие
>>558700Да он как пример приводил требования MySQLТипа пишут что нужны знания а на самом деле ты просто через приложуху только взаимодействовать будешь, а не админить базу сам.
Анончики, кто-нибудь использовал electron для написания десктопного приложения?
>>558681Красиво на словах, вот только это справедливо только для цивилизованного западного рынка. В нашей стране работодатель ожидает от работника ровно того, что описано в требованиях (читать как - дешевого раба-мастера-на-все-руки). Сэд бат тру.
>>558773Читал вчера интервью старое с Крисом Касперски (крутой чувак, можете погуглить). В Штатах 300к получал и говорит что скорее-всего не смог бы пройти собеседование в России. Типа тут больше пытаются занизить твою значимость и меньше платить. А там если видят что неплох то наоборот пытаются создать все условия тебе. Выкладывали ссылку вчера то ли в js треде то ли в "мы вам перезвоним".
>>558781У нас еще очень часто пытаются сесть тебе на шею, платя ту же з/п
>>556978юзай firefox она держит больше вкладок но иногда крашится но это терпимо в отличие от хорома
Зашел почитать что-то интересное, а у вас сплошная верстка и макетики. Какие вы фронт-эндеры? Вы верстальщики обычные.
>>558958Этот тред в кооперативе с js из програмачаТуда наведайся еще.
>>558958>Какие вы фронт-эндеры? Вы верстальщики обычные. Мы фронтендеры.Вот пруф: alert('Idi nahyu');
Подскажите, аноны, годные pet проект на JS/
>>558958Может сам что-то интересное дашь почитать?
Пошел в пятницу на собес. Странная девочка Эйчарка, сходу прямо без вступления про компанию предложила поболтать с их технарем. Поотвечал на вопросы, она уже на 3-4 сказала что ненадолго нас оставит. Чувак меня прособеседовал по фронту, поспрашивал что я думаю про удаленку, как я представляю себе способы оплаты и т.д, а потом просто сказал спасибо и выпровадил из офиса. И все. Даже без мы вам перезвоним.Это мне так отказали или что?
>>558990Я там постоянно сижу, спасибо.>>559132Та кроме frontender.info как-то ничего в голову сходу не приходит. Я сам нюфаня, из достижений - учусь на жс-курсах при бодишопе.
>>559154Что за бодишоп? Выдаёт какую-то косметику, лел.
>>559160Бля, лол, это же общее название всех контор, работающих на аутсорсе.Еще вспомнил, что на доу хорошие дайджесты по технологиям (если вы из России, то, вероятно, понадобится прокси) https://dou.ua/lenta/digests/frontend-digest-13/
>>558958А ты хотел обмазаться пузырьком в высоконагруженном проекте? Или хуярить svg-карты? Или о чем-то рассказать? или спросить совета? Ты удивишься, но верстка - то неотъемлемая часть фронтенда, пусть и не главная.Ты не гнобить пытайся, а расскажи что-нибудь, если есть опыт. А если нет, то не выебывайся.
>>559162еще есть такие умные слова как фриланс и аутсорс, не забывай.
>>559173Думал, что выражение body shop всем знакомо.
>>559178без обид, просто мне данная фраза не нравится, попахивает рабством
>>559187Это в том числе и такая своеобразная самоирония.
>>559133Лол, может он просто хотел пообщаться, ради этого создали вакансию
>>559133о чем расспрашивали? что отвечал? какие именно вопросы были? постарайся воспроизвести точные ответы
Давно тут не писал.Анончики, смотрите, сейчас прохожу учебник на learn.javascript.ru , пока только первую часть. Это нормально, что я не осиливаю большинство сложных задач и либо тупо пропускаю их, либо смотрю решение и на память перепечатываю? Как у вас проходило изучение js по тому курсу?на сервере использовать js не собираюсь, хочу просто написать на нём часть клиента для браузерки
>>559261Большинство удавалось написать самому. Были и те задания, с которыми я не справился. Но тогда я переписывал код и разбирал его. После этого приходило понимание. Главное запоминать и уже в похожих случаях применять.
>>559285А с какой скоростью шло продвижение? За сколько осилил первые два учебника? Применял ли что-нибудь из алгоритмов в вёрстке?
>>559285Кстати, анон, ты конспектируешь пройденное в тетрадке? Не лучше ли переходить на констпектирование на пекарне?
>>559292Я их несколько раз перечитал. С каждым разом понимание становилось всё лучше. Алсо также закреплял теорию, смотря js-джедай от Сноракса и другие. Сейчас вот смотрю продвинутый интенсив от академии, где уже показывают применение js в конкретных примерах. Всё прекрасно понимаю, а также черпаю всё новые знания. Опять же, нужно будет после просмотра переписать коды из примеров и изучать. Не исключаю, что предется пересмотреть интенсив еще раз.
>>559301На пекарне офк.
>>559310Используешь какой-нибудь софт для этого? Или просто папочки с текстовыми файлами, написанными в блокноте?
>>559315Главная папка / Функции / Анонимная функция / html файл, js файлы с примерами. В js файле вверху закомментированная ссылка на статью. Ниже уже пример.(часто с комментариями в непонятных местах). Примеров может быть много. В каждом js файле по 1 примеру. Подключать довольно легко, меняя название в html коде. Открываю сразу всю папку через брекетс. Очеь удобно. Лучше ничего придумать не мог, да и впадлу.
>>559346Это для базового изучения языка JS, без применения его на практике в верстке, если что.>Самофикс
>>552611самое печальное, что он найдёт школьника-исполнителя, который ему всё это сделает :(
>>559242Пошел нахуй.
Блять, заебало. Не осилил базовый интенсив. Пиздец дно. Хочется чего-то нового, другого что ли. Хуй знает. Имеет мне сейчас смысл переключиться на js ? Или ковыряться в этой залупе дальше?
>>559358https://www.youtube.com/watch?v=q0iFBGcRuJk
>>559372ты скажи это тому студенту или школьнику, который готов не просто бесплатно написать своё говно, но ещё и заплатить за то, чтобы его говном пользовались.
>>559401Хорошо, скажу.
>>559371Имеет мне сейчас смысл переключиться на js ?Нет. А тем более если тебе это не интересно и ты впариваешь всю эту хуйню чтобы в будущем палучать многа далларов. Послушай умного совета, и не трать время на эту парашу. Я вот с свое время перекатился в графику. Сейчас периодически захожу в этот тредик почитать превозмогания местных корзинок. Очень веселит.
>>559407Что за графика? Я сейчас в поисках себя можно сказать. Универ закончил, нихуя не умею. Профессии нет, работаю блять продавцом-консультантом. Пиздец какой-то. Не знаю уже чем себя занять, в какую стезю вкатится. Угнетает яебал.
>>559371Как можно было базовый не осилить? Ладно там в продвинутом есть сложные для нуба моменты, но в базовом то что?
Тупой вопрос.Я правильно понимаю, что все эти ангулары и реакты - способ писать html/css с помощью js?
>>559427Ты можешь открыть гугл и ввести "angular что это" первая же ссылка все объясняет.
>>559433Я читал на википедии, но так и не понял.
>>559242Спрашивал стандартные вещи. Удивили разве что вопросики о том как я буду работать с проектом в котором 1000 джс файлов и столько же цссников и порядка 200 страниц, с чего я слегка охуел. А так стандартная джс лабуда, какой ивент быстрее отработает, как работает делегирование, как остановить всплывание событий. Вроде большинство ответил вопросов правильно. Дальше пошли вопросы о зп, о том как я это вижу и т.д.А в конце просто с улыбкой ответил на пару моих вопросоов, сказал спасибо и проводил до двери. Тамошнего HR я так и не увидел.
Анончики, как в Sublime Text сделать в боковой менюшке многоуровневый список открытых файлов вместо одноуровневого?
>>559443расширение, энханс сайд бар
Господа, у меня странный вопрос. Я год работаю в бек энде и стал задумываться о переходе во фронт. Мне говорят, что это плохая идея, что наоборот валят из фронта в бек.Есть смысл перекатываться во фронт? Еще является ли фронт энд более подходящим вариантом для удаленки и фриланса?
>>559617Это зависит от твоих желаний. Фронт щас очень глубок, и будет только углублятся. Браузеры становятся все быстрее, трафик все жирнее. Скоро и до 3d в браузюках представлений докатимся. Плюс дохуя логики щас делают на клиенте, оставляя серверу задачи по выдаче данных раз в определенный промежуток времени и их перезаписи.
>>559617Что нравится - тем и занимайся. Никогда не понимал перекатыльщиков
>>559439что по зп сказал?
>>559607установил все расширения, указынные как рекомендуемые вот здесь, причём довольно давно. Похоже, Sidebаr Enchancement у меня включен, но не установлен. Как его включить?
>>559786http://nicothin.pro/page/sublime-text-3-plugins
>>559787Всё, разобрался.
Почаны, на пейджспид сказали использовать кэш. Вопрос - как? Я почитал и понял что нужно использовать cache-control, expire и т.д. Только куда их писать нигде не написано. Покопавшись немного выяснил что это приблуда бекэнда. Или я что-то не понял? Поясните коротко.(даже если это не надо использовать, я хочу знать для общего развития)
Подскажите, как делаются такие сайтыhttp://promo.ru/Чтоб все так выезжало со всех сторон
>>559846Столько эффектов и такой обычный слайдер, даже не круговой
>>559846пиздец этот min-height: 100vh реально уже начал заёбывать, постоянно скролить, а контента по 3 слова.
Чтобы работать с google map api через js нужно сгенерировать личный api key? Еще на пробный приод предлагают, что за хуйня?
>>553559А куда стоит идти ленивому аутисту?
>>559880на склад
>>559880В окно скорее всего, ибо такие на любой работе нахуй не нужны.
Посоветуйте годную карусельку на вордпресс чтоб было фото и снизу описание, пока только платные вижу.
>>559880Ленивому аутисту стоит понять источник того, что делает его ленивым артистом и перестать быть им.
>>559694Назвал сумму которая для начала меня устроит, да и все.Тащемта оказалось, что тот техдир, который меня собеседовал, немного аутист, а эйчара заменяла видимо не слишком компетентная коллега, поэтому мэйн эчар умудрилась мне сегодня отзвонится еще раз и пригласить на собеседование.Цирк с конями блять.
>>560015Да ну нахуй... Опасно работать с аутистом в одном офисе. Ему что-то не понравится в твоем коде, он тебе этого не скажет. Будет каждый раз терпеть, встречая твои косяки. А однажды сорвется и прирежет тебя в толкане. А самое печальное, что ты так и не узнаешь - за что...
Ситуация такая.Есть некая картинка, размер которой - 100% от контейнера, в котором она находится. Контейнер резиновый и может менять свой размер в зависимости от размера вьюпорта.Наверное из-за этого (ну я так думаю) у меня возникли проблемы с настройками srcset-а. С iPhone 5 все работет правильно - загружает картинку среднего качества. А вот на десктопе и всем остальном (айпад, лэптопы, другие мобильники) зачем-то грузит максимальное, хотя картинка в максимальном размере в браузере получается примерно 300 на 300рх, разрешение же картинки в максимальном качестве - 900 на 900. Вопрос: нахуя браузер грузит картинку в макс. качестве, когда дисплей не ретина или когда ретина х2?Помогач.
>>559971https://2ch.hk/web/res/83815.html
>>560140наверно ты забыл <meta name="viewport" content="width=device-width, initial-scale=1.0">
>>560186Я даже больше указал.<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Мой первый адаптив (респонсив, до сих пор не определяю). Будьте добры оцените. Не пиксель перфект. Без бутстрапа.https://justfake.github.io/pink
>>560206Чего не доверстал то? Таблица не доделана.
>>560206
>>560206И почему не через srcset сделал?
>>559971Meta slider
>>560213Входит в неэффективные 20%. Шучу, сложновато для меня с 3 раза не разобрался, буду думать дальше.>>560221Увеличу отступ у слайдов>>560224Ты про что именно? Ипхоны? (для них пока не делал) Почти все изображения были через picture вставлены
>>560206Я еще зелень, но почему ты не делал внутренний центровщик.http://codepen.io/anon/pen/bpzxZJ?editors=1100можно в медиазапросах менять его ширину (с 80% на 90% и 100%).
>>560270Если меню сделаю с 80% до 100% куда девать логотип?
>>560272код внимательнее смотри. Логотип - желтый блок. А размер меняем .header-innery.
А никто не хочет своей страничкой портфолио похвастаться? Интересно посмотреть какого уровня аудитория в тред захаживает.
>>560277Хорошо. А как растянуть на всю ширину экрана .menu?
>>560280не понимаю, почему ты доебался к меню, у тебя в проекте оно не на всю ширину экрана.
>>560278Имя с фамилией палить не хочется.
>>560292Это-то и забавно. По сути ничем это не будет отличаться от того, что ты вкинешь ссылку на портфолио в любой тематический форум. Разве что тут тебя хуями обложить могут, т.к. матфильтра нет.
http://www.seregaplehanov.ru/Лол. Сайтик вроде прикольный, но макет Барбершопа то ли переделанный напрочь, толи доисторический, еще до 2015 интенсива.
А вот это годное портфолио.https://kate-work.ru/
>>560307Пиздец этот сайт нагрел мой ноутбук. Анимация кнопок (fade in/out) сделана на джейквери.
>>560278http://alextewpin.github.ioНа деанон похуй, сто раз уже был.
>>560315И сколько получаешь?
>>560316Чуть выше рынка.
>>560315Сдается мне, что ты пиздишь.
>>560324Если ты откроешь гитхаб и найдешь там список реп, то увидишь проект, который я писал для этого треда.
>>560308Миленько, дизайн простенький но лаконичный, пожалуй возьму себе спасибо.Аноны, как думаете, стоит лить в портфолио все проекты, как она? Сначала кажется что их там дохуя, а на деле половина - учебные макеты академии - вторая половина - дешевенькие лендосы которые я могу клепать по 2 в неделю.У меня сверстанных сайтов, если считать фиксированные, штук 12-15 есть, наверное. Но стоит ли их показывать? Да и что там показывать собственно? Очевидно что с начала обучения я дичайше вырос и в код какой-нибудь седоны без фейспалма не взгляну.Пока что планирую допилить нынешний проект и занятся полноценной приложухой.В портфолио соответственно будет только предыдущий, аля миленький лендос на 4 страницы, нынешний сайт, где в разы больше джс, и само приложение. Все правильно делаю? Или может заебашить все секционно. Мол смотрите с чего начинал и до чего дошел.
>>560339Показывай только самое лучшее. Никого не интересует - с чего ты начинал. Главное - что ты умеешь сейчас. Да и я думаю, что работадателям уже заебало смотреть на конвеерные, статичные барбершопы.
>>560339Можешь засунуть все, что было раньше в отдельную секцию, типа "смотрите, какое говно я клепал n лет назад", сам планирую так сделать, лол.А так у меня всего 2 верстки (за которые не стыдно) и 1 проект на джс (за который мне стыдно).
>>560308Hi! I’m Kate and I’m experienced frontend developer. My primary specialization is psd to html work. Working with html/css & js technologies (including html5, css3, jQuery).это пиздец конечно, особенно что половина картинки в портфолио или макеты академии, бгг>>560339главное чтобы была ссылка на гит и было видно, что не лошара и используешь галпы/хуялпы/бабелы/линтеры и т.д., чтобы смог сразу в команду влиться(если повезёт офк), а не ебланить неделю спрашивая как настроить eslint и зачем оно вообще надо.
>>560339Макет приложухи есть?
>>560346>>560363Спасибо антоши, так и сделаю. >>560396Не думаю что бабель или галп - это прям все приоритетам приоритет и без них никуда, все-таки важнее, имхо - правильно разработанные проекты, но и без инструментов, конечно, никуда. >>560437Неа, сам буду пилить, ну или позаимствую у кого-то из аналогов дизайн.
>>560052Ты щас меня описал
>>560315Нихуясебе
>>560315А не зашкварно ли вот так портфолио держать на гитхаб страничке? Сам так сделал, но думаю может прикупить нормальный домен и хостинг
>>560463Нахуя, если ты не на серверных языках погромируешь?
>>560464А как ты сделал страницу без названия репозитория в адресе? У меня вышло http://anonname.github.io/имя_реп.
>>560467В гугле все написано, даже в шапке инфа есть.
Есть работка для начинающего, здесь можно предлагать работку?
>>560538Заплати мне налог сначала, потом предлагай, ищь чего захотел
>>560463В чем зашквар? Наоборот, гитхабчик, модно-молодежно.
>>560539
>>552601 (OP)Таки закончившему все вышеперечисленное, помешает ли конкуренция устроиться джуном? А то в /b один студийный держатель из новосиба наоборот жаловался что к нему на джунов одни владыки мс.офис ходятмимопочтизакончилбазовыйкурс
>>560538Ну пишт, чтоле, что за работа, какой стэк нужен.
Кто-нибудь знает, как остановить работающий grunt-contrib-watch в консоле, без её закрытия?
>>560552ctrl+C ?
>>560553спасибо, а то не дружу с консолью особо.
>>5605441. Есть один сайт на Ангуляре с Ляравелем. Сайт несложный, но недовылизанный. Нужно пофиксить там баги и дописать кое-где риалтайм обновление интерфейса.2. После этого тот же сайт нужно портировать на Метеор. Знание его не обязательно, потому что мало кто его знает вообще, можно изучать в процессе.3. Допиливание новой функциональности.4. Мобильное приложение, на том же Метеоре, скорее всего.Оплата позадачная. Желательно анон из Украшки.Скп holypiss
>>560569Отписал бы тебе, да вот только не работал ни с ангуляром ни с метеором.
>>560569Я то из украхи, но как и предыдущий анон, до ангуляра еще далеко даже не добрался.
>>560569а я отписал и я работал с ангуляром.
>>560543У меня то же самое. Минимальные знания джс и фреймворков — большая редкость, а уж про всякие сассы-галпы-хуялпы и говорить нечего. Не держатель, но тимлид.
>>560582Не понял. Вы че, хотите сказать что к вам всякие долбаебы приходят, которые нихуя не знают и работку хотят? Не ну жесть вообще.
>>560591А мы как лохи сидим учим, да?
>>560591Ага. Иногда попадаются толковые, которые очень быстро вливаются по ходу дела. Джун на то и джун. Не знаю хули вы тут жопы рвете со своими барбершопами.
>>560600ГЛАСИ
>>560052двачую
>>560315Мне стало грустно, а потом я вспомнил, что мне всего 20, а опыта уже больше 2 лет. А потом я снова вспомнил, что за 2 года так нихуя и не освоил. И загрустил еще больше.
>>560569Охуел? где тут работка для начинающего?
>>560015на собеседование пойдешь?
>>560582Cпасибо вам за мотивацию, кстати. Если в ближайшее время к вам придет чухан с синими кругами под глазами - это я.мимо осваиваю реакт и дрочу на пиксели в адаптивной верстке одного говномакета
>>560600А как на счет вот такого?Первая работаЦель Вашей первой работы — не максимизировать прибыль в единицу времени. Вам нужно найти такое место, где с Вами будут возиться, вы будете получать кодревью вашего кода и новые знания. Фактически — вы должны искать себе ментора, так, чтобы вам еще за ваш труд немного платили. Если говорить о том, что вы должны уметь к моменту поиска первой работы, давайте составим краткий список:английский. Чем лучше тем лучше.git. Помним: работаем в команде.базовые паттерны, типа MVC и MVVMсовременную верстку (HTML5, CSS3, flexbox). Незнание “хаков” для старых браузеров вам простят, а вот ваша незаинтересованность современными подходами вызовет вопросыхотя бы 2–3 примера кода на вашем-любимом-фреймворке (сюда отлично ложаться курсовые работы — вот и повод делать их не на “отвали”, а так чтобы было не стыдно показать ни в университете ни при собеседованииhttps://medium.com/russian/frontend-dev-хороший-плохой-злой-часть-1-хороший-путь-865b640d5d18#.1me7q8oxh
Есть div - контэйнер. в нём несколько дивов с одинаковым классом, почему я не могу выбрать второй по списку див, используя селектор:.post >post-stats:nth-child(2)?
>>560737Потому что классы выбираются с точкой перед ними.
>>560746Лол. Я ставил точку, разумеется, просто тут забыл. Почему не выбирается?
>>560748Все выбирается: https://jsfiddle.net/yvahfoww/
>>560758Странно. А здесь, почему-то не работает.https://htmlacademy.ru/courses/55/run/18
>>560762Потому что селектор проверяет второй элемент среди всех детей, а не только с таким классом.
>>560766Спасибо.
Аноны, как проверяете кроссбраузерность? Подскажите хост куда можно "парковать" сверстанные шаблоны.
>>560820>как проверяете кроссбраузерностьБраузерами.>Подскажите хост куда можно "парковать" сверстанные шаблоны.Github Pages
https://www.youtube.com/watch?v=yWQlra6hlwk&index=5&list=PLLnpHn493BHGpGXukqYsxwQw3ziW3uti6https://www.youtube.com/watch?v=RujOkbI6Am0&index=6&list=PLLnpHn493BHGpGXukqYsxwQw3ziW3uti6Два коротких видео по вкладках network и timeline в Chrome devtools. Мне были очень полезны. Не то чтобы я после них стал экспертом или даже продвинутым юзером, но одно я заметил точно, после них я перестал смотреть на те красивые разноцветные графики как на латинские магические заклинания. Если хотите большего, советую глянуть видяшки с конференций гугла.
>>560863Двачую, важная штука.Буквально сегодня наткнулся на сайт, который весил около 10 метров, 8 из которых занимали три сраные неоптимизированные фотки в слайдере.
>>560827Про браузеры понятно, но может сервисы какие есть или сборки браузеров?
>>560875Есть платные. Можно проверить любую версию любого браузера на любой ОС.
>>560867небось работали"профиссионалы своего дела, студия с многолетним опытом, креативные, высокомотивированные люди, молодой дружный коллектив"ну или "мастер своего дела, опыт работы 10 лет, запилю интернет магазин за 1 день и всего за 2к рублей"
http://rgho.st/7pdL6bqlKПрислали вот такое тестовое задание. Вроде изи, потрачу на него сегодняшний вечер.
>>560933всем двачем ждём когда ты его сделаешь
>>560933>2016>майкрософт обеспечивает тех поддержку и обновления безопасности только для ие11 и эдж>IE8+
>>560983да там макет такой простой, что сложно что-нибудь сломать для IE. Кстати, в подвале - градиентик, но выполнены все фоны в виде одной большой пикчи, хз, как этот градиентик оттуда досать, только если картинкой вырезать.
>>5609851)картинкой2)пипеткой ручками померитьи не забыть приписать к любому из вариантов, что дизайнер - мудло
>>560985http://jsbin.com/zeviqumeba/edit?html,css,outputвроде похоже
>>560988>не забыть приписать, что дизайнер - мудлодумал сделать это в комментариях, но потом вспомнил, что я сам не лучше, и передумал.
>>560990Я уже жпег нарезал, в принципе, не так уж и затратно, тем более, по сравнению с главной картиночкой на полмегабайта.
>>560990У меня вопрос:Слева - скомпилированный css код. Это нормальное поведение компилятора? Хотелось бы, чтобы там код тоже был понятным. Я конечно могу использовать grunt-css-comb, но хотелось все-таки услышать - Это нормальное поведение компилятора? (grunt-sass).
>>561027зачем тебе css код?Для разработчка есть соурсы (в том числе твои стили в препроцессорном формате) на продакшн ты будешь не только компилить, но и минифицировать и вся твоя красивость в этом случае нафиг не нужна, ибо будет все в одну строку.
>>561033а разве не считается хорошей практикой отдавать 2 css файла - 1 минифицированный, а другой обычный.
>>561027пользуюсь less и все нормально выглядит. а вообще анон >>561033 прав
>>561016В кнопочке, кстати, тоже градиент. Потыкался, так и не понял, как экспортировать в css (может, нужны плагины?)На кнопочке, кстати, похоже дизайнер сделал всё нормально - есть какая-то галочка в outer, весь фон кнопки сделан отдельным слоем.
>>561038>В кнопочке, кстати, тоже градиент. Потыкался, так и не понял, как экспортировать в css.Авокод не используешь?
>>560933как получил?
>>561043Нет. Я полный нуб, на самом деле, даже базовый интенсив не прошёл, хз, зачем вообще резюме отправлял.
>>561049Советую скачать и попробовать, он на изи отдает готовый css код вот таких вот обьектов с тенями, градиентами. Я его использую совместно с фотошопом.
>>561038>>561049авокод, либо css-hat для фотошопа, либо блядь посмотреть 30 минутное видео где все по полочкам
А фотожоп можно бесплатно использовать, так же как и авокод, регистрируя каждый месяц новые аккаунты? Или же он привязан к реестру и тд?
Аноны, а точно нужны фронтендеры? Сейчас любой даун-дцпшник может взять нулленый themeforest-шаблон и сделать красивый сайтец. Сейчас существует огромное количество drag&drop билдеров для web страничек. Есть и сервисы - тот же wix или тильда. Да и еще и adobe muse есть. Я сомневаюсь во фронтенде. Например, доля мобильных устройств растет, пк с виндой отмирают. То есть приходится делать на компьютере сайт для мобильниках. Ну днище же, разве нет?
Эх, года пол не заходил в тредик, пришло время обратиться за советами мудрыми.В JS-треде в /pr все обмазываются нодой и прочими ангулярами, а меня интересует Гульп. Gulpfile у меня не сложный, там только компиляция less и авторасстановка префиксов, но есть одно "но": при ошибке в css мне приходится перезапускать всю программу, причем она не выводит никаких сообщений, так что я могу по 10 минут ковыряться в стилях и недоумевать, почему не работает, пока не разверну консоль и не увижу сообщение. Собсно - мой вопрос: программа-минимум - это научить гульп выводить сообщение в трей при ошибке, максимум - научить не вылетать, а просто выбрасывать в консоль сообщение и продолжать выполнение watch'a. Есть идеи?
>>561095есть - смотри скринкаст Кантора - там он все это обсмаковал
>>561091>а точно нужны фронтендеры?Пик. И это только по одному словосочетанию и по одному сайту. Сверстать говносайт с темы или в билдере можно, но при любом косяке (коих будет достаточно) или при необходимости минимальной доработки, которую не может сделать билдер, будут искать веб-макаку коей можешь стать ты. Кроме того, фронт-енд не едиными сайтецами сыт, есть веб-приложения с тяжелой клиентской логикой, коими тоже занимаются фронт-ендеры.>приходится делать на компьютере сайт для мобильниках>приходится делать Бугатти не на заводе, а в гараже у Иваныча
>>561104Спасибо. Придётся таки ознакомиться с этими видюшечками, раз уж я решил стать чем-то солиднее jquery-разработчика.
>>561106Анон, спасибо за ответ. Еще второе сомнение меня одолевает - фронтенд очень динамичная отрасль. Мои пятилетние знания уже устарели. Как быть?
>>561106а можно сайт, чтоб я сам проверил?
>>561091>пк с виндой отмираютименно поэтому пк либо ноут с виндой есть в каждом доме, а то и по несколько?>приходится делать на компьютере сайт для мобильниках. Ну днище же, разве нет?Предлагаешь разрабатывать сайт для мобильников на мобильнике?>Я сомневаюсь во фронтенде.а я сомневаюсь в твоих аналитических способностях без обид
>>561117>>561119upwork.com, ищи в /wrk их тематический тред.>Мои пятилетние знания уже устарели. Как быть?Думаю, каждый, кто хоть как-нибудь связан с айти, слышал, что это та отрасль, где учиться нужно будет всегда. Ты думал, это просто так говорят? Интернет полон информации, видеокурсов, интерактивных онлайн курсов и прочего, так что вперёд.
>>561124Последний вопрос, умноанон. Как ты учил javascript? Какие книги, видеокурсы вкуривал?
>>561127С программированием в разных его проявлениях я был знаком с 14 лет, поэтому, когда с год назад я забрёл в этот тред и решил стать веб-макакой, то проблем с освоением основ языка у меня не было. Учил в основном на ходу - ставил конкретную задачу и гуглил её выполнение, читал доки и т.д. Качество знаний вышло хуёвое, есть множество пробелов.
>>561117Не надо было забрасывать самообразование. Это же и ежу ясно.Народу немеренно и все хотят раз чего-то выучить и потом просто чтобы бабло капало.ИТ - это по сути стиль жизни, постоянно узнавать новое и т.д. поэтому и говорят что должно нравится, а не идти за деньгами, ибо если ты только за баблом пришел рано или поздно начнешь ныть, что все развивается, новое появляется, меня уже воротит от всего этого и т.д. и т.п.вот этот правильно сказал >>561124А вообще у тебя есть преимущество перед всякими ньюфанями, ибо основы ты и так знаешь
Как сделать, чтобы 3ий элемент списка вот-так справа по центру располагался?https://jsfiddle.net/dpo7j8d6/
>>561139разделить на две колонки, сделать обертки. Второй колонке задать флекс, направление в колонку и отцентровать.
>>561143Вот же рак. Display: inline-block + vertical-align: top. Совсем ебнулся со своими флексами?
>>561149Ты сначала реализуй, а потом посмотрим кто прав.
А всё-таки, htmlbook не настолько полон, как мне казалось. Например, там нет полного описания свойства медиа, в частности, не указана возможность определить css-правила для стройств с определённой шириной.
Есть тут те кто смог??? кто пол-год назад был ньюфаком, а теперь мамкин верстала, который все же осилил эту науку и кто уже подрабатывает на этом? Полтора года назад был в этом треде, но потом забрали в армию, все позабывал нахуй, буду начинать сначала. Как у вас изменилась жизнь, как нашли работу и сколько вам тперь платят?
>>561149https://jsfiddle.net/0ay4o1dz/вот я сделал, только нужно еще, чтобы эти две колонки приледлялись к краям экрана, первая - к левому, вторая - к правому>>561143с флексами потом попробую если не получится
>>561187Можно флоатами сделать или инлайн-блоками.https://jsfiddle.net/oszis113/hu2wrdb1/
>>561187update 1 толькоhttps://jsfiddle.net/0ay4o1dz/1/
>>561191Это на флоатах
>>561191но у тебя тут нет центрирования по миду в правой колонке, у тебя тут заранее заданный margin-top: 10px;
мы не знаем какой высоты будут эти коменты, они будут разной высоты
https://jsfiddle.net/x8yu189a/Аноны, я правильно написал код для media? Почему-то в средствах отладки не работает, указываю там ширину 700пикселей, всё остаётся, как есть.
>>561210Попробуй @media screen and (max-width: 800px)
>>561214Не, не помогло. Кстати, вот ссыль на макет: http:/brauzerka-2014.tk
>>561207https://jsfiddle.net/0ay4o1dz/2/
>>561218>http:/brauzerka-2014.tk>хорошо работает, то что надо
>>561233>http:/brauzerka-2014.tk>вот я уебок ппц
>>561247почему ты так решил? Кстати, я тебя так и не понял.
>>561038Вырезаешь картинку и вставляешь на колорзилле, оно выдаст тебе код градиента
>>560983Вчера видел вакансию, там было указано IE6+
>>561256я бы на месте владельцев сайтов для IE показывал ссылку на статью, в которой описывается дырявость ослика, и пару ссылок на нормальные браузеры.
>>561233попробую-ка я Chrome установить, может, в моём Яндекс-браузере какие-то неправильные средства отладки?
>>561250я только хотел написать, чтовот этот пост мне помог >>561218,но туда случайно вставил цитирование из другого поста - >http:/brauzerka-2014.tk.
Блин, что-то я завис. Нужно одному блоку, если разрешение дисплея юзера меньше 800 пикселей, задать ширину в, например, 500 пикселей. Как это сделать?
>>561273Разрешение - в смысле ширина?@media all and (max-width: 799px) { odin_blok { width: 500px; } }
>>561279>разрешение - всмысле ширинада.>@media all and (max-width: 799px) { odin_blok { width: 500px; } }не помогает. Посмотри, если несложно, сюда: http://brauzerka-2014.tk , что я мог сделать не так? Уже час ищу решение.
>>561289Протестил с мозиллы, вроде всё норм.
>>561289<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">в head добавь
>>561318хотя тоже не заработало.
>>561289Так работает, только третий блок не переходит на вторую строку. Сделай ширину у всех этих блоков в процентах.
>>561289у тебя там вообще пиздец какой то1) добавь это>>5613182)каждому row-block припиши clearfix3) убери высоту у тех же ров-блоков (!)4) @media (max-width: 800px) и @media (max-width: 480px) используй для планшетной и мобильной версии5) дальше сам думай. все легко
>>561182Бампану вопрос
https://2ch.hk/wrk/res/561684.htmlhttps://2ch.hk/wrk/res/561684.htmlhttps://2ch.hk/wrk/res/561684.htmlhttps://2ch.hk/wrk/res/561684.htmlhttps://2ch.hk/wrk/res/561684.htmlПЕРЕКАТ
>>560933Котаны, а каким образом нужно перестраивать эти колонки?
>>562476Бутстрап можно юзать? Или писать свой грид?
>>561095Мне посоветовали gulp plumber. Мне понравилось
Сап, анон. Интересует средняя температура по больнице у верстальщиков: сколько средних страниц верстается в день/сколько в среднем берут за страницу?
>>552541полгода пидорился на learn.javascript, после чего нашел работу, пересел на jquery и сразу начал писать. Скажу, что js знаю % на 20-30. С учетом того, что прошел почти все на сайте. Но меня все равно обложат хуями господа, "выучившие" за месяц-два.Олсо, до этого никаких языков не учил, это мой дебют.
>>561254Можно подробнее: куда на CollorZille картинку вставлять, чтобы градиент получить?
Что за баг в Авокоде с направляющими? В остальных тоже так.