Котаны-котята, что значит верстка динамических визуальных компонентов (select, datepicker, tree и т.д.) применительно к любому из популярных фреймворков – Angular / React / jQuery?
В вакансии написано.
В вакансии написано.
Не хочу наглеть, но ты неплохо соображаешь. Ответишь еще на пару вопросов?
Не понял. Можешь кинуть эту статью?
Я думаю, тут полно анонов, которые в разы больше знают, так что задавай, кто-нибудь и ответит. Лучше что бы это было несколько ответов, ибо один единственный ответ - не всегда истина.
Что скажете про csshat pnghat emmet и всё такое, если я совсем барбершопный нуб?
Спасибо!
Госпади! вежливый и по делу ответ, я точно на дваче? или вы тут всех адекватов саккумулировали?
> СПЕЦИАЛИСТ
ссылку?
Аноны, смотрю тут видео про модульные сетки и не совсем понятно.
Там спикер говорит что типо уменьшается окно браузера - уменьшается колонка и ее содержимое, в кач-ве примера <i> изменяется. А что будет если изображение будет в колонке? Как оно изменяться будет?
>или вы тут всех адекватов саккумулировали?
Ну, тут действительно хороший коллектив подобрался, рабочая атмосфера тоже на уровне. С чем это связано — не знаю, но я только рад.
Добавлю, что игорь борисов на мой взгляд лучший рассказчик.
Если я верстаю неадаптивно, стоит ли прикрутить к body min-width эдак в тысячу пикселей, чтобы страницу не попидорасило?
да
Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить? При наличии портфолио конечно
Можно идти нахуй.
Еще одно, это мну нужно устанавливать все браузеры?
портабельные версии подойдут?
>можно идти нахуй
накаркал.
Да ладно, от редких вскукареков никакой тред не застрахован.
Cпрашивает он, блядь, про фриланс, после продвинутого. Щенок ебаный, птенец, нихуя не знает, НИХУЯ, а уже фрилансить хочет.
Тогда ответь, что делать после продвинутого?
Читать допы, верстать и не задавать больше тупых вопросов.
Ты НИХУЯ не знаешь.
да не слушай ты его. ересь порит какую-то. на фриланс можешь хоть сейчас идти, главное, чтобы ты ВЫПОЛНЯЛ работу в СРОК. А там хоть гуглом обмажься, когда верстать будешь
Спасибо.
А если не на фриланс? Что с работой в реале? Как оценить свои знания, и понять, что можно идти на собеседование?
В том-то и дело, блядь, что эту работу выполнять работу точно в срок он не будет.
Господи, блядь, ну куда вы лезете впереди паровоза
>Я уже сделал второй facebook, instagram, портирую GTA 5 на JavaScript и ничего с этого на заработал, а вы все лезете впереди паровоза!
Аноны в чем косяк, второй день не могу подобрать значение?
Ты про адаптивный имг? Я чет не совсем понял.
Анусы, жрать совсем нечего, из умений могу только сделать 5-ти страничную сайт-визитку. Можно с этим завалиться куда-нибудь? Хотя бы интернет отплатить.
>А если не на фриланс? Что с работой в реале? Как оценить свои знания,
Фрилансом, лол. Или сделай проект какой-нибудь для себя. Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио. Алсо, если, вообще нет идей того, что можно сделать самому, то можешь стучаться с поиском работы в разные веб-студии и настойчиво предлагать сделать тестовое задание. Некоторые, не очень хорошие студии могут тебе даже продакшн спихнуть.
>Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить?
Ты неправильно немного ставишь вопрос. Ну откуда мы знаем, можно тебе или нельзя идти фрилансить? Человек сам определяет для себя уровень своих знаний и то, сможет ли он эти знания применить. Это как пикаперы, которые проходят сотни тренингов за сотни тысяч рублей, но всё равно остаются всратыми девственниками и ещё убеждают себя "ну вот ещё к этому схожу, он-то точно норм".
Алсо, третий рабочий день подходит к концу. Сегодня я половину дня ебланил, сидя в этом треде, или листая хабр. Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.
Через часик поеду за баблом от клиента. Господи, как же хочется съесть шаурмы. Вот просто до ужаса. Если мы с ним договоримся на 50%, то я тут же, сука, пойду и куплю себе сочную шаурму, со свининой, острым соусоми без лука. И буду счастлив.
3-й день-кун
Берешь заходишь на ХХ.ру, читаешь требования. Обычно нужно: знания хтмл, цсс, жс, жквери, гит.это такие требование в дс к версталам
нет
Анон, не забудь, что я жду от тебя стори о том, как ты устроился. Запилишь сегодня вечерком? Тоже хочу на днях вкатываться, портфолио доверстываю.
расскажи че верстаешь.
тоже скоро собираюсь
> Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио.
Думаю с идеей что именно сделать проблем не будет, но это же нужно будет вывести в "рельный" интернет - а это деньги :(
> хтмл, цсс
По этим двум вопросов особо нет
> жс, жквери
Года на это хватит, чтоб получить нужные для реальной работы знания?
я понимаю что люди разные и все такое, но так на вскидку
Я же не знаю, как ты учишь. Год вообще это как бы дохуя на самом деле.
Пинк адаптивно и резиново, сверстал все сайты с базового, сделал одну небольшую приложуху на чистом JS, ну и портфолио, но там простенький одностраничник.
Осилил книгу Кантора еще.
> Я же не знаю, как ты учишь
А я вообще не приступал еще, на сколько я понял, тут минимум два нюфага спрашивают, я и еще один.
Я из конца прошлого треда, только заргался на htmlакадемии. Приступить смогу через дня два три. Просто интересно, вот и спрашиваю.
А ну у меня тоже самое, в принципе. Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.
Че за приложение сделал?
Ты 29 летний с вагоном свободного времени?
Никто не знает или все зарплату пересчитывает?
> Ты 29 летний с вагоном свободного времени?
Да
Найди готовое решение в интернете, да посмотри в чём у тебя было расхождение, что ты как маленький.
Серьёзно, аноны, почему большинство людей ведут себя как маленькие дети? Они не умеют искать информацию, не умеют решать собственные проблемы. Задают какие-то совершенно глупые вопросы, вроде "можно ли после интенсива идти во фриланс". Почему так?
читаю шапку.
Я вот тоже никогда не понимал, почему вместо гугла спрашивают на двачах.
>Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.
Можешь сюда закинуть как это должно выглядеть, а то я изучаю сейчас все эти jQuery и хотел бы сделать для практики что-то подобное, вечерком бы этим ради любопытства занялся. Я планирую понаезжать на работу в ДС через полмесяца верстальщиков/фронтэндером.
зачем ты сначала написал паддинг 5? а потом каждой стороне написал 15?
нормальный паддинг подбери, видно же что большие отступы
я бегло погуглил на ища решения, но вспомнил воркач и грешным делом подумал, что подскажут без изъебств. Ошибся с кем не бывают
нарисуй в пейнте, я не прошу готовый дизайн, я его сам сделаю
хуя, а я 28 летний, но в js у меня уже познания имеются. Главный совет, если начал учить - не забивай на это, а то все пойдет по кругу как у меня, и тебе года не хватит. А так, это займет какое-то количество месяцев.
Добра тебе
Можно не задавать, если у тебя у центровщиков прописан размер. А он как правило, прописан. Эффект тот-же.
Но в качестве перестраховки можно задавать.
А мета вьюпорт всегда надо указывать?
Зашел попробовать...
Спасибо, обнадежил! Успехов тебе.
Думаю часов по 5-6 в день хватит на это. До конца лета у меня каждый день свободен, ну может еще месяц-два потом.
>Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.
Я тоже думаю склепать еще че-нить на бутстрапе+жкувери, типа познать как это делается в конторках.
Да приложуха простецкая, небольшой калькулятор.
Так тоже всякие велосипеды, типа слайдеров, на чистом писал, ну задачки от Кантора прорешал где-то 90%.
Да, еще вопрос. Вот в этой академии все через сайт делается, там окно с кодом + окно с результатом. Такой себе IDE для верстальщиков. Но вот я уроки эти пройду, в чем потом работать? Есть такое что то, чтоб сразу результат посмотреть, ну как d IDE для программистов? Или как вообще верстальщик верстает и смотрит что он наверстал?
На вскидку не вспомню, есть это в пасте или нет.
в шапке же редакторы
Так там вроде просто текстовые редакторы?
нет, не просто. это тебе сейчас надо вбивать несколько значений, а когда ты будешь верстать страницы, то у тебя на порядок больше строчек кода будет. а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кода
>Есть такое что то, чтоб сразу результат посмотреть
alt+tab в браузер или 2 монитор
Grunt+LiveReload или как-то так, не помню уже название таска. Вряд ли тебе эти слова сейчас о чем-нибудь скажут, лол, потом поймешь.
> а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кода
Это ясно, я имею в виду сразу посмотреть что я накодил, уже непосредственно как это будет в интернете.
Ну так на вскидку, когда-то я краем глаза читал про верстку там что то про джумлу бла-бла-бла, и подымали свой "сайт" на Денвере чтоб мол смотреть что они сверстали.
видел плюс-минус подобную реализацию только в "Coda", но там это было сделано через встроенный браузер.
Наверно, с реализацией трудно. Ибо каждый браузер по-своему отражает информацию. Нет единого стандарта в браузерах.
А как тогда делать свое портфолио? Нужны же будут реальные работающие сайты, где можно будет кнопочки потыкать, походить по меню т.п. ? Я просто плохо понимаю как выглядит портфолио верстальщика нюфага (естественно ни одного реального сайта сделанного за деньги у меня не будет)
Вообще план такой:
Академия, видео курс один, второй, жс, жквери - все это время делаю что-то(что? сайты, макеты? я еще так и не понял) -> чувствую себя уверенно -> делаю портфолио, ищу работу, иду на собеседование.
Котаны, помогите доверстать таблицу к пинку. Нужно чтоб при разрежении >320px убирались слова внутри ячеек, а оставались только картинки (там галочки и крестики).
Еще не понимаю пока как сделать ее слайдером тянущимся до 320px. Как ЖСом ее двигать понятно, но вот как увязать изменение позиции с увеличением ее размеров, ну в общем, вы наверное поняли...
Еще не понимаю пока как сделать ее слайдером тянущимся до 320px. Как ЖСом ее двигать понятно, но вот как увязать изменение позиции с увеличением ее размеров, ну в общем, вы наверное поняли...
Кодепен отклеился http://codepen.io/coalalala/pen/dXPBjX
макеты - это и есть сайты. у тебя картинки, а ты их "оживить" должен.
бамп
портфолио можно сделать на гитхабе.
Туда и зальешь свои сверстанные макеты.
SublimeText + LivePage для хрома. Активишь на своей страничке лайфпейдж и в саблайме когда ctrl+s нажимаешь страничка в браузере сразу обновится со всеми изменениями.
Блять посоны, скажите пожалуйста, я один с такими дебилами работаю, или это норма??
Заказчик, будучи вроде как айти конторкой, то есть смыслит в технологии. Требует какую-то хуету.
Яркий пример. Хочет слайдер, чтоб красиво переключался слева направо. И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.
То же самое касается трехуровневых менюшек.
Хочет чтобы они красиво показывались, но при этом в каждом уровне должен быть кастомный скроллбар, который внезапно тоже не способен функционировать без оверфлов хидден. А значит надо либо отказываться от идеи, либо писать отдельные меню и искуственно их позиционировать через ебучий джс.
Заказчик, будучи вроде как айти конторкой, то есть смыслит в технологии. Требует какую-то хуету.
Яркий пример. Хочет слайдер, чтоб красиво переключался слева направо. И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.
То же самое касается трехуровневых менюшек.
Хочет чтобы они красиво показывались, но при этом в каждом уровне должен быть кастомный скроллбар, который внезапно тоже не способен функционировать без оверфлов хидден. А значит надо либо отказываться от идеи, либо писать отдельные меню и искуственно их позиционировать через ебучий джс.
>И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.
Мне кажется это сделать не трудно. Достаёшь хтмл из слайдера, и вставляешь в любое место на странице. Надо писать дополнительный скрипт конечно же.
так и не понял почему что-либо вываливается. Асолютно позиционировать ховер подсказку относительно изображения не варик что ли
Видимо задание в макете предполагает что контейнер не обрезает ничего, то есть не имеет установленным оверфлоа. Когда он есть, спозиционированный блок, к примеру, под картинкой, попросту не будет виден за его границами, либо будет виден только частично.
Этот прав, в том плане что вариант рабочий, но получается что на ровном месте надо писать дополнительный скрипт, провоцирующий кучу перерисовок в браузере, просто для того чтобы совладать с одним ебучим ховером.
мимо
бля там пусть наедет на изображение, немного прозрачности и ок, товар-то без ховеро весь виден, навел инфу прочитал, убрал картинку полностью видно
либо на жсе написать, вообще же изи.
Я бы с радостью, но в макете четко указано как должно быть. Это не учебный проект, где можно просто взять и сделать как хочешь.
Поясните нубу, как задавать это расстояние правильно?
Паддином синего блока или красного? Или вообще маргином?
Паддином синего блока или красного? Или вообще маргином?
ну тогда js, блок подсказки создай скрой, по наведению показывай, контент надписи можно тянуть от итема товара, или как там сделано кароче ты понял.
паддинг синего, что бы при любом контенте внутри никогда ничего не прилипало к его краям
ничего там перерисовываться не будет, ибо появляющийся блок вне потока, если я правильно понимаю как это должно выглядеть. А пара строчек лишнего жса еще никому не помешала
Дело вкуса. Если у элемента будет текстовый контент, тогда нужен падинг. Если в элементе будут только другие не текстовые элементы, то можно без падинга.
http://black-mask.org/
http://recipebook.io/
http://giroscooters.ru/
начинающий веб-разработчик вкатился. Рейтаните мои сайтики.
http://recipebook.io/
http://giroscooters.ru/
начинающий веб-разработчик вкатился. Рейтаните мои сайтики.
Котаны, ну что, никто не хочет помочь с таблицей?
http://codepen.io/coalalala/pen/dXPBjX
Нужно сделать как на пике.
http://codepen.io/coalalala/pen/dXPBjX
Нужно сделать как на пике.
Меня укачало.
Бля, ну нихуя себе начинающий. Чето мне расхотелось со своими говеными пинками и седонами пытаться вкатиться.
Хотя бы подскажите как это примерно реализуется, если лень в говнокоде разбираться.
Я бы сделал два разных компонента. Какого-то особого смысла выебываться и пытаться упихать таблицу в слайдер я не вижу.
Разумеется, разной должна быть только обертка, а внутренности можно и нужно переиспользовать.
То есть сделать тупа два варианта таблицы, и каждый на свое разрешение показывать? А как быть со слайдером - он должен тянуться, но при этом у меня меняются координаты позиционирования, соответственно мне надо как-то указывать в процентах, что ли, когда буду скрипт писать...
И как это реализуется, что-то не могу понять?
Больше всего, блядь, ненавижу, когда даунские разработчики в макетах для верстки вместо текста пишут Lorem upsum. Сука.
Ну и чем проблема написать тянущийся слайдер?
Через общие шаблоны.
Ну ладно, что-нибудь придумаю.
>Через общие шаблоны.
А можно поподробней, для тупых?
Ну, jade там, jsx или ангуляровская ебота. Я не знаю что ты используешь. Или ты хедер и футер со страницы на страницу копипастишь?
>jade там, jsx или ангуляровская ебота
Эти слова мне ничего не говорят, разве что про ангуляр слышал.
>Или ты хедер и футер со страницы на страницу копипастишь?
Ну да.
>http://black-mask.org/
>6.8мб
>300 килобайт стилей
>1 мегабайт джс
>5 мегабайт картинок
Многовато. Маленькие картинки можно сжимать как ебучих шакалов, всем на них похуй. Со стилями и скриптами у тебя тоже походу кавардак.
Как делать такие сайты, чтобы прокручивалось вниз на целые секции?
Продающая страница.
бамп
Бля, че вы троллите, поясните за уровень этих сайтиков. Это же вообще топ-вышка-сайты или нет? Я вот например хуй знает как такое верстать сейчас, после четырех макетов и двух интенсивов.
Тебе по-моему рановато в программирование слайдеров.
Это достаточно шаблонные сайтики. Вот пример топов.
http://void.hi-res.net/
http://www.because-recollection.com
Где ты там топ-вышку увидел? Обычные говнолендинги с джиквери-плагинчиками.
Пилю такое за час-полтора на бутстрапе+готовые жиквери плагины. Хуита/10
>поясните за уровень этих сайтиков
Я мимохуй и чем вы тут в треде занимаетесь нихуя не понимаю, то есть, я обычное быдло.
Глянул сайты - няшно, пиздато, плавно, на моём Кор2Дуо пашет нормально да и вообще заебись, а скорость загрузки на своих 16 мегабитах я вообще не заметил.
Но они все какие-то... одинаковые, что ли. Видос или пикча на заднем фоне, пара форм на первом плане, всякая хуйня по бокам, панель наверху.
Примеры топов это vk.com, fb.com и me.com. А у тебя какая-то пыщ-пыщ ебота, которая даже на мобиле не открывается.
ну раз ты >совсем барбершопный нуб
то забудь про эти названия, пока опыта не наберешься.
еммет чуть ли не мастхев, хотя кому то и обычного автокомплита хватает.
плагины для фш, считаю лишними, тк и без них все легко и просто + они еще и платные
> vk.com
Вот это точно не топ с их кривым юзабилити на новом дизайне и топорным дизайном на старом дизайне.
Первое сказало что у меня говнобраузер а второе вообще не открылось.
Чёт смотрю макеты в интернете для верстки и так грустно становится. Везде то эти хуелендинги, то блять айфоны которые картинкой сука целые а на сайте они смещены вниз так что нижней части не видно, то блять потом у этого айфона оказывается 6 разных задников и они должны меняться. И самое пиздатое что ты хуй знаешь как это верстать, в особенности если у тебя макет под 1600пх а разрешение на ноуте меньше.
Мы про фронтенд-разработку говорим или про мифическое кривое юзабилити?
Удваиваю. Дауны, которые не поддерживают последнюю лису идут нахуй.
oveflow: hidden
Ну на чистом жс я свои велосипедно-костыльные писал, про ДОМ знаю, на жквери тоже прикручивал слайдер и, в-принципе, разобрался, как он работает.
Неужели должен все это
> jade там, jsx или ангуляровская ебота
знать чтоб сверстать такой простой слайдер-табличку? Просто я не очень понимаю, что имеется ввиду под "общими шаблонами".
Да, я в глаза продолбился, думал, что речь про хипстодизайн.
Первый не работает, а второй да, охуенен. Даже не представляю, как такое сделать. Интересно, сколько на него времени потратили.
Это говно даже IE не открывает. Пиздец, они обрубили половину потенциальной аудитории.
У меня одногруппник-еблан клепает такие шаблонные сайтики по 10к+ за штуку, перерисовывает немножко дизайн в фотошопе и рубит бабосы, а я тут сижу учу джабаскрипт и аякс, то там, то сям, и до сих пор не могу никуда вкатиться.
Сук, чет у меня тоже безысходность, столько всего учить еще до устройства на работу, а сколько уже времеии потратил... Обидно будет, если так и не устроюсь на работу. Хотя нравится этим заниматься всем, причем не говнецо клепать, а что-то сложное делать.
А мне предлогали, но я не могу преодолеть себя и выйти из дома. Что-то типа контент менеджера, говорит работы на два часа, прийти в офис разместить пару новостей на сайте и т.д. так как им лень этим заниматься.
Котаны, что такого сверстать, чтобы не стыдно было приложить к портфолио?
Лоллирую с себя.
Нихуя, считай, не умею, а заказов уже навалило пиздец, ничего не успеваю.
Тут-то и понимаешь, что в айти надо было еще раньше идти.
Нихуя, считай, не умею, а заказов уже навалило пиздец, ничего не успеваю.
Тут-то и понимаешь, что в айти надо было еще раньше идти.
Реальный проект.
Я кончил.
Дайте макет для верстки. Только для даунов совсем. Чтобы не ебаться с адаптивностью и резиновостью или как там это называется. Хочу руку набить и в продвинутое лезть.
в шапке
Если ты про макеты от академии, то нет.
почему?
Потому что они просто шароебятся по таким же сайтам, по каким шароебился я и выбирают первый попавшийся. Как такие верстать я не знаю.
Ну так смотри интенсив, блять
В базовом совсем для даунов, их все я сверстал.
Где заказы взял?
То там, то сям. Все по знакомству.
Нет, не должен. Верстай.
Общие шаблоны это какие-то куски HTML, которые повторяются в разных местах. Зачем множить их копипастом, если можно заставить это делать машину?
Поясните мне за модульную верстку блоками. Я правильно понимаю, что таким блокам просто задаётся процентный видтх и всякие паддинги, чтобы конкретно ширину в пикселях не задавать и они по браузеру тянулись? А если в таких блоках будет изображение, как оно себя вести будет?
Типа сверстал десяток хуевых страничек - взяли на работу, и там уже чему-нибудь да научишься?
У знакомых поспрашивай. Ты охуеешь сколько вокруг разных мелких веб-конторок. Кто-то да подкинет реальную работу за еду.
Да подкиньте макет уже. Чтобы я не охуел.
Кстати да. До сих пор никакие академии не проходил и вообще на стадии влажных фантазий. Друг учил верстать пару недель несколько лет назад и потом я тупо всем говорил что планирую изучать "сайтостроение". С тех пор уже три одностраничника делал друзьям не за еду а зза 3-5к. Знакомства решают. Это да.
И сразу вопрос. Как эту выступающую хуйню правильно верстать? Маргином что ли?
Аноны, подскажите, а как сделать блог без использования WordPress и PHP?
Имею ввиду, как вообще сделать систему, чтобы клиент мог сам что то добавлять на сайт?
WordPress не подходит так как в нем не могу понять как нормально настроить дизайн.
Имею ввиду, как вообще сделать систему, чтобы клиент мог сам что то добавлять на сайт?
WordPress не подходит так как в нем не могу понять как нормально настроить дизайн.
Что же вы такие беспомощные.
Вот, держи, специально для тебя выбирал:
http://freebiesbug.com/psd-freebies/allenia-psd-website-template/ — Это чтобы ты охуел
http://freebiesbug.com/psd-freebies/shophia-ecommerce-template/ — Это чтобы ты потренировал верстку быдломагазинов
http://freebiesbug.com/code-stuff/elegant-free-html-psd-portfolio-template/ — Это простенький, но зато с адаптивностью
Ох какой простой легкий. ОТ души
Сразу скажу, что там нужен жабаскрипт (без него будет нелепо смотреться) и дизайнер немного уебан, под мобилку макет не отрисовал.
Спасибо, анон!
Не за что. Если решишь верстать алению - советую не заморачиваться с перестройкой сетки, я вот заебался и не осилил. Хотя сейчас, наверное, осилю, js прокачал немного, но мне лень.
>не могу понять как нормально настроить дизайн
Ты сформулировал слишком сложную для тебя задачу.
можешь маргином, можешь позиционированием
Хотите знать, что такое дизайнер-уебан? Вот вам цветовая схема проекта.
С заказчиком еще не говорил, но уже обобщил это говно до 7 цветов.
С заказчиком еще не говорил, но уже обобщил это говно до 7 цветов.
50 оттенков серого)))))0
Мне кажется, что если у тебя контента на странице будет меньше чем на макете, то тогда этот выступ исчезнет.
Ты как никогда прав.
Я бы псевдоэлементом белую полоску прилепил.
Посоны, решил вкатиться в этот ваш фронтенд, но охуел на этапе выбора технологий. Это актуальный стек? Реакт, реду(а)кс, вебпак. Что еще?
Может стоит с верстки вкатиться?
Для прошлого года актуальный.
А какая у тебя база то? Если ты опытный похапэ/пифон/руби погроммист и надеешься вкатиться в джс за неделю-месяц, потому что "ну эт легкий язык для даунов, ну там баннеры клепать, формочки подсвечивать)))", то я тебя разочарую.
Замечу, что нормальный node-код пишет через генераторы, а не как на пике.
Недавно переписали весь фронт на мобх и собственную либу vDom + ролл ап сборка с шатанием дерева. Граф ещё используем, но это такое, мне кажется с хттп2 рест лучше будет, привычней как-то.
Мне просто нравится картинка.
А еще у меня странная мечта погрузиться в лисп.
Я все могу понять, но нахуя писать свою реализацию виртуального дома?
А еще я сейчас пилю свой велосипедо-слайдер с опциями и охуеваю немножко. Наверное, мое поделие можно будет занести в палату мер и весов индусского кода.
Потому что можем!!
Ну а реально там конечно не с нуля написана. Где-то на 500 loc чужого кода, в том числе дифф алгоритм. Просто такая политика компании, использовать in house штуки по возможности. Плюс она быстрая , оптимизированная (раза в 4 быстрее реакта), правда не все возможности далеко есть, но для наших конкретных целей то что нужно.
Завидую даже. Для наших целей это пока что оверкилл.
Если ты еще здесь, анончик, то меня твой вопрос реально заинтересовал. В итоге смог реализовать вот так.
http://codepen.io/anon/pen/xOGxJx?editors=1100
На заполнение контента реагирует положительно
Писал фронтенд 8 лет назад (ололо, шестой осёл), после ушел в другую предметную область.
Вы уперлись в скорость реакта? У вас самописные ОС, IDE, браузер, либы?
Либ да, есть несколько. Всё остальное нет конечно, лол. Хотя пара плагинов есть для атома самописных.
Был фронт на реакт+редакс, вот решили переписать на mobx, он сам по себе быстрее редакса раза в 2, ну а держать реакт даже смысла не осталось почти, т.к. все стейтлесс на 90%. Наша либа весит 5кб по сравнению с 40кб (не помню 40 или 48 весит реакт) реакта.
Какой объем кодобазы был? Что-то тормозило?
Слушай, хз, точно не скажу. Размер конечно бандла вебпака был 200к loc примерно. Т.е. около 6 мегабайт. Но он конечно в чанках отдавался.
Да, подтормаживание было. Например при сортировке в реальном времени. Допустим есть 300 неких объектов, которые в виде списка выводятся на страницу. Список сам виртуализированный, но в памяти то весь объект лежит всё равно. И есть десяток фильтров, и вот в прямом эфире должны они фильтроваться и отрисовываться, да ещё с FLIP анимацией простенькой. Т.е. там условно юзер потянул за ползунок цены, и пошла поехала фильтрация. Вот эта тема лагала, приходилось на все ползунки дебаунс ставить. Сейчас не лагает.
>конечного бандла
быстрофикс
Запилила для дипломной работы, жду нормальной критики: https://sevenka.github.io/cn-department/
Страницы частично генерятся на Jekyll https://jekyllrb.com/
на главной странице gh-pages скачанная страница с ужасной версткой, скоро там будет нормальный сайт
Страницы частично генерятся на Jekyll https://jekyllrb.com/
на главной странице gh-pages скачанная страница с ужасной версткой, скоро там будет нормальный сайт
Вылизал бы тебе писечку, Окси!
Забыл подписаться.
Безрук
Слайдер очень странно работает, резко дергается и картинки не сразу появляются.
лол, поржала, спасибо :D
тестили с парнем на разных устройствах, все было ок :(
Что за движок? Откуда генеряться другие страницы?
>с парнем
Бля, пацаны, отступаем.
статический генератор, ссылка была в посте, напишу ещё раз https://jekyllrb.com/
Что-то тред дохуя популярен. Откуда такой наплыв?
А, все, спасибо
Слайдер с кругами какой-то унизительно медленный.
В сезон отпусков у бездельников случается подрыв от осознания собственной беспомощности. Сезон стимулов!
Галерея выглядит отвратно из за белых оступов. Понятное дело, что решения с помощью css нету. Но все-таки можно это исправить с помощью JS.
А разве он уже начался?
Слушай, давай я тебе помогу, расскажу как сделать слайдер крутой и.. wait a second
>с парнем
Да пошла ты нахуй селедка ебаная!
Максимальное время транзишнов 400мс, у тебя слайдер дцпшник.
могу объяснить только тем, что с большей скоростью не успеешь прочитать самую длинную надпись под картинкой
Ну многие на май берут чтоб вместе с первомаем и девятомаем был охуенный месяц. Куча знакомых разлетелось кто на кипр кто в испанию. Фоточки-зависть-кладбище-пидор.
Не таймер на переходы, а время самих переходов.
А, еще фон хедера так сильно не жми, артефакты слишком бросаются в глаза.
говно
У нас шапка пизже.
вылечила слегка ДЦП
Поясните за jade, надо вкратце ознакомляться или нет, а то что-то в треде стали часто упоминать его.
В любой сфере "ознакамливаться" нужно с фундаментальными принципами, а не инструментом который позволяет быстрее верстать опытным спецам и осваивается за день максимум.
текст телеги должен состоять ровно из одного предложения - "идите нахуй, верстал уже и так как собак нерезанных".
на самом деле, это сайты, которые делает какой-то школьник-хохол за еду. Вчера ради интереса зашёл посмотреть группы верстальщиков в вк на предмет работы, там и обнаружил этого кадра. Такую йобу он готов сделать за 50 долларов, и это ещё с адаптивом.
Кстати, вчера удалось здорово его потроллить, предложив работу с бюджетом в 40к только на офин фронт-енд, лол с тех. заданием, в котором сверстать нужно было, обязательно используя препроцессор less, бэм-нейминг и в котором было запрещено использование жквери. Пояснял ему, что он говнокодер, что я, как бэк-енд разработчик лол, буду ругаться на его говно матом и желать ему смерти, что если он не перестанет говнокодить, то всю жизнь будет работать за еду. Спросил, чем флексы лучше флоатов, чем флоаты лучше флексов, зачем нужны спрайты, как отцентровать блочный строчной элемент по вертикали он, кстати, честно сказал, что не знает и не пошёл гуглить. В итоге ссылки на три интенсива показал. Такие дела.
Добра тебе.
Сука пиздец, разрушили страну и теперь за еду работают сук.
Котаны, расскажите кулсторей про собеседования и как нашли работу.
Хожу, обиваю пороги, наблюдаю какой-то пиздец. Либо откровенное днище, которые вроде могут тебя взять, но то высылают не то тестовое, то тупят по несколько дней, то не отвечают. То готовы сразу тебя взять, после пяти минут устных переговоров.
Разумеется, у днище-компаний процветает полный пиздец - ни систем контроля версий, ни препроцессоров, нихуя, в общем.
Либо есть модные конторы, с печеньками и игровыми-массажными-залупными комнатами, у которых нормальный набор технологий, но таких великовозрастных долбоебов без опыта как я, не рассматривают.
А работа нужна, ибо на жрат уже денег нет. Идти в говно-контору и набивать там опыт, стараясь свалить при первом удобном случае, или еще попытать счастья?
Пикрил - верстка одного из сайтов, который сделала одна из контор, куда я ходил.
Хожу, обиваю пороги, наблюдаю какой-то пиздец. Либо откровенное днище, которые вроде могут тебя взять, но то высылают не то тестовое, то тупят по несколько дней, то не отвечают. То готовы сразу тебя взять, после пяти минут устных переговоров.
Разумеется, у днище-компаний процветает полный пиздец - ни систем контроля версий, ни препроцессоров, нихуя, в общем.
Либо есть модные конторы, с печеньками и игровыми-массажными-залупными комнатами, у которых нормальный набор технологий, но таких великовозрастных долбоебов без опыта как я, не рассматривают.
А работа нужна, ибо на жрат уже денег нет. Идти в говно-контору и набивать там опыт, стараясь свалить при первом удобном случае, или еще попытать счастья?
Пикрил - верстка одного из сайтов, который сделала одна из контор, куда я ходил.
доску перепутал?
Какой лвл то? Может ты себя накручиваешь по поводу возраста.
То чувство, когда в других языках это всё называется библиотекой.
> Пикрил
Смотря как задан width. Если в % то будет уменьшаться. Если в px, то вылезет за пределы колонки.
я так понимаю это из того же разряда
Выложил резюме на hh, сразу начался жесткий поток звонков и писем. Сходил на десяток собеседований, рассказал про свои проекты, поотвечал на охуительные вопросы типа «что такое замыкание?». Получил 4 офера. Подумал денек, откликнулся на один из них, вышел на работу. Все заняло три недели.
что было в резюме?
27
Да, наверное, накручиваю, причина скорее в том, что я потратил очень много времени на разбор всего этого барахла, нужно быстрей искать работу, а вокруг какое-то дикое говно. Подкатывает уже депрессивное состояние. Не рассчитал я со временем, да.
Отсутсвие вышки, конские запросы, восемь лет разного опыта (полгода программистом), хорошо написанный текст, фото типичного задрота.
Хм, я тоже могу поотвечать на такие охуительные вопросы. Только никто не звонит.
Ну не траль плис.
В чем траллинг? Я могу себя подать и грамотно расписать в резюме чем я крут. Плюс пет-проекты, знакомство с актуальным стеком и дохуя опыта в IT. Фроненд не рокет саенс, его не надо учить пять лет чтобы выйти на нормальный уровень.
Функция сохраняет переданные в нее переменные при ее вызове.
Там довольно муторное определение, если без гугла, то я бы как-то так ответил.
Ну это шутка такая же. Расскажи в кратце про пет-проекты. Плюс у тебя, оказывается дохуя опыта в IT, а это же решающий фактор.
Сохранить данные в этой функции, тот же счетчик по вызовам этой функции.
Там ничего супер-эпичного, SPA, примерно на 1500 loc, даже без сервера. Что-то вроде небольшой игры.
Опыт у меня был совершенно непрограммистский.
>Сохранить данные в этой функции, тот же счетчик по вызовам этой функции.
Ага, а зачем? В каких частых ситуация в JS-разработке без замыканий было бы сложно? Почему нельзя тупо передавать все в аргументах?
Ты подумай, а я спать пошел. Завтра проверю!
Я тоже спать пойду, завтра подумаю. Я бы сказал, что ради ограничения области видимости, чтобы не перетереть переменные ненароком.
Котаны, поясните, в рамках БЭМа для текущей страницы в главном меню можно использовать просто дополнительный класс active, или нужно изъёбываться и к классу .top-menu__top-nav__item добавлять ещё модификатор .top-menu__top-nav__item--active вторым классом?
> top-menu__top-nav__item
разве может быть два элемента у блока?
сам не знаю, но мне это показалось логичным.
кури документацию. Если у тебя __top-nav это навигация, то это уже отдельный блок внутри top-menu, а не элемент. Лучше так:
<top-menu__top-nav>
<top-nav__item></>
</>
Понял, спасибо.
Аноны, как думаете, почему добавление псевдоэлемента after урезает ширину контента, задаваемую автоматически? С псевдоэлементов before почему-то такой проблемы не возникает.
Аноны, что прошли Кантора, это нормально, что я не решаю половину его задач. После каждой главы руки все сильнее опускаются, чувствую себя тупым пиздец. Вроде все решения разбираю, и когда возвращаюсь через пару дней, то могу сам решить. Но все равно напрягает, что я ни хуя не могу сам осилить.
Аноны, посоветуйте какую-нибудь линейку для винды, чтоб можно было по хоткеям измерять расстояния в браузере.
Книжки O'reilly кстати помогают - которые "веселенькие", с картинками на манер фильмов 60-х годов и т.д.. Ну там правда многие момент опускаются, но в целом для нуба самое то.
Нормально. У меня так же было.
Анон, как думаешь, может вообще не стоит делать вложение блоков друг в друга на уровне селекторов?
Не понял. Ты не хочешь один блок в другой вкладывать? Почему?
Не, в бэм-нейминге я думаю просто не делать селекторов уровня block__block, а если нужно будет кастомизировать именно вложенный блок, буду либо применять модификатор, либо вложенность в селекторах.
Читаю ваш тред и хуею. В наше время совсем не осталось способов делать легковесный accessible веб без зондов-мокрописек которые заставляют тормозить браузер и жрать оперативу гуглоподелие? Или этим занимается бэкенд?
Котаны, я так понимаю, адаптивные сайты верстают все на бутстрапе, а не вручную через медиа-выражения?
Господа, поставил карусели бустраповской позицию абсолют, а следующий элемент, который после нее идет, имеет позицию релатив. Если след. элементу ставлю позицию тоже абсолют, то ушки у карусели работают, а если релатив, то не работают. В чем проблема?
Ну, я, например, да. Можешь только сетки из него вытащить. http://getbootstrap.com/customize/
Верстаны, какую ширину надо задавать боди, чтобы на разных мониторах верстка смотрелась вменяемо? По ширине макета max-width? Или ничего не задавать?
Котаны, как работает этот треугольник, что-то я вообще не понимаю https://codepen.io/rqrqrqrq/pen/NrWXbQ
?
?
1000 пикселей. Если хочешь, чтобы вёртску не пидорасило, когда пользователь уменьшает экран, используй min-width.
Верстаны, почему могут не работать спрайты при hover'e? Сталкивался ли кто-нибудь с подобной проблемой?
Алсо, перепишите мне его на sass позязя, а то в less вообще не секу.
Утро в тредик, ребзя. А нашим дальневосточным анонам хорошего рабочего дня. Верстальщик-четвёртый-день-кун проснулечки, лапками потягулечки, глазки сонненькие.
Такой пиздец под утро приснился. Снилось, что я вижу ту WEBM-ку из русского сериала, которая С ПЮРЕШКОЙ, С ПЮРЕ-ЕШКОЙ! Только она задрапирована красным цветом, а на лица мужиков наложены эффекты и они замогильным голосом разговаривают:
— Да ты поторопись, у нас сейчас обряд! Жертвоприношение!
— С грешниками?
— С блудницами, с блудни-ицами!
И я в охуевании просыпаюсь.
Тут один анон просил рассказать, как я устроился. Няш, прости, вчера на радостях, что получил бабло от заказчика, даже за комп не садился. Штуку потратил на еду, забил крупами и овощами всю кухню, купил мяска, фруктов, в общем, заебок теперь с едой. Закинул на интернет, на телефон, отдал долги какие смог. Короче, почувствовал себя человеком, в кои-то веки.
Так вот, история про устройство. Я просто мониторил HH как-то и увидел вакансию "HTML-верстальщик". Требования там были небольшие, зарплата от 25К, ну и я и отправил им резюме, накатав к нему сопроводительное письмо, а-ля "Заинтересовала ваша вакансия, бла-бла-бла... что я фрилансер, который, в данный момент, ищет стабильную работу в веб-студии".
Потом мы списывались уже по почте, они прислали мне тестовое задание на вёрстку главной страницы интернет-магазина (сделал ~ за 7-8 часов и то не до конца), кстати, я думал, что это очередные кидалы и мною сделанная страничка пойдёт в продакшн, но как оказалось нет (за что этим ребятам жирный плюс), она уже у них была свёрстана и они сравнивали мою вёрстку и их спеца. Моя им очень понравилась, их не смутило, даже то, что я не доделал до конца, короче, пригласили меня в офис.
Далее, что самое приятное, офис оказался относительно рядом с местом, где я живу, буквально 7-8 трамвайных остановок (т.е по умолчанию никаких пробок). Ну, я скатался, оказалось, что это типичная провинциальная веб-студия, работает 6-7 человек в офисе и пара на удалёнке, плюс директор. Набор стандартный: дизайнер, верстальщик, программист, сеошник, проект-менеджер.
Беседовали мы недолго, минут 20 где-то. Спросили обо мне, моих скиллах, образовании. Но последнее уже так, на уровне "за жизнь". Спросили, сколько я в теме веба. И сказали выходить в понедельник.
Ну я и вышел. Лол.
Всё, посоны, опаздываю уже, голову даже не успеваю помыть, с этим вашем тредом, лол, остальное допишу потом, уже на работе.
Такой пиздец под утро приснился. Снилось, что я вижу ту WEBM-ку из русского сериала, которая С ПЮРЕШКОЙ, С ПЮРЕ-ЕШКОЙ! Только она задрапирована красным цветом, а на лица мужиков наложены эффекты и они замогильным голосом разговаривают:
— Да ты поторопись, у нас сейчас обряд! Жертвоприношение!
— С грешниками?
— С блудницами, с блудни-ицами!
И я в охуевании просыпаюсь.
Тут один анон просил рассказать, как я устроился. Няш, прости, вчера на радостях, что получил бабло от заказчика, даже за комп не садился. Штуку потратил на еду, забил крупами и овощами всю кухню, купил мяска, фруктов, в общем, заебок теперь с едой. Закинул на интернет, на телефон, отдал долги какие смог. Короче, почувствовал себя человеком, в кои-то веки.
Так вот, история про устройство. Я просто мониторил HH как-то и увидел вакансию "HTML-верстальщик". Требования там были небольшие, зарплата от 25К, ну и я и отправил им резюме, накатав к нему сопроводительное письмо, а-ля "Заинтересовала ваша вакансия, бла-бла-бла... что я фрилансер, который, в данный момент, ищет стабильную работу в веб-студии".
Потом мы списывались уже по почте, они прислали мне тестовое задание на вёрстку главной страницы интернет-магазина (сделал ~ за 7-8 часов и то не до конца), кстати, я думал, что это очередные кидалы и мною сделанная страничка пойдёт в продакшн, но как оказалось нет (за что этим ребятам жирный плюс), она уже у них была свёрстана и они сравнивали мою вёрстку и их спеца. Моя им очень понравилась, их не смутило, даже то, что я не доделал до конца, короче, пригласили меня в офис.
Далее, что самое приятное, офис оказался относительно рядом с местом, где я живу, буквально 7-8 трамвайных остановок (т.е по умолчанию никаких пробок). Ну, я скатался, оказалось, что это типичная провинциальная веб-студия, работает 6-7 человек в офисе и пара на удалёнке, плюс директор. Набор стандартный: дизайнер, верстальщик, программист, сеошник, проект-менеджер.
Беседовали мы недолго, минут 20 где-то. Спросили обо мне, моих скиллах, образовании. Но последнее уже так, на уровне "за жизнь". Спросили, сколько я в теме веба. И сказали выходить в понедельник.
Ну я и вышел. Лол.
Всё, посоны, опаздываю уже, голову даже не успеваю помыть, с этим вашем тредом, лол, остальное допишу потом, уже на работе.
Спасибо няш, это я тебя тут сижу жду, думал что уже не напишешь.
Запиливай дальше, как приедешь, еще сколько тебе лвл и прочее, с какими скиллами вкатывался, есть ли вышка и т.п.
Ух, сверстал наконец-таки главную barbershop'a на флексах и по бэму. Рейтаните
http://frollodecol.github.io/barbershop/index.html
http://frollodecol.github.io/barbershop/index.html
сколько времени ушло?
1. У тебя не может быть класса .top-menu__top-nav__item, потому что элементов элементов не бывает.
2. В это случае нужно использовать модификатор, они для этого и придуманы. У элемента должен быть класс .top-menu__top-nav-item .top-menu__top-nav-item_active.
3. В общем случае добавлять другой класс можно, это называется миксы.
Читайте, блять, доки!
ты на фон две картинки положил, которые смело можно было в одну обьединить
ТАК ВЕРСТАЮТ
ТОЛЬКО МУДАКИ
И за это кому-то платят зарплату? Серьезно?
С чего капчуешь?
посмотрел со всех браузеров, даже с ослика, даже с тора - всё нормально.
пофиксил
Лиса 110% масштаб
подумал, что место дороже будет. Две объединённые картинки даже в жпеге больше весят.
Проблема на 110%, отформатируй столбцы эти чуть пошире
защеку тебе пояснил "котан")))
Нашёл, правда, у меня на 110% всё тоже работает норм, на 90% и 80% первый и третий блок чутка поднимаются. Думаю, это некритичная издержка флексов и с ней можно жить.
Просто если я отформатирую чуть пошире, возможно опять что-то произойдёт, уже на другом масштабе.
Одно решение охуительней другого. Проблема не флексов, а лишнего align-items: center.
Верстка не должна быть завязана на определенный контент.
спасибо, анон. Там надо использовать align-items: top
А как кастомную отметку сделать на карте в Нердс? И зависит ли это от того, чью карту брать, гугла или яндекса?
Или метка сверху ставится абсолютным позиционированием? Но ведь эта большая метка должна двигаться вместе с картой при ее перетаскивании мышкой?
кум, которому пару тредов назад должны были прислать тестовое задание из маркетологической конторы, репортинг.
в общем, прислали мне эти маркетологи ЛЕНДОСИЩЕ НАХУЙ, пнгшка для пиксель-перфекта например вышла в 16000 пикселей высотой. я заебался уже тогда, когда прокручивал его в фотошопе (открылся он кстати только со второго раза). алсо куча всякой шняги на жс, счетчик обратного отсчета, калькулятор параметров товара, слайдер, картинки товаров на попапе по клику. еще в калькуляторе кастомизированная форма, селекты и чекбоксы, которые без всяких хитроблядых хаков не застилизуешь.
делал в адовой спешке, ноут сука дико лагал от такого ахуевшего файла в фш, страницу браузера перезагружал по 10 минут, нервы себе попортил изрядно. осознал, что когда речь идет о больших объемах в заданные сроки, верстаю я как говно. с бэмом обосрался по полной, потому что даже нихуя не прикинул, как все буду херачить на блоки и т. д, сразу полез пейсать. по тем же причинам вместо картинок нахуячил сраных дивов с фонами, и проч. в общем, уже на практике понял, что даже если макет сдавать через час, все равно надо отвести время на какое-то предварительное планирование, а не сразу лезть в залупу.
насчет адаптивности сразу понял, что даже если и осилю, времени уйдет просто дохуища, поэтому от этой затеи отказался.
разумеется, задумался о возможном кидалове, но обнаружив в сети уже сверстанный вариант этого лендоса, немного успокоился. решил что хер с ним, если что закину в портфолио, да и опыт какой-никакой. кстати из этого сверстанного варианта ничего не брал, ибо палево.
сроков мне не ставили, но я решил, что отправлю то, что успею за неделю. за неделю я его сверстал и наговнокодил на жуквери слайдер, счетчик и калькулятор, плюс немного надо было для стилизации формы. закинул на гитхаб, в среду отправил им ссылку. сегодня перезвонил, мол, я вам там отправил, там, если че, не попало ли в спам. нет, говорит, пришло. в целом тип неплохо, но есть проебы по макету, отступы-шрифты (а я-то хоть и юзаю пиксельперфект, но за каждой сраной строчкой не гоняюсь до 100% соответствия, ибо затея это тухлая). ну щас говорит, программист посмотрит, там, качество кода, хуе-мое. от слов качество кода я приуныл, но думаю, надежда все-таки есть.
такие дела.
в общем, прислали мне эти маркетологи ЛЕНДОСИЩЕ НАХУЙ, пнгшка для пиксель-перфекта например вышла в 16000 пикселей высотой. я заебался уже тогда, когда прокручивал его в фотошопе (открылся он кстати только со второго раза). алсо куча всякой шняги на жс, счетчик обратного отсчета, калькулятор параметров товара, слайдер, картинки товаров на попапе по клику. еще в калькуляторе кастомизированная форма, селекты и чекбоксы, которые без всяких хитроблядых хаков не застилизуешь.
делал в адовой спешке, ноут сука дико лагал от такого ахуевшего файла в фш, страницу браузера перезагружал по 10 минут, нервы себе попортил изрядно. осознал, что когда речь идет о больших объемах в заданные сроки, верстаю я как говно. с бэмом обосрался по полной, потому что даже нихуя не прикинул, как все буду херачить на блоки и т. д, сразу полез пейсать. по тем же причинам вместо картинок нахуячил сраных дивов с фонами, и проч. в общем, уже на практике понял, что даже если макет сдавать через час, все равно надо отвести время на какое-то предварительное планирование, а не сразу лезть в залупу.
насчет адаптивности сразу понял, что даже если и осилю, времени уйдет просто дохуища, поэтому от этой затеи отказался.
разумеется, задумался о возможном кидалове, но обнаружив в сети уже сверстанный вариант этого лендоса, немного успокоился. решил что хер с ним, если что закину в портфолио, да и опыт какой-никакой. кстати из этого сверстанного варианта ничего не брал, ибо палево.
сроков мне не ставили, но я решил, что отправлю то, что успею за неделю. за неделю я его сверстал и наговнокодил на жуквери слайдер, счетчик и калькулятор, плюс немного надо было для стилизации формы. закинул на гитхаб, в среду отправил им ссылку. сегодня перезвонил, мол, я вам там отправил, там, если че, не попало ли в спам. нет, говорит, пришло. в целом тип неплохо, но есть проебы по макету, отступы-шрифты (а я-то хоть и юзаю пиксельперфект, но за каждой сраной строчкой не гоняюсь до 100% соответствия, ибо затея это тухлая). ну щас говорит, программист посмотрит, там, качество кода, хуе-мое. от слов качество кода я приуныл, но думаю, надежда все-таки есть.
такие дела.
Ребят , адаптивно почти не пробовал верстать, совсем чуть чуть. Хотят взять в хорошую контору, но там будет адаптив по любому. Идти или без хороших навыков адаптива не справлюсь?
Если опыта именно работы в конторе нет - начни с чего-нибудь. Конечно крутым ребятам не нужен чувак без опыта работы, которого только учить придется хуй знает сколько времени. А так будет рабочий опыт, портфолио по-толще и знание как делать не надо.
Ты дурак?
спс
А мне на неделю дали задание заверстать интернет-магазин. Тестовое оплачиваемое, конечно. Адаптив, страниц штук 10. Тоже понял что оьосрался со сроками, 1 день настраивал галп, разбирался с bootstrap-sass и его структурой, чутка начал верстать хедер. Второй день - заверстал футер, долго ебался с навбаром, т.к. тот никак не хотел работать, собирал картинки для ебаного спрайта. Сейчас уже третий день, а готов по сути только футер, и половина хедера. Обещал им сегодня прислать главную страницу готовую. Чувствую, обосрусь.
Не за что. Берут - иди. Работодатели осознают риски взять новичка гораздо лучше тебя. Для них это бабки, а тебе все равно опыт в копилку.
Это понятно. Просто переезд в другой город, и если обосрусь, то потеряю работу, на которой нахожусь сейчас.
Хм, последние ~3 треда много стало историй о собеседованиях и даже о работе, хотя до переименования во фронтенд-тред тут все верстали нердс и барбершоп, а работа была чем-то уровня слухов.
Аноны прогрессируют и это очень радует, жаль что я полгода назад забил и придется начинать почти с нуля, понимаешь всю катастрофу проебанного времени.
Аноны прогрессируют и это очень радует, жаль что я полгода назад забил и придется начинать почти с нуля, понимаешь всю катастрофу проебанного времени.
Да ну нахуй, это же хуево. Итак работы нет, еще и все лезут сюда, как тараканы.
Я вот вообще не понимаю как в такой конкуренции жить. Это же вечно будешь бояться за свою жопу, каждый день придется учить новые фреймворки, а к 30 годам станешь никому не нужным куском говна и тебя заменят на 18-летнего джунеора с двумя высшими образованиями, который верстает лет с 5.
Зато Альцгеймера не заработаешь.
Почти доверстал таблицу пинка, понимаю, что без кода со скриншотом иду нахуй, но не могли бы вы хотя бы примерно подсказать, как сделать так, чтобы на разрешении до 700px (планшетного), столбцы тянулись на всю ширину страницы?
Пытался задать td {width:100vh} и в процентах, но получяется какая-то лажа полнейшая.
Пытался задать td {width:100vh} и в процентах, но получяется какая-то лажа полнейшая.
Работы в IT просто дохуя. Реально, хоть жопой жуй. При этом уровень программистов, особенно фронтов, довольно низок.
Жрать-то что будем?
То есть если углубляться в хардкорный ЖС и интерфейсы, а не верстать лендинги на жкувери, то можно заработать на хлебушек с маслицем?
>width:100vh
vh это же высота.
Точно, спасибо, анон!
Аноны, потратил на вёрстку главной барбершопа, статичную, целых 10 часов с небольшими перерывами. Я потерян?
>Я вот вообще не понимаю как в такой конкуренции жить.
Какой конкуренции то блять? Ты с ней где-то сталкивался? Локтями с кем-то за вакансию толкался? Тебя уволили из офиса со словами "да вас фронтендеров на одну вакансию по сто штук, найдем другого"?
Потому что если нет, то ты просто ноешь без причины.
Читаю доуи по бэму, там они учат отделять модификатор от элемента одинарным подчёркиванием, на курсах академии учили отделать модификатор двойным тире. Как думаете, кого слушать?
Ною потому что на мой миллионник 1 вакансия верстальщика, и та от 1года опыта работы. Остальные фронт-енде вакансии с охуительными для нуба требованиями и, опять же, с опытом работы.
В общем сделал я ее тянущейся, но!
Как теперь сделать, чтобы ЖС отсчитывал ее offsetWidth в момент клика по навигации и соответсвенно правильно промерял координаты.
А то у меня вроде примерно хорошо прокручивает, но только дернешь разрешение, то он все еще по старой прокручивает и получается немного неточно.
Если кто-то что-то понял, подскажите, как быть, а то я думаю забить уже.
Так что тебе мешает получить этот опыт работы?
И должность верстальщика, который круглыми сутками занимается переводом из psd в html тебе самому не нужна.
А сколько там зп обещают?
Парни, как задать цвет от изначального цвета? Поясняю:
есть две одинаковые кнопки, но с разным цветом рамок. Хочу чтобы при наведении они чуть меняли цвет своих рамок, но не хочу прописывать отдельные классы для этого. Вроде бы через гба как - то можно было
есть две одинаковые кнопки, но с разным цветом рамок. Хочу чтобы при наведении они чуть меняли цвет своих рамок, но не хочу прописывать отдельные классы для этого. Вроде бы через гба как - то можно было
Flexbox в 2016-м — нормально? Заказчик не шарит, просит принять решение самому. Посмотрел поддержку на caniuse: с десктопными браузерами все ок, а мобильные — хуй знает. У меня самого допотопный телефон, не понимаю, нормальные люди обновляют свои смартфоны так же как обычные пекарни?
http://caniuse.com/#search=flexbox
http://caniuse.com/#search=flexbox
либо препроцессоры, либо opacity.
не совсем понял тебя
>Так что тебе мешает получить этот опыт работы?
1. Без опыта меня не возьмут на работу.
2. Чтобы получить работу, нужен опыт.
3. Go to п.1.
Но ты можешь получить опыт, не работая в конторе. Можешь освоить интенсивы, можешь фрилансить. Можешь хоть свой проект пилить и самостоятельном онетизировать. Всё в твоих руках.
Да ладно, я знаю что ною как уебок, просто давеча турнули с вышки 4 курс, были надежды что она компенсирует недостаток опыта.
не компенсирует
Ну и хуй с ней тогда, наверное даже восстанавливаться не буду. Все равно специальность не нравилась.
мля, я такую хуйню наверстал, зак наверняка пошлет с оплатой. ну а че он думает можно красиво сверстать целых 7 страниц всего за три дня еба. у меня уже киста в жопе образовалось от круглосуточного верстания за монитором.
Верстач, что за хуйня? Почему оно настолько по-разному отображается?
Чего их учить, за день разбираются и за неделю обкатываются. По сравнению с необходимым базовым стеком это так, ерунда.
Пиздец, какой-то три дня из кожи вон лезу и верстаю, зак пишет, что у них штатный верстала этим занялся уже. Я больше без предоплаты нихуя не возьму на этом фл.ру.
два чая этому, фреймворки учат не потому что это модно, а потому что надоедает писать одно и то же и понимаешь, что с помощью фреймворка сделаешь всё гораздо быстрее.
А мне дали предоплату, но я все равно по срокам обосрусь. Придется, чувству, все вернуть.
Ну ебать, спасибо. Столько-то ебался с этими треугольниками, а оказывается все так просто.
На самом деле, я хотел еще в прошлом треде ответить на твой вопрос: "как сделать такой кривой блок".
Но потом какой-то анон кинул решение с градиентом. Я посмотрел его, проиграл и мне стало лень отвечать.
Нормально, у меня даже на нокле 920 с мобильной шиндой нормально открываются криво сверстанные на флексах макеты.
Какая работа еще маня? Весь мой успех: верстка рассылки за 500 рублей, хоть про-аккаунт окупился. А сейчас меня зак без предоплаты вообще кинул, мразь, когда я уже пол-сайта сделал.
Я щас тебе в жопу котана засуну, школомразь ебливаия, если еще раз "котаны" напишешь, сучка.
Ну ты чего, котан-коняра?
Мсье, приложите пакетик льда к вашему le perdaque
Я про обещанную зарплату, если возьмут. Просто интересно, на какой уровень ты сейчас претендуешь.
Лол, котан, я всегда почему-то в версткач-треде, обращаюсь к анонам "котаны". Чет вообще проиграл с тебя.
я промахнулся, анон, не тебе ответил.
Кстати, по поводу js хотелось бы вставить три копейки. Те, кто сильно зависит от мотивации - ни в коем случае не учите learn.javascript.ru в самую первую очередь. Вместо того, чтобы оживлять страницы, вы будете херачить относительно сложные скрипты, и при это примерно пару месяцев, пока не дойдёте до второго раздела, так и не будете понимать, зачем, собственно, это всё нужно. Лучше начните с того же интенсива от академии, или ещё чего подобного, и только потом переходите к Кантору.
Я первую часть учебника вообще не очень понял, особенно что там ближе к концу идет, т.е. всякие тонкости языка и т.п.
А потом из-за этого у меня возникали часто трудности со второй частью, хотя в работе с ДОМ почти ничего сложного и нет.
Хочу вот второй раз прочитать этот учебник, уже на понимающую более-менее голову.
Котаны, прописал в gitignore все папки, которые мне не нужны, а он все равно все подряд заливает ("git add ." пишу).
В чем может быть причина?
В чем может быть причина?
Посоны, может кто-то ответить почему медиавыражения не применяются при смене ориентации девайса? И что делать чтобы они применились.
Заказчик требует.
Использую запись типа
@media ( max-width:470px )
При перезагрузке все заебись, а когда меняется ориентация девайса - не срабатывает.
Заказчик требует.
Использую запись типа
@media ( max-width:470px )
При перезагрузке все заебись, а когда меняется ориентация девайса - не срабатывает.
@media screen and (orientation: landscape), screen and (min-width: 480px) { ... }
только свои параметры подставь
Привет, верстаны. Посмотрите, пожалуйста, на мою верстку. Она фиксированная и несложная, но у меня все равно есть ощущение, что я наговнокодил. Интересует вот что:
1) Код? Более менее адекватный? Или можно плакать?
2) Как выглядит сайт на вашем разрешении? У меня на 1366 все хорошо.
3) И, наверное, самый важный вопрос. При обычном масштабе основное содержание примерно равно горизонтальному главному меню, но если чуть приблизить, на 110%, то основное содержание становится меньше. Я думаю, что это из-за центровщика, но не понимаю каким образом так получается и как это исправить.
4) Ну и вообще хотелось бы побольше обоснованной критики и замечаний.
http://escapiuw.bget.ru/
1) Код? Более менее адекватный? Или можно плакать?
2) Как выглядит сайт на вашем разрешении? У меня на 1366 все хорошо.
3) И, наверное, самый важный вопрос. При обычном масштабе основное содержание примерно равно горизонтальному главному меню, но если чуть приблизить, на 110%, то основное содержание становится меньше. Я думаю, что это из-за центровщика, но не понимаю каким образом так получается и как это исправить.
4) Ну и вообще хотелось бы побольше обоснованной критики и замечаний.
http://escapiuw.bget.ru/
можно ж короче это записать
@media (min-width: 480px) and (orientation: landscape) { ... }
Все меня заебало. Отослал рассылку через gmail, нормально все там у тега img src стоит и картинки на сервере. Присылают грят, у них *сервер емейл). картинки которые через img прописаны не грузятся. да ебаны в рот почему у меня все грузится? Попытался бэкраундом к колонкам таблиц поставить, вообще все поехало. ну нахуй эту верстку за 500 рублей сраных, два текста бы уже написал и меньше парился.
Ширина экрана x1287 горизонтальная прокрутка.
Код тоже хреновый. Куча заданных ненужных размеров.
Алсо пикрелейтед.
Подробнее расписывать - нету времени.
Почему раньше в корневой папочке node_modules были записаны только мои плагины, а теперь там сразу же после установки лежит куча говна?
Бля, ну серьезно, он опять сука пушит 400 мегабайт. Я уже и через rm почистил, все равно он сука не игнорирует то что прописано.
Это же ебать как неудобно теперь
Дальше не смотрел. Никогда не задавай размеры боди.
А ты быстр.
Вангую кривые пути.
> а ты быстр
Так я уже давно её к себе забрал, просто только сегодня воспользовался. Как по мне - годнота.
Так вот, хотелось бы поделиться с менее осведомлённым аноном, не всё же мне только вопросы задавать.
Ну просто эту шпаргалку уже раз 5 в тредик вкидывали. Хотя ты прав, лучше больше, чем меньше, хорошая штука.
Куча заданных ненужных размеров? Например?
На пике у тебя масштаб 100%? Потому что у меня такое только на 33%. Блять, я так заебался постоянно косяки подобные править.
Я уже вообще не понимаю, где и что нужно. Першин в интенсиве же говорил, что нужно. И без фиксированного размера у меня шапка улетает в сторону при изменении масштаба. Просто пиздец. Я запутался.
Ты актив кнопкам не прописал.
Почему никто не любит пилотов, юзающих дронов?
Упс мисанул тредом.
Ну хотя бы так. http://codepen.io/anon/pen/ZOGLEo
В WP треде спрашивать бесполезно, там никого нет. Спрошу тут.
Как, КАК редактировать адреса ссылок в WordPress? Я не понимаю их логики. Допустим, есть сайт www.site.com. У него есть страницы, которые нужно чтобы в ссылках назывались 0, 1, 2, 3 и так далее. Но чтобы перед номером страницы всегда стояло /articles/. Т.е. финальный вариант ссылок на страницы должен именть вид www.site.com/articles/0, www.site.com/articles/1, www.site.com/articles/2 и тому подобное. Как это сделать?
Как, КАК редактировать адреса ссылок в WordPress? Я не понимаю их логики. Допустим, есть сайт www.site.com. У него есть страницы, которые нужно чтобы в ссылках назывались 0, 1, 2, 3 и так далее. Но чтобы перед номером страницы всегда стояло /articles/. Т.е. финальный вариант ссылок на страницы должен именть вид www.site.com/articles/0, www.site.com/articles/1, www.site.com/articles/2 и тому подобное. Как это сделать?
Ну не в ворд прессе это папки. Папка артиклес, а в ней файлики. Мб в вордпрессе тоже есть папочки для страниц или группы?
В том - то и дело, что мой хедер не в центровщике
Пересмотри интенсив, ты все сделал неправильно.
Можешь вообще каждому элементу прописывтаь width 1300; margin 0 auto; если хочешь.
Почему неправильно? Есть хедер и основное содержание. Хедер должен растягиваться, основное содержание должно центроваться. Я не выебываюсь, просто мне нужно понять
Как отправил сообщение, так дошло. Задаем контейнер внутри мэйна, а не самому мэйну, и тогда все будет заебись, я прав?
Зачем тебе в этой верстке тянущийся хедер вообще? Задавай ему размер и центровку, или запихивай все в общий враппер, где будет центровка с размером.
А так да - пишешь что-то типа
<header><div class="header-content"></div></header>, хедеру задаешь фон, например (если хочешь, чтобы он на весь экран был), контенту размеры и маргин 0 авто, профит.
Ты прописал размеры в боди и у тебя все разваливается к херам, контент съезжает влево на большом мониторе и вообще все грустняво.
Это же все на барбершопе разбирается, ты его не верстал, что-ли?
Блин, какой-то я косноязычный, лол, сам себя читаю и охуеваю.
Вот, например, простенький макет верстал когда-то, фон на всю ширину, контент центрируется http://acilsd.github.io/olivia/
Там правда флексы-хуексы, но суть не меняется.
Да вообще, глядя на его сайт, хочется взять, удалить и заного написать, чем разбирать его ошибки.
Я когда-то так и сделал со своей седоной, так что это не самый худший вариант.
Да градиентом норм, ему же советов али еще проще, через псевдоэлементы.
Аноны, немного флейма, но надеюсь не погоните.
Уволился с работы прошлой, есть 1-2 месяца, чтоб выучить верстку, js (да, я охуел, лол), чтобы устроится на 35к в ДС.
Не буду спрашивать, реально ли это, т.к. надеюсь на лучшее. Так вот, к сути. Учил кто-либо из ва успешно по 8-12 часов в день? ПОнимаю ,что все субъективно, но просто интересно.
Есть еще всякие ноотропы, но планирую ограничиться 3-4 кружками кофе.
Двачую анона в начале, что адекватный тред.
Уволился с работы прошлой, есть 1-2 месяца, чтоб выучить верстку, js (да, я охуел, лол), чтобы устроится на 35к в ДС.
Не буду спрашивать, реально ли это, т.к. надеюсь на лучшее. Так вот, к сути. Учил кто-либо из ва успешно по 8-12 часов в день? ПОнимаю ,что все субъективно, но просто интересно.
Есть еще всякие ноотропы, но планирую ограничиться 3-4 кружками кофе.
Двачую анона в начале, что адекватный тред.
Css-html за 2 месяца реально даже по 6 часов в день и без всяких ноотропов. А вот js уже нет.
За 2 месяца ты научишься делать шаблонные действия, уровня сверстать лендинг на бутстрапе и прилепить к нему jq-плагинов для красивостей, на 35к это не катит даже в ДС.
JS ты точно не освоишь за это время, а вот верстку на хорошем уровне (включая кастомные сетки, флексы, анимации, автоматизацию, кроссбраузерность и прочее) - сможешь.
js с версткой за это время не выучишь.
Не знаю. Я вообще с ним впервые работаю. И ничерта не получается. Пиздец, я уже ненавижу ВордПресс. Постоянные проблемы на пустом месте. В чем вообще такая грандиозная проблема дать пользоватлю возможность обозвать URL как ему захочется? Пиздец.
Я пока что полный нуб в терминологии, но первый пункт-это верстка + js?
Судя по второу пункту верстка будет еще ок, но для ДС-мало?
Спасибо, анон
Я все макеты верстал и походу во всех такие ошибки делал, хотя смотрел с разных устройств и везде они хорошо выглядели. Зачем хедер тянущийся? Ну, смотри на пик. Я решил, что это вполне себе нормальное решение.
Лучше бы указал на конкретные ошибки, чем просто так пиздел.
Зачем брал такой заказ, сразу же понятно, чем это обернеться
Устройся пока на другую работу. Хоть 2/2 грузчиком/официантом. Главное, чтобы на еду хватало. Всё свободное время уделяй вёрстке. Как почувствуешь уверенность, покидай резюме и портфолио по конторкам ДСа. Когда подпишешь с ними договор, тогда и увольняйся.
1-2 месяца по 12 часов в день это очень тяжело. Время будет идти, а денег прибавляться не будет. Это очень сильно давит.
Да и вообще, низкоквалифицированная и низкооплачиваемая работа гораздо сильнее мотивирует быстрее всё выучить и устроиться в тёплый офис за х2+ предыдущей зарплаты.
Спасибо.
Была мысль вернуться в одну контору сап, где я работал. Месяца 2-3 там посидеть, в тепле и все такое, заодно учить.
А можно найти учеников, лол. Еще раз спасибо.
Я и сам уже отказался от градиентов, они на маленьком dpi дают "лесенку" что-ли. Но я сделал через псевдо с бордерами.
Первый пункт это все сразу на убогом уровне, такое в принципе нигде не нужно, разве что на фл.ру лендинги за косарь верстать.
Второй пункт - верстка на хорошем уровне (2-3 месяца в зависимости от твоих способностей), дальше за месяц осилишь основы джса (самые-самые основы) и уже можно будет рассылать резюмешки (я примерно на таком уровне, разве что в js продвинулся чуть дальше, могу свои велосипеды писать).
Ну вот открыл я твой сайт на 24 дюймах и все уехало влево.
> вполне себе нормальное решение
Не вижу обоснованности, дизай сайта убог. Зеленая полосочка явно не тянется на всю ширину, фон всего контента - белый.
Крепись, это только начало. Я с этой хуйней имел дело два раза за последние полтора года. У меня до сих пор лежит на локальном серваке сайт, который пилил для себя, но так и не допилил. И я как только я думаю, что может попробовать еще разок, меня аж трясет.
Вы заебали, я понял, что моя верстка полное говно. Может кто нибудь ответить, что сделать, чтобы сайт более менее выглядел?
- ширину из боди убрал.
- убрал центровку мейна и добавил его контенту.
Зачастую правильное решение приходит после того, как другое - доказало свою неэффективность. Полезный опыт в любом случае.
Я уже схоронил десяток решений для нетривиальных дизайнерских прихотей , с которыми в будущем могу столкнутся. И решить их уже не займет много времени.
добавь на кликабельные элементы
cursor: pointer
Товарищи, вот это говно как верстать?
Была идея две колонки с текстом зафлоатить одну налево, вторую направо, а второй псевдоэлементами палки нахуярить. Есть лучше варианты? Потому что мне мой кажется каким-то неандертальским.
Была идея две колонки с текстом зафлоатить одну налево, вторую направо, а второй псевдоэлементами палки нахуярить. Есть лучше варианты? Потому что мне мой кажется каким-то неандертальским.
У тебя макет под какое разрешение? На 24 дюймах открыл правда на 1600 на 900 и по горизонтали полностью в экран не влезло.
SVG прямоугольники просто. В плане полосок.
Бля, а что если их засунуть в отдельный див, и каждой палке задавать процентный видтх? Как на колонке справа, где текстом написаны проценты?
в общем в неспешном темпе где-то неделя ушла, при этом пришлось резко разбираться с генератором, т.к. он изначально не планировался
боже какой пиздец.
С свг тоже так можно.
Хорошо, а тексты в колонки и зафлоатить?
Вероятно да.
Гибкая коробка
Я не понял, о чём ты. Только флоаты и инлайн-блоки знаю. Пока лезть дальше не хочу.
Ну хули ты хочешь.
Какого хуя ты верстаешь под x1366?
У меня, например, x1366, но панель задач не внизу, а сбоку, поэтому мой вьюпорт - 1280px. Из за этого у меня горизонтальная прокрутка.
А как быть людям к которых экран еще меньше? Ладно там хипстеры на макбуках должны страдать, НО БЛЯТЬ ТЫ ЧЕ СУКА НЕ УВАЖАЕШЬ ВЕТЕРАНОВ?
1366 х 1700
Снова реквестирую бесплатный плагин для фотошоп для получения css теней и градиентов одним кликом.
Какое то нестандартное...
Согласен.
Просто сделать фон задав элементу фон казалось, хмм, семантичнее что-ли, лишние сущности не плодятся.
Кто ж знал, что при отрисовке псевдо-элементов сглаживание работает, а на градиенте рубит по-пиксельно.
Ничего. Не обижайся, но это надо полностью переверстать.
Я ему тоже самое сказал, но он назвал меня пиздуном
Есть же. На ссылках и кнопках.
Ты пидор.
А как блять верстать, если макет по ширине 1366? Я же не буду искусственно блоки ужимать.
Мне не обидно, но я хочу узнать о своих ошибках, чтобы не допускать их. И ты какой - то категоричный совсем. По гуглу сайт набирает 85 баллов, валидатор ошибок не видит.
http://escapiuw.bget.ru/
Поправил. Так лучше?
Я же сказал, что понимаю, что верстка хуевая, но не понимаю почему именно. А вы говорите надо переделывать полностью, но, блять, почему? Что такого ужасного?
Котаны поясните пожалуйста, почему джиквери плагины подключаются записью типа
$(".some-plugin-class").initFunction();
Но я не могу то же самое сделать на нативном. То есть я не могу сделать так
var plugins = document.querySelectorAll(".some-plugin-class");
for( var i = 0; i < plugins.length; i++ ) {
plugins.initFunction();
}
и т.д.
$(".some-plugin-class").initFunction();
Но я не могу то же самое сделать на нативном. То есть я не могу сделать так
var plugins = document.querySelectorAll(".some-plugin-class");
for( var i = 0; i < plugins.length; i++ ) {
plugins.initFunction();
}
и т.д.
Нет, не лучше. Пикрелейтед.
Если ты подождешь пару часов, пока я тут не закончу ебаться с патентами по просьбе la Maman, то я тебе подробно распишу.
Как придумать дизайн портфолио?
может надо так:
plugins.initFunction();
мимо ньюфаг
блять
plugins.initFunction();
исправил
Остановись. Сядь. Закрой глаза. Представь, что ты американский хипстер из Силиконовой долины с зп около 10 к грина в месяц, пользуешься только продукцией Эпл, голосуешь за Хилари, и у тебя отбелен анус (не спрашивай).
Потом открой глаза и придумывай дизайн, памятуя об этом образе.
Буду очень благодарен тебе. Конечно подожду.
лол, почему квадратные скобки не отображаются.
я так понимаю, что у тебя индекс в квадратных скобках присутствует.
А если логотип в хедере сделан текстом, его каким тегом оформлять?
Да, это особенность двача.
a
Там просто есть в ul вкладочка "home" а я подумал что две ссылки на главную как-то тупо.
Хотя тоже хотел тупо в ссылку засунуть.
в хроме нормально
в сафари пикрелейтед
Чому не в h1>a ?
Где вообще юзают h1? Он же должен быть один на страницу, а часто больше всего под него подходит лого.
А что если лого, скажем и в футере тоже?
Ну в h1 основное лого, в нем блок лого просто в ссылке. Соотв в футере просто блок лого.
Я чёт нихуя не понимаю.
Какие-то перепроцессоры, эммиты, авокоды... а тогда нахуя хмтлакадеми свой интенсив продаёт? Если есть всякие штуки, которые все практически делают за тебя, в чём работа верстальщика-то потом будет заключаться?
Короче пиздец, поставил эммет и теперь вместо того чтобы думать, как сверстать тот или иной элемент я ебусь с семантикой эммета.
Какие-то перепроцессоры, эммиты, авокоды... а тогда нахуя хмтлакадеми свой интенсив продаёт? Если есть всякие штуки, которые все практически делают за тебя, в чём работа верстальщика-то потом будет заключаться?
Короче пиздец, поставил эммет и теперь вместо того чтобы думать, как сверстать тот или иной элемент я ебусь с семантикой эммета.
>перепроцессоры, эммиты, авокоды
>всякие штуки, которые все практически делают за тебя
Ты не ведаешь, что говоришь
>я ебусь с семантикой эммета.
потерпи, это многократно окупится
Это лишь инструменты, никто за тебя ничего не сделает, лишь упростят работу.
Блять, вот я только что зашел на страницу какого-то чувака из ХМТЛ, который говорит что АВОКОД это супер-пупер-мега-ультра-хардкор маст хев. Пиздец.
>нахуя хмтлакадеми свой интенсив продаёт
ну сам-то подумай.
gulp-autoprefixer на какие версии или проценты у вас настроен? Бля, даже когда дефолтные >1% он префиксы практически никогда не ставит.
Пацаны, как такие фичи правильно делать? картинка бэк или как-то задавать цвета и поворачивать слои в цсс, поясните плиз?
я это делал фоновым градиентом
А под углом как сделать?
Я бы с ним подружился, пояснял бы ему за основы и прочие ништяки, а он мне пояснил бы как прикручивать плагины такие.
Благодарю.
Подписывайся, ставь лайки. В дальнейшем там будет много полезного контента. нет
говно какое-то, а не градиент
я тоже хуячил бэкграунд-градиентами такие линии, но они ебано смотрятся, с какими-то зубцами. особенно в хромоногом.
Так это не градиент, ньюфаня
это ты какое - то гавно, а не градиент
Я бы отсосал тебе, если бы был пидором. Спасибо. Но. Тебе совсем делать нехуй что ли?
Ага
Это похоже на таблицу.
Что после базового интенсива делать?
Продвинутый
Есть парочка вопросов.
1) Почему ты изменил цвета с хекса на ргб? Имеет какое - то значение или тебе просто больше так нравится?
2) Почему размер контактов 1030 - это пиздец?
Хуево рассчитанный размер? Или то что я вообще его задал?
3) И не совсем понял насчет центровщика, смотри, ты задал его в 1366, но ведь это вся ширина макета, а мэйн контент занимает 1240. Задать специальный центровщик для мэйна?
Бля.
Ребзи, вот сейчас смотрю базовый интенсив (5 урок), в голове полная каша состоящая из свойств, тегов и прочего, к макетам пока не притронулся, ибо все вперемешку. Это норма или я тупой и мне нихрена не светит?
Ты курсы проходил?
пробовал восемь курсов, из них только 4 первых закончил полностью
Я хз, тупой ты или не тупой, но с таким отношением к делу можешь уебывать и не мечтать о профессии.
>пробовал восемь курсов
>из них только 4 первых закончил полностью
И вдогонку:
4) 1366пх ширина сайта, значит на меньших мониторах будет появляться полоска прокрутки?
Даже у меня на 1366 возникает
ПОЧЕМУ ЕБУЧИЕ ПРЕФИКСЫ НЕ СТАВЯТСЯ!!!
1. Просто я сижу на своей любимой древней лисе, они твои хексы перевела в ргб.
2. Потому что. У тебя каждый контакт - отдельный блок, можно добавлять еще блоки, вот я открыл филиал этой шараги в урюпинске, и... дальше думай сам.
3. Я задал 1366 от балды. Можешь вообще без центровщика, весь контент засовываешь внутрь одного дива с классом wrapper, врапперу задаешь размеры.
Да, у тебя фиксированная верстка, сначала с ней разберись, попытка что-то резиново тянуть тут только все усугубит.
думаешь, сперва нужно их полностью пройти?
Спасибо за помощь, мужик!
посоны, вы че, а?
вы дефолтный используете и не пишете аргументы?
вы дефолтный используете и не пишете аргументы?
епта, сейчас вгляделся в свой макет и там правда есть зубчики, ужос
пиши last 2 version и не еби мозги.
лучше уж ничего не писать, мне кажется, версии пару раз в месяц выходят
ахуенный шутник, всех затралел.
Зачем выебываться? Посмотрите, как здесь это сделано. Дешево и сердито.
http://7sait.spb.ru/portfolio/mobile-systems/redesign-amrest-mobile/
Ну да, как вариант, просто картинкой, как в седоне с теми треугольниками
прошёл курсы, скачал и прошёл два интенсива, сверстал барбершоп и пинк, как мне теперь в базу выпускников попасть? https://nexus.htmlacademy.ru/
Заплатить.
ты забыл денежки занести им, чтоб в базу попасть. А вообще эта хуета тебе ничего не дает. Сейчас каждый шакал на инфо бизнесе этом деньги делает, у каждого школа выпускников. На работу пойдешь тебя не в базу будут искать, а дадут тестовое и посмотрят как ты обосрешься, и поебать там сколько ты курсов прошел.
Двачую. Всем хороша академия кроме нелюбви к бущенному трапу. Пидоры блядь. Весь интенсив в уши дули, мол бутстрап это для нубов. И что я слышу от первого чувака, который мне ответил по поводу вакансии на мыло?!! Покажи макетик на бутстрапе!
Просто охуеть как дешево!
Слушайте, продвинутый интенсив невозможно слушать. Звук как из сортира, микрофон скрипит, пердит и хрипит. Есть какая-то альтернатива подобному? Вот я прошёл базовый, по какой программе дальше двигаться?
Как вариант, просматриваешь презентации из продвинутого, все допы и начинаешь верстать адаптив.
Просто там шаринг экрана, которого естесно нету в пдфах.
Текстовые лекции может почитать на том же самом вебрефе?
Это наверное кто-то на свой мик писал то что из колонок идет, лал.
Котаны, поясните за ASP.NET, в некоторых вакансиях встречается. Нахуй он нужен и кому? Что это вообще?
Это бекэнд, типа фреймворка от Майкрасофта.
это редкий бэкэнд, насколько я понимаю, дорогой аналог php
для илиты
именно, когда слышу "дотнет", я сразу понимаю кто в этом мире хохяин и кто я.
Охуеть, тред в /wrk лучше чем треды в /web
Котаны, поясните за жс фреймворки. Какой перспективно учить? Скажу сразу, не работал не с одним, но неплохо знаю нативжс и жквери.
Если быть точным, то выбор:
- Angular/Angular 2 - второй вроде в бете, если начинать пердолится в первый, будет ли актуально? Ссыкотно учить то, что скоро скурвится в deprecated, хотя бесполезным всеравно не назвать
- ReactJS - вроде как популярней, проще, более гибкий. Но это со слов всяких васянов. Я так понял, сам по себе мало полезен, нужен в связках с чем то еще типа Redux
- ExtJS - вообще хуй знает, но попадались вакансии по работе на нем.
- Backbone - васяны говорят утрачивает популярность и применяется в основном для небольших приложений/решений. Почему - не знаю. Может анон пояснит.
Вобщем, кто в теме, работал с чем то (или со всем вместе) - поясните по хардкору. Куда направить усилия чтоб, скажем, потратив полгода на изучение (в свободное от основной работы время офк) не остаться в состоянии "ну да, чет там читал про %фреймворк_нейм%", а реально апнуть навык.
Котаны, поясните за жс фреймворки. Какой перспективно учить? Скажу сразу, не работал не с одним, но неплохо знаю нативжс и жквери.
Если быть точным, то выбор:
- Angular/Angular 2 - второй вроде в бете, если начинать пердолится в первый, будет ли актуально? Ссыкотно учить то, что скоро скурвится в deprecated, хотя бесполезным всеравно не назвать
- ReactJS - вроде как популярней, проще, более гибкий. Но это со слов всяких васянов. Я так понял, сам по себе мало полезен, нужен в связках с чем то еще типа Redux
- ExtJS - вообще хуй знает, но попадались вакансии по работе на нем.
- Backbone - васяны говорят утрачивает популярность и применяется в основном для небольших приложений/решений. Почему - не знаю. Может анон пояснит.
Вобщем, кто в теме, работал с чем то (или со всем вместе) - поясните по хардкору. Куда направить усилия чтоб, скажем, потратив полгода на изучение (в свободное от основной работы время офк) не остаться в состоянии "ну да, чет там читал про %фреймворк_нейм%", а реально апнуть навык.
По поводу дноработ не согласен, ну по крайней мере если у тебя не железная воля. Даже с графиком 2/2 есть шанс, что оставшиеся два выходных ты будешь тупить за пекой, смотреть в потолок и вообще оправдывать свою лень тем, что ЭТО ЖЕ МОИ ВЫХОДНЫЕ.
Имхо, если финансы позволяют мамка кормит и из дома не гонит, лучше учить фронтенд, не занимаясь ничем другим.
Имхо, если финансы позволяют мамка кормит и из дома не гонит, лучше учить фронтенд, не занимаясь ничем другим.
Согласен, особенно если работа связана с физ. трудом, то хер ты че на выхах сделаешь
>мамка кормит и из дома не гонит
При таких условиях выучишь дай бог лет за 10. После того, как выперли из универа за низкую посещаемость офк, сидел месяца 4 на шеях у мамы. Мотивации 0.
Впрочем, мб я один такое ленивое гавно
Хватило ума свалить в миллионник, снять кв и устроиться на гавно-работу. Сначала, мясником на крытом рынке, лол, 6/1 с 7 утра (приёмка тушек) и до 7 вечера + дорога туда/обратно ~2 часа. Вот это жопа, да. Выдержал немного, чуть больше месяца. Благо платили ежедневно. Потом работал официантом 2/2. Тотальная лафа после предыдущей работы, но ноги также сильно ныли к концу смены и напоминали, что неплохо бы сменить профу. Тут уже и времени свободного было прилично. Хотелось бы закончить словами "а теперь я мидл-фронтендер с релокейшном в бездуховную", но увы.
Свободное время потратил на изучение онлайн-покера. Однако сейчас покер медленно, но верно умирает. А я всерьёз подумываю кэшаутнуть все деньги, заблокировать свои акки и пойти куда-нить мыть толчки 2/2, чтобы вновь мотивировать себя на быстрое и старательное обучение. В этот раз уже вёрстки.
Насколько полезен Jade в мелких и средних проектах? Насколько силен профит от юзанья его?
Html-academy \не вкатило?
Вкатило, почему же. Я насчёт мотивации тут распинаюсь.
Прошёл всё, что есть по вёрстке на codeacademy. dash.ga.co кстать из шапки тоже очень понравилcя. Есть много того, чего нет на CA. На фрикодкэмпе зависал активно с месяцок. Добрался до algorithmic scripting. Прошёл курсы на сайте хтмлакадеми, начал смотреть базовый. Всё это происходило с перерывами в пару месяцев из-за отсутствия мотивации.
Нужно выбросить себя в херовые условия, тогда и зашевелюсь. По-другому у меня не получается :с
Реакт учи. Ну и можешь второй ангуляр потихоньку. Первый смысла нет, т.к. он уже устарел и его используют скорее по инерции.
он бы подумал, что ему эти всякие основы не нужны.
только перед продвинутым сверстай все макеты из базового, чтоб руку набить.
Пиздец.
Пиздец, с такими школьниками можно и не соваться в индустрию. Пойду в пятерочку.
зис.
там нет ничего сложного, а сделал он это, наверняка, по урокам с ютуба.
хах, адапитвность гугл карты не осилил.
там ничего сложного, все на готовых плагинах я знаю, но сам факт, что сраный школьник делает такое за 50 баксов, что же он будет делать и за сколько в мои 30? И это пока я целый месяц трачу время и рву жопу на фл.ру в надежде взять заказ хотя бы за 500. наверное, зря я все это делаю, надо было себе мужа-спонсора искать, как мамка советовала, а не строить из себя сильную-независимую женщину.
>представиться тян на анонимной имиджборде
это не очень хорошо, не делай больше так, пожалуйста
>что же он будет делать в свои 30
он не знает, что такое спрайты, он не знает, что такое флексы, то, что он может делать такое сейчас, не даёт ему особых преимуществ перед адекватными разработчиками.
Спрайты вроде скоро устареют, не?
и ещё не забывай, что он хохол и для него это треть нормальной зарплаты взрослого. Индусы тоже вот демпингуют, уже лет как тридцать, но работы у грамотных разработчиков от этого не убавилось.
Вполне возможно, эту технологию вполне можно автоматизировать.
Не в этом смысле. Типа новый протокол передачи данных на пороге какой-то http новой версии и там все эти запросы на сервер будут уже как-то оптимизированы и спрайты будут не нужны.
Думаю, так оно и будет. Уже сейчас сборщиками все картинки можно связть в одну, а потом дать браузеру разобраться с ними.
В http2 запросы не последовательные, а параллельные. Это круто конечно, но фиг знает когда это можно будет полноценно использовать.
Вот да точно.
он платный
хотя всё нормально, нашёл на торентах и установил. Как стану успешный разработчком куплю я серьёзно
Человек который будет в выходные тупить за пекой тем более будет тупить за пекой если его никто никуда не гонит. Тут вопрос безвольного хуйла, которое непонятно как будет учиться, а затем непонятно как будет работать и непонятно как на работу устроится.
Лучший вариант - это на старой работе накопить денег на 3-6 месяцев и сесть захардкорить.
А что там с покером сейчас? Почему он умирает?
csshat - мастхэв, для всех, даже для конченых нубов. Поставил пиратский плагин и чуть не обкончался от его охуенности. Качай на рутрекере, версию 2.1, она прямо в первой выдаче от гугла.
потому что число долбоёбов, которые хотят там заработать, стало гораздо больше числа долбоёбов, которые приходят просто чтобы поиграть.
Котаны, как сделать тянущийся на всю ширину адаптивный треугольник, который закрывает сверху карту в пинке?
Пока что-то невнятное получается: http://codepen.io/coalalala/pen/wWapQO
Пока что-то невнятное получается: http://codepen.io/coalalala/pen/wWapQO
Ну и что? Очевидно даже если там останутся одни долбоебы хотящие заработать, уровень у них будет разный и кто-то все равно непременно отожмёт деньги и всех остальных за столом.
много факторов. Все действенные стратегии уже есть везде в открытом доступе, в покере очень много решает автоматизация.
ну и удача, разумеется. У просто прошаренного игрока есть неиллюзорный шанс обыграть гуру, даже на долгосрочной перспективе.
У нас такой в магаче отписывается. Мол удачка закончилась - помогите.
Лол, всегда проигрываю с этой хуйни. Как вот вы проценты знания оцениваете у себя? 58% JQuery, вообще охуеть. Типа выучил 58% плагинов или что?
Я просто вводил в гугле: "front-end dev potfolio" или что-то типо того, и пиздил у всех что понравилось.
У Лебедева.
Ананасы кто может по хардкору пояснить за цены на верстку или ссылку дать? Пробовал гуглить разбег дикий и посты 2000 года, хотелось бы сегодняшние знать. Да и многим будет полезно и интересно, сколько просить за вертстку той или иной стр или проекта целиком. По детальнее если возможно
Видел Барбершоп у академии? Вот на все 4 страницы или сколько их там человек на окладе в 20 к должен затратить 10 часов своего времени. Вот и считай короч.
за lp дают 15$ это же ппц, еще админку ему прикрути и отправку форм на mail, к посту о ценах на верстку
ну они говорили тип брать по 200 р/час на барбер уходит 10ч и отсюда 2к, нв веблансере сейчас смотрю заказы и цены.
Врут пидары. Они про бущенного трапа мне врали!!! ГРРРРР!!!!
ты сука тупая мразь уже всех заебала тут! Хули ты по всякой хуйне спрашиваешь нас? САМ ДЕЛАЙ БЛЯТЬ, ИНАЧЕ ТЫ НИХУЯ НЕ ЗАПОМНИШЬ И НЕ ПОЙМЕШЬ, КАК ТЫ ЭТО ДЕЛАЛ!
Тихо, тихо. Он же заикаться потом будет.
Нихуя я не понял
есть тут аноны, которые подключали бутстрап через галп?Также хотел бы узнать такую штуку, пытался верстать помню на бутстрапе, и он ставил например черный фон в хедере, перекрывая мои стили. Как это устранить, кроме как внутри файлов все менять?
Мотивация нужна тем, кто вкатывается в айти (и фронтенд в частности) ради мифического бабла и вылезаторства. Мне вот просто дико доставляет копаться в коде, ловить ошибки и фиксить флексы под ие10 (кроме шуток, это прикольно). Я так даже несколько отклонился от программы обучения и две недели потратил на рельсы, просто потому что это классно.
Видишь непонятную хуйню?
Не знаешь, как ее сделать?
Что-то куда-то красиво выступает?
Неоднородная адаптивная маска?
Непонятная загогулина?
Быть может, странная тень, которая не совсем тень?
Дизайнер ебанулся?
Семь бед — один ответ:
П С Е В Д О Э Л Е М Е Н Т
С
Е
В
Д
О
Э
Л
Е
М
Е
Н
Т
Только что досмотрел базовый интенсив. В при
BUMP
7500 рублей
это тип ты в месяц столько зарабатываешь?
весткой?
иди нахуй тоже, как этот даун . тебе сказали 7500 зарабатывает верстала, что тебе еще надо? Думал тебе тут назовут сумму в пять нулей? Пошатнул твой мирок? Иди нахуй короче
Платина, но всё же.
Расскажите, какой вы используете препроцессор.
Как думаете, какой препроцессор будет полезнее мне, если в дальнейшем я собираюсь серьёзно учить и бэк-енд?
Расскажите, какой вы используете препроцессор.
Как думаете, какой препроцессор будет полезнее мне, если в дальнейшем я собираюсь серьёзно учить и бэк-енд?
Исторически так сложилось, что scss используют те, кто любит грамотный стиль кода. Лесс используют тупые пезды и выпускники различных говнокурсов. А стайлус используют те, кому хочется выебнуться. Еще есть сасс-петушки, но не стоит вскрывать эту тему.
На самом деле похуй, различия минимальны.
> собираюсь
Судя по тому, что ты спрашиваешь, какой препроцессор КАСКАДНЫХ ТАБЛИЦ СТИЛЕЙ будет полезен для бэкенда, тебе предстоит еще довольно долго собираться.
Да тебе в чем угодно было бы колупаться классно и скажи мне что я не прав.
Что до меня, то я например тоже с удовольствием колупаться в коде, но полностью отдаю отчёт себе в том, что если бы за это не платили довольно много я бы занялся чем-то другим. Может трейдерством, или маркетингом.
Что до мотивации, то мне вспоминается цитата Лебедева на тему как себя мотивировать. Да никак, оставайтесь в жопе! Деньги вам дадут, перестанете быть уебками, хуле вам ещё надо, пидоры?
и чем это сцсс лучше сасс? вообще не вижу разницы кроме, что надо ставить {} в сцсс, а в сасс не надо.
>будет ползен для бэк-енда
просто хотелось бы взять препроцессор, который по структуре своего кода ближе к серверным языкам, чтоб потом их изучение стало проще и интуитивнее.
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
Двачую
бери наиболее популярный - scss/less. Я взял scss, так как он был самым популярным, ну а также, в отличие от стилуса, он похож на css и совместим с css.
> не платили
Ну вот и вся суть - ты сюда лезешь ради денег, поэтому тебе нужна мотивация. Не как что-то плохое, просто у меня другая ситуация. Мне нравится фронтентд, я могу 5 часов колупать рандомную js библиотеку без какой-либо мотивации сверху или те же 5 часов верстать какую-нибудь концептуальную хрень на флексах, и чтобы она на ие10 нормально работала.
> надо ставить
2016 год, фигурные скобочки и двоеточия проставляются автоматически во всех нормальных редакторах (и в ненормальных тоже, я вот на атоме сижу). scss лучше сасса хотя бы тем, что он полностью совместим с обычным цсс, плюс приучает к нормальному код-стайлу.
Тогда scss. Там и переменные строго объявляются, и экстенды есть, и прочие плюшки, и сам по себе выглядит более "строго". лесс более раздолбайский и вообще как-то неприятно выглядит, чем-то на пэхапэ похож, повсюду @, странные миксины, вот это вот все.
Я вообще попробовал все. Мне понравился scss и stylus, остановился на первом, т.к. он намного более распространен.
А вообще все это вкусовщина, не надо думать, что я тут с пеной у рта доказываю крутизну scss.
>Ну вот и вся суть - ты сюда лезешь ради денег, поэтому тебе нужна мотивация. Не как что-то плохое, просто у меня другая ситуация. Мне нравится фронтентд, я могу 5 часов колупать рандомную js библиотеку без какой-либо мотивации сверху или те же 5 часов верстать какую-нибудь концептуальную хрень на флексах, и чтобы она на ие10 нормально работала.
Я вообще не понимаю о чем ты. Я тоже легко могу потратить на изучение фреймворка из чистого интереса много часов. Но интерес мой будет происходить из мотива, сделает ли этот фреймворк мою работу быстрее/лучше/качественнее или хотя бы даст понимание каких-то новых принципов, которые можно встроить в работу. Если я заранее буду знать, что этот фреймворк - говно без задач написанное инвалидами для инвалидов (это просто пример, ничего конкретного ввиду не имею) то мой интерес испарится и будет только скука.
И да, разуй глаза, мне не нужна мотивация.
Тебе придется делать кастомные селекты, input'ы и прочую формочную поебень на js и jquery вместо того, чтобы пользоваться готовыми инструментами html5. И реализовывать это придется на angular и react. Енджой ер 2006
После продвинутого пиздуй учить js, потому как без него ты практически нигде не нужен, почти все заказы по верстке на фрилансе требуют js
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред