24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Элита воркача. Здесь только обсуждение HTML и CSS. Если нужно получить консультацию по PHP или JavaScript, то добро пожаловать в /pr/. Быстрый FAQ: >Работа есть? Работы нет. По крайней мере, для тебя. Новичка никуда не возьмут, только если у тебя два года опыта и куча работающих проектов. Новичкам просьба не ныть об отсутствии работы, вас предупредили.
>Я безработная корзинка/меня заебала своя работа и я хочу перекатится к вам. Можно? Можешь попробовать, однако это не самая лучшая идея, так как количество доступной работы уменьшилось и найти работу стало довольно трудно, если у тебя нет двухгодового опыта и десятка сверстанных макетов с использованием двух десятков плагинов к jQuery.
> Я слышал про CSS и JavaScript, что это? Значит так, HTML отвечает за размещение элементов на странице. CSS - за их оформление. JavaScript (и его библиотека jQuery, в частности) нужен для "оживления" элементов на сайте. В отличии от предыдущих двоих, это язык программирования. Вначале верстальщик может обойтись и без него, но желательно иметь базовые знания. В /pr есть созданный Айдихой JavaScript-тред, если что.как и php-тред
> Какие есть перспективы в этом деле? Со временем, набравшись опыта и выучив другие языки и технологии, верстальщик может перерасти в полноценного веб-разработчика.
>Что нужно знать чтобы стать успешным? Прежде всего ванильный JavaScript и библиотеки к нему, Angular.js. Для бэкеров и фул-стак разработчиков также нужен PHP и библиотеки, SQL, Node.js и Backbone.js. Знание SASS или LESS подразумевается само собой.
>В вёрстке есть тян? Есть. Уровня работающих там кунов.
Ниже гайд для тех, кто заинтересовался, любые вопросы, ответы на которые содержаться в гайде, идут нахуй, если вам что-то непонятно в гайде, цитируйте где и что. Там же имеются ссылки на все прошлые треды.
>>256284 Копирайт это возможность заработка для необразованного быдла, а верстка, это все-таки для тех, у кого голвоа на плечах есть а н едля школьников с сосаки
>>256291 Херню сказал. Верстка - для тех, кто может в минимальное погромирование. Все-таки это код какой-никакой. А от этого многих тошнит. Алсо верстка это намного скучнее, чем описание страны какой-нибудь.
>>256277 >Верстка и JS выбраны т.к. сейчас тотальный дефицит специалистов данного рода на рынке >количество доступной работы уменьшилось и найти работу стало довольно трудно
>>256355 Курица - это символ качественной вёрстки. Существует примета, что если на одну страницу сайта добавить эту гифку, то вёрстка не будет плыть, а сервер не будет падать.
Суть треда -- два толстых бородатых верстальщика тролят десяток юных бездельников историями про 90к зарплату верстальщика со знаниями ЖУКВЕРИ. Однако, корабль надежд неоперившихся маминых вылезаторов разбивается о камни суровой реальности, в которой 40к это потолок для ПРОГРАММИСТА НА HTML
>>256447 вручную с помощнью rem/em единиц и медиа запросов, хули ещё-то надо? ну ещё использую picture тэг или srcset там, если картинки надо поменьше загружать. я не >>256439, но бутстрап использовал только пару раз и только ванильный. Если мне захочется сильно изменить стиль, то это ведь будет очень сложно сделать. Вы редактируете сам бутстрап или перезаписываете? Если первое, то сложно обновлять, когда новая версия бутстрапа выходит, а если второе, то придётся дохуя ненужных свойств выставлять. Я новичёк, ещё не работаю, но хочу просто понять как вы с бутстрапом/foundation работаете.
>>256461 Мне давали посложнее - одностраничное приложение на чистом js (рестаран-приложение короче), но только чтобы написал неглядя в браузер и прямо у них в офисе за два часа. По вёрстке там было немного сложнее двача.
>>256491 двое бывших, трое всего. по деньгам - как продашь себя. зажимает каждый цент, но не кидает. Все поставлено на поток, чтобы было дохуя ньюфажин, которым можно платить по меньше. Основное делают ключевые сотрудники
Бля, посоны, решил освоить бутстрап, это же 10 из 10. Смотришь на макет, потом копипастишь код элементов из бутстраповской документации, слегка редактируя, и получаешь то, что нужно. Без ручного написания ксс вообще (пока что). И это еще без препроцессоров.
>>256535 Это были первые впечатления. Теперь я понял, что спизданул хуйню. Кто-нибудь может доставить макет, сделанный под бутстрап? Дабы потренироваться.
>>256308 Первая твоя цитата из первоначального гайда более чем годовой давности, второе - недавно какой-то фантазер добавил. на дворе кукурузис,ойти страдает меньше всех
>>256472 Кек, одностраничное приложение для ресторана за два часа напишет разве что гуру-синьор. Видимо ты не совсем верно понимаешь значение слов "одностраничное приложение"
>>256594 >ок верю. Ты странный, я же могу подделать бумажку. >как долго шел к успеху? Чуть больше года. Но я еще не пришел к успеху. И мне в целом повезло найти контору где руководство понимает что молодой разраб быстро растет и ему надо хорошо платить чтобы не съебал в закат через год. Нашел на hh. >Умный? Был бы умный, не пинал хуй в вузике пять лет
>>256582 Сука не пизди ладно, да? Я даже не работаю, но смогу написать, хоть на чистом js, хоть на бекбоне или ангуляре. Я даже готов скринкаст записать, чтобы доказать. Но ты мне должен будешь заплатить три биткоина за скринкаст, сука. >>256579 Страдает сильно. Иначе такой крутой спец как я был бы трудоустроен, а я уже одной ногой на улице. Говно сосёт хуй в ИТ из-за кризиса, работы нет, нихуя нет и надежды на улучшение тоже нет. >>256587 Пруфани мне на карточку свои деньги, я проверю в магазине реальные они или нет. Всё остальное легко подделывается.
>>256601 >Ты странный, я же могу подделать бумажку. Просто ты написал пруфанешь если я хочу. Значит у тебя есть чем в 99% случаев. Если есть чем- не буду напрягать.
>>256612 Дело даже не зарплате, с такой логикой тебе лучше и правда >тогда продолжу писать тексты не особо напрягаясь Когда я охуел от перспектив сосать хуй на заводе после вузика и начал метаться, я несколько раз крупно соснул, прежде чем пришел в веб-макакинг. Никто никогда не даст тебе никаких гарантий в таком вопросе, тебе дали информацию, пережевывать и глотать за тебя никто не будет. Добра. можешь списать на генетику, у меня батя относительно успешен
>>256673 ЗА 20К ЗАПАДЛО РАБОТАТЬ ХОЧУ УДАЛЕНКУ И 1К$ ЖКВЕРИ ЗНАЮ ВАКАНСИЙ НЕТУ НУ КОНЕЧНО ЭТО ДС, ТЫ У НАС ПОПРОБУЙ НАЙДИ КАК ЗАЛИТЬ НА ФТП? ПОЧЕМУ У ГИТА НЕТУ ГУИ? ГДЕ ТАМ КНОПКА СОХРАНИТЬ? Я УЖЕ 2 МАКЕТА СВЕРСТАЛ
>>256616 А моя батя простой педорахен. >>256622 ясен хуй, просто мне проще получать небольшие деньги не рвя жопу, чем убиваться на работе за чуть большую зарплату. Поганить зрение за 10-15К- в пизду это.
>>256284 ну хуй знает, может я настолько гениальный писатель, но я уже пол-года учу веб, у меня сейчас в папке лежит 10 сверстанных сайтов, 8 из них одностраничная чистая верстка, 1 - чистые жс и жк, 2 - полноценные сайты на бутстрапе с вкладками, аккордеонами, слайдерами, плагинами, пхп формами и пр. и куча скачанных плагинов и фреймворков. так вот на биржах я всасываю, а происходит это так - пол-месяца я ебашу каждый день копирайтером, чтобы заработать на еду, а остальные пол-месяца я учу все эти жс, жк и фреймворки и верстаю страницы. Я еще НИ КОПЕЙКИ не заработал вебом, серьезно, на биржах меня просто шлют нахуй. При этом на текстовой бирже я просто беру задание, делаю его и сразу получаю оплату.
>>256681 У меня товарищ работал удаленно за 50, и делал такую парашу, что вот это >>256455 просто вершина технической мысли. >>256683 Суть в том что ты просто придумываешь оправдания, и на самом деле кроме тебя это никому не надо.
>>256710 Тогда поясни мне, пожалуйста, для чего они нужны и как работают. Сам сейчас развернул виртуальный сервер, устанавливаю джумлу, читаю вот о ней. Я так понял, это просто возможность получить практически готовый сайт с минимумом затрат. Взять сервер, натянуть на него цмс а на неё - шаблон.
>>256695 ох лол. Ну ты подписывался чтоли как-нибудь бы, чтобы твои посты сразу скрывать. Удивительно, насколько раздражающими и кончеными могут быть люди.
Ананасы, как сделать, чтобы при нажатии на кнопку, дивы меняли цвет на красный, если они белые? Делаю так и сосу хуй. $(".mid-left-control").click(function(c){ c.preventDefault(); $(".mid-slide").animate({ left:"+=0px"}, 400); $(".mid-slide div").each(function (i) { if (this.style.background == "white") { this.style.background = "red"; } });
>>256806 Никак. Тут что-то с if не так, я наверно в корне что-то не понимаю, ибо когда я ставлю != заместо == он меняет по нажатию, какой бы там бэкграунд у дива не стоял.
У меня такой вопрос. Если не получается что-то выровнять по вертикали например всегда прибегаю к position: relative и двигаю нерадивый элемент куда надо. Зависимость есть неебическая, это просто палочка-выручалочка. Какие подводные камни? Что скажешь анон?
>>256846 base64 Со спрайтамив сегда надо исходник сохранять, если вдруг иконка изменится какая, чтобы весь спрайт поправить если ты не пользуешься генераторами-сборщиками
>>256880 Нахуя с таким маленьким кусочком кода ебать мозги в JSFiddle? >>256818 Спасибо, анончик, сделал наканецта >>256821 Меня всё время гложет мысль, что я даун необучаемый, наверняка любой другой сделал бы всё в 5 раз быстрей меня. Хуй знает, если я чудом пройду куда-нибудь собеседование, надеюсь хоть из-под палки буду быстрее и меньше отвлекаться.
Ребят, срочно нужен совет! В ближайшие две недели нужно будет заключать договор о летней практике с предприятием. Это, к слову, мой первый опыт. Еще в сентябре я созванивался с владельцем веб студии (он - знакомый моего родственника). Он задал мне пару вопросов, мол какие цмски знаю, хтмл, цсс и т.д. но я на тот момент совершенно не имел дела с этими вещами. В общем заловились на том, что я до апреля буду что-нибудь читать/учить и затем приду. Собственно вот апрель и наступил, а я лишь: поковырялся с хтмл и цсс; смотрел пару видео о СЕО; получил представление о том где и как хранятся сайты; что такое днс сервер, сервер в принципе, IP и прочее. В общем мне как-то стыдно ему звонить. Однако важный (на мой взгляд) момент, что сама практика будет только в июле. Но он же поймет, что раз я за восемь месяцев нихуя толком не научился, то и за два месяца тем более не научусь (хотя постараюсь). Вопрос следующий: что вообще требуется от практиканта в веб студиях? Позволительно ли быть таким нубом или нужно обладать определенным уровнем знаний?
>>256909 Ну к нам как-то такой пришел. Я сказал, чтоб он себе апач там, пэхапе, вот это все установил нормально, а не денвер. Ну он два дня поустанавливал и перестал приходить.
>>256909 Позвони обязательно в то время, когда договаривались. Хуй знает, как он тебя будет проверят, не в этом дело. Дело в том, что если ты справишься - ну заебись, получишь практику или что там у тебя. А если ты не подойдёшь ему, то у него хотя бы будет время найти другого работника, что бы не получилось так, что ты из-за своего долбоебизма подставляешь ни в чем не виноватых людей.
>>256918 Вообще так и собирался сделать и таки сделаю, хули тут еще придумаешь?! Просто интересует опыт таких же распиздяев как я и собственно тех, к кому такие распиздяи приходят:3
>>256680 НИХУЯ НЕ ЗНАЮ СВЕРСТАЛ ОДИН МАКЕТ НА ХТМЛ2 ВЗЯЛИ В ОФИС В ЦЕНТРЕ ДС ТАМ ВСЕ ХТП КЛИЕНТЫ ГИТХАБЫ И ХОСТЫ УЖЕ КУПЛЕНЫ УСТАНОВЛЕНЫ ПИНАЮ ХУИ ЗА ЧАШЕЧКОЙ КОФЕ СВОЖУ ПАДДИНГИ С МАРДЖИНАМИ ЗП 1000К ДОЛЛАРОВ ОЙ ХУЛЕ ВЫ НОЕТЕ БЕЗДАРИ-НЮФАНИ )))
Я с цветами упрощал, чтобы визуально понятней было что происходит, мне на самом деле кнопки для карусели сделать надо было. Олсо, как сделать, чтобы анимации не прокручивались много раз, если я быстро 10 раз на кнопку нажму? То есть, чтобы 2-й анимация не запускалась, пока первая не закончится?
>>256962 Не, не пойдёт. Там в видимой области 3 слайда и 2 за оверфлоу контейнера. Если прервать анимацию, то слайды не сдвинутся до конца, а то, что в if вообще не сработает. Нужна что-то сделать, чтобы кнопка клики не принимала, пока анимация не дойдёт до конца.
>>256882 >Нахуя с таким маленьким кусочком кода ебать мозги в JSFiddle? Если открыть сайт, воткнуть код и запостить это для тебя ебать мозги, то ты долго в этом деле не продержишься
>>256909 Все же повторю - чем занимаются практиканты в студиях? Какую работу им доверяют? Что можно в ближайшую неделю почитать/сделать, чтобы в разговоре дать понять, что я хоть немного в теме? базовые скиллы хтмл/цсс то у меня есть. + сейчас вот апач с пхп поставил :3
>>257077 Хуй знает, что там делают практиканты, может тебе повезет и ты будешь просто целыми днями вотермарки на картинки проставлять, откуда же мы знаем наверняка? А верстальщик занимается таким: 1. Получает макет в формате psd, например такой http://rghost.ru/7BnTtwd2Q хотя сейчас очень набирает популярность Sketch 2. Получает ТЗ как это должно выглядеть в общем и в деталях, ну например, верстать фиксированной шириной как на макете, а всем, кто зайдет смотреть с меньшего разрешения, выводить хуй на весь экран. Детали, например, сделать иконки соцсетей спрайтами и на :hover повесить transition в 0.2 сек, чтобы был эффект "выезжания", или повесить анимацию на hover логотипа, чтобы он делал rotate(360deg).
Кто-нибудь проходил курс по JQuery на Codecademy? Что за хуета получается в итоге в задании Modifying HTML Elements? Сделал, но не понял, как это все должно работать.
>>257219 Там input, в который ты пишешь что угодно, жмешь add и оно добавляется в список. Задумано как to do list, поэтому потом, когда ты якобы выполняешь задание, щелкаешь по строчке и оно убирается.
Посмотрел вакансии и что-то не верю что вас куда-то там берут. Везде нужен опыт и дохуя знаний+образование и никаких даже приблизительных гарантий, зато гарантированно проебешь время изучая все это.
Верстаны, у меня какая-то херня происходит в редакторе кода на хтмлакадемии. Ни с того-ни с сего отказывается работать клавиатура. Тоесть ставлю курсор в нужное место, нажмаю кнопку на клаве чтобы набирать текс, а в редакторе происходит нихуя. При чем стрелки работают, курсор перемещается, а все остальные кнопки не работают. Потом внезапно начинают работать. Грешил на адблок и ношкрипт, снес - нихуя. Щито делать?
>>257293 >Ни с того-ни с сего отказывается работать клавиатура Это потому, что ваша клавиатура - говно. >Щито делать? Срочно купи Оптимус Максимус. Оптимус Максимус - выбор настоящего веб-разработчика!
>>257456 Срываю покровы ITT Если вы из мухосрани, даже не суйтесь: 1) Ньюфаг приходит в тред. 2) Учит вёрстку 2-3 месяца, поддерживая тред на плаву. 3) Пытается найти работу в своей мухосрани, везде его посылают нахуй, потому что чистая вёрстка никому нахуй не нужна, кроме как в дс, дс2 где производство сайтов поставлено на поток, да и там очень мало. 4) На биржах работу вообще невозможно взять. 5) Ньюфаг берётся за js, jQuery, понимает, что с этим говном ещё столько же возится, чтобы хотя бы до адекватного уровня дойти и идёт продавать железки в эльдорадо. 6) Если не идёт в эльдорадо, остаётся ещё на 3 месяца и учит эту хуйню. 7) Устраивается на работу за пятнадцать тысяч рублей в студию своей мухосрани.
ВПЕРВЫЕ ЗАШЕЛ В ВЕРСТКИ-ТРЕД В ВОРКАЧЕ @ ОЖИДАЮ ОЖИВЛЕННЫЕ АРГУМЕНТИРОВАННЫЕ ДИСКУССИИ ПО АКТУАЛЬНЫМ ПРОБЛЕМАМА ФРОНТ-ЭНДА, ОБСУЖДЕНИЯ НОВЫХ ТЕНДЕНЦИЙ И ТЕХНОЛОГИЙ @ ХТМЛ ЦСС 150К ЧИСТЫМИ НА РУКИ @ «НУ КОНЕЧНО, ЭТО ЖЕ ДС. ПОПРОБУЙ У НАС ТАК В ЧИТЕ УСТРОИТЬСЯ» @ «ЧТО НУЖНО ЧТОБЫ СТАТЬ СТАЖЕРОМ ПРАКТИКАНТОМ? НИХУЯ НЕ ЗНАЮ, ЧИТАЛ НЕМНОГО ПРО КСС, МЕНЯ ВОЗЬМУТ К ЛЕБЕДЕВУ?»
>>257672 >Ньюфаги, и что? Это не означает что тут должно быть нытье в духе НИЧЕГО НЕ ЗНАЮ НЕ УМЕЮ ХОЧУ 150К Ну ладно, давай обсудим актуальные проблемы, епта. Ангуляр или реакт? Куда сам сядешь, куда мать посадишь?
Почему вы всё время обсуждаете слайдеры? Почему вы всё время их пишете? Они все разные, что ли? Готовых решений нет? Все мастера делают свои собственные слайдеры, держат их в строгом секрете и передают их из поколения в поколение?
У кого-то есть видюшки от Ильи по JS? На рутрекере выпилили раздачу других ссылок в ФАКе нет :c, буду очень благодарен за рабочий торрент или если куда зальете. Мэйл облако, мега, что-то ещё.
>>257679 Согласен, я предыдущий макет сделал на бутстрапе и почти нихуя не понял, что там происходит в этих каруселях. Решил сделать сам карусель, 3 ёбаных дня делал, но зато хоть вник, в голове отложились полезные функции, нашёл полезные сайты. Олсо вот этот вот http://stackoverflow.com обязательно должен быть в факе
>>257761 Там ёбаная куча всего. Слайдеры, карусели, прогресс бары, списки, аккордеоны, шрифтовые иконки, удобные вспомогательные классы и адаптивность. Сложилось впечатление, что он подходит если нужно быстренько состряпать сайтец без особого дизайна, потому что стилизуется там некоторые вещи очень плохо, + надо какие-то переменные менять с помощью less, в это я вообще не вникал.
>>257867 У меня 100 (не в ДС), пока не начал бухать среднего уровня пойло (от 3к за бутылку) - не знал куда их девать, лол. Пекарня топовая с 4к моником есть, гейбук есть, машина не нужна, ибо у нас крайне неадекватные дороги. На метро до работы 40 минут, на машине - 2 часа.
>>257872 Админю то что твой фронтэнд/бэкэнд набыдлокодил, заботясь о том, чтобы оно не развалилось к хуям. Попутно провожу стресс-тестирование и гадаю, где ещё можно подпереть, пока не развалилось. Например, из-за "немножко по-дыбильному" архитектуры, пришлось подпереть кэш монгой.
>>257241 ну по-крайней мере после более, чем полугода обучения я смогу запилить свой бложик на хостингере. А вообще не понимаю, как можно за менее чем десять лет выучить больше одного ЯП. Тут вот жаваскрипт, как бездонная яма, со всеми библиотеками и фреймворками - чем больше всматриваешься, тем бездоннее она кажется. А ведь впереди еще курсы по Канвас, Ангуляры, Аяксы и Джумалы...
>>257475 Удваиваю сего господина. Именно такой путь я и прошел, предложили 15 тыс. зарплату после пары месяцев БЕСПЛАТНОЙ стажировки - послал нахуй. Продолжаю вяло фронтендить сайты для души.
Поясните мне за респонсив имэйджес. Какие техники сейчас применяются чтобы отдавать картинки меньшего размера мобильным браузерам? Я что-то не могу понять. Вижу что-то про атрибут srcset но по данным с caniuse очень мало браузеров поддерживает его, есть еще вроде тэг picture вроде. Javascript не предлагать это костылище же. Короче, я правильно понял, что это пока еще будущее, а не настоящее веба?
>>258015 Радикал градиент на цсс с центром на профиле юзера, белую полоску заранее сделал нужной высоты, а буллит как бы перекрывал ее опасити и/или з-индекс и фон видно было бы, я б так попробовал.
Вы что ебанулись? На вёрстке ведь не заработать. Идите нахуй отсюда. >>258069 Умные humans вроде меня уже давно используют флексбокс с CSS4, просто это всё транспилируется в старье, поддерживаемое IE8 и прочими недобраузерами.
Пиздец, как застраховаться от кидалова? Заебали, уже второй раз опрокинули через волосатый хуй. Пока репутации нет, портфолио маленькое как мой писюн. Ебаная пизда, все норовят наебать, хоть на самую малость. Безнаказанность, глобальные сети, мать их, не вынуть ножик и не стыкать пиздюка, надунуть дури :(
Кароче посоны, работодатели дали задание до вторника на позицию Дизайнера-верстальщика. Первое связанное с версткой в принципе легко, остальные два не совсем понятны, 1 нужно сделать анимационный макет, с логотипом компании и слоганом Размер: 300x250 точек. Формат: swf + fla, Action Script 2.0. Длительность 20 сек. Что гуглить, изучать для выполнения этого тз, я так понял это делается в фотошопе?
>>258581 Чтобы меню упиралось в верхнюю границу как лого. Сейчас оно съехало из-за блока #logo. Если #logo удалить - все ок - меню упирается в верх окна без отступов.
Верстач, часто встречаю списки ссылок, где перед ссылкой отображается логотип сайта, как такое запилить? В htmlbook не нашёл, или не в том направлении искал.
есть тут те кто может в бэкэнд на хорошем уровне? есть проектик один, нужен срочно человек, который допишет его и получит кэш. оставляйте фейкомыла для связи
>>258622 Это ты какой-то ебанутый, мало-ли, мб кто-нибудь и освоил, не прочь подработать, а тут работку подкидывают своим. >>258611 Молодец, всё правильно делаешь.
>>256277 Аноны, мне, похоже, к вам. В общем, нужно для своей небольшой фирмы компьютерного аутсорса наваять сайт, как счас модно, одной длинной страницей, где при нажатии меню автоматически открывается та часть страницы, про которую нажали, короче, я хз как он правильно, вроде лонг-пейдж. Вопрос вот в чем - сложно ли сделать самому, есть ли гайды именно по такой вот верстке? Если не делать самому, то сколько будет стоить на фриланс.сру или типа того? Может быть, анон готов взяться? Из ТЗ - нужно осветить несколько пунктов меню, типа, комп. помощь для физиков, комп. помощь для юриков, обучение пользователей, аутсорс, легализация ПО.
>>258682 Я работал в одной раскрученной конторе по созданию LANDING PAGE С КОВНЕРСИЕЙ 146% + АВТОРСКИЙ МАСТЕР-КЛАСС ПО СОЗДАНИЮ LANDING PAGE С КОВНЕРСИЕЙ 146% и насмотрелся на чеки с цифрами 150-200 тысяч за сраный лендинг, который собрал на коленке вчерашний выпускник верстки-треда с воркача, и думаю что это хуйня ебанаю, он столько не стоит. Даже с дизайнами, верстками и копирайтингом продающих текстов
>>258680 Анон, а если вот например собрать лендинг, а потом зайти и спиздить его как есть - что мне за это будет? Вроде бы получается, хостить есть где...
>>258690 Собираюсь спиздить "собранный" лендинг с flexbe.com по ссылке выше. Потом, если дела пойдут, буду уже заморачиваться и делать по нормальному, или самому разбираться, или здесь же закажу, но сейчас мне нужна лендинг-затычка, и ее вполне будет достаточно.
>>258817 Блять, как же я ненавижу эти "продающие сайты", на всех одинаковые таймеры, сучьи гипертрофированные кричащие кнопки "позвоним в течении 30 секунд" "Заказать прайс лист". Обязательно ебаные рожи свои надо залить, типовые застройщики рунета блять. А самая жёппа, что это надо уметь впаривать и делать, чтобы кушать.
>>259223 А я сверстал целую менюшку и подкорректировал иконки. А также попытался прикрутить анимацию к бутстрапу, но все нахуй поехало, потому что нужно цеплять к фиксированным блокам, так что я отказался от этой идее. Насколько я сегодня был верен фронденду?
>>259184 я даже не могу определить, кто из них наименее склизкий и отталкивающий. первый, наверное. вот такие и горланят по всем сосачам, как им не дают.
Котаны, вот допустим есть комментарий, который на странице расположен как привью, на котором должно быть видно только определённое кол-во символов, допустим 100. Нажимаешь на него, и вылазит окно уже с полным комментарием. Как верстать, чтобы в привью больше 100 символов не было? Или это уже бэкэнд разработчика задача? Мне хотя бы оверфлоу:хайден нужно прописывать контейнеру?
Как сделать чтобы слайдер перелистовывался при нажатии на ссылку, алсо фреиворк vanilla js. Или нужно сверстать по отдельности ссылки и поставить дисплай нон?
Есть три блока, все зафлоачены влево. У второго прописано свойство clear:right. Как бы можно предположить, что блок справа (третий) соскочит на новую строку, но этого не происходит. Почему?
Есть страница, посередине неё враппер шириной в 600 пикселей. Он находится посередине страницы за счёт маргин: авто. Для мобильной версии решил сделать так, чтобы ширина боди была равна 700 пикселям, чтобы враппер занимал большую часть экрана. Схема на пике. Однако, когда открываю страницу с телефона, боди с враппером занимают лишь часть пространства, прижимаясь к левому краю экрана, а справа часть экрана полностью заполнена белым. Как это устранить? Как сделать так, чтобы боди занимало весь экран?
>>260046 <div class="wrapper"></div> И внутри всякое. .wrapper{ width: 700px; } И для мобильной версии: @media all and (max-width: 1299px){ body { width: 700px; } }
Ананасы, каким годным задачником по js/jQuery можно обмазаться? Желательно с решениями, чтобы потом смотреть как правильно их реализовывать. Самому фантазии не хватает себе задачи придумывать.
>>260100 Ну а как ананасы обучаются? Или если синтаксис освоил, пару каруселей запилил, ховеры, клики попробовал, то можно уже устраиваться, а там на месте с гуглом кодить?
>>259939 По поводу хтмлакадеми - советую обязательно пройти базовую часть курсов (она бесплатна). При прохождении некоторых испытаний тебя будет заебывать подбор отступов (когда проходить будешь, поймешь о чем я). Поэтому советую установить плагин к хрому: Page Ruler. Или установи программу PicPick, там тоже есть линейка. По поводу платной части курсов: имхо, почти бесполезные курсы. Интенсив хтмлакадеми я не проходил, ссылки на него в конце гайда. После прохождения базовой части курсов можно просматреть интенсив. И да, можешь подписаться на месячную рассылку https://htmlacademy.ru/email К ней прилагаются psd макеты для тренировки.
>>259939 И да, перед тем, как откликаться на вакансию верстальщика сделай хотя бы один psd макет. И научись подключать jquery плагины. Например, слайдер: http://jquery.malsup.com/cycle2/
>>259939 Когда соберешься делать свой первый psd макет, установи плагин к хрому: PerfectPixel. Он нужен для подгона отступов пиксель в пиксель. Пример работы: http://www.youtube.com/watch?v=s9r9HlL-ShM
>>256277 Как для вспоывающего окна ссылку сделать. Я допустим делаю форму логина в попапе с оверлеем и мне по ТЗ надо запилить, чтобы можно было по прямой ссылке зайти. huy.com/login/ А блять это же не является отдельной страницой, я его при помощи жквери показываю, когда надо. Как ему ссылку то сделать.
>>260246 Не работал с popupbox. Но думаю, что тебе надо сделать редирект с huy.com/login на huy.com и показывать popupbox после редиректа. Вопрос в том, как выполнить javascript код после выполнения редиректа.
>>260255 >Но думаю, что тебе надо сделать редирект с huy.com/login на huy.com и показывать popupbox после редиректа.
А, если я зайду на попап с логином, а потом нужно поделиться ссылкой вбыдле при помощи стандартных кнопок поделиться или просто из строки браузера скопировать? Я думал есть какой то простой способ, как у ангуляра подпихивать вьюхи разные.
>>260261 Всё, заебись. Доделываю последний макет на этой неделе, вылечиваю зуб, покупаю рубашку, смотрю пару мотивирующих фильмов на выходных и размещаю резюме/откликаюсь на следующей или на после-следующей. Буду репортить в тред о результатах провала.
>>260262 >А, если я зайду на попап с логином, а потом нужно поделиться ссылкой вбыдле при помощи стандартных кнопок поделиться или просто из строки браузера скопировать?
Нормально ли использовать бутстрап, переопределяя при этом львиную долю его свойств? Цвета, отступы и всё такое. Получается далеко не чисто-бутстраповский и не особо красивый и легкочитаемый код.
>>260296 >Нормально ли использовать бутстрап, переопределяя при этом львиную долю его свойств? Было бы неплохо собрать на сайте бутстрапа набор того что тебе нужно, а не качать все. >Цвета, отступы и всё такое. Для некоторых параметров у бутстрапа есть переменные, можешь просто изменить их значение >не особо красивый и легкочитаемый код. А вот это уже только твоя криворукость, бутстрап тут не причем. Алсо, есть плагны для сборщиков, которые удаляют неиспользуемый css
>>256277 ну пиздец просто, попытался подключить фоном пнг, чтобы оно в эксплорере работало, по инструкци и с хабра - не вышло. а если фоном жпг ставить, то в остальных браузерах картинка не работает.
>>260314 >Вообще как сделать так чтобы ебанное окно было по повадкам как отдельная страница Нихуя не понял что ты тут высрал >да И ты что, думаешь юзеры будут руками копировать ссылочку в соцсети? Лол. Гугли, есть готовые плагины с кнопками для шаринга. У того же яндекс вроде был
>>260320 Пиздец какой-то. Мне легче без фреймворков набросать сайтец, чем ебаться с переопределениями. Но бутстраповская адаптивная сетка крайне удобна.
>>260314 Короче что бы попробовал я - при вызове попапа меняешь урл через хистори апи, шаришь его куда хочешь, а затем по загрузке страницы смотришь текущий урл в адресной строке - если есть якорь попапа - показываешь попап, если нет - не показываешь. Мимо с дивана, за работоспособность не ручаюсь.
Посоны, никто не схоронил такую бороду? Ссылка на codepen мелькала 2-3 треда назад. Суть - 2 изображения, на середине блока ползунок, за него хватаешь и влево-вправо водишь, изображения раскрываются. Прикриплетед. Там ебло тёлки было в отфотошопленном и обычном виде.
Я так подумал, если все старое со временем входит в моду, то рано или поздно в тренде будут сайты в стиле веб 1.0. Ну эти, с ползающими строчками, мудовыми гифками и кислотными цветами.
Гляньте, как выглядит сайт ньюсру.ком - чуваки секут фишку.
>>260635 блять, какой же у них уебищный сайт - только щас заметил. Раньше только на уровне дискомфорта не понимал, что не нравится, но теперь-то понял, что конкретно.
>>260349 Я уже так привык к наебам со стороны всех этих работодателей в своем мухосранске, что уже тупо стремаюсь по этим вакансиям ходить. Они тут реально все нищие, тупые, нихуя не умеющие и жадные. Верстка блять на таблицах и вырвиглазовая, а еще пафоса столько - месяц бесплатно ездите за свой счет на другой конец города или вообще какие-то 40летние дедки, которые не звонят. Да пошли они. Вот вы просто посмотрите на это говно! http://webelement.ru/ Меня щас просто вырвет от этих уебищных несогласнованных цветов и стилей, отсутствия вообще каких-либо интересных плагинов и эффектов, провинциальных полосочек, а просят за работу тоже поди по 20 штук за сайт! Хоть бы по готовому шаблону с какого-нибудь вордпресса сделали и то менее уебищно бы выглядело. А еще они там блять ЛЕСОПОВАЛ на работе слушают. Ну вы поняли состав этого сельского быдлеца.
Пиздос 7 компаний уже отказали на мое резюме. Вся самооценка и мотивация упала. Всем нужен опыт, и знание JS библиотек помимо верстки, это притом, что у меня есть портфолио с тремя сайтами напичканых JS. Формы входа,анимация при клике на логин, и бэмной версткой с ccs3 и html5 в минималистичных тонах и насыщенными ховер эффектами. Настроение поганое, сегодня нихуя не сверстал, по js блять две странички прочитал за день. Может я просто поддался очередной надежде, от ОП поста.
Обычный макет с интенсива - барбершоп. http://pavelkhotulev.ru/barbershop/index.html вот примерно такой же(оригинал скинуть не могу ибо деанон), только без номера телефона который преобразует в скайп-данные или как его там. А обычный. Мой макет похож 1в1 на этот.
Посоны, как считаете, если у не умею в резиновую верстку, постоянно что-то да поедет, но могу в бутстрап, например, с такими навыками можно суваться работу искать?
>>261214 с сеткой, без сетки - одна хуйня я проработал пол года в общей сложности, сейчас опять все дропнул, ну так вот из десятка сверстанных макетов только 3 были нарисованы по сетке. Самое смешное, что эти самые дезигнеры в 80% случаев сами понятия не имеют о сетке и как ей пользоваться, что впрочем не мешает впаривать им свое говно за оверпрайс.
>>256277 Ваш домен не направлен на наши имена серверов на данный момент, поэтому такие сервисы как FTP, Файловый Менеджер, Почты и другие не будет работать корректно. Вы можете найти наши имена серверов в области "Аккаунты -> Детали". Помните, что процесс делегирования DNS зоны может занять до 24 часов после внесения изменений.
>>261570 >>261477 Ты в курсе, что объективизация женского тела - это сексизм? А дрочить ты можешь и не посвящая нас в картинки, которые являются объектом фапа.
Блядь, у меня такой затуп уже 4-й день, почти нихуя не делаю. Мотивация на 0, бабки с прошлой работы кончаются, углубился в js, идёт гораздо тяжелее вёрстки. Вакансий в моей мухосрани вообще не появилось за месяц, а до соседнего миллионника ездить 2 часа туда и 2 часа назад и похоже так и придётся туда хуярить, а помимо этого у меня ещё примерно 4 часа в день на заботу о родственнике. Это получается 16 часов в день я точно буду занят, а так как я тотальный слоупок, ещё и на выходных буду проекты доделывать. А ещё я почти нихуя не разбирался в адаптивности, за исключением бутстрапа, и в гите, который сейчас в каждой вакансии. Как собеседования проходить, когда у меня руки трясутся и пот ручьём течёт, если предстоит хоть мало-мальски серьёзный разговор, я вообще не представляю. Не отвечайте нахуй на этот жалкий пост, мне просто нужно было, хоть куда-то поныть.
Быстрый 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
>Я безработная корзинка/меня заебала своя работа и я хочу перекатится к вам. Можно?
Можешь попробовать, однако это не самая лучшая идея, так как количество доступной работы уменьшилось и найти работу стало довольно трудно, если у тебя нет двухгодового опыта и десятка сверстанных макетов с использованием двух десятков плагинов к jQuery.
> Я слышал про CSS и JavaScript, что это?
Значит так,
HTML отвечает за размещение элементов на странице.
CSS - за их оформление.
JavaScript (и его библиотека jQuery, в частности) нужен для "оживления" элементов на сайте. В отличии от предыдущих двоих, это язык программирования. Вначале верстальщик может обойтись и без него, но желательно иметь базовые знания. В /pr есть созданный Айдихой JavaScript-тред, если что.как и php-тред
> Какие есть перспективы в этом деле?
Со временем, набравшись опыта и выучив другие языки и технологии, верстальщик может перерасти в полноценного веб-разработчика.
>Что нужно знать чтобы стать успешным?
Прежде всего ванильный JavaScript и библиотеки к нему, Angular.js. Для бэкеров и фул-стак разработчиков также нужен PHP и библиотеки, SQL, Node.js и Backbone.js. Знание SASS или LESS подразумевается само собой.
>В вёрстке есть тян?
Есть. Уровня работающих там кунов.
Ниже гайд для тех, кто заинтересовался, любые вопросы, ответы на которые содержаться в гайде, идут нахуй, если вам что-то непонятно в гайде, цитируйте где и что. Там же имеются ссылки на все прошлые треды.
======================
http://pastebin.com/tvvwC7uz
https://github.com/num13ru/verstka-thread
======================
https://2ch.hk/pr/res/455148.html - JS тред
https://2ch.hk/pr/res/454789.html - PHP тред
======================