Это копия, сохраненная 9 февраля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
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/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css
То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
======================
Все основная инфа и материалы здесь:
Обновленная паста - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>391774 (OP)(OP)
>Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Основная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
>Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
>
>Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
>
>Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
>
>Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
>
>Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
>
>http://htmlacademy.ru/ - ультрагоднота
>http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
>http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
>http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
>http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
>Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
>
>Текстовые редакторы:
>
>ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
>
>Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
>
>Верстка по БЭМ
>
>Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
>
>Гайд от анона по гитхабу:
>
>Базовый интенсив за 2015 год:
>
>Продвинутый интенсив за 2015 год:
>
>Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
>https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
>
>===========================
>Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>>Идите нахуй.
>или
>>Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css
>
>То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
>
>======================
>Все основная инфа и материалы здесь:
>Обновленная паста - http://pastebin.com/ytWW0UfU
>
>Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
>
>Прошлый тред >>377308 (OP) (OP)
я вообще не знаю, как так получилось скопировать два раза текст. Выше есть ссылка именно на прошлый тред.
Признаю свой косяк
Уже два потока прошло вроде, по инету только складчины видел и то походу незавершенные
если фон однотонный, без картинок, юзай rgba(r,g,b,прозрачность) (гугли). если неоднотонный, юзай png в качестве фона.
>>415466
>>415483
очередной нубский вопрос, а как мне расположить эти кнопки по центру? http://www.cssdesk.com/wRBrv
Сойдет.
лучше сделай общий контейнер со свойством text-align: center. а в него уже запихай h1 и кнопки. у кнопок сделай одинаковый класс, ведь у них свойства почти все одинаковые.
один общий класс для кнопок + класс для каждой из них, в котором будет описан их фон и бордер.
потому что цсс
http://www.cssdesk.com/NVHT8 в результате моего кода можно увидеть черные полоски, между различными разделами. Как их устранить?
Вторая проблема на скриншоте результат, если сделать масштаб 25%. Раньше такого я не получал, что я снова сделал не так?
>>415570
переделаю, но чуть позже
блять, не тот кинул
Чувак, чтобы выравнить текст юзай text align center, а не ебаные маргины, они вообще для другого предназначены
И научись пользоваться дев тулзами, тогда проще будет ошибки находить
Едрить, забыл вопрос. Есть желающие?
дописал короче в #warp overflow: hidden; и всё заработало, чудеса
Можешь со мной поработать, чертов анимешник. Сделай мне дизайн для сайта с визуальной новеллой или типа того.
Отписался.
Я прочитал шапку, но всё же переспрошу. Я тупой, сосу хуи, делаю бочки, денег никто совсем не даёт. Чего упороть и пердольнуть чтоб уметь хоть какую копейку на поесть сковырять? Я очень неуверен в себе, наставь меня на путь верный, а то боюсь проебаться. Пасиба.
В продвинутом интенсивное рассказывают об этом
задрачивай новую тему каждый день в течении года, ум и способности не нужны, чтобы зарабатывать.
Не сталкивался с подобным. Ты наверное перегружаешся просто, типа, ебашишь марафоны по 8 часов в течение недель без выходных.
Приспустись слегка, расслабься, возьми выходной, или даже парочку. Нет никакого смысла в обучении в таком состоянии, просто время тратишь да мозги терзаешь, информацию все равно уже не воспримешь нормально.
Ответьте мне. Нахуй вы нужны если сейчас сайт создаётся за 5 минут из шаблона?
А как же индивидуальный дизайн сайта для конторы дяди Игната из Нижнеймухосрани.
Погугли и поймешь.
Осталась 10 дней до конца месяца, а денюжки на интернетик нету. Создавать попрошайка треды как-то глупо.
я тут короче переделал, как ты сказал. Вроде все нормально получилось, но нужна твоя критика. И из-за чего так текст съезжает при изменение масштаба?
http://www.cssdesk.com/nmjMp
Навскидку, потому что у тебя не ограничена контентная область центровщиком, а флоат заставляет ужиматься блок к краю страницы.
разве то что я указал флоаты это плохо? Вроде в вебинарах тоже флоаты прописывались
HTML5/CSS3;
Разработка "респонсив" верстки с нуля и на базе фреймворков (Bootstrap);
Разработка верстки для мобильных браузеров и для HTML5 приложения на Cordova;
Работа со сборщиками Grunt/Gulp;
Верстка Jade шаблонов;
LESS, SCSS or Stylus;
Git;
Английский язык - технический.
Вот это условия (там еще плюсы есть) единственной вакансии версталы в моём мухосранске. Хотелось бы туда попасть. Сейчас сижу в конце базового интенсива.
Как вы расцениваете мои шансы на попадание туда? Т.е. через сколько я смогу хотя бы базово соответствовать?
За сколько я смогу stylus или scss освоить?
Вообще с чего лучше начать чтобы одно из другого выходило, а то у меня сейчас мешанина в голове.
Базовый - практика 3-4 макета - продвинутый - практика 3-4 макета с применением всех фишек - полировка скиллов (но должен освоить все уже в процессе) - готово.
Насколько я понял все эти препроцессоры, gulp'ы, респонсив, бутстрап - всё в продвинутом интенсиве?
Да, кроме джейда и кордовы. Бутстрап тоже вроде не дают. Но если научишся верстать адаптивно на чистом ксс, то его освоишь за 3 часа.
центровщик это типа контейнер? у меня вроде он есть уже и прописан, как .layout-center-wrapper
Ага, только задан ему нулевой марджин, а нужно задать 0 auto
И кроет он у тебя только хедер, да и то не весь. Короче, иди ка ты, еще раз первые лекции базового интенсива глянь.
все, я все переделал. Спасибо за помощь.
P.S. Резюме составил вообще не очень хорошее. Планирую либо сегодня или завтра его переделать получше.
у меня еще недостаточные навыки, чтобы ими хвастаться. Но они ищут верстальщика, который потом хочет стать фронтендом. Запросы у них не сильно сложные, но если они не заинтересовались сейчас, то наврятли заинтересую, если сам напишу им.
никто норм отчетики по работе так и не запилил
Тогда лучше вообще убери резюме. Лучше выставишь его, когда будет больше навыков. А то сейчас еще всякие посмотрят. А потом ты его обновишь через несколько месяцев. А они увидят и подумают "а это тот лоускил". Лучше чтобы сейчас его вообще никто не видел
эт правильно
Кордову не жрал, все остальное учится за час. Самого главного, без чего всякие кордовы и гульпы не потянуть, там не указали.
Я о жс.
ну и гит еще штука интересная. им можно только на практике овладеть, дома хуй.
Зачем дяде игнату индивидуальный диз? Верстка нужна либо крупным фирмам либо лохам, которые совсем не шарят в интернете. Очередной палатке с шаурмой будет достаточно готового халявного шаблона на бесплатном хостинге с доменом третьего уровня.
Так откуда у вас клиенты?
Я в том числе верстаю вебморды для всяких архивных ситем и прочей подобной хуеты.
Не картиночки расставлять, но один хуй верстка.
тоже понравился этот макет, но нихуя не понял как его верстать. Слишком сложный пока что для меня
кто уже пользовался? Долго ли это учится?
Косой пиздит, но это действительно не очень много времени займет.
Ну если верстать макеты с жестко заданными размерами, я не вижу тут ничего сложного, просто занимаешься пикселейобством да и все. Я вот думал из него резину сделать, в процентах, вся хуйня, но обосрался, браузеры мне вообще не те размеры что надо выдают.
Так, крокодилы накидайте годных ссылок как резину верстать.
А чего там учить-то?
Там же кроме грида и нет нихуя. Описание всяких кнопок-хуепок есть в подробнейшей документации в том числе на русике. Почитал про грид. и можно хуячить контролце-контролве как безумный.
Я вообще околонулевой в вебе, вот конкретно сегодня вечером в последний часок в конце работки нахреначил всяких прогрессбаров и прочей херни чисто на бутстрапе без всякой херни. Человек, знающий js и html разберется с полпинка, как мне показалось.
https://ru.wikipedia.org/wiki/%D0%9F%D0%BE%D0%BC%D0%B8%D0%B4%D0%BE%D1%80_(%D0%BC%D0%B5%D1%82%D0%BE%D0%B4)
еще learn how to learn на coursera.org можешь глянуть
Да знаю я про помидорку, не особо помагает, когда рядом есть пека с бесконечными игорами.
Не долго, гайды вполне понятны, хоть и записаны обезьяной. Вообще, конечно, пользоваться бутстрапом это когда дедлайн не за горой. Ощущение такое, будто чужим использованным презервативом свою ламповую ебешь.
еще нет. тут ньюфаги по большему счету.
Продай компьютер и купи что-нибудь хиленькое.
У меня некроПК и все отлично, в игры не играю.но есть другие проблемы
Вроде в интенсиве у главного учителя тоже UNREGISTER
вбей лицензию (на торренте валяется)
----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------
Много чаю тебе, братуха.
В продвинутом есть
Я получаю 2 бакса в день, лол, а за три в час я бы и пукан долбился и рот бы брал.
Я к тому веду что ты цену заоблачную поставил, индусы меньше берут, разве нет? Или ты еба-специалист?
Нет, братишка, не траллирую. Я только скрыл от тебя факт того, что я еще работаю ночным сторожем сейчас как раз на смене . За сторожовку получаю еще 28 баксов в месяц. Хочу всунуться на апворк, дрочу иглишь как безумный, но языки мне не очень даються. Может какому ананасу нужны подмастерье? Я чисто для опыта поработал бы.
"Из года в год прогнозируют, что веб-программирование умрет, т.к. будут программы-конструкторы, которые позволят человеку создавать сайты без знаний каких-либо технологий. Как мы видим, такие сервисы развиваются: если задать в поисковике «создать сайт бесплатно конструктор», их можно найти достаточно много. Но есть одно но, все эти сервисы убьют рынок «разработчиков-любителей», которые создают ресурсы с базовым набором требований. А рынок профессиональных разработок будет жить, т.к. человеческий мозг выдает, иногда, такие требования, которые может реализовать только тот, кто владеет технологиями в совершенстве."
Нам надо скорее выходить на профессиональный уровень!
Что ж это получается? В скором времени чтобы вкатиться в веб нужно будет учиться намного дольше?
А ещё эти конструкторы. Есть нормальные, в котором все рукой формочки двигаешь и тебе выдаёт готовый html css код?
Потому что в серьезных разработках кроссбраузерность и старые ослики.
Они и берут.
>>418843
Да заебали. Почитайте сначала про эти конструкторы. Они давно уже появились.
Конструктор - это блять левая программа сборщик верстки сайта. Верстка там - полная хуйня, но ладно бы если это.
Полученный код не является вашим, он собственность фирмы-конструктора.
Хочешь внедрить свою фичу или что-то поменять - изволь получать разрешение ну и конечно же платить.
Реклама по дефолту тоже там идет не твоя. Гугол эти говнойсайты почти не продвигает. Даже щитпостный бложек не раскрутить.
И это я уже молчу о куче других вещей, начиная от кривого дизайна, и заканчивая авторскими соглашениями, проблемами с хостами и прочим дерьмом.
Поверьте, от ухода с рынка заказчиков, готовых пилить свой продукт на сайтах из конструктора вам будет только лучше. Потому что рынок переполненный школьниками и долбоебами уровня "платить я конечно не собираюсь" - это полный пиздец.
Ковырялся давненько в юкозе и знаю что это за мерзость. Но подумалось что есть что-то по-настоящему крутое, настоящее.
на Вы, на дваче? Даже важным человеком себя почувствовал
Ну молодца, че! Теперь надо развивать успех
PS залей куда-нибудь материалы, посмотрим, может изменения есть какие-либо. Ну или если влом, то ссылочку на репозиторий - будет людям пример
ноуп, адаптивные - не резиновые. адаптивность - под каждое разрешение своя верстка. резиновость - одна верстка для всего, просто уменьшается ширина блоков при ресайзе.
какие нужны, все есть
псевдоэлемент + тени
Аноны поясните почему "Refreshing traditional cucumber and garlic yoghurt dip." и другой текст делается не на всю ширину? Уже по всякому пытался в ксс прописывать, но он все-равно игнорит изменения. Через просмотр кода тоже смотрел почему, но все-равно не выходит. Что я не дописал?
да кстати, в "table-left" тоже пытался прописывать ширину и т.к., так что не говорите, что я забыл там написать и скинул без него сюда.
называется говноверстка
думаешь его надо делать через список? попробуй сделай и нам покажешь
ну я вижу, что ему ширины не хватает, но я ее прописывал он все-равно не видит.
>Алсо, а зачем в интенсиве так сложно он там пилит выделения для активной ссылки в меню, черед абсолют, легче нельзя было?
Ну давай сделай по другому, а я тебе скажу где ты не прав.
https://jsfiddle.net/hjz0ob6h/1/
В хроме вроде бы все считается норм, так что я подумал, что это фаерфоксовский баг. Оказалось, наоборот, по спецификации у флекс-айтемов вертикальные паддинги и маргины считаются не от ширины родителя, как обычно, а от высоты, а если высота родителя не задана, то аля-улю. Получается, хром делает неправильно и получается результат, к которому все уже привыкли, а фаирфокс делает правильно и выходит неудобная хуйня.
Алсо темка, в которой чувак из фаерфокса (кажется) рассматривает чей-то репорт, а потом говорит "у нас все норм)))", а потом идет стучать в хром, чтобы те пофиксили на такое же поведение по уебанским правилам.
https://bugzilla.mozilla.org/show_bug.cgi?id=958714
Там же есть ссылка на ответ какого-то хуя из w3:
http://lists.w3.org/Archives/Public/www-style/2014May/0015.html
Особенно забавляет фраза "The fact that percentage vertical padding is relative to the width in existing display modes is bizarre". Ахуительно блять, до этого, значит, рассчитывали проценты по такой схеме и уже привыкли, а сейчас внезапно стало "bizarre".
Я даже на htmlacademy не могу разобраться. Это приговор.
В ТЗ указано что основной контент состоит из трёх колонок. Широкие картинки входят сразу в две колонки. Как это можно осуществить? Если я сразу поделю main на три дива, то никак не смогу запихать эти картинки сразу в два столбца.
Я сверстал макет без никаких колонок, просто эти повторяющиеся блоки, шириной 1/3 имеют один класс.
Ещё эта форма снизу, как её присобачить поверх карты?
Пытаюсь с помощью абсолютного позиционирования, чтобы вырвать из потока и запихать, куда надо. Но пока как-то дурно выходит.
пишу с телефона, на пк нет Интернета, выложил бы код
Это имеется ввиду модульная сетка походу
Ну как в бутстрапе том же - колоночная система. В базовом вроде можно и без модульной делать, просто процентные ширины
Да с помощью позиционирования, только z-index задай ей выше чем у карты. Другой вопрос, что он а у меня не закрепилась ни за кнопкой вызова этой формы, ни за дивом над картой. То есть, когда я уменьшаю окно браузера, то все уменьшается, а этаф форма стоит на месте. Нашел сделанный макет, походу кем-то из преподов академии или учеников, так у него там она прикреплена к кнопке, и все работает, странно. Конечно очень вероятно, что я где-то проебываюсь
Кто сказал что делить нужно весь майн?
Если это возможно, тогда ок. Но если нет, то необязательно. Делаешь так, как тебе удобно.
Один блок может состоять из трех колонок, второй из двух, третий вообще из блять десяти если в том надобность будет а еще один из одной. Что еще за ебанутые ограничения? Верстай так, как будет правильно с точки зрения функциональности и структурированности кода.
>Ещё эта форма снизу, как её присобачить поверх карты?
Карту делаешь гугловским апи? Если так, то да, надо позиционированием, хотя можно и без него обойтись. Она насколько я помню, модальная, так что потом просто ебашишь display:none/block.
Если картинкой, то там еще проще - просто запихиваешь карту в бэкграунд, ну а дальше по ситуации.
>>421003
Получилось окно установить поверх карты. Карту делаю картинкой, так Интернета нет. Потом потренируюсь.
А сначала замешкался потому что ту запись из интенсива, в которой расказывалось о поп-апе не досматривал до конца.потом подумал что логично было бы если в той серии рассказывалось об этом
Закрепил нормально с помощью оборачивания в див и установление ему position: relative.а внутреннему блоку absoluteИ отсчитал от дна страницы нужное расстояние.
И не пришлось изменять z-index, форма ниже всей страницы в html стоит.
remodelov.ru/vhl/ - если смотреть на мобильном телефоне сайт (или сделать эмуляцию просмотра через мобильный) то у узоров которые разделяют фоны есть бордюр/граница.
Косяк в гифке так понимаю. Просматриваю бэкграунды в фотожопе по пикселю - все ровно, не бордюра.
Помогите господа верстальщики, гляньте проблему. Мелочь а хуй знает как ее вывести... Новую гифку сделать?
Да и три месяца только есть
ухожуВАрмиюКун
Может задать отрицательный марджин на один пиксел?конечно не решение, но все же
Да и кодировку поставь, у меня крокозябры вылезли
нахуй ты этим ваще занимаешься, если уходишь в армию? я б тебя только из-за этого не взял
кодировка да. На компе давно поставил, тут залил версию которую за один день сделал.
Марджин отрицательный бэкграунду? Так у него проблема что граница эта видна с двух сторон, перетягивание не поможет. Обрезал ради интереса картинку в фотожопе - все равно сука бардюр.
Учусь потому что нравится и намерен рано или поздно найти работу по этой стезе. А работа в любом случае нужна. А так подумал сразу двух зайцев. Хоть десятку платили бы, я бы пахал как проклятый.
Да я сам не знаю, мне бы хотя бы на код посмотреть. Я тот что с телефона.
вроде отредактировал позицию фона у узоров, проверь плиз. Только не забудь кэш снести)
Пересмотрел в интенсиве про это, но все-равно не помогло.
Да блин
надпись над инпатом сделай через :before, стили плейсхолдеру задаются через https://css-tricks.com/snippets/css/style-placeholder-text/
Бака!
надпись над инпутом через лэйбл делается (как и в случае когда текст сбоку от инпута)
линии ограничивающие узоры. Они видны только с мобильных разрешений, с компа и планшета их нет.
Попробуй запихать див с узором внутрь предыдущего контейнера, и задать ему position absolute, bottom 0. Еще можно поэкспериментировать со свойством background-clip.
Да мне поебать я это выкатил только что на своем хосте. Я это вообще на вордпресс буду натягивать. Помоги по делу, навигашку я сделаю через ul - так что уебывай откуда вылез, ущербный.
долбоеб ты кстати)
background-clip: border-box - уже пробовал делать, хуйня не помогает. Про запихать див в див хорошая идея - сейчас буду пробовать, спасибо.
да хоть все 48 премий моих, мне на тебя насрать макака верстальщик)
Алсо, первый раз здесь пост выкатил.
А чувак то в целом прав. Хуйню пишешь (помимо меню еще и дивы пустые для оформления насоздавал, формат для изображение выбрал как gif, инлайн стили юзаешь....)
да я и не претендую на грамотного верстальщика, но себе создать адаптивный сайт на вп или без него в состоянии. Косяк с границей у горизонтального узора так и не победил( Хуй знает что с ним делать.
ну так уебывай туда откуда пришел, пока всем тредом не начали обоссывать
пока что только у тебя бомбит, уебок.
Может попробовать прихуярить диву с узором полоски в пару пикселей сверху и снизу через ::before и ::after? Спозиционировать их так, чтобы они перекрывали эти пробелы, задать верхней коричневый цвет, а нижней белый.
Можно тупо поставить блок туда с бэкграундом. В общем я посмотрел в хроме, там эти пробелы появлялись, вот такая хуйня перекрывает их спокойно:
.tr_back:before{
content: "";
display: block;
height: 3px;
width: 100%;
background-color: #2c2722;
position: absolute;
top: -2px;
}
.tr_back:after{
content: "";
display: block;
height: 3px;
width: 100%;
background-color: #fff;
position: absolute;
bottom: -2px;
}
Вместо белого внизу задай свой цвет, и самому tr_back позишн релатив. Ну и там подвигай ширину блока и его топ/боттом чтобы закрывало пробел, но не обрезало лишнего
Можно тупо поставить блок туда с бэкграундом. В общем я посмотрел в хроме, там эти пробелы появлялись, вот такая хуйня перекрывает их спокойно:
.tr_back:before{
content: "";
display: block;
height: 3px;
width: 100%;
background-color: #2c2722;
position: absolute;
top: -2px;
}
.tr_back:after{
content: "";
display: block;
height: 3px;
width: 100%;
background-color: #fff;
position: absolute;
bottom: -2px;
}
Вместо белого внизу задай свой цвет, и самому tr_back позишн релатив. Ну и там подвигай ширину блока и его топ/боттом чтобы закрывало пробел, но не обрезало лишнего
Всё правильно он говорил, ни вертикальный маргин, ни паддинг не должны высчитываться процентно, также как и не должны принимать какую-либо величину при задании автоматического значения.
Помогло друг, спасибо. У других по такому же принципу выставлю полосы.
Если серьезно, >>421368, ты посиди на академии, потренируйся. Про блочную модель (когда задавать паддинги, когда марджины), про псевдоэлементы (блоки-декорации совсем не дело), когда и для чего нужны врапперы, ну не будь таким отсталым, интенсив там посмотри, что ли. Но дело твое, конечно, если хочешь только полосы убрать:
- Верхняя самая корявая, поэтому вот тебе костыль: убираешь цвет из бэкграунда, ставишь высоту на пиксель меньше, задаешь верхний бордюр в 1 черный пиксель.
- С остальными: .content меняешь марджин на паддинг, задаешь относительное позиционирование, засовываешь в него свои блоки с закорюками, даешь им абсолютное позиционирование, верхнему top: -1px; нижнему bottom: -1px; соответственно.
В упор не понял что за зазор у тебя между блоками на самом деле, но больше чет нету желания ковыряться у тебя там.
PS: ставить заплатки на дыры это же пушка просто.
>>421354-кун
если честно я уж думал переверстывать, так как этот косяк тянулся именно из за того что дивов дохуя пустых, я думал или дивы в дивы ставить или бэкграундов несколько с позиционированием задавать. Но слава богу подложки дивы помогли :)
потренеруюсь как-нибудь. Я версткой занимался почти 10 лет назад и еще таблицами. Сейчас на дивы перестроился, но практики не хватает, да и она мне не особо нужна - я другим деньги зарабатываю, просто нравится для своих целей сайтики делать. Ремоделов тот же вполне неплохо получился, хоть яебешь какая там грязь.
Касательно заплаток на дыры - да похуй, сайт легкий простой, можно и грязно сверстать, лишь бы эндюзеру все выкатывалось по человечески на всех устройствах. На валидность не претендую говорю же.
кстати тут гифы обсирали. Чего плохого в них? Для малоцветных фонов и лого самое оно, весит мало. Пнг заметно тяжелее выходят.
С гиф насколько я понимаю все нормально, у тебя же картинки не прозрачные, так что можно хоть в жыпег сувать. Ну а пнг лучше в соотношении качество\сжатие, сделай свою карту вверху нормального размера и увидишь, что не так уж много она весит.
кстати еще вопрос. то что я адаптивно фонт сайзы через em мучу это годно или говно и лучше под каждое разрешение в px прописывать? типа не по канону.
Как хочешь, наверное. Я делаю пикселями/процентами, потому что мне так удобнее.
У тебя overflow hidden значит где-то прописано, т.к. такого не должно быть в дев тулзах
Да я уже ставил overflow-x: scroll и на html и на body - полосы появляются, но пустые, ебучих ползунков в них нет.
Значит на чем-то другом ниже в доме стоит
Лол, благодарю.
брось курить, бухать и упарываться, гуляй минимум час в день, жри больше орехов, фруктов с овощами и будет тебе счастье.
PNG содержит кучу лишней инфы, которую можно безболезненно выкидывать.
https://tinypng.com/
Вот, поиграйся, и сравни, насколько можно вес уменьшить.
Ты что, ебанутый? Нахуя тебе футер идишником через див, если есть целый тег под это дело?
Пруф или не было.
Поисковикам вообще похер стоит ли у тебя спан или див или футер или хоть вообще кастомные элементы пиши.
Для футера скорее всего так и есть, но может в будущем допилят.
Для этого нужно JQuery.
спасибо, а как-то можно сделать, чтобы он мне текст не сдвигал?
все сделал, помощь больше не требуется
Жди сразу интенсив за 2017-й.
Нихуя не понял в чем проблема будет с процентами? Этот макет из пака академии? Можно попробовать за праздники сделать.
http://codepen.io/anon/pen/EPNjQy
>Как поставить кнопку блог
С чего ты взял что это кнопка, а не просто hover?
>поиск как на макете
Кнопка с 50% радиусом и картинкой.
На основе того что я делал этот макет, ковырял его псд и пробовал разные варианты. Чего ты ко мне приебался?
что-то мне трудно представить, как ты делал флексами все
Сначала верстать, научиться низкому уровню, а потом перекатиться в дезигн и стать успешным артдиректором.
И не продолжай, оставайся в говне, пиздуй работать на завод.
Верстун->фронт енд->хороший программер
Как ты в 3й пункт попадешь без первого шага?Толковые всем нужны.
вот ссылочка:
https://htmlacademy.ru/special/newyear/2016
годно
там на складчинах кстати уже js вроде раздавать собрались. Надо бы что бы еще типочки нашлись которые могут под хайды глядеть и вообще круто будет
.container img {min-width: 100%;height: auto;}
Как при ресайзе оставлять img в края, высотой в контейнер и не менять соотношение сторон?
Т.е если я ставлю высоту 100%, то оно вроде работает, как надо, но на нормальном разрешении не в край.
Скинь ссылку на складчину, по /b/-ратски
учи на codecademy, она — для настоящих чемпионов
Так вроде только запускают его, не?
Тест по HTML - пиздец сложный, про некоторые штуки реально впервые слышу и тыкал наугад, по CSS - будто для умственно отсталых готовили. Официально работаю в фуллстеке 2 месяца, реальный опыт - чуть больше года; результаты пикрелейтед.
Дополню: проходил последовательно, дошел до флоатов и очень лень стало, скучно и не интересно, сил нет себя заставить. Стоит ли катиться в интенсив?
>дошел до флоатов и очень лень стало, скучно и не интересно, сил нет себя заставить
Не проходи вообще ничего и уебывай отсюда.
Борисова тоже потерли кстати отвсюду, по-крайней мере на рутрахере раздачи Специалиста вроде закрыли.
забыл скрин экрана
плагин less для sublime поставь для подсветки. В одну строку потому что минифицируется
спасибо, но теперь появилась другая проблема. При сохранение не меняется содержимое css-файла. Какой-то плагин слетел?
готовятся к наплыву людей с 1 числа наверное - как раз тогда и пройдешь курсы причем все и нахаляву
Я еще первые бесплатные не прошел, не успею. А еще интенсив базовый, а откроют-то они продвинутые.
Все работает, что ты тут несёшь вообще.
Прописываю в первой ссылке в хедер марджин 0 авто, то все получается как во второй ссылке. Хотя они различаются. ХЕЛЬП МЭ
почему ты сразу блятькаешь, мразота? Ну не увидел этого и все. А хотя что это я тебе тут объясняю. Поссал на твое тупое личико.
https://infobit.me/threads/intensivnyj-onlajn-kurs-html-academy-bazovyj-javascript-1.11529/
ну так купи и поделись потом с нами. Либо давайте всем тредом соскребем монеты.
Не вопрос. У меня на вебманях рублей 80-100 завалялось бесхозных. Могу внести свою долю, только куда лить, как это организовать?
я вообще там не зареган - как там че происходит хз, просто нашел ссылку, решил тут спросить, может кто там на форуме тусуется том
анон, который поднял вопрос
Я только что зарегался. Чтобы получить доступ к раздаче надо 5 симпатий. Аналог местых лайков, насколько я понял. Но с их набором надо еще поебаться, активить на форуме/создавать свои раздачи. Что-то типа того. Жаль, я бы лучше те 150 рублей им залил, и не ебал себе мозги.
А кто может ставить симпатии? Чо если зарегаться еще 5 раз и накрутить себе этих лойсов? Или несколько ананасов зарегаются и накрутят лойсы одному из них? Проканает?
Что именно не по центру? Верстал по макету, но все выглядит как то "деревяно". Посоветуй что надо доводить до ума в первую очередь, что бы выглядело по человечески.
.link_upBox {
display: block;
border: 1px solid #262f32;
padding: 20px 40px;
margin-top: 60px;
width: 210px;
border-radius: 10px;
text-decoration: none;
}
А вот ссылка <a href="#" class="link_upBox">View Our History</a>
И я в догадках почему продолжает работать подчеркивание когда наводишь курсор. Помогите позязя.
почему не через форму делал? Почему так корява повырезал мелкие фрагменты? Почему кнопки уебанские?
короче, если ты не смотрел интенсив, то посмотри как там правильно надо писать сетку. Если хочешь делать через бутстрап все, то найди на ютубе уроки, и где показывают как верстать макет через него. Да и вообще уроки поищи там всякие. Их там полным-полно
А через что же делать? Ты имеешь в виду всякие section header and etc?
>>428106
С этими названиями у меня настояшая беда, постояно теряюсь как называть классы. Пришлось дать название "заголовок h1 левого бокса".
>>428104
Вырезал как в уроке показывали. Какие элементы ты имеешь ввиду?
>>428109
Макет такой что не очень удобно тут применять сетку. Смещения блоков и т.д. Черкани хотя бы схему как бы ты сверсал сетку на пике.
А с бутстрапом такой вопрос. Если применять ихнию систему grid и кастомизировать, например, 36 колонок, а вот в макете элемент задан больше или меньше размером. Вот нельзя подогнать элемент , размером 28.5 колонки бутсрапа. Как бороться с такой неприятностью?
через :after?
Анончики, как выделять что бы слой пунктиром выделился, и его можно было в последствии вырезать в отдельный файл для вырезания блядские слои из шаблона в 6 фотошопе?
https://htmlacademy.ru/special/newyear/2016
Прохожу сижу - уже и забыл как напрягает отсутствие автодополнения у них в редакторе и эммета =( Да и испытния некоторые дебильные - ну вот курс про тени - нафига сидеть подбирать че там и как если в нормальном макете открыл в фотошопе эффекты и переписал значения и все.... но все-равно прохожу (из открытых пока остались селекторы часть 3)
Все-таки у них ебнутые курсы.
Помню, как меня нахуй вынесло на курсе с селекторами (кажется), где картинка с этим ебучим котом распидорашенная и надо ее собрать, перебрав на глазок сотню селекторов.
Да, там типа профиль кота в соц.сети. Я сделал на 98%. Проще с нуля переписать. Вот толку с таких заданий - не понимаю, если честно.
Ну я так подумал: а вдруг придется дорабатывать верстку какого-нибудь припиздка, который так нагавнокодил что вообще ппц - вот они типа потихоньку готовят к этому лол
Помогите поставить на место заголовок и SINCE 2004. Хотел сделать за since полоску по примеру барбершопа, но все идите через жопу.
Прошел... второй блок все еще не открыт... беда-печаль
а хотя сделаю, как он говорил.
Ну неправильного чего-то. Просто вижу часто, как версталы бугуртят из-за того,что какая-то буковка на миллиметр ниже/левее или какая-то рамочка не такой длины или еще что-то. А мне норм.
Но я правда только третий день курсы прохожу.
Эм, ну нам в принципе похуй. Только в будущем тебя не будут спрашивать какие у тебя проблемы. Проект дали - ебашь. А что там сложного то? Рассказывай, поможем.
карту вроде сделал, а вот форму типа написать письмо фирме не получается сделать. Скинул полностью, что смог сверстать, потому что форма для отправки письма уходит вверх макета. Если бы скинул чисто один футер, то этого было не видно.
Так же в кнопках футера использую иконочные шрифты, которые лежали в папке макета. Не могу их сделать по середине. Вроде больше нечего добавить.
https://jsfiddle.net/0qkqoym8/2/ вот код
хз, сегодня было открыто только 3 штуки, я себе просто скрины с теорией сделал и все. как перенести упражнения хз (да и не задавался целью). Если надо будет - могу потом куда-нибудь файлик залить
хотя в инете в принципе можно прочитать ту же теорию.
скрины в студию
Есть хотелка сделать так что при наведении на кнопки социальных сетей, они немного увеличивались в размере. Думал сделать два комплекта картинок для соц кнопок, одни маленькие, другие побольше. Вообще можно реализовать такое применяя css и не трогая js? И в какой программе сделать картинки чуть больше?
не проще шрифт увеличить и все?
Прошу прощения за растянутый вопрос, просто в наступившем году сосать лапу и не лапу не очень хочется. В общем, на сколько умение верстать > умения писать интернет-магазины в наше время?
Вкидывай свои успешные макеты, хули.
что за сетка?
И задался тут вопросом. Почему у нас в меню есть "Клиенты" и "Контакты", когда у нас вся эта информация пишется ниже главной страницы? Задумался вот сделать, так как нужно, типа в "Контакты" написать карту, а во вкладке "Клиенты" перенести барбершоп и т.п..
transform: scale
https://jsfiddle.net/oqvq2hv8/
Немного удалил аштиэмэля, чтобы мне проще было. Меня отвлекали. Присмотрись я вроде поменял немного структуру html.
На счет иконочного шрифта сложнее. Вот кусок моего кода, попробуй разобраться. https://jsfiddle.net/Lg45ccu7/
Вертикально я паддингом отбил (на глаз епту), а горизонтально text-align
https://htmlacademy.ru/special/newyear/2016#level2
>когда ты уже 22-летний лоб
проиграл
Тебе 22, ты еще молод, о чем ты? Говоришь как будто ты старый пердун с сединой в бороде.
Отмеряй на все действия столько времени, сколько тебе требуется. Учить тот же джс до приемлемого уровня ты будешь по меньшей мере 3 месяца. И это только до уровня "версталы со знанием джс" слайдер написать, переключалку какую-то, карусель и прочее дерьмо, до фронтенд джуна при темпе учебы в 4-6 часов в день можно и полгода идти, а то и больше. Тут все от конкретного уровня требований конечно зависит.
Верстку учить быстрее и проще. Она тебе тоже нужна. Хотя бы потому, что найти работу версталой проще, чем джуну джаваскриптеру. Требований меньше, задачки легче, а оттуда уже можно и в конкретный фронт-енд расти.
И да, 2 сверстанных макета не делают тебя версталой нихуя. Готовь поспорить что в коде там чистейший ад. К тому же требования любого версталы сейчас включают адаптивность, чего в базовом интенсиве не дают.
а я другой анон, и у меня диплом в июне. Сижу можно сказать каждый день(1 день бывает ничего не хочется делать) и занимаюсь версткой(начал с октября месяца). В декабре пытался джс зубрить, но когда учу джс, то верстка сразу забывается и в итоге я даже не мог сделать обычное меню. Сейчас еще надо будет диплом писать, и хуй знает откуда буду время урезать себе.
ну посмотрим, как с учебой будет дело. Учиться буду 2 месяца в этом семестре, и если заваливать не будут, то буду пытаться совмещать все.
Я имел ввиду немного другое. Я думал что ты "програамист", вдруг дипломом мог стать сайтец.
Аноны объясните, как сделать во втором фильтре, чтобы я мог выбрать несколько пунктов. В уроке про иконочные шрифты не говорится об этом.
>>428624
Спасибо за труд, закончу с каталогом и буду думать, как ты это сделал. Редко тут вижу таких анонов, которые готовы помочь в этом хаосе.
Ну блин, надо же не радиокнопки а чекбоксы делать чтобы можно было несколько выбрать, ну что ты в самом то деле
Проблема кроется вот в чем. По началу сделал их тупо бордером, но когда даю ссылкам опасити, бордер тоже тухнет. Ок, делаю афтером - такая же хуйня.
(лол пока писал пришло в голову решение)
Неужели эти ссылки нужно обернуть(или надписи в ссылках) например в спан и давать опасити тому элементу у которого нет границы?
Надеюсь понятно изъяснил.
Всё сделал. Только вот с наведением немного накостылял. Пришлось и ссылке и спану hover отдельный писать и есчли приебаться то можно увидеть что они могут работать отдельно.
Что злой то такой.
> 300рублей в месяц
Честно, не понимаю этой гонки, 300 рублей любое деградант сможет нафармить.
Анон выше прав, зачем костылять, если ты мог просто сменить цвет текста на ховере
rgba, алло!
Есть много способов, самый простой через font size
На какую биржу перекатиться в этом году?
Могу верстать под cms, писать простые скрипты, да и вообще фул-стак.
Вижу два стула, fl и weblancer.
да вроде. Хедер с футером одинаковый и скрипты прописал одинаково. в индексе все норм работает, а вот в где каталог у меня, почему-то при нажатие кнопки, чтобы вызвать форму перематывает страницу вверх. Хотя на индексе форма появляется и находиться возле кнопки вызова.
Другая половина то работает. Их и используй.
Попробуй привязать кнопки по айдишнику.
хочу так же сверстать, но не понимаю как это сделать с бутстрапом.
http://codepen.io/anon/pen/GorzRj
На сайте бутстрапа не нашел похожего ничего
Сколько стоит курсы?
ну навбар для меню, а верхушку через что? По тому коду, который я дал, сойдет или нет?
ХТМЛЫГАНЫ, а я вот тут вопросом задался, если есть интенсив на торентах №8 кажется, можно с него начинать или лучше на их сайте пройти просто курсы? ну а потом по видосикам проходить интенсив?
лучше проходить курсы и смотреть видосики.
Я начал с курсов, но потом понял, что лучше было бы начать с видосиков
Для начала, если стр перематывается вверх, то в ссылке указана #, и клик по этой ссылке не ловится джс, а просто вызывает дефолтное действие.
Попробуй забивать код по частям в консольку. Я бы на странице маркета забил бы часть кода, отвечающую за поиск ссылки, и проверил.
Дальше проверяешь поэтапно, на каком моменте код не выполняется, пока он у тебя походу даже ссылку в меню не находит.
Могу ошибаться, я сам еще джс-ньюфаг
Как делать адаптивность? Все прийдется переписать в процентах, а не в жестко заданных пикселях?
ты тот анон с дурацким кодом? Вижу ты уже многое переделал там, молодец. Но все-равно много еще переделывать нужно.
Посмотри в продвинутом курсе, как переделать под адаптив все. Все в проценты придется переделывать.
>>429440
в джс-треде мне подсказали что-то похожее. Посмотрел через инструмент разраба, и у меня не показывает там тег формы. Вроде как из-за этого может не появляться.
>ты тот анон с дурацким кодом?
У тебя-то тоже ахти.
>в джс-треде мне подсказали что-то похожее.
Это я тебе в жс треде с утра подсказывал, ты так до сих пор и не разобрался штоле?
>Вроде как из-за этого может не появляться.
Не вроде, а точно. У тебя селектор формы вот такой querySelector('form'), а самой формы-то почему-то нету, поэтому дальше там уже код не выполняется из-за ошибки. Ищи в самом хтмл скорее всего где-то лажа, либо тег какой-то не закрыл, либо ещё что.
не знаю чем тебе мой код не устраивает, но да ладно.
Форс-мажор случился, так что только утром посмотрю, когда проснусь.
Какой у тебя уже месяц в джс? Легко дается?
>не знаю чем тебе мой код не устраивает, но да ладно.
Я привык к бэму, все остальное кажется хаосом
>Какой у тебя уже месяц в джс? Легко дается?
Месяца 4, ну так, средне. С проектированием самые большие проблемы, очень сложно заранее продумать хорошую структуру для чего-либо. А так в принципе знаю ангуляр и реакт, могу что-то простенькое написать.
ты есть кто?
Ты упоролся? У нас тут уже другой обособленный диалог, к тебе никакого отношения не имеющий.
Я если ищу заказ, то отправляю несколько заявок в час, другое дело куда мне с небольшим портфолио идти.
Вопрос. Стоит ли его смотреть сразу после базового по HTML, или еще продвинутый глянуть?
где скачал базовый JavaScript интенсив?
Глянь продвинутый и сверстай 2-3 макета, потом уже к жс можно притрагиваться.
Его в глаза считай никто еще не видел. Сам пролистай и поймешь.
наебываешь?
На многих биржах есть такое понятие, как конкурсы, когда много рабов делают один заказ и среди них выбирается лучший. Можно на этом портфолио набить, если с голоду не помираешь.
я не правильно объяснился, у меня на всех ссылках меню появляется бекграунд. Пытался через ховер или просто классу прописать бэкграунд: нон, но не помогает.
>Сейчас все реже обычные люди используют ПК
Какая связь с актуальностью верстки? Интернетом и на смартфонах/планшетах пользуются.
Но сейчас же все используют приложения. Бразуер становится никому не нужным. Или нет?
может ты тогда лучше свалишь? Смысл тратить свое время?
И там в комментах мол версталы не нужны, нужны йобафронты, которые будут разметочку определенным образом сразу писать как в англуляре, либо запихивать ее в js как в реакте (jsx)
Теперь вопрос: поделитесь опытом, как вы устраивались? Только со знанием всех плюшек для версталы + немного ваниллы или jq?
Или же вы курили и запилили пару проектиков на ангуляре/реакте прежде чем вообще шли устраиваться? Так во втором случае нахуй тогда отзываться на должность версталы, если это уже джун фронт выходит и получать больше должен. А судя по некоторым вакансиям верстале хотят платить как верстале а чтобы он и за фронта был полноценного.
Короче буду рад любым комментам (главное нахуй не шлите, лол)
Теперь хочу через веб-вёрстку вкатиться в хардкорный дизайн.
Параллельно ещё в копирайтинг, возможно, податься.
Прохожу базовые курсы академии.
Ну просто несколько насторожило с какой уверенностью некоторые писали что не надо разделения на версталу и фронта. А если так будут думать работодатели все - то время вхождения еще оттянется.
Так то я сам настроен лично после нормального освоения верстки вникать во всякие ангуляры/реакты (чобы норм фронтендером быть). Но это перспективы так сказать, а устроиться то охота пораньше, вот и спрашиваю у кого какой опыт. Так как тут недавно отписывался один - пошел на версталу, собеседование по верстке, а в первый день работы пришел и посадили за ангуляр с тайпскриптом
Лучше расскажите, что там с интенсивом по джс. Скачал кто-нибудь?
на складчинах видел только. Но там надо либо платить за статус, либо быть уже давно зареганым и набить статус. Один тип писал выше что скачал
скачал и не делиться? Что за жадины пошли нынче в этом треде?
Для фирм что ебашат исключительно приложения может и так. Сайтики - совсем иное.
Работаю версталой как раз в конторе, где пишем на ангуляре и реакте, всё норм, уже сам надрочился, знаю как надо верстать, чтобы потом легче было перенести верстку на фреймворк.
Разделение будет всегда, т.к. это просто напросто финансово выгодней работодателю, фронтендеру с зп 100к нету смысла тратить время на верстку, когда её может сделать макака вроде меня за 30к в месяц.
лучше расскажи, как происходит собеседование на версталу. Что спрашивают? Как пытаются завалить на чем-то? Как нужно выглядить, когда приходишь к ним и так далее.
По технической части почти ничего не спрашивали, показал несколько макетиков своих тренировочных, спросили пару раз как ту или иную штуку сделал, потом показали из своего сайта один контролл, и спросили как я бы его сверстал и всё в общем-то. Остальная часть собеседования была с менеджером, которой обычные вопросы спрашивал.
Маму мою можешь в бэ сходить выебать. Местным ньюфагам не столько знаний, сколько мотивации не хватает. Так что не выебывайся.
а менеджер о чем спрашивал? Типа что заканчивал? Где живешь? Почему хочешь быть версталой?
Летом заинтересовался, прошёл курсы кодкадеми и хтмлакадемии, сверстал пяток макетов, вот в общем-то и всё. До того как взяли на 3 собеседования ходил, где не взяли. (хотя там были вакансии не чистого версталы, а немного с жсом, я его тогда очень плохо знал)
>>430518
Да, типо того, обычные вопросы ниочем.
Месяца два, в начале лета начал, в августе уже работал. Но почти каждый день сидел по часов 6
как-то так я имел ввиду. хз может как то и по-другому можно, это первое что на ум пришло
http://jsbin.com/wotupuwaka/edit?html,css,output
а как проходят первые дни на работе? Подсказывают или оставляют тебя одного, и только потом проверяют? Испытательный срок был?
О кстати, двачую вопрос. Как вообще первое время идет? Там же ведь сходу еще нужно много чего доучивать/додумывать. Кто-то помогает? Какие задачи дают?
>>430605
Да, испытательный срок был, 2 месяца.
По верстке именно ничего особенного доучивать уже не надо было, я нормально знал к тому времени, с этим проблем не было
Ну сначала настраивают комп, дают всякие аккаунты в багтрекер, тасктрекер, систему деплоя и всё такое прочее, потом показывают как пользоваться системой контроля версий, где какие проекты лежат, и т.д. Потом простенькие задачки дают, типо поправить кнопку там, поправить блок здесь, объясняют как билдить проект, что делать после того как выполню задачу. Первое время было небольшое код ревью, потом уже без него.
Самое сложное запомнить как где что собирается, где что лежит, т.к. конкретно в нашей фирме много проектов, все они по-разному работают, где-то один сборщик используется, где-то другой.
Типо того.
а предыдущие конторы, которые отказывали тебе называли причину?
Вообще везде одинаково проходили собеседования или где-то специально валили?
Не заебуйте человека таким количеством вопросов =) А то вообще уйдет.
Тем более что пользы от того что он ответит валили его или нет для нас (всех остальных) лично нет. С причинами еще куда ни шло - но там если не скажут и самому догадаться можно из того че не знал (в чем был не уверен), какие вопросы запорол и т.д.
Это очень грустно,я не успею все пройти. И мне надоели эти задания, интенсив хочу смотреть.
Так проходи интенсив, кто тебе мешает?
Я те задания, которые открыты сам быстро пробегаю и только теорию скриншотю, задания увы так не сделать. Да и чем больше скриншотю, тем больше понимаю что нафиг надо, если ту же инфу можно либо в спеке прочиткать либо просто найти в инете статью. Но раз взялся и халява - добью до конца
::before
http://habrahabr.ru/post/274595/
Кто что думает? Ящитаю, теперь с "поддержкой ie8" можно гнать.
нашёл себе занятие для дауна, теорию скриншотить
ЭТО БОЖЕСТВЕННО! Я даже как начинающий верстала даже не заебавшись кроссбраузерностью и то рад этому. Так еще и отменяют всех кроме 11ой, боже благослови наделлу.
я думаю не всем работать над сайтами для гос структур
(про сайты для домохозяек вообще молчу)
Нет, причин не называли, вообще по-моему мне даже не перезвонили ни из одной из них.
При этом та фирма, в которую я в итоге попал, намного, в разы, более крутая, чем те предыдущие, я даже удивился, что меня сюда взяли.
В одной из предыдущих дали тест на листочке решить, это конечно просто фейспалм, были вопросы типо "как поставить бекграунд блоку", я естественно там всё решил, но мне даже не перезвонили, чему в общем я и рад.
ну, значит отлично, что не взяли) молодца
Лол. Тебя небось hr-ы собеседовали. Они вообще ничего не понимают, это видно по вакансиям, которые я сюда вбрасываю. Требования уровня "верстальщик: знания java или javascript" только подтверждают мои слова. Поздравляю тебя, друже.
что делать если в моем мухосранске у всех контор требуются верстальщики с опытом 1-3 года? Проканает если я им покажу свои сделанные макеты(штук 10-15 из которых 5 будут через бустрап)?
Почему выходит такая ошибка? До этого в коде есть тот же addEventListener и всё окей.
https://jsbin.com/levudaniqu/edit?html,js,console,output
ааа епту, это потому что я querySelectorALL использую.
В той конторке, где тест - да, менеджер, в остальных технари.
В ту, которую я попал, собеседовало в сумме 5 человек, сначала менеджер по персоналу, потом главный менеджер по персоналу лол, потом мой текущий тим лид, потом два менеджера по проектам.
>>431285
Хз, я во все конторы рассылал, даже если там было написано, что нужен опыт. Думаю да, прокатит, хуже точно не будет, главное, чтобы позвали на собеседование, а там уже надо не оплошать.
Хулпуйте, сам не могу составить логику. Задача: при клике на ссылку появляется черта под ней, как активная.
Как я придумал:
Находим все ссылки в главном меню (через querySelectorAll), ждём по ним клика, добавляем нажатой ссылке класс active. В теории все гуд, но на практике я застрял. Во-первых найти все эти ссылки можно, но ждать по ним eventa клика нельзя. Во-вторых нужно каким-то образом удалять класс sctiv у предыдущей ссылки.
Возможно всё таки как то через пердолиться?
Помогите, подскажите кто как это реализовывал или как правильно.
D:\web\HTML Academy — Месячный онлайн-интенсив по «HTML и CSS» (№8)\Макеты\nerds
Насчет бирж не знаю, зато могу посоветовать попробоваться на удаленку в какой-то конторке. Тут аноны отписывались, что так и стартануть проще, и работа регулярно есть.
Могу насохранять скриншотами+текст заданий.
Хотя, нет, не могу, мне лень. Сам за них даже не буду браться, прошел курсы на селекторы и анимацию, и хватит. Как дойду до нужного уровня - заплачу 300 рублей.
Я для себя проходя делал скриншоты типа конспект в вордовском файле. После конца акции могу выложить. Только пользы то гораздо меньше если только конспект этот пролистать не выполняя упражнения
Возможно у тебя вначале не написано "data:image/svg+xmlблаблаблакод", если ты про б64 код говоришь
Инкскейпа должно б хватить.
http://codebra.ru/guide/674
Пройди, расскажешь.
Там не все бесплатно. А отзывов мало. Но вроде довольно неплохо сделано.
ayak.ru
Это агрегатор, с него заходишь на отдельные биржи, ибо всё равно придётся регаться там, где хочешь работать.
Например http://plnkr.co/edit/mxo2WMTdar9jjQgYUFgD?p=preview
Вот что появилось при переходе по сслыке на песочницу с первой задачи, отсюда https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave
синтаксис html и css
Ох блять, как раз шел, чтобы поделиться с вами просто пиздецом и тут такой вопрос.
Самая крупная соцсеть в мире, а тебя ебут в жопу и лишают зарплаты за то что ты отступил на 0.01em пользуясь случаем, напоминаю, что на дворе 2016 год и пикселеблядки должны уже были вымереть как вид
они там реакты/хуякты мутят им некогда на верстку смотреть - это удел неудачников как мы лол
>>431797
Кто-то, возможно, возразит и скажет КРОССБРАУЗЕРНОСТЬ и возможно будет прав, но не в случае, когда ты переделываешь пхп под свои нужды гуглите hack language. Никогда не поверю, что они не могут отдавать svg и прочие плюхи современного фронтенда в зависимости от юзер-агента, тем самым, уменьшая нагрузку и количество передаваемых гигабайт.
Пик стронгли рилейтед.
вкусовщина
Только что глянул на одном сайте, там свг иконки прямо ссылками вставлены, например.
Спрайты уже тоже не в моде?
Я не он, но тоже хочу уточнить, потому что в интенсиве академии он рассказывает, что дескать лишние запросы на сервер, бла-бла-бла. А я не стал ебаться со спрайтами и просто хуйнул 4 иконки, каждую отдельно.
Всё правильно. С одним спрайтом идет один обмен с сервером, а кде 4 картинки - там 4 обмена с сервером, соотвественно, больше проебанных пакетов, а соотвественно, больше время загрузки.
Да это я понимаю, не совсем даун.
Активно изучать и использовать svg.
Наверно даунский. Посмотри 3 раздел базового интенсива.
Рейтаните будьте добры. Месяц примерно пилил с попеременным успехом.
/ уберите, а то у макакича спам лист
Каталог в магазине.
>nerds/.16mb/.com
почему слайдер не работает? Почему при заходе в магазин нет полоски под надписью?
Ебал их в ухо. Я не знаю как это сделать, а как сделан слайдер в интенсиве мне не нравиться.
мало что тебе там не нравится, делай как показывают.
Размеры не выдержаны (но более-менее норм, к пиксель перфекту нет смысла придираться). Про слайдер тебе уже сказали. Нет перехода на главную по клику на логотип из страницы каталога. Не меняется индикатор нахождения на странице (нормально не меняется). Нет указателя кастомного на карте. Подчеркивания под стелочками на странице каталога лишние.
Лажа при уменьшении окна просмотра (ехать не должно так - пропиши минимальную ширину для body)
Для совсем начинающего наверное сойдет. Главное еще надо макеты делать, чтобы избавиться от косяков и набить руку. Делай остальные короче.
Как это сделать?
я уже 2 день не сплю нормально, и я тебя не понимаю из-за усталости за эти дни. Тебе нужен мой пример с картинкой в кодепене? Если так, то я не знаю, как там загружают их. Сорян.
аа, ну у меня вроде все норм получается с этой фигней, но не понимаю причину почему ховер включается, если навести мышку на заголовок и категорию. На рисунок навожу мышку, и ховер срабатывает, так как мне нужно. Думаю это какой-то заговор.
Это копия, сохраненная 9 февраля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.