24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
В этом треде серьёзные и грустные мастера веб-вёрстки и веб-дизайна обсуждают печальные перспективы отрасли и сетуют на высокую конкуренцию, а также кривые неравняющиеся блоки и дизайнеров-мудаков, рисующих кривые макеты. Только здесь HTML и CSS официально являются языками программирования, а школьник, сверставший страницу с двумя ссылками - настоящий фронт-энд специалист. Добро пожаловать!
>Нужно уметь рисовать в фотошопе? Нет, макет рисует дизайнер, а верстальщик формирует HTML код.
>Я безработная корзинка/меня заебала своя работа и я хочу перекатится к вам. Можно? Можешь попробовать, однако это не самая лучше идея, так как количество доступной работы уменьшилось и найти работу стало труднее.
>Я слышал про CSS и JavaScript, что это? Значит так, Html отвечает за размещение элементов на странице. CSS - за их оформление. JavaScript (и его библиотека jQuery, в частности) нужен для "оживления" элементов на сайте. В отличии от предыдущих двоих, это язык программирования. Вначале верстальщик может обойтись и без него, но желательно иметь базовые знания. В /pr есть созданный Айдихой JavaScript-тред, если что.как и php-тред
>Какие есть перспективы в этом деле? Со временем, набравшись опыта и выучив другие языки и технологии, верстальщик может перерасти в полноценного веб-разработчика.
>Короче, блять, научите как удалённо зарабатывать программированием хотя бы штуку баксов? Не вопрос, сейчас откопаю свою брошурку "как удалённо зарабатывать программированием хотя бы штуку баксов" и выложу. Жди.
>Понятно, что не так прям с полтычка, но где-нибудь за полгода изучения реально? Нет, не реально. В интернете вообще деньги нельзя заработать, ты что, не знал? Вон в odesk-треде анонасы траллируют скриншотами весь воркач, уже какой тред подряд.
Ниже гайд для тех, кто заинтересовался, любые вопросы, ответы на которые содержаться в гайде, идут нахуй, если вам что-то непонятно в гайде, цитируйте где и что. Там же имеются ссылки на все прошлые треды.
Написал вот на эту вакансию, но никаких Джава (он наерное имел Джаваскрипт лел) и ЦМСок не знаю, тем более нет двухлетнего опыта и вышки. Он мне ответил, тип напиши телефон - перезвоню ЕСЛИ ЧТО.
Web-дизайнер.
Требования: Отличная фантазия, чувство стиля, умение работать по тех. заданию, ответственность. Образование: Высшее. Опыт работы: Не менее одного года в сфере web-дизайна. Необходимые навыки: Свободное владение редакторами растровой и векторной графики. Желателен опыт разработки flash-анимации. Обязательно наличие портфолио.
Web-разработчик.
Требования: Исполнительность, внимание к деталям, умение разираться в чужом коде. Образование: Высшее. Опыт работы: Не менее 2х лет в сфере разработки сайтов. Необходимые навыки: Свободное владение php, MySQL, CSS, Java. Знание нескольких CMS. Обязательно наличие выполненных проектов.
>>209820 Сайты, которые ты будешь верстать, потом будут натягиваться на цмс, поэтому надо знать как они работают, чтобы писать удобный код для натягивания, а также соблюдать файловую структуру, чтобы потом не переписывать пути.
Нихуя подобного, не неси чепуху. Джуниор веб дев должен вот чем обладать:
Bachelors degree, preferably in computer science, graphic or web design, or another related field of study. Advanced knowledge of front-end web development and underlying technologies including HTML, CSS, Ajax, JavaScript, PHP and MySQL. Ability to develop cross-browser and cross-platform solutions Advanced knowledge of jQuery Broad CMS integration experience, in particular with WordPress and/or Drupal. Development experience with APIs (such as Google maps or search, Facebook authentication, Mailchimp, etc.) Experience working on Linux/Apache/MySQL/PHP environments. Familiarity with database management, structure and strategy. Ability to juggle multiple priorities and work on multiple projects simultaneously.
>>210011 Хуево ищешь. Надо искать по "HTML" и "PHP", и дальше сортировать по отрасли/опыту и так далее. Всякие говностудии могут искать front-end developer, а по факту это будет верстун+jquery
>>209962 Апис хуяпис. Я больше из половины этого говна знаю и для решение той или иной задачи знаю в какой гугол мне тыкать. И еще месяц уйдет на ознакомоление со всем остальным на уровне гугола. Остальное все вода и расплывчатые красивые слова, замаскированные под нечто сложное из-за написания на английском. Все это доводится до автоматизма на практике, а для практики должны быть в первую очередь заказы. Все любят прятать что-то простое и обыденное за всякие сложные термины.
>>209962 Я тебе уже ответил со скринами в предыдущем треде >>210014 >>209999 Перевожу с работодательского: «хотим нанять мидла, а платить как джуниору».
>>210243 Какая эль сука? Никто в английском так не произносит. Пытаешься понтонуться, даже не зная языка и произношения. Неудивительно, что вы вечно каверкаете английский слова так, что аж глаза трещать. аттеншнВХора.джей пи гэ.
>>210319 Было бы совсем хорошо если бы имелся сайтик ( бложик, канал на ютубе) где были бы эти pds шаблоны и туторал, если сам не справляешься. Есть такое ?
>>210332 >3 > раз в месяц. Cпасибо бро но я задрот по природе ( вот решил в полезное русло направить) И мне нужно задрочить скил вёрстки Этого очень мало как по мне. Т.к не учусь друзей нет родственники мозги не ебут Посвящу себя верски 24-7 ( аниму так смотреть и в игрульки играть так же мог, значит и верстать смогу) А через месяц мне вёрска не нужно будет уже. Щяс бы до конца месяца поднять 1500 к ( за инет заплатить лол) В следующем поверстать от души. А потом с этого капитала набивать трафик на сайты и рубить кеш с рекламы ^_^
>>210341 У меня стоит Emmet (без него даже не представляю, кто вообще верстает) и BracketHighlighter (удобная подсветка скобок и тегов). Раньше был еще лайв релоад, но в третьем саблайме он не работает с лисой.
Котаны, смотрю интенсив и такой вопрос возник. Там говорят, что теги html5 типа <header>, <footer> лучше использовать, потому что они есть в спецификации. Но тот же <nav>, например, делает абсолютно нихуя, кроме как добавляет лишний элемент в html код, тем самым увеличивая скорость загрузки страницы. Стоит ли его в таком случае вообще использовать?
>>210524 Ну охуеть теперь. С тем же успехом можно сказать и ><header>, <footer> Нихуя не делаю, как и любые другие теги. Все это должно влиять на скорость загрузки страницы и там например восприимчивость поисковиками, но я ничего на эту тему не встречал.
Вечер в хату, антуаны. Хочу запилить для души поделочку, суть токова: на сайте должны постепенно всплывать картинки на определенной минуте и секунде просмотра самой страницы. У гугла спрашивал насчет реализации, тот послал меня нахуй. Есть ли у уважаемых веб-господ соображения по этому поводу? inb4 лучше займись чем-нибудь полезным
Повелся на хвалебные отзывы, плагины, халявность, да и вообще опенсурс и установил этот ваш Brackets. Это что за говно с кириллическими шрифтами? Что он так тормозит то блядь? Текст запаздывает прокручиваться вслед за дерганием скроллбара. У меня пекарня не оче хорошая по современным меркам (пентиум д и 2 гб оперативки), но это же блядь просто текстовый редактор. Как починить шрифты? Как сделать чтобы не тормозил?
>>210937 Он у меня стоит. И он мне даже нравится. Но он периодически выдает сообщение о покупке при сохранении. А я ж нищеброд, у меня нет денег чтобы его купить. В брекетске есть фичи просто 10 из 10 господи 10 из 10, вроде лайв превью. Если бы удалось починить это говно, было бы просто замечательно. Или мне ждать штабильный релиз?
Скажите, вот я знаю, как на пхп сделать, чтобы комменты из формы ввода отобразился на странице. А как сделать, чтобы при рефреше этот коммент там оставался? Их надо в БД(майсокл) заносить?
>>210939 >лайв превью Это может grunt >>210945 >Их надо в БД(майсокл) заносить? Ага, а потом отуду брать. Гугли "как сделать гостевуху" >>210946 Тогда почему говоришь что скучный? Может это самоучитель скучный?
>>211355 их дизайнер сам расставляет как хочет, когда макет создает? просто в макете который сейчас верстаю, их расположение вообще какой-либо логики лишено.
>>211654 Вот сириусли я не могу найти себе заказы на одеске. Даже копирайтером хоть и за копейки легче было - набил постоянников и все. >>211610 но мне вот один работодатель отклинкнулся, но там такой клоповник судя по видео и ехать ппц далеко.
>>210936 Шрифт поменяй. Вид - Themes - там вбей что-нибудь типа Arial. Основная мякотка брэкетов - это live preveiw - херачишь код, а в браузере он в реальном времени отображает страницу, все изменения видны без обновлений. + удобное редактирование css - жмешь cntr+e на классе в html и редактируешь его - изменения пропишутся в css.
Господа, сколько времени нужно обучаться, чтобы сверстать пикрелейтед? Алсо, чет мне не вериться, что в фотожопе не надо уметь рисовать. Тем более, что дизайнер, ебучий шакал, может в исходниках PSD оставить левый кал под 800 слоями, который невозможно просто так взять и впихнуть в верстку.
>>211996 >Господа, сколько времени нужно обучаться, чтобы сверстать пикрелейтед? Месяц >Алсо, чет мне не вериться, что в фотожопе не надо уметь рисовать. >Тем более, что дизайнер, ебучий шакал, может в исходниках PSD оставить левый кал под 800 слоями, который невозможно просто так взять и впихнуть в верстку. Ну между тем что ты описал и "рисовать" есть большая разница.
>>212004 Да я про то, что дизайнер вполне может не отдельно элементы нарисовать, а сделать одну большую кашу из них и выдирать их придется мне. Дизайнеру-уебану в 90% случаев же вообще нахуй невдомек как верстать-то потом будут его шедевр
>>212008 Кек, ну вот вам реальный пример, с пылу с жару, только с биржи.
Требования: 1. Сайт должен одинаково хорошо открываться на всех устройствах и разрешениях 2. Всплывающий поп-ап с таким же фоном, как и на странице. с полями "имя" " телефон" и кнопка "узнать стоимость" 3. Маски в поле "телефон" формата +7 (999) 99-99-999 4. Страница благодарности с текстом "Спасибо за заявку, мы свяжемся с вами в ближайшее время"
И В КАЧЕСТВЕ ИСХОДНИКОВ ЭТОТ ФАЙЛ ПНГ Вот что блять сука тут делать? Даже этого сраного фона нет отдельной картинкой. И это еще легкий пример. И такого говна навалом. Что, говорить заказчику ИЗВИНИ БРАТОК НЕТ PSD ИДИ НАХУЙ?
>>212008 >сделать одну большую кашу из них и выдирать их придется мне Ну это еще не самый худший вариант. >>212010 >И В КАЧЕСТВЕ ИСХОДНИКОВ ЭТОТ ФАЙЛ ПНГ Вот поэтому я и не хочу идти во фриланс. >Что, говорить заказчику ИЗВИНИ БРАТОК НЕТ PSD ИДИ НАХУЙ? Короткие ответ: да. Длинный ответ: поясни что без псд ты просто не сможешь это сверстать. >>212012 >А кнопку УЗНАТЬ СТОИМОСТЬ можно CSSом сверстать? Конечно, это же элементарно. Как ты получил заказ вообще?
>>212010 сверстать можно все кроме фона, в котором вижу ясно вижу злыебучий параллакс, так что нахуй без вариантов. Наверняка раз psd мудила просто решил наебать дизайнера с оплатой, а теперь хочет наебать верстальщика
Как тестить адаптивную верстку, если нет мобильного? Режим адаптивного просмотра в браузере или сторонние сервисы не всегда позволяют увидеть некоторые косяки.
>>212400 >Это как минимум 3к надо. Не хочу тратиться. Пипец вообще. Это твой рабочий инструмент, а ты на него тратиться не хочешь. Ну охуеть теперь. Иди вон таксистом работай. Только машину не покупай, нахуй тратиться-то.
>>212403 Успешный недвачер закукарекал. Ни разу телефон не является обязательным рабочим инструментом для верстальщика. Тем более, если есть эмуляторы.
>>212406 >Ни разу телефон не является обязательным рабочим инструментом для верстальщика. Тем более, если есть эмуляторы. >>212289 >Режим адаптивного просмотра в браузере или сторонние сервисы не всегда позволяют увидеть некоторые косяки.
>>212652 Поздно. Здесь все как у гей-шлюх. Чем моложе ты, тем больше дает клиент денег. Он смотрит по скайпу, няшный ли ты, либо же старый козел. Если серьезно, то и после 30 не поздно.
>>212652 >>212665 Единственное, чем получается себя успокоить, это то, что куда бы я сейчас не пошёл работать, там будет стагнация. Одна должность на 10 лет, пока кто-нибудь на должности постарше не умрёт, лол, и то не факт, что поставят тебя. А связей чтобы на хорошее местечко попасть у меня нет. И если, один хуй, начинать всё с нуля, то лучше в области, где без профессионального роста никак. 24лвл-выгляжу-на-20-кун
>>212685 Что вы все находите в этом карьерном росте? Если работа интересная, то ей можно и на одном месте заниматься, без дроча на повышение по службе.
>>212814 Всё индивидуально. Дохуя ты интересной работы можешь придумать сычам без связей? Интересная, любимая работа это такое же уникальное чудо, а иногда вообще кажется мифом, придуманным оптимистами с аутотренингом. Работа это прежде всего источник дохода. И в основном, чем меньше сил тратишь на получение большего дохода, тем работа интересней. Бывает конечно, что человек чуть ли не с детства знает чего хочет и ему удаётся пронести эту страсть через всю жизнь, но это большая редкость. У меня есть знакомый, который с детства мечтал стать дальнобойщиком и в итоге стал, и счастью его нет предела. А меня с одного запаха бензина тошнит, так что я даже прав на данный момент не имею. Так что на вкус и цвет товарища нет.
>>212828 >И в основном, чем меньше сил тратишь на получение большего дохода, тем работа интересней. Но повышение по службе отнюдь не означает, что сможешь меньше работать. Наоборот, появится дополнительный геморрой. "Грязной" работы будет поменьше, но ответственности и головной боли куда как больше.
>>212833 Опоздал я с фиксом. >чем меньше сил тратишь на получение большего дохода, тем работа интересней не интересней, а удовлетворяющей скорее а интерес как раз и заключается в том, что >но ответственности и головной боли куда как больше. Но это индивидуально, ещё раз говорю, смотря кто чего хочет от жизни. Просто я проработал 2.5 года на одной унизительной должности за средние для нашего мухосранска деньги, и ничего хорошего в этом не нашёл. Нет, скорее так, я бы и до конца жизни мог бы там проработать, просто это скучно и не интересно, а других путей развития я не вижу, а свадьбы, дети и прочее какулюдей за развитие на данный момент не могу считать. И хуй на хуй менять в плане работы тоже смысла нет.
Верстаны, делаю я бордер-радиусом круглую кнопку, но при нажатии на нее высвечивается прямоугольный контур. Некрасиво пздц, тоже самое и с формами ввода. Как с этим бороться?
Какой же бракетс охуенный если под себя все настроить + нужные расширения Плюс новая фича с отображением псд макета Господи бракетс/10 Не могу понять аутистов которые на саблайме сидят.....
>>213134 Смотри сюда значит, Маня. Закрываешь браузер. Открываешь его заново. Снова заходишь в этот тред, но в этот раз делаешь это немного внимательнее. Смотришь на тред минут пять. И вот после этого открываешь фак. Ну а дальше сам додумаешь.
>>213140 Спасибо тебе, язвительный Анон. А ведь могли бы лампово пообщаться, ты бы почувствовал себя мудрым, опытным старшим товарищем, который передаёт свои знания зелёным и наивным ньюфагам.
>>213134 Джаваскрипт нельзя выучить. Верстка - тупое обезьянье занятие, но джаваскрипт - это программирование, чтобы им заниматься, надо родиться с божественной искрой, быть талантливым в математике и обладать абстрактным логическим мышлением. Все тлен, ты будешь, как и я, версталой до смерти.
>>213491 Прошел во время новогодних праздников, когда он бесплатный был лол. Ну хз, применяю. Наверное что-то подобное будет и в кодакадемии бесплатно.
>>213491 Ну я вот сейчас прохожу, пока только 3-й раздел. Не могу понять как выбрать правильный способ верстать тот или иной элемент, видимо это с опытом придёт. Я, например, разметил список в магазине барбершопа списком из чекбоксов и закрыл их лэйбэлами. А учитель в 3-м уроке просто сказал, что нужно ссылками захуярить и как-то чекбокы эти прилепить просто как декоративный элемент, но не показал как, может это потом затронут или где-то код покажут, я хз. Но по идеи им же там личный наставник подсказывает в этих вопросах.
>>213493 Этот пост просто пушка. Джаваскрипт же разный бывает. Погромисту в основном нужен только ajax и все, остальное его нахуй не ебет. А вот все остальное - делает верстальщик. Весь декоративный яваскрипт на верстальщике. Все эти jquery, бутстрапы и прочий скам - все это он.
Про божественную искру аж как-то мило на душе стало
>>213702 Вот одна из страниц учебного макета, слева список производителей. Препод в курсах говорит верстать на ссылках, а чекбоксы, то есть их изображение я так понял, фоном запихать и предусмотреть 2 состояния, обуславливает тем, что чекбоксы плохо стилизуются.
Есть хоть какой-нибудь способ получить ширину текста в инлайн-блоке <li> в пикселях? Пробовал методы jquery: width(), outerWidth(); js: getComputedSize(); Все возвращают почему-то неправильные значения, отличающиеся от рассчитанного браузером? джва дня уже ебусь с этим.
>>213874 в том-то и дело, что уже написал, выслал резюме, человек сказал позвонить ему. Вот уже неделю не могу себя заставить позвонить, чот такая социофапия то ли лень напала - хз. Как подумаю, что туда каждый день с утра таскаться и неизвестно какой коллектив там... Чел судя по фоткам адекватный, даже на год меня младше лел, бордовик.
>>213933 он ни на что не повешен, он просто внизу страницы в тегах <script> заключен. Я не задумывался о таком варианте правда говоря. Как тогда сделать чтобы он точно подгрузился после загрузки шрифтов?
>>210332 Вот это высер. То что дается на годном кодакадеми, как сноска, тут вдалбливают целым курсом. Возможно проблема в том, что пидорашки не могут в английский и им нужно по сто раз объяснять, разжевать и в рот положить.
Не удержался vebmaster.businesscatalyst.com >Потратив годы на изучение различных вариантов дизайна, а так же изучив основы веб-программирования, теперь создаю сайты с интересным и неповторимым дизайном.
Посоветуйте ньюфане. Начал постигать основы верстки.С хтмл все пока что более чем понятно, с цсс в общих чертах тоже (синтаксис, хуемае, и т.д) Квэшн, есть ли сайт-справочник, где тупо собраны все свойства цсс (ну типа, если хотите выравнить текст вот вам вот эта свойство, подвинуть вправо на N-пикселей - вот это и етс)
>>214247 помимо хтмлбук, там оно не сгрупировано Сейчас обхожусь гуглом, каждый раз гуглю, типа свойство для ..... и 1 ссылкой как правило вываливается этот же хтмлбук
>>214239 Все проблемы от недостатка твоей квалификации, нахуя нужна простая верстка - её любой школьник сделает. Учи сопроводительные навыки и получай 20баксов в час облизывая буржуев.
есть ли смысл вкатываться сейчас в тему. С обучаемостью всеок. Месяца через 4 смогу обладать уровнем среднего спеца, при условии каждодневных занятий, но суть вопроса в другом. Планов покидать свой свидомый мухосранск не имею, по этому единственное применение навыка придется искать в удаленке. Бегло ознакомившись вижу что дела плохи сейчас с этим, конкуренция и демпинг во все поля. За всю историю тредов есть котаны, которые влились в удаленку и начали извлекать профит?
>>214349 Дома пиздец хуево работать. Постоянно отвлекаешься. Сраную форму для инет магазина, например, верстаю уже два дня, лол. Отсюда малое количество денег, потому что на оклад тебя дома никто не посадит, только сделка.
>>214353 лол, мне похуй. С концентрацией и мотивацией разберусь. Вершин срывать не собираюсь. Нужна десятка деревянных в месяц. Лучше подскажите как влиться, лизать жепы заказчикам там, демпенговать, на каких биржах лучше пытаться.
Пиздец, весь день скроля двачи у меня глаза чуть уставали, а при вёрстке после пары часов будто белая пелена перед глазами как с компа встаю. Кто какую тему для брекетса использует?
Поцоны, немного подзаебало уже. Полдня дрочился с жквери, а тут на, летающее меню подлазит под некоторые элементы, которые, как я понимаю, я сделал через жопу. Нужет совет диванона. http://yoba.besaba.com/
>>214451 Ну верстаешь сначала основной фон, там ничего трудного. Потом этот слайдер. Примерно, вся хуйня на зеленом фоне у слайдера на одном диве с прозрачностью, все остальное на другом, без прозрачности. Зеленый фон на слайдере делать через опасити или ргба(в нем опасити менять, так наверно лучше будет), по бокам тени боксшадоу, затемнее на навигации тоже ргба. Сиди пробуй, от писанины мало толку. Ты наверно не понял нихуя, да и я хз как объяснить.
>>214424 Я бы сделал бокс этот, который выделяется, абсолютным. Чтобы его выровнять посередине: .box { position:absolute width: 60%; right:0; /обязательно и право и лево прописать/ left: 0; top:0; margin: 0 auto; } Ну а "заднюю часть", собственно как обычно.
В общем, вернулся с собеседования. Шеф сказал, что нужно еще месяц подтягивать меня в верстке, сказал переделать мой сайт из портфолио, потом будет давать мне макеты верстать на дом, а потом возможно возьмет в офис на оклад. Сам верстает на таблицах, обхуесосил мои дивы и дисплей флекс. Такие дела. (Шеф оказался женатым, зря презики брал, пичалька)
и вообще, шли нахуй, это ж стандартная наебка. будешь верстать ему пару месяцев макеты нахаляву, а потом он скажет, что нашли мастера получше тебя и ты нинужен.
>>214475 > Сам верстает на таблицах, обхуесосил мои дивы и дисплей флекс. Ну он конечно хуесос, но в целом ты можешь поработать там исто ради опыта. Главное не начинай верстать таблицами, лол. Когда он тебя кинет, у тебя уже будет опыт и портфолио, гораздо легче будет устроиться.
>>214475 У меня конечно не таблицами шеф верстает, но к различным семантичным тегам скептически относится. Я просто сказал, что в спецификации есть - значит буду юзать, мне похуй.
а есть какой-нибудь плагин для брэккетса, чтобы можно было выделить логические блоки свойств, и в дальнейшем сворачивать/разворачивать их при нажатии на "+/-"? а то неудобно становится копаться когда число строк кода приближается к 1000, боюсь представить что дальше будет
>>215017 Разберём по частям тобою навёрстанное: 1) Хули у тебя ссылки в шапке вообще никак не реагируют? Hover, сука! И курсор между ними как эпилептик дёргается, аж бесит блядь? 2) Хуй с ними со слайдами на CSS, хуй с кругляшами в которые не попасть, кнопку "Узнать больше" хотя бы на одном уровне бы сделал у всех слайдов. 3) Почему левый блок наверх съехал, а сука? И не на ссаный пиксель даже! 4) Про грамотность уже сказали. 5) Ты бы еще светлее шрифт сделал, чтобы его от фона не отличить было, вот это было бы новаторство и охуенность. 6) Сделай уже что-нибудь с эпилепсией курсора. БЕСИТ СУКА. 7) Каталог съехал, как мои трусы, когда я быстро присел посрать. Набок, ёпт. 8) Что это за блядские чекбоксы в духе "левыйверхнийугол"? 9) Еще раз напомню, что цвет шрифта и страницы должны отличаться. 10) ДОСТАТОЧНО ОТЛИЧАТЬСЯ. 11) HOVER это чистый CSS. Юз зэ хувер, пидор. 12) Я вообще не хочу тебе звонить и не понимаю, почему адрес у тебя жмётся влево, а телефон размазало. 13) Почему у тебя кнопки круглые, как колёса в enter the matrix? Зато сам код у тебя мило выглядит, молодец.
Навскидочку вот. Сам я мудак и не верстаю, это раз. Учусь верстать по интенсиву и книжечкам, где-то вторую неделю. Обосру любую вашу потугу, это три. Аминь
Итак, после трех недель поиска работы, меня наконец позвали на мое первое собеседование. Через два часа пойду. Пиздец, меня от волнения аж выворачивает, к четырем, наверное, я потеряю сознание и к вечеру проснусь в луже блевотины. Волнуюсь я потому, что всю верстку осилил за месяц(по 5-8 часов в день), и уже две недели html в глаза не видел. Пиздос, короче, лучше б я в грузчики шел.
>>215112 Ну, на хедхантере у меня вообще пустое портфолио, лол. Так что работодатель скорее всего думает, что я вообще без ничего. А вообще хуй знает, я ищу работу уже три недели, новые вакансии появляются каждый день, так что скорее всего мне просто повезло. Алсо, меня еще не взяли, а только на собеседование позвали, может меня оттуда прогонят ссаными тряпками.
>>215119 В вакансии написано, что я должен хорошо знать хтмл5 и ксс3 и разбираться в жабаскрипте. Возможно, это одна из тех конманий, которая первым делом смотрит на ОБУЧАЕМОСТЬ(ТМ). Просто у меня в вакансии написано, что я у мамы в свободное время занимаюсь гейдевом(и тут я не соврал), так что возможно они решили, что если я осилил гейдев, то и верстку осилю.
Скажите, а как сделать, чтобы каждый новый коммент сдвигался на 10 px вправо как в жж? Предполагаю там на пхп как-то так будет: $i= положение блока коммента $y="20px" for($i=0,$i<=n, $i+$y) { echo "margin-right" $i; } Вопрос: как этот параметр положить в цсс для блока?
А можно игнорировать кроссбраузерность в Эксплорере? А то он единственный, где все криво косо и если там ровняешь, то в других браузерах становится косо.
Фух, кажись отпустило. Я вспомнил, что мне в общем-то похуй, кем работать, и, если б не мамка, я бы уже давно работал каким-нибудь кладовщиком или продавцом-консультантом. К тому же верстка мне не очень-то нравится, а на вышеперечисленных работах вообще 90% времени ничего не делаешь. Так что волнение сменилось глубочайшим похуизмом. И это заебись.
>>215179 Я уже четыре месяца тыкаюсь везде, пытаясь найти какую-нибудь днище-работу, чтобы вкатиться в отрасль. Везде нахуй шлют. Впервые в жизни нашел то, чем мне нравится заниматься и такой оболом. Да, у меня бугурт.
>>215201 В том-то и дело, что ни одного! На hh откликаюсь на все вакансии, где считаю, что потяну требования - одни отказы, уже штук 30 насобирал с октября. Плюс десяток писем в разные студии - молчание. Я конечно не супер крутой верстальщик, но охуеваю от историй итт в духе "я нихуя не знал, но меня взяли" (без обид, посоны).
>>214933 Хули у тебя header и footer классы? Либо ID, либо HTML5 элементы. Где хуверы в меню? Отвратительная анимация слайдера. Где адаптивность? Чому не svg?
>>215214 Подсчет стоимости не работает. У лейблов у чекбоксов курсор ебанный. Сортировка - это ссылки. Где сайты с поибистикой(киосок и прочая залупа), кругляшки - это пагинация. Гуглмапс я за тебя вставлять буду? И хули сбоку, блять? Соцсети обрезал как ебан, какие то пиксели торчат, про бордер-радиус не слышал? Курсор в главном меню - это пиздец, он 3 вида имеет. Ты чо блядь ебанутый что ли? Хавер в главном меню где?
>>215227 >либо HTML5 элементы ничего не измениться же сильно мове тон? >хуверы кто сказал что они там нужны то >Отвратительная анимация слайдера. зато css >Где адаптивность? починил >Чому не svg? Что это?
>>215170 Я себя вчера после собеседования чувствовал каким-то грязным и униженным, аж проснулся от кошмара и в голове какие-то ужасные мысли роились о проебанности всего.
>>215250 Да ерунду какую а ля "мне все понравилось, но вам не хватает опыта создания ЦЕЛЫХ сайтов" и сказала, чтобы я не позорился и просил больше (а просил я 15 кек), но все-равно она молодец.
>>215246 >Нахуя? Потому что разработчик так задумал, очевидно же. >Нихуя не понял Наведи медленно на надписи твоего меню ебучего и смотри что с курсором происходит.
>>215273 >Потому что разработчик так задумал, очевидно же. но там же нет гугл мепс >Наведи медленно на надписи твоего меню ебучего и смотри что с курсором происходит. pointer больше ничего не вижу
Котаны у меня есть такая тема, знакомый знакомого ищет макаку которая может просто верстать на среднем уровне чисто на хтмл\ксс, я все думал этим занятся от чего вопрос - За сколько реально можно выучить Хтмл+кс на нормальном уровне без всяких свисто-перделок?
>>215248 Подними до 30к, вставь фоточку в резюме, вставь в свои макеты >У резюме 60 просмотров, уникальных - штук 40-45. Штоблять? Какие нахуй уникальные просмотры? Алсо, у тебя только на супеджобе резюме? Ищи на хх, там гораздо болье вакансий. Почему у тебя на суперджобе дата обновления 29 января? Там можно обновлять чуть ли не каждый час, на хх каждые 4 часа. Сопроводительное написал?
>>215237 > сильно мове тон? В конторе "Рога и Копыта" нет. Но нормальные поцаны юзают семантические теги (вообще div - тег на крайний случай, если больше ничего не подходит). Или же, нормальные поцаны юзают SMACSS (БЭМ для яндекс-пидорасов, кстати), в которой header, footer и остальные главные блоки на странице обозначаются ID-шником. И не надо тут пиздеть, что ID нельзя юзать. Ещё как можно, когда нужно, а именно когда этот элемент один на странице, как header, к примеру.
> кто сказал что они там нужны то Я сказал. Но так как я не авторитет, ты можешь меня не слушать. А вообще, выделение хувера - де-факто юзабилити.
> зато css Можно и красивее. Но это уже придирки, если серьёзно.
> Что это? Формат векторной графики. Используя это мы имеем: 1) иконку, которая смотрится одинаково чётко на мобиле, планшете, десктопе, тв, аллахе. 2) ты можешь строить её напрямую в html сэкономив в твоём случае 3 http запроса, а в случае человека, знающего про спрайты 1. И да, нахуй ты весь кружочек сделал картинкой, можно только букву "В" например. http://notbadcode.github.io/nerds/img/vk.png
>>214938 Знать вертску, это заебись. Еще нужно знать по типографике, колористике, немного по композиции и дохуя психологии. А еще нужен подвешенный язык и логическое мышление. Веб-дизайн, это прежде всего не красивости всякие, а создание охуенной среды для пользователя. Что-бы он зашел в магазин покупателя, держа одну руку в штанах во время просмотра очередной порнухи, без лишних мыслей нашел резиновую куклу, которая похожа на его школьную любовь, и купил её, даже не задумываясь, а только потирая свои потные яйца. Читай советы у Горбунова, смотри бихансы крутых чуваков, бесконечно практикуйся и читай. Ну, и верстай иногда.
>>215347 Другой Антон, который хочет стать дизайнером. Верстку знаю, с типографикой знаком, психология тоже знакома. А вот по колористике и композиции, что посоветуешь почитать?
>>215212 портфолио из 10 макетов наверстал? пхп, майсокл, джаваскрпит джквери самоучители прочел? Нет? ну и пшел нах школота тупая. пиздец сверстают две колонки и думают, что их теперь везде с распростертыми объятиями ждать будут.
Сходил я, вощем, на собеседование. Начальник там молодой парень лет 23-х, он меня и собеседовал. В целом вышло норм, оказалось, что он тоже бросил институт, потому что считает его ненужным говном, и скрывается от армии. Я 90% времени рассказывал, какой я охуительный гейдевелопер, и почти ни слова не сказал о том, какой пиздатый из меня верстальщик. Пожалуй, это было не очень умно, но я слишком волновался, чтобы думать. Потом он задавал мне эти типа психологические вопросы, на которые нужно отвечать "согласен", "очень согласен", "всей душой согласен" и т.д. Вопросов было 100, но он задавал их так быстро, что на подумать оставалось 1-2 секунды. Потом я должен был просуммировать баллы с каждого столбца(ответы на вопросы я писал в листок 10х10). И у меня это заняло минут 10. Когда я закончил, он озабоченно спросил, все ли у меня хорошо с математикой. Тут я тоже тупанул и начал рассказывать, что вообще-то да, у меня все хорошо с математикой, вместо того чтобы просто объяснить, что я считал так долго, потому что волновался. Придя домой, я скинул ему свой единственный сайт из портфолио, но после заметил, что вообще-то там полный пиздос, я забыл пару учесть пару очень заметных нюансов. Кроме того, я попробовал открыть сайт в других браузерах, и оказалось, что слайдер работает только в хроме. К тому же я прислал его в архиве и хуй знает, что там вообще откроется. Короче, пиздец. За выходные надо выдрочить тестовое задание до блеска, иначе меня точно не возьмут. Но даже с ним я оцениваю свои шансы где-то в 40%. Пиздос.
>>215419 Да не ссы никого, заебал. Тестовое дали после встречи, значит уже готовы тебя взять, главное уж больно очевидных косяков та не нахуеверть и прокатит.
>>215426 Но я скинул им говнистый нерабочий сайт, вот что меня больше всего пугает. Но за добрые слова спасибо, глядишь и вправду возьмут. Это будет забавно.
>>215433 > я на первую работу два раза переверстывал тестовое задание. Меня взяли потому что другие вообще хуй забивали на тестовое. Из 7 человек ответ прислал только я 1.
>>215389 Большинство книг по композиции относятся к живописи может и есть прямо по дизайну, но я не видел, но правила везде одни. Читни Голубеву, одна из основных книжек. По колористике читай Марту Гилл и Агюстона, вроде «Теория цвета в искусстве и дизайне» называется. Еще почитай «Не заставляйте меня думать», Нильсена и Лоранджера, и «как думает человек», вроде. Блядь, последнюю книгу не помню точного названия, но автор женщина. И так прямо с дизайном связанно. Рассказывается, как человек читает, как видит, что берет во внимание.
В общем меня на собеседовании даже спросили, не использовал ли я готовых шаблонов, где уже вся верстка есть, а нужно только вписать контент, как в яндекс.народе, я чуть со стула не упал от такого оскорбления. В общем, мы начали спорить, под какой браузер верстать, он мне показал статистику, каким бразуером пользуется большинство (одна статистика даже показала высокие рейтинги у эксплорера), потом всякие технические стороны обсудили, как проверять адптивную верстку для планшетов и айфонов, спросил, не делал ли я сайты знакомым, сказал, что хочу свой проект, но руки не доходят. Потом про разницу между пхп и жс. про важность адаптивности и кроссбраузерности и т.п. А еще спросил, как я докатился до такой жизни, я начал рассказывать, что сначала искал заработок фрилансом, напоролся на копирайт, потом сказали что версткой можно больше заработать. Он спросил: Заказчик? Грю: нет, на форуме. - Т.е. вы общались с теми, кто этим занимается? Грю: да. Еще начал спрашивать: нужны ли вам деньги. Грю: не особо, мне просто скучно. - спросил про образование. Я рассказал охуительную историю, как вылетел. Потом спросил что я делал последние 4 года. Грю: дома хикковал. И не работали? Нет. Потом еще что-то сказал про то, что у меня будет оставаться время на погулять и тут я совсем почувствовал себя школьником. Вот такое было собеседование.
>>215493 >Потом спросил что я делал последние 4 года Я затворник и не выхожу на улицу. В школе меня дразнили и всячески надо мной глумились. Сейчас я уже закончил школу и бросил университет. Дело в том что в силу свое закомплексованности я никогда не имел работодателя. Я не работал, не держался с ним за ручку, не проводил с ним время холодными зимними вечерами. Я хочу попросить Вас о небольшой психологической поддержке, так как вижу что Вы работодатель добрый и никого в беде не оставите. Так вот, мы сработаться? Я хочу чтоб вы всего лишь стали моим шефом на один короткий год. Я хочу пройтись с Вами по офису, поговорить...почувствовать тепло хозяйского тела, ввести свой код Вам в редактор...верстать Вам сайты, ласкать вашу клавиатуру. Но всего лишь годик...чего Вам это стоит? Обещаю Вам, я буду нежен. С нетерпением жду Вашего ответа.
>>215493 >: нужны ли вам деньги. Грю: не особо, мне просто скучно. >спросил про образование. Я рассказал охуительную историю, как вылетел. >И не работали? Нет.
>>215503 ну так он мне и сказал верстать макеты месяц бесплатно же. не, ну я могу и на фрилансе зарабатывать, честно сказал, что не из-за денег ищу работу.
>>215576 Если коротко, то логика, теория, простая верстка, js, regexp, json. В общем открой вакансии frontend developer, требования почти совпадают с тестом.
Котаны, поясните плиз, мужик в интенсиве учит вырезать иконки макросом, но эта хуйня вырезает не ровно. Я потом не заебусь выравнивать эти иконки из-за лишних пары пикселей?
>>215766 Я в макросе записал все, кроме сохранения в файл, чтобы можно было похожие косяки поправить. Мне кажется, можно заебаться, если оставит все как есть. мимо-мамкин-верстала
Пацаны, тут такое дело. Кинули тестовое задание, там псдшник. Суть в том, что псдшнике есть затемненная картинка, но затемнние сделано отдельным слоем. Вопрос: мне тоже делать затемнение отдельным div'ом, или как?
>>215841 Может подскажешь тогда тогда, как его не хуёвым можно сделать? Там же одно действие для обрезки Trim, которое обрезает всё вокруг элемента, где ничего нет. И обрати внимание, что на картинке, на тех линиях, которые не обрезаны какая-то белая шляпа и это в общем-то повсеместно в макетах встречается, хотелось бы почитать откуда это берётся, дизайнер их явно не задумывал.
>>216071 Да нихуя не разжевано. Один элемент оборачивает текст, который можно выдернуть и он не потеряет смысл, другой не может это обернуть.
В одном примере один элемент вложен во второй. Во втором примере второй элемент вложен в первый. Запутанная хуета для аутистов. Нет, блять, старые добрые дивы юзать, понапридумывали СЕМААНТИКУ.
Вообще бы ебашил див с классами, но в треде выше опустили парня за то, что он не юзает СЕМААНТИКУ.
Поясните, как вот это отличать сразу. Вот, например, хэдер, футер. Один сверху, другой снизу, все понятно, вопросов нет. А тут хуй поймешь, надо смотреть можно ли, блять, вырвать текст и не потерять смысл.
Так, с версткой разобрался. На пути к званию полноценной макаки осталось два препятствия - js и php. Как же изучить программирование, если я никогда не кодил, пятерок по матеше не получал? Программирование - это же то, что либо есть с рождения, либо нет. Какого угодно кодера спросите, он ответит, что кодит со средних классов или младших. И сколько было анонов, в свои 25 пробовавших кодить, но у них ничего не получалось.
>>216087 Я лично вставляю артикл секшн куда нравится, точно также с меню и нав. Т.е. они теоретически взаимозаменяемы, ведь в меню ты делаешь главные ссылки, которые также можно запихать в нав.
>>216247 Че там кодить-то, открыл самоучитель, установил денвер и делай как написано? Мне пхп гораздо больше нравится, чем все эти верстки и особенно жквери и жаваскрипты - вообще говно какое-то декоративное. Пхп делает сайт живым с комментами, с общением, с товарами, с формами связи. Вот я сейчас гостевуху пилю. Делай, то что интересно и нравится, а не спрашивай одобрения йопт.
Ребят, а какой средний показатель IQ(Коэффицент Интеллекта) необходим для освоения вашей специальности? У меня 100 единичек и боюсь, что не осилю. Стоит ли браться? Или идти на базар мешки ворочить?
>>216284 Нужно меньше чем 90-сто. Ну тогда на хуй мне эта пхп-верстка, зачем мне свою жизнь проябывать пялясь в плоский манятор, когда я со своей соткой, да в 25-ять могу какую-нибудь гос. должность захуярить и приворововать у Путина.
Вот смотрите, посоны, скачал я псд-макет из рассылки академии, например. И такой при вёрстке хочу использовать те же размеры шрифтов, например. А получаю говна на лопате, где 15пт в браузере выглядит в 2 раза больше, чем в фш. Это норма, это типа браузеры так работают или что? И что мне делать -- просто примерно похожий размер подбирать? Олсо, там ширина основной части, которая по центру экрана, 1.5к пх -- у меня даже в экран не помещается. Что-то в таком случае стоит предпринимать, или, может, все размеры в процентиках задавать вообще?
>>216319 Просто размер шрифта который ты выставляешь в браузере и то что берешь из фш это разные единицы измерения. Подробнее погугли, сам я обычно подгоняю
Может поможет. Сам я пытался сделать по одному видео с ютуба, но все эти статьи и видео показывают как делать блог, а как должна выглядеть тема на не блоге, я так и не понял.
Как лучше круляши сделать? не вырезая их круглыми бекграунд же нельзя закруглить? можно ли позиционировать картинку внутри img? или обернуть img в div?
>>216570 В смысле? Есть же pt, а есть px, или я чё-то не понимаю? Или типа пт в браузере и пт в фш это разные вещи? >>216423 Но это ж тупость блять несусветная. Ладно, погуглю, спасиб.
>>216855 Ну ты что не понимаешь? Я просто хочу запилить такое, чтобы комменты на странице СОХРАНЯЛИСЬ. Форму постинга короче. Так, чтобы запостить коммент из формы инпут на страницу я сделал, а вот чтобы он еще и сохранялся там - не знаю пока, видимо нужно write and read and fopen делать с сохранять в отдельном текстовом сайте всю ветвь, а потом оттуда брать. Видимо так, потом попробую
В этом треде серьёзные и грустные мастера веб-вёрстки и веб-дизайна обсуждают печальные перспективы отрасли и сетуют на высокую конкуренцию, а также кривые неравняющиеся блоки и дизайнеров-мудаков, рисующих кривые макеты. Только здесь HTML и CSS официально являются языками программирования, а школьник, сверставший страницу с двумя ссылками - настоящий фронт-энд специалист. Добро пожаловать!
Быстрый FAQ:
>Вёрстка - это что?
http://ru.wikipedia.org/wiki/%D0%92%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86
>Нужно уметь рисовать в фотошопе?
Нет, макет рисует дизайнер, а верстальщик формирует HTML код.
>Я безработная корзинка/меня заебала своя работа и я хочу перекатится к вам. Можно?
Можешь попробовать, однако это не самая лучше идея, так как количество доступной работы уменьшилось и найти работу стало труднее.
>Я слышал про CSS и JavaScript, что это?
Значит так,
Html отвечает за размещение элементов на странице.
CSS - за их оформление.
JavaScript (и его библиотека jQuery, в частности) нужен для "оживления" элементов на сайте. В отличии от предыдущих двоих, это язык программирования. Вначале верстальщик может обойтись и без него, но желательно иметь базовые знания. В /pr есть созданный Айдихой JavaScript-тред, если что.как и php-тред
>Какие есть перспективы в этом деле?
Со временем, набравшись опыта и выучив другие языки и технологии, верстальщик может перерасти в полноценного веб-разработчика.
>Короче, блять, научите как удалённо зарабатывать программированием хотя бы штуку баксов?
Не вопрос, сейчас откопаю свою брошурку "как удалённо зарабатывать программированием хотя бы штуку баксов" и выложу. Жди.
>Понятно, что не так прям с полтычка, но где-нибудь за полгода изучения реально?
Нет, не реально. В интернете вообще деньги нельзя заработать, ты что, не знал? Вон в odesk-треде анонасы траллируют скриншотами весь воркач, уже какой тред подряд.
Ниже гайд для тех, кто заинтересовался, любые вопросы, ответы на которые содержаться в гайде, идут нахуй, если вам что-то непонятно в гайде, цитируйте где и что. Там же имеются ссылки на все прошлые треды.
======================
http://pastebin.com/tvvwC7uz
https://github.com/num13ru/verstka-thread
======================