Это копия, сохраненная 14 декабря 2015 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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/2
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
Пасту перепилил, убрал старое начало, переписал заново. Немножко сумбурно, но как уж есть. Кому не нравится - можете изменить/добавить что-то свое.
Убрал нерабочие ссылки. Залил немного своих материалов и находок. Структурировал все это вместе. Вообщем она вроде как почище стала. Ну хуй знает. Жду ваших отзывов/замечаний.
Ваш любимый ОП
На самом деле всю неделю забил собеседованиями в компаниях про которые я вообще ничего не знаю, или неинтересных мне, для тренировки и все такое. Думаю на следующей неделе уже идти в интересные мне места.
Такие дела.
ну рассказывай какие знания как учил? js знаешь или пока чисто версталой идешь?
>На самом деле всю неделю забил собеседованиями в компаниях про которые я вообще ничего не знаю, или неинтересных мне, для тренировки и все такое. Думаю на следующей неделе уже идти в интересные мне места.
Везет тебе, можешь перебирать вакансии, а у меня в милионнике 5-6 вакансий только, раньше еще висела стажировка бесплатная в интересной конторке, но видимо кого-то взяли, пока я учился верстать.
Печаль-беда.
поделился тебе за щеку, проверяй
я в принципе к следующему перекату могу попробовать для нюфань подсобрать ту инфу что сам видел - как сделаю - напишу тебе, чтобы добавил
>>366709
У меня уже 2 года опыт, я в последний раз был тут 2 года назад, перед первым собеседованием на фронтенд. Вот решил по традиции зайти. Сейчас решил сменить банковскую сферу, на что нибудь небольшое, хотя пока не уверен, если предложат крутой проект в опять же банковской сфере - соглашусь. Все зависит от проекта конечно, и команды.
Знания все лень перечислять, если что то конкретно интересует - спрашивайте.
>>366649
Не завидую тебе бро, я бы наверно первым делом валил бы в ДС/ДС2, а потом уже думал о работе. Попробуй фриланс, хотя как я слышал, там уже не так все лампово, как раньше. Если есть опыт - пробуй в ДС/ДС2 компании, на собеседование перелеты проживания тебе оплатят.
>>366655
На dribble полно макетов бесплатных, когда первый раз искал работу - верстал "портфолио" по макетам оттуда.
Пермь
>>366726
2 года версталой отработал? Сколько ЗП сейчас хочешь?
>Не завидую тебе бро, я бы наверно первым делом валил бы в ДС/ДС2, а потом уже думал о работе. Если есть опыт - пробуй в ДС/ДС2 компании, на собеседование перелеты проживания тебе оплатят.
Опыта нет у меня, в том-то и дело. Рядом есть Екатеринбург, там все получше с вакансиями, может туда понакочусь для начала, как бакалавра получу.
ДС/ДС2 слишком далеко от меня. Без опыта я там буду хуй сосать, даже жилье снять не получится на ЗП верстальщика без опыта.
Фронтэнд разработчиком.
Верстальщика встречал только одного, и то он уже выучил JS и с головой ушел в React.
Пришел на 35 (просил 15) без опыта совсем, через полгода подняли до 65, потом до 85, последние полгода получал 100к, сейчас на эту цифру и ориентируюсь, от 100к.
Накопи денег на жилье/еду на полгода, и уезжай. Хотя если честно не могу советовать что делать в твоей ситуации, рождаемся в рандомных локациях, и мне с этим повезло.
Ну да, я довольно стеснительный, и могу растеряться в таких ситуациях.
Хотя на прошлой работе пару раз в месяц у нас было что то вроде митапов, и каждый готовил определенную тему и всем рассказывал, у доски, как в школе, и теряюсь первые несколько минут, потом норм, и становится пофиг что на тебя смотрит около 20 человек и слушают.
Писал об этом 2 года назад, ну ладно.
Работал в айти, но не программинг, обратился знакомый – сверстай сайт для типографии (ты же айтишник), я попробовал, у меня не получилось, но очень понравилось.
Накопил денег, уволился, купил Фленагана и сидел дома почти безвылазно полгода.
Потом вылез, сходил на собеседование – обосрался и вернулся домой еще на месяц. Потом опять вылез, пошел на джуниора, и как мне показалось – опять обосрался, но мне перезвонили. Спустя год спрашивал тимлида, почему меня взяли вообще, он сказал что я довольно неплох был на собеседовании, что очень странно.
Как мне кажется большую роль сыграло достаточное количество накопленных денег, которых мне хватило на полгода безработицы, и потом еще полгода ни в чем себе не отказывать, при этом получая зп джуниора. Потому что совмещать основную работу и обучение фронтенду у меня не получилось бы, я бы просто ебанулся.
Кстати за первые две недели работы, научился большему чем за полгода изучения дома. Поэтому бросайте домашнее обучение как можно скорее и го ебашить, говорите что готовы работать за еду, работа в команде над серьезным проектом прокачает вас очень быстро.
А возраст у тебя какой?
Живу в мухосрани см. pic, работаю кхм... сисЬадмином за 20 тыс.
Планирую в конце 2016 рвануть в ДС2, благо, есть где пожить пару месяцев на халяву.
К тому времени мне будет почти 25 и чЁта очково искать работу фронтенд джуна в таком возрасте.Ведь вокруг хренова туча 20-ти летнего молодника :(
тут и так вас, жителей гор, много, может не надо в мой ламповый дс2 наезжать, пиздуй в Москву лучше там побохаче, ммм?
>Ведь вокруг хренова туча 20-ти летнего молодника :(
И что лол? думаешь не возьмут потому-что СТАРЫЙ?
Так-то я русский. :)
>почти 25 и чЁта очково искать работу фронтенд джуна в таком возрасте
Мне 27, собираюсь перекатываться в фронтенд из сферы никак не связанной с ай-ти.
Я к тому, что вы молодцы, ребятки.
ДС2, тут вакансий много, нигде не видел ограничений на возраст, может это на собеседованиях всплывет, но я как-то совсем не опасаюсь этого, норм работодателю нужен человек, который справляется с поставленными задачами и не важно какого возраста, все же фронтенд это не та сфера где надо смазливым лицом торговать.
> Кстати за первые две недели работы, научился большему чем за полгода изучения дома.
Кстати да, на стажировке тоже заметил.
Но условие чтобы он были обязательно инлайновыми блоками
http://cssdeck.com/labs/2s6nw2qq
не так нельзя, она - не элемент списка , а логотип, как еще можно?
это седона? если да - то лого - это элемент списка (ссылка на главную) и у каждого элемента по тз width 20%
и что это тогда? img?
ну тебе предложили уже в навигацию ее засунуть, но тебе так видимо нельзя, как сделать по твоему запросу я не знаю, но сетки позиционированием не делают.
Попробуй поиграться с горизонтальным выравниванием
26 лет, джуном устраивался в 24, не замечал каких либо проблем с возрастом, я думаю если тебе до 25 – всем плевать что нет опыта. В любом случае выбор будет в пользу знаний, а не возраста. Если конечно тимлид не гей с предпочтениями до 20 лет, и лгбт полоской на гитхабе.
>>366872
Эх, я бы сейчас откатился на 7 лет назад.
Еще заметил что выход за рамки удобства, или как то так, прокачают тебя еще сильнее, первые две недели работы в команде являются частным случаем этой ситуации.
Если ты работаешь над проектом, сроки горят, маркетинг просит быстрее, пм умоляет быстрее, тимлид уничтожает твой код во время ревью, и все это в безумном темпе – прокачка x100.
Если ты работаешь неспеша над ламповым проектиком, где все под контролем, есть время посидеть и обдумать, собраться в переговорке поболтать об паттернах, вернуться с чашкой кофе и зарефакторить вчеранаписанное – прокачка так себе.
Это все из личных наблюдений, соответственно субъективно.
Смотря что понимать под прокачкой. Когда "сроки горят" новые вещи не станешь пробовать, например.
Так у тебя и так все в линию что тебе надо-то конкретно?
vertical-align может
Но я в душе не ебу, где мне достать макет для сайта надгробий. Повсюду только всякие новомодные фьючерсы-хуючерсы да картинки кружочками. Для сайта внешней рекламы это ещё подходит, но не для памятников же, в особенности надгробных.
Может, кому-то встречался подходящий макет? А то придётся какой-то извращенный макет для портфолио под свои нужды переделывать.
Кошерно, только нормально сделай.
Чет орнул чутка с твоей ситуации
>Но я в душе не ебу, где мне достать макет для сайта надгробий.
на кой хуй? возьми бутстрап да цвета в нем помрачнее сделай
совсем чтоль гуглить разучились
http://www.headstone.co.nz/
http://www.memorials.com/
http://www.nationwidemonument.com/
http://www.memorialsofdistinction.co.uk/
http://headstonewarehouse.co.nz/
это классика
достаточно посмотреть видео "фотошоп для верстальщика" если не доходит с первого раза то смотреть до обретения просветления снова и снова.
а что если дошло просветление, как все там делается, но вопрос будет в другом? Для чего это вообще нужно? Я имею в виду, что это дает? Вот на видео вырезали иконку фейсбука, и что с ним делать дальше надо будет? Вставлять в свой макет, но для чего?
Так же недавно анон дал ценную ссылку https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Где тоже рассказывают про фотошоп.
Я не знаю, как по другому объяснить свой вопрос. Я уже просто запутался во всем этом
ну блин эт ппц...
короче, верстала получает от дизайнера макет в формате .psd (иногда в другом но чаще всего так). как ты понимаешь это просто картинка, работать она не будет. вот задача верстальщика в том чтобы из этой картинки сделать код: собственно разметку (html) и стили (сss) (еще скрипты порой писать - js). и сделать так, чтобы при открытии в браузере это было похоже на то что в макете.
в макете который дает дизайнер есть вещи которые можно делать с помощью css и есть вещи, которые надо вырезать, так как иначе их не сделаешь. вот иконка например соцсети - ее скорее-всего нельзя сделать css, поэтому нам надо ее вырезать в фотошопе и вставить в нужное место кода, который пишем, ведь нам то надо чтобы она отображалась на сайте.
если и сейчас не понятно - то тогда я уже хз
ну вот наконец-то я увидел ответ на мой вопрос.
Если я правильно понял, то я могу скачать любой макет в формате .psd, и взять к примеру оттуда понравившуюся иконку или еще что-нибудь, потом вставить ее в то место, где указан для нее код. Все верно?
что не так?
бля, ты код сам пишешь - смотришь на макет который ты скачал и пишешь код, чтобы когда ты этот код откроешь в браузере он сука выглядел так же как твой макет. ты не делаешь из макета другой макет, ты сидишь и пишешь код!!!!
я так и хотел написать, но как вы уже заметили проспал этот момент. Извиняюсь за эту ошибку. Спасибо за развернутый и понятный ответ.
Да забей, я верстал на убунте, там ФШ нет, соответственно дизайнер присылал мне макет в .jpg и те вещи, которые я не могу сделать в html+css сам вырезал и прикреплял, так же про размеры шрифтов.
При этом я делал пиксельперфект верстку.
Так что можешь даже не устанавшивать ФШ, картинки пусть дизайнер вырезает.
Че за хуйню ты несешь? Какой блять дизайнер? Кто это ему все будет вырезать? Мамка его? Он же только учится.
Потом привыкнет такую хуйню творить, придет в конторку, глазами похлопает и вылетит на первый же день.
Сам на бубунте, но без ФШ никуда, пришлось устанвливать. Размер шрифта, фамилю шрифта с jpg не узнаешь, это реально ебала. Сам когда то был упоротым красноглазиком, сейчас немного отпустило, я бы и перекотился на винду, но реально привык к командной строке linux, очень она мне нравиться, да и кумарит что в винде по умолчанию не идут самые нужные программы. Тот ридер пдф, еб твою мать, на винде одно говно блять. Распаковщик. БЛЯЯЯТЬ, НУ ЧТО НЕЛЬЗЯ РАСПАКОВЩИК В КОРОБКУ КИНУТЬ?? Но фотошоп конечно хорош, хорош.
Анон, не еби мозги устанавливай Playonlinux и накатывай photoshop cs 6. Работает.
"Фотошоп для верстальщика" 3 урок интенисва базового
(вообще да - инструмент текст - выделяешь фрагмент в панельке character показывается инфа о шрифте)
да как-то заметил на одном треде. Один был оригинал, а второй типа он младенец и руки от оригинала приклеены к голове. Взял не сохранил, и вот ищу теперь. А у тебя есть?
Так не нужно. Если он поставит курсор во фрагмент текста с нераспознанным шрифтом, то ФШ заменит шрифт на другой. Нужно выделить слой и смотреть Character.
он спросил за размер шрифта а не за font-family эт раз. а два - есть макеты в которых слиты заголовок блока и параграф в один слой и хуй ты выделишь что-то отдельно
Ой, в шары продолбился, сорян.
Ну я вот выделил этот участок с помощью этого инструмента, дальше что надо делать? Выделить его не получается.
Ананасики, помогите я этот слой "Долго, дорого, скурпулезно" найти не могу. Все слои скрыл, не могу найти и пиздец. Может кто работал с этим псд, подскажите как называется этот слой.
не так выделил - если инструментом текст - надо текст и выделять.
чтобы найти слой юзай move tool
и вообще посмотри видос - пол часа от силы, зато ответы на все вопросы
В ФШ есть хреновина, чтобы выделять слой по клику, не помню, где именно. В третьей части базового говорят про это. Можно тупо повыключать слои ещё.
Бля, не бейте, это оказывается была картинка, и слой назывался почему то "sidebar" , немного не лагична, ебана в рот. Я пока видео эти обучающие смотрел , думал что я крутой перец-верстала. Воистину, дьявол скрывается в деталях, куча мелочей которые упущены в видео и куча вещей надо научиться делать своими пальчиками.
На простых макетах норм. Хотя я до перекота в хтмл ей не пользовался никогда.
ты не туда клацнул - точнее надо быть
Как на рынке с зарплатой и вакансиями в дс2? Судя по ХХ довольно таки неплохо.
Есть полгода без работы но с зарплатой лол, хочу вкатится.
Интересненько! Если всё-таки её не запилят, запилишь сам в треде для широкой общественности?
Плюс ко всему выбивают из колеи задачи в конце урока, где для решения того или иного задания нужно перешерстить половину курса.
Еще немного непонятно, как я могу применить эти знания в будущем. Например, я хочу писать парсеры, а мне предлагают делать калькуляторы и выводить хештеги елочкой.
Все, я поплакался. Можно дальше продолжать вникать в ООП
У меня экран по современным меркам довольно мелкий 1440 на 900.
Я так и верстал. Довольно мало встречается тренировочных макетов с шириной контентной области больше 1400 пх. Если надо было, немного урезал. На работе тебе все равно дадут огромный моник.
Не слишком понимаю о каких костылях идет речь. Просто задай нужную ширину контентной обертке обертке, либо боди, либо еще какому-то общему элементу, тут надо эксперементировать.
А когда строят сайты, за теги не платят.
Подозреваю, в будущем нас ждет стремительная коммерциализация этого дела.
W3C запустит сайтец, где надо будет покупать теги, точнее, права на их использование. Например, верстаешь учебный макет, нужно тебе столько-то дивов, столько-то спанов и прочего. Приходишь на сайт, заполняешь форму, платишь по тарифу. Один див - пятнашка, спан - червонец, и т. д. Как все сверстал, загружаешь html, если превысил - доплачивай, остались лишние - используешь в другой раз.
Использовал теги без оплаты - считается, спиздил стройматерилы. Заводят дело, взыскивают бабло, если бабла нет, присылают приставов, те приходят и распродают все твое барахло.
Так что пользуйтесь моментом, пока халява.
та же херня, брат. только я уже успел верстаком почти год поработать, уволиться и просидеть на жопе почти полгода. вакансии есть, резюмешки отправляю, но мне не звонят, не пишут, а самому идти что то стремновато.
аноны, стоит ли идти самому в офис, если мне не звонили и не отвечали на резюме?
о, сокращенное быдло с завода вкатилось
>поделитесь лайфхаками как не забывать прочитанное?
Повторение и пересказ изученного, я еще люблю конспекты на бумажке писать лучше запоминается, а вообще курс КАК НАУЧИТСЯ УЧИТСЯ на курсере тебе в помощь
решай сам ты уже взрослый
Неа. Михаил!
хотелось бы понять, почему я не подхожу. банальный ответ, что вы нам не подходите, потому что...
опыт больше года есть, вакансия висит на сайте несколько месяцев, мне даже не отзвонились, резюме прочитали только через пару недель после того, как отправил. все равно вариантов других, насколько я знаю, нет в нашей мухосрани. верстаков у нас не так уж и много.
Потому что данная вакансия уже неактуально, это же очевидно. Думаешь, что ты один васян, который ищет работу?
как что-то плохое
на фриланс биржах нужен минимум jquery. и фреймворки.
я же js пока только учу (на уровне добавить элемент в DOM). jquery учу. фрилансил пополам с другом, я верстаю, он скрипты добавляет. жутко неудобно получается.
да и искать каждый раз заказчиков еще тот геммор.
Это хуйня еще, я обычно пишу им что они охуевшие пидоры и пусть нахуй идут.
А на деле на такой работке ты будешь прикручивать тексты и рассказывать бабам в климаксе куда жать мышкой и почему окошко улетело.
Я как-то числился в одной мухосранской конторе, которая занималась любой хуетой, за которую можно получить деньги - сайты, СЕО, СММ, печатная продукция, установка рекламных приблуд, дизайн всех этих буклетов и проч. При этом работало там человек 6-8, и текучка была адовая.
Прикол в том, что если в конторе работает немного народу, то из этих 6-8 человек кодингом занимаются где-то 2-3. Остальные это дизайнеры, манагеры, может быть, копирайтер или сеошник, ну и директор всей этой шняги. Т. е. если ты попадаешь кодером в такую контору, то будешь хуячить на всех фронтах - и верстать, и бэкендить, и фронтендить, и еще компы разбирать-собирать. Поэтому им нужны такие типы. Другое дело, что уровень скиллов там нужен не особо высокий - сайты там это в основном поебень на готовых шаблонах, никаких там адаптивностей и прочих моднявых изысков. Ну и 15-20К для таких ахуенных спецов это еще приличные бабки на самом деле.
нах playonlinux, ебаться еще с ним, если можно virtualBox накатить, поставить виртуалку и готовый фотошоп юзать?
Как смириться с тем, что если хочешь по фронтэнду угореть, то хочешь - не хочешь, а фотожабу на комплуктер ставить придётся?
поставь, посмотри видос по обучению и все. хочешь-не хочешь, а работать с фотошопом прийдется, если ты начинающий верстальщик-фронтэнд.
через какое-то время привыкнешь, работать станет легче.
а если не станет, то, может быть, это и не твое?
но если ты хочешь в будущем быть нормальным фронтэндом, а не говнокодером, лучше все-таки сначала js выучить до уровня DOM отредактировать, функции-хуюнкции и прочее, а потом уже в jquery лезть.
потому что понимание vanilla JS облегчает обучение тому же jquery и прочим фреймворкам.
Было у кого такое?
блин только сейчас дошло. Оказывается тупо присобачить надо черный слой, как в барбершопе и все ок будет. Спасибо за ответ.
ты поехавший? зачем черный слой, просто задаешь блоку бэкграунд черный, не надо ничего больше с картинкой делать
хорошо. А в каком формате сохранять есть смысл? Просто я заметил, что в жпег размер больше, чем в пнг-8 и пнг-24.
пнг умеют в прозрачность, конкретно этот элемент сохранять в пнг надо
посмотри, блядь, в семинаре 3 раздел, где про фотошоп говорится. там говорят, какой формат для чего нужен. если нужна прозрачность - png-8 или png-24. png-24 умеет в полупрозрачность, если тебе нужны совсем крутые иконки, то сохраняй в нем.
но не сохраняй сильно большие по размерам картинки в png, сохраняй в jpeg, потому что большие jpeg-картинки весят меньше, чем точно такие же картинки, сохраненные в png.
как понять, что твоя картинка с прозрачными пикселями? очень просто, в фотошопе там, где картинка прозрачна, фон серо-белыми маленькими квадратике, как на твоей картинке.
да уже минимум 3 раза сказали изучить видео урока, а потом что-то делать в фотошопе, видимо не доходит
Попробуй гимп, сразу полюбишь фотошоп.
не нужен тебе фотошоп на фронтенде, тред блять полон диванных корзинок, которые на производстве ни разу не работали, либо фрилансеров без дизайнера, который сам выраезает все нужные изображения, либо дедов из 2003 когда фш был необходим, так как даже тени и градиенты верстали картинкой а дизайнеры считали себя элитой чтобы вырезать для верстака.
хочешь угореть по фронтенду - забей на эту хуйню, иди на спецификацию почитай про вьювпорты контейн блоки, нормал флоу, флоатс флоу, формула по которой считаются размеры блочных элементов и прочую хуйню, и забей на верстку, потому что верстка обеспечит тебя деньгами чтоб на еду хватало, а JS чтобы на много чего еще, поэтому встал блять и иди учи почему функция может работать со свободными переменными вверх по цепочки скоупов даже когда внешняя функция завершила свою работу и ее лексическое окружение уничтожилось.
тут тред про верстку, верстале надо знать как нарезать макет в фотошопе, а то что JS нужен никто не оспаривает.
А в чем проблема быть знающим JS фронтэндером и при этом уметь работать с макетом в фотошопе?
долбоеб ты, а не фронтэнд. нормальный фронт-энд должен уметь в фотошоп, верстку, js и фреймворки, и немного в бэкэнд (php поправить, если все совсем хуево). нормальный фронтэнд - всесторонне развитый человек, понимающий, как проходят все этапы создания и работы сайта.
а таких говномакак, которые выебываются на работе, говоря, что это не их дело, я десятками видел. бэку нужно ссылочку вставить, он начинает говнометать, что это не его удел, что он бэк, а не верстальщик, полчаса бурчит, хотя мог бы просто добавить ссылку в макет и все. дело пары минут. но такие будут бугуртеть, пока не заебут всю команду.
никакой дизайнер не будет тебе нарезать макеты, это не его обязанность. максимум, что он может тебе сделать, это иконочку в вектор перевести, и то если он заинтересован в этом, и у тебя с ним хорошие отношения.
и как ты будешь смотреть макет, интересно, без фотошопа. как ты будешь форму всплывающую делать, слайдеры-хуяйдеры итп?
Да ты охуел, ты хоть чем-то полезным занимаешься, на заводе-то. А ты подумай, что для мир полезного делает очередной говноверстальщик, за 2 недели освоивший хтмл?
Я бы лучше сходил на курсы по JS к Илье Кантору, унего голос охуенный и поучиться у такого человека я думаю будет мегаохуенно.
И где бы взять 20к нищему студенту...
А ты верстаком получается без JS работал, чисто за верстку отвечал? Запили пожалуйста кулстори, как устроился и почему ушел, если не лень. Алсо, что за город?
работал без js, чистым верстаком.
изначально пошел на работу просто потому, что денег не было нихуя, из универа ушел, и отец сказал, чтобы я уебывал, ибо через пару недель, если я останусь дома, он сломает мой же ноутбук о мою спину.
с отцом всегда были хорошие отношения, но в то время я действительно сглупил. мне некуда было идти, а отец давил, говоря, что вышка нужна, и если я не пойду в универ, то нехуй мне тогда на его шее сидеть. я пошел в местный вуз получать совершенно неинтересную специальность, никак не связанную с IT. проучившись семестр (цена которого была 40к, и оплачивал их отец), я понял, что меня эта хуета не устраивает. и начал учиться верстать. верстал я по урокам, которые скачал на флешку с компа старшей сестры. у самого меня компа не было (был сломанный ноут), поэтому учиться мне приходилось в универе вместо занятий, так как они мне совсем осточертели.
в итоге я проебал 90к отцовских денег, положил хуй на все экзамены и сказал отцу, что ухожу из универа. отец воспринял все это очень плохо, мы часто ссорились, но до опиздюливания не доходило, так как мой папахен очень добрый (мать умерла, когда я был подростком).
в итоге в один прекрасный день я почувствовал, что стал лучше разбираться в компах, починил свой ноут и начал творить на нем (всякую хуету, версткой это назвать было сложно).
в один прекрасный день мой отец вошел в мою комнату и сказал, что ему позвонил куратор моей группы и сказал, что я не посещаю занятия. я сказал, что я ухожу из универа, мы поссорились, отец выставил мне ультиматум. в тот же день я пошарился по сайту работы в нашем городе. нашел пару вакансий, создал резюме и отписался по этим вакансиям (продавец, оператор call-центра).
по второй мне отзвонились буквально через пару часов и назначили собеседование на следующий день после 4. я тогда был патлат, поэтому подстригся и прикупил новой одежды на последние деньги. олсо, выглядел как ребенок (задержка физического развития, еби ее в рот + мелкий рост 170см сейчас, тогда 165).
меня встретила женщина лет 35, сказала, что человека, который должен меня проинструктировать, уже нет, ибо он рано приходит и рано уходит (ненормированный рабочий день, классная штука. платят почасовую, но лучше работать по 8 часов в день. можно больше, получишь больше + бонусы). я переписал резюме, упомянув, что могу в html, css, и напиздел, что могу в js (это мне потом аукнулось). потом поговорил немного с женщиной, не помню уже о чем, и ушел домой.
мне позвонили и сказали, что я принят. сказали приходить к 11. пришел я к 11 на следующий день и познакомился с наставником по работе. это оказался наш сисадмин, с которым мы очень быстро сдружились и потом долго прикалывались над менеджерами, ходили на турнички итп. он же и посоветовал меня, когда понадобился верстак в компанию.
когда я устроился, то даже не знал, чем компания занимается. полноценно я узнал об этом тогда, когда стал работать верстаком.
проработав пару недель прозвонщиком, я получил бабло, рассказал отцу о том, что я нашел работу. отец тут же оттаял, сказав, что тогда нет смысла в том, чтобы получать вышку, если я смог устроиться без нее и получать деньги.
через месяц работы меня взял менеджером продаж, через месяц я ушел оттуда в контент-менеджеры, ведь я знал разметку html к тому времени. еще через 2 месяца решил уйти из компании главный верстальщик, и срочно потребовались верстаки. я ссыковал за свой уровень верстки и решил не собеседоваться. но сисадмин сказал шефу, что я хочу собеседоваться. на следующий день меня пригласили, дали тестовое задание, я сверстал его (оче хуево, но лучше большинства приходивших ранее верстаков, как мне сказали потом) и ушел. на следующий день мне поставили стол в офисе программистов (у нас два офиса, один для клерков, другой для прогеров, верстаков, тестировщиков и ПМов), детально разобрали со мной ошибки моей верстки и заставили переделать с учетом моих ошибок. я переделал, тем самым доказав свою возможность учиться на ходу, и мне предоставили место верстака. главный верстальщик должен был отработать еще 2 недели, что он и сделал, каждый день уделяя пару часов моему обучению.
когда он ушел, натаскивать меня продолжил второй верстальщик, ставший после ухода первого главным. первый месяц я верстал простенькие кнопочки, редактировал админку и прочее. потом пошли объекты посложнее.
первую неделю надо мной подшучивали, так как я написал в резюмешке что владею js, а оказалось, что html и css у меня на хуевом уровне, о js речи и идти не может. было очень хуево, но я сосредоточился на работе, и это отвлекло.
с каждой неделей сложность увеличивалась, но если я чего-то не понимал, то обращался за помощью к главному верстальщику, с которым мы быстро скорефанились (на работе ты либо корефанишься, либо вылетаешь, так как не можешь в коллектив).
в итоге я работал чуть больше полугода, когда главный верстак ушел в отпуск на 2 недели, а я начал главноверстать за него. 2 недели я верстал, все было норм, потом главный верстак пришел, и все продолжилось дальше.
в последние пару месяцев я дико говноверстал, ошибки сыпались, сайты ломались, и у меня портилось настроение, меня все заебало, нервировало все итп.
в итоге, проработал я год до мая. а потом у меня в жопе заиграло детство, и я понял, что хочу лето прогулять. уволился я, думая, что мне это нужно. адекватной причины увольнения я тогда не видел, но меня несло дальше. в итоге я уволился в мае, забрал последнюю зарплату и съебал в закат.
лето я прошлялся, пробухал, потусил с друзьями. деньги закончились. работы у меня не было. я попытался во фриланс, но у меня шел говнокод (денег конечно поднял, но мне в этом помог друг, фронтэнд в ДС, с которым я периодически консультируюсь в разных вопросах). сейчас то уже замечаю, а тогда не мог понять косяков. в итоге с августа я сижу на жопе, у меня нету работы, жить приходится за счет отца, который спокойно относится к тому, что я не зарабатываю уже почти полгода, а просто сижу у него на шее.
идти куда-то в макдак работать я не хочу, вместо этого последний месяц дрочу js, недавно бутстрап выучил за пару дней, jquery поюзал, БЭМ заново вспоминаю, думаю вордпресс поюзать, понатягивать шаблоны для него.
главный плюс в том, что у меня за этот месяц нехило вырос уровень. что в верстке, что в сисадминстве, винду всем знакомым переустанавливал, менял коннекторы, инспектировал кабель на разрывы, роутеры ставил, перепрошивал, убунту, арч накатывал себе, виртуалки поднимал, в консольках пердолился итп.
жалею, что с работы ушел, надо было там торчать, были бы щас деньги, навык поднял бы, условия там для нашей мухосрани были отличные.
новокузнецк.
работал без js, чистым верстаком.
изначально пошел на работу просто потому, что денег не было нихуя, из универа ушел, и отец сказал, чтобы я уебывал, ибо через пару недель, если я останусь дома, он сломает мой же ноутбук о мою спину.
с отцом всегда были хорошие отношения, но в то время я действительно сглупил. мне некуда было идти, а отец давил, говоря, что вышка нужна, и если я не пойду в универ, то нехуй мне тогда на его шее сидеть. я пошел в местный вуз получать совершенно неинтересную специальность, никак не связанную с IT. проучившись семестр (цена которого была 40к, и оплачивал их отец), я понял, что меня эта хуета не устраивает. и начал учиться верстать. верстал я по урокам, которые скачал на флешку с компа старшей сестры. у самого меня компа не было (был сломанный ноут), поэтому учиться мне приходилось в универе вместо занятий, так как они мне совсем осточертели.
в итоге я проебал 90к отцовских денег, положил хуй на все экзамены и сказал отцу, что ухожу из универа. отец воспринял все это очень плохо, мы часто ссорились, но до опиздюливания не доходило, так как мой папахен очень добрый (мать умерла, когда я был подростком).
в итоге в один прекрасный день я почувствовал, что стал лучше разбираться в компах, починил свой ноут и начал творить на нем (всякую хуету, версткой это назвать было сложно).
в один прекрасный день мой отец вошел в мою комнату и сказал, что ему позвонил куратор моей группы и сказал, что я не посещаю занятия. я сказал, что я ухожу из универа, мы поссорились, отец выставил мне ультиматум. в тот же день я пошарился по сайту работы в нашем городе. нашел пару вакансий, создал резюме и отписался по этим вакансиям (продавец, оператор call-центра).
по второй мне отзвонились буквально через пару часов и назначили собеседование на следующий день после 4. я тогда был патлат, поэтому подстригся и прикупил новой одежды на последние деньги. олсо, выглядел как ребенок (задержка физического развития, еби ее в рот + мелкий рост 170см сейчас, тогда 165).
меня встретила женщина лет 35, сказала, что человека, который должен меня проинструктировать, уже нет, ибо он рано приходит и рано уходит (ненормированный рабочий день, классная штука. платят почасовую, но лучше работать по 8 часов в день. можно больше, получишь больше + бонусы). я переписал резюме, упомянув, что могу в html, css, и напиздел, что могу в js (это мне потом аукнулось). потом поговорил немного с женщиной, не помню уже о чем, и ушел домой.
мне позвонили и сказали, что я принят. сказали приходить к 11. пришел я к 11 на следующий день и познакомился с наставником по работе. это оказался наш сисадмин, с которым мы очень быстро сдружились и потом долго прикалывались над менеджерами, ходили на турнички итп. он же и посоветовал меня, когда понадобился верстак в компанию.
когда я устроился, то даже не знал, чем компания занимается. полноценно я узнал об этом тогда, когда стал работать верстаком.
проработав пару недель прозвонщиком, я получил бабло, рассказал отцу о том, что я нашел работу. отец тут же оттаял, сказав, что тогда нет смысла в том, чтобы получать вышку, если я смог устроиться без нее и получать деньги.
через месяц работы меня взял менеджером продаж, через месяц я ушел оттуда в контент-менеджеры, ведь я знал разметку html к тому времени. еще через 2 месяца решил уйти из компании главный верстальщик, и срочно потребовались верстаки. я ссыковал за свой уровень верстки и решил не собеседоваться. но сисадмин сказал шефу, что я хочу собеседоваться. на следующий день меня пригласили, дали тестовое задание, я сверстал его (оче хуево, но лучше большинства приходивших ранее верстаков, как мне сказали потом) и ушел. на следующий день мне поставили стол в офисе программистов (у нас два офиса, один для клерков, другой для прогеров, верстаков, тестировщиков и ПМов), детально разобрали со мной ошибки моей верстки и заставили переделать с учетом моих ошибок. я переделал, тем самым доказав свою возможность учиться на ходу, и мне предоставили место верстака. главный верстальщик должен был отработать еще 2 недели, что он и сделал, каждый день уделяя пару часов моему обучению.
когда он ушел, натаскивать меня продолжил второй верстальщик, ставший после ухода первого главным. первый месяц я верстал простенькие кнопочки, редактировал админку и прочее. потом пошли объекты посложнее.
первую неделю надо мной подшучивали, так как я написал в резюмешке что владею js, а оказалось, что html и css у меня на хуевом уровне, о js речи и идти не может. было очень хуево, но я сосредоточился на работе, и это отвлекло.
с каждой неделей сложность увеличивалась, но если я чего-то не понимал, то обращался за помощью к главному верстальщику, с которым мы быстро скорефанились (на работе ты либо корефанишься, либо вылетаешь, так как не можешь в коллектив).
в итоге я работал чуть больше полугода, когда главный верстак ушел в отпуск на 2 недели, а я начал главноверстать за него. 2 недели я верстал, все было норм, потом главный верстак пришел, и все продолжилось дальше.
в последние пару месяцев я дико говноверстал, ошибки сыпались, сайты ломались, и у меня портилось настроение, меня все заебало, нервировало все итп.
в итоге, проработал я год до мая. а потом у меня в жопе заиграло детство, и я понял, что хочу лето прогулять. уволился я, думая, что мне это нужно. адекватной причины увольнения я тогда не видел, но меня несло дальше. в итоге я уволился в мае, забрал последнюю зарплату и съебал в закат.
лето я прошлялся, пробухал, потусил с друзьями. деньги закончились. работы у меня не было. я попытался во фриланс, но у меня шел говнокод (денег конечно поднял, но мне в этом помог друг, фронтэнд в ДС, с которым я периодически консультируюсь в разных вопросах). сейчас то уже замечаю, а тогда не мог понять косяков. в итоге с августа я сижу на жопе, у меня нету работы, жить приходится за счет отца, который спокойно относится к тому, что я не зарабатываю уже почти полгода, а просто сижу у него на шее.
идти куда-то в макдак работать я не хочу, вместо этого последний месяц дрочу js, недавно бутстрап выучил за пару дней, jquery поюзал, БЭМ заново вспоминаю, думаю вордпресс поюзать, понатягивать шаблоны для него.
главный плюс в том, что у меня за этот месяц нехило вырос уровень. что в верстке, что в сисадминстве, винду всем знакомым переустанавливал, менял коннекторы, инспектировал кабель на разрывы, роутеры ставил, перепрошивал, убунту, арч накатывал себе, виртуалки поднимал, в консольках пердолился итп.
жалею, что с работы ушел, надо было там торчать, были бы щас деньги, навык поднял бы, условия там для нашей мухосрани были отличные.
новокузнецк.
У меня примерно такой же батя, и я тоже вылетал.
Удачи тебе, дрочи JS и снова на работу устраиваться иди, с опытом легче будет устроиться.
ну, во первых, это зашквар, возвращаться на старую работу.
во вторых, я уже просился, не взяли, лол.
это да. настолько хорошо, что с августа больше не пью.
nope
что за хуйню я читаю
Мы как бы в постиндустриальном обществе живем, на заводе делать нехуй, а особенно в рашке
Что нарезать, мудила? 2015 на дворе. Отдельный сложный графен тебе и так сохранят.
То что мы живем в постидустриальную эпоху не убирает нашей потребности в материальных благах, а материальные блага, особенно высокотехнологичные делают на заводах, или ты думаешь айфоны рождаются в результате кодинга?
анус себе сохрани, долбоеб. никто не будет тебе иконочки соц-сетей вырезать, ты сам это должен уметь. спрайты собирать тоже сам должен уметь, не будет это за тебя никто делать. никто не будет тебе отдельно спрайт сохранять. разные корнеры, треугольнички в углах и прочее микроскопическое говно, которое невозможно средствами css сделать, за тебя вырезать никто не будет. к тому же во многих конторках в мухосранях дизайнеры не могут в верстку, не знают возможностей современных и старых браузеров, не могут представить, что можно сделать, что нельзя, что стоит вырезать. а мухосраней куда больше, чем ДС-ов.
на продвинутом он тоже задвигает, правда не про фотошоп и часов побольше.
Согласен, очень годно поясняет и всего за 30 минут.
в любой ситуации, когда не можешь к блоку применить ни один семантический тег - это див
Странно, я думал article это статья на странице, а не вся страница.
У меня таой вопрос, вот я хочу чтобы на низких разрешениях появлялось выпадающее меню сверху, кторое до этого было в другом месте. Я сделал это через медиазапрос. Так вот как правильно убрать со страницы на через медиа запросы ненужный блок меню? Я сделал display none, но потом прочитал, что ссылки так прятать нельзя, типа из нтмл они никуда не деваются и поиковики видят это.
ну как вариант и его можно юзать
35к в дс. Да маловато конечно, буду скоро до 50 просить повышение. Работа ненапряжная очень, онли верстка.
Да, знаю ангуляр достаточно неплохо, реакт на среднем уровне, чистый жс наверно тоже на среднем (ну тут сложно оценить, на уровне джуна точно знаю), но на работе код/логику не пишу вообще.
Ну вообще я хочу больше быть UI кодером, а логику мне не очень нравится писать. Ещё поднадрочусь немного и попробую сменить должность, может в нашей компании откроется как раз такая. Да и верстать в разы легче, чем кодить, я за пару часов могу все свои таски на день переделать, а потом своими делами заниматься, а кодеры всегда заняты весь день.
Напоминаю!
Adobe Muse и Adobe Fireworks. Есть профит? Стоит использовать в работе? Есть у кого опыт?
В работе конечно не стоит.
Если тебе для себя нужен сайт по-бырому сделать, а ты не умеешь верстать, то можно, но тоже лучше нанять студента за еду.
пусть этим китайцы занимаются и роботизированные конвееры, и чпушники в количестве 1 человека на 5 станков.
Сидишь такой в говне, мечтаешь зарабатывать 5 баксов в день и тут четприуныл купил мак.
Раньше тоже думал что на маках сидят ЛЮБИТЕЛИ ЭСТЕТИКИ, но где то прочитал что все разработчики которые садились за мак, уже к другим системам не возвращались. Сей факт очень насторожил, одно дело когда хомячки кричат, а другое когда суровые бородатые дядки которые "для поработать" говорят что мак это круто.
Хуже, проще выучить верстку, чем что-то нормальное сделать в этом говне.
Никакой разницы не вижу, если честно.
У нас в конторе правда на дотнете всё завязано, а следовательно на VS нужно проект собирать, поэтому большинство на винде сидят, но есть индивидуумы с маками, так вот ебли у них в три раза больше, а профита тупо ноль. Ну реально ничего особенного там нету. Да, xcode неплохая штука, но не более.
Стоит эта ебала, нихуя не видит - ни флешек, ни жестких, вообще нихуя. Пишет, надо какую то хуйню или установить или обновить, я не помню. Скачивал, пытался установить - залупу на воротник, а не установку. Хуйня этот виртуал бокс, честное слово. Еще блять какие то две версии, одна оракала, другая говносборка какая то, хуй просцыш как их устанавливать. Вот что не люблю в линуксе - установка программ и их удаление, это реально пиздец какой то.
Хуя, полыхнуло. Что бы показать торговцу черным деревом все описаные тобой умения, надо сделать сайт, где вся эта хуйня работает... Смекаешь к чему я веду?
Новое время, тут надо показывать что ты не только можешь пользоваться инструментами, еще покажи пару сотен готовых проектов, ага.
Это просто один блок на всю ширину, у него бекраунд в виде этой картинки, через background-position он смещен вправо.
Делал пикрелейтед адаптивным, ахуел, времени больше чем на верстку ушло.
пока не придрочишься пиздец тяжко, а потом понимаешь, что линукс в плане сборки, виртуалок, локального сервера и прочее проще.
тебе я посоветовал бы общий доступ к файлам между виртуалкой и линухом.
но скорее всего у тебя просто не установлена ебала, которая отмеяет захват курсора виртуалкой и поддерживает общий курсор для осей.
но лично я открыл для себя дриснятку и сижу на ней уже 3 месяца, правда программ по умолчанию нет, зато она потребляет меньше ресурсов. 300 мегов x64 ось жрет.
Лол, у меня агрегат фотошоп-то этот ебучий еле тянет, не то что вторую систему.
начнем с того, что тебе в /hw
закончим тем, что лучше всего подрубать дополнительный моник с разрешением 1920*1080, то бишь fullHD. на ноутах цветовая гамма в большинстве случаев хромает. если у тебя есть писюк (pc), то лучше просто обнови его, хлопот меньше. сам купил себе и писюк и ноут. ноут пылится на своей подставке, комп все время работает.
Это вообще возможно?
Я про бордюр вокруг треугольника.
Я так понимаю это самый задний фон. То есть здесь 5 элементов: 1 самый темный фон, прямоугольник в котором надпись, треугольник того же цвета, и 2 мелких треугольника посветлей.
Нет, я не про то.
Белый фон - это просто бэкграунд.
Правее и ниже прямоугольника в котором надпись и треугольника того же цвета справа от него есть более тёмный бордюр.
Непонимаю как его сделать без img.
transform: skew and etc.
Но это мне кажеться очень геморойным. Прийдется выстраивать кучу блоков, которые могут развалиться при каждом чихе браузера.
Или сделать кубик и повернуть его на 45 градусов и показать его половину разделеную по диогонали
И кубику задать тень
ахуено
Спасибо, Анон!
Чтобы норм адаптивность нарулить, надо чтобы дизайнер был не мудак и прикладывал к десктопу мобильную версию и версию для планшетов, если сайт подразумевает адаптивность
оба
используй анус своей мамаши
Помогите пожалуйста.
1. Логотип идет с нижней границей, выступающей за блок с полоской меню. По идее его надо было врезать вместе с этой границей, но я сделал так, чтоб было понятно.
Как эту границу сделать выступающей за границы блока?
2. Почему у меня правый блок ушел вниз и как поставить его на место?
1. Не совсем понимаю о чем ты. Поясни более подробно. Если ты о границе, то ее, чтобы она не влияла на блочную модель, можно сделать тенюшкой блока.
2.Съехал потому что его отталкивает марджином предыдущий элемент .cart, плюс у самой менюшки задан топовый паддинг.
А если честно, верстка хуевая, че-то ты перемудрил. Надо переписывать.
>А если честно, верстка хуевая, че-то ты перемудрил. Надо переписывать.
Поясни пожалуйста более подробно. Я как-то этот момент не очень понял, как что верстать в хтмл, хоть и нердс сверстал уже и все курсы прошел на академии плюс посмотрел базовый интенсив.
Мне кажется, что я много лишних классов и тегов делаю.
я тут делал лого не картинкой, а блоком (об этом в анализе макета говорят в интенсиве, что можно и так и так делать, но мне блоком нравится больше, так как не надо еще картинки на состояния наведения и нажатия делать и тогда выступающая граница легко абсолютным позиционированием псевдоэлемента делается кстати)
Хорошо, так и сделаю, просто стайлгайд не смотрел еще, показалось что тупо картинкой будет проще заверстать.
А не подскажешь, что у меня с версткой не так? Чувствую что говно, но исправить не могу. Может нахуй эту семантику?
Ну если коротко то да.
Лишние теги, классы немного неочевиды, лишние элементы. Те же иконки можно запилить не отдельными элементами, а псевдоэлементами самих кнопок, если ты применяешь именно сторонние иконки. Если же используешь графику, то тут и псевдоэлементов не нужно, ткак их можно запихнуть фоном в ксс.
Лишняя обертка, насколько я понял, тоже присутствует, клирфикса с какого-то хуя целых два. Сам клирфикс должен иметь display:table а не блок.
У некоторых классов прописаны не все свойства, у других есть лишние. Сам порядок свойств соблюдается через раз.
Лишний секшн вокруг инпута, вместо него лучше поставить див, или форм.
С флоатами тоже есть вопросы. Но это уже вкусовщина, ткак я флоатами вообще не пользуюсь. Как дойдешь до адаптивной верстки, поймешь о чем я.
Вообщем на этой стадии развития еще более-менее, просто старайся делать все рабочим, но попроще.
А, и названия классов пили поочевиднее. Чтобы другой человек мог глянуть в код и сразу все понять.
Тот же .cart. Почему карт? Почему не баскет к примеру? Закладки же у тебя имеют класс bookmarks.
Плюс вдогонку, на мой вкус там есть какие-то непонятки с марджинами, но я уже не вникал. Раз уж ты пользуешься флоатами, то желательно пилить поменьше марджинов, чтобы потом не возникало проблем, когда они друг друга толкают и в конце концов вываливают с лайна на второй уровень. Также избыток марджинов придется в любом случае убирать при работе с адаптивным макетом, что просто добавляет работы. Вообщем это все надо продумать, но ты не расстраивайся, развивайся и научишся.
ну из очевидного с первого взгляда container должен быть внутри top-menu так как синий фон должен на всю ширину идти.
и section тут внутри хедера не надо применять, так как у секции как и у article должен быть либо подразумеваться заголовок и это типо раздел в любом случае, а какой раздел может быть для инпута поиска
Всё по делу сказал, в общем-то, но с этого я серенькнул
>Тот же .cart. Почему карт? Почему не баскет к примеру?
Ох лол, действительно. Мой бедный английский. Ну что же, теперь я это слово точно запомню.
двачую этого
>>370233
>>370238
>>370241
Спасибо вам за советы!
Вот, переделал, проверьте: http://www.cssdesk.com/7Prb6
Возникли такие вопросы: Блокам с лого и "оформить заказ", как их лучше верстать - задавать паддинги или фиксированную высоту/ширину?
Еще из-за различия шрифтов правый блок не доставал до нижней границы и поэтому пришлось подгонять паддинги, то есть получились не те, что в макете.
>>370324
Да я просто смотрел на aliexpress например, там всегда называется cart, не знаю почему этот символ всегда называют basket. Basket конечно тоже корзина, но вроде как немного в другом значении.
Вспомнил что в интенсиве высоту не задавать, а ширина задается и из нее вычитаются паддинги, вопрос снимается.
имя должно отвечать на вопрос "что это за штука?" чтобы когда кто-то прочитает класс мог понять. сокращения желательно не юзать, кроме распространенных типа btn, nav
ты должен сам себе ответить на вопрос что это за блок, для чего он и если не силен в инглише - посмотреть по словарю чтобы адекватно перевести.
можешь например порыться в фреймворках (например бутстрап) посмотреть на то, какие там имена даются
А с паддингами такое тоже нужно делать? И если нет, то почему у меня сверху и снизу от символов какое-то, лол, силовое поле, которое увеличивает паддинги?
Причем меряю паддинги от заглавной буквы, - все равно непрвильно получается (больше, чем нужно тянется блок).
То что говорили в интенсиве касалось как маргинов так и паддингов. Причем считать надо что-то одно.
Размер элемента складывается с контента и паддингов. На пике есть контентная часть со словом ТЕХНОМАРТ. Плюс паддинги сверху и снизу. Это, как ты выразился - силовое поле, является как раз следствием наличия line-height. Потому что l-h по дефолту имеет размер 1,2-1,3х от размера шрифта.
А вообще, это совсем уж базис. Такие вещи нужно понимать полностью, поэтому лучше еще раз посмотри интенсив да поуправляйся с блочками в песочнице. Полезнее будет.
Но я же делаю line-height равным размеру шрифта , как по макету и все равно остаются эти отступы, это разве не перебивает дефолтное значение в "1,2-1,3х от размера шрифта" ?
И как их считать тогда, если line-height минус font-size = 0?
В таком случае не упарывайся пиксельхантингом, а делай как есть. Шрифт может иметь что-то типа запаса для нормального отображения засечек, выступающих частей (типа нижних засечек от буквы "р" в маленьком регистре и т.д). 2-3 пиксела в блоке особого значения иметь не будут, и это не сочтут ошибкой.
Тут есть аноны из ДС2 что ходили на курсы Epiс Skills? там как я понял ведут все теже преподы что и в хтил академи но только ИРЛ.
Да я понимаю, что погрешность допустима. Просто я тут паддинг с погрешностью в 5px сделал, потом дальше тоже 5px и в итоге хедер на 30 пикселей шире получился, чем надо.
Скажи еще пожалуйста, я правильно разметил картинки в техномарте?
http://www.cssdesk.com/7Prb6
А опять ощущение, что я все сделал не правильно.
Сойдет.
Только нумерацию в классах лучше замени конкретными именами - materials, tools и т.д.
И не бойся мутить хуйню, это нормально. Делай как знаешь. Мои первые макеты еще хуже были, но с практикой приходит опыт, а также понимание того, как это можно сделать лучше, проще и удобнее.
Поэтому просто делай и параллельно гугли, а там сам все поймешь.
Ладно, тогда буду верстать как умею, а не спрашивать каждый шаг в треде, все таки всего лишь второй макет.
Найти бы кого-нибудь, кто бы код-ревью делал по итогам...
Не думаю, что оно тебе понадобится, но если так уж хочешь, то кидай свое мыльцо.
Да не знаю, просто как я буду улучшать качество верстки, если не буду знать в чем я ошибаюсь?
agent.smith.yoba@gmail.com
> код-ревью
двачаю, верстаю верстаю, а иногда кажется что все зря, и на самом деле полную хуйню пишу, плохо без обратной связи.
Сейчас, малость помудохавшись могу с jquery наговнокодить какой-нибудь слайдер, всплывающее меню для мобилы или еще что-нибудь по мелочи. Какой должен быть следующий левел?
Основательное изучение языка. Начинать советую с learn.javascript.ru. Можешь в JS тред заглянуть, там есть много инфы.
Хмм, это натолкнуло меня на идею запилить в треде что-то типа модели наставничества, когда при желании более опытные антоши могли бы брать мелкий проектик от новичка, просматривать его и давать свои комментарии. При условии что первый на это действительно согласен и подойдет к делу с серьезностью, а второй:
- не является дебилом
- добросовестно учится и желает учиться дальше
-адекватен
- уже обучился базису и нуждается скорее в полировке скиллов.
Но это наверное утопия лол, никто не согласится.
Напомнило мне PHP-тред, где доброкун-ОП проверял у всех задачки, а также кидал советы по коду и чуть ли не за ручку вел. Интересно, есть ли он там сейчас?
Кроме него кстати никто толком не советовал, максимум могли накидать за щеку и сказать: "проверяй" лол.
Лол, тут тебе не stack overflow.
Через некоторое время местная пидорасня начнет друг друга с говном жрать по любым поводам.
Хочу завернуть ее внутрь блока, в котором она будет располагаться по центру нарисовал на пике, как сказал Громов в видео, но тогда придется этот блок флоатить вправо и распорку вставлять в каждый большой блок, или это как-то по-другому, проще можно сделать?
Ок, спасибо.
Делай так, как считаешь нужным. Спрашивая совета по каждому поводу ничему не научишся, срсли.
Да, надо было еще в утробе матери начинать кодить на ассемблере. А так, да вся жизнь насмарку.
д а
Да да если сам не изобретешь велосипед инженером не станешь конечноже
Я уже курс селекторов раз 5 прошел, но финальное вообще никак не дается. Насколько критично не понимать именно это задание?
да там ничего сложного просто всмотрись в свойства внимательно. а вообще, если мне не изменяет память, там классы тупо по очереди в селекторах участвуют
Я в свое время его не прошел, что не помешало мне научиться охуенно верстать.
Вообще-то через месяц полтора я попробовал еще раз и таки сделал, но это не критично
Потому что помню в прошлом треде анон говорил, что когда он устраивался работать в фирму, то его спрашивали про знания Java. Вот я и интересуюсь, что можно ли так учить или лучше что-то одно хорошо знать, а потом браться за второе.
Перепутал. Так как новенький в этой сфере. Интересоваться начал недавно со всем.
https://jsfiddle.net/pm8qca9z/
Это Nёrds сайт из интенсива.
Если хватит времени то стоит. Верстку ты быстро освоишь, если не дебил, а вот с JS времени придется потратить в разы больше. Да и путей развития там столько, что просто охуеть.
Поясни.
что за язык такой? Это русский? Почти в каждом слове ошибка.
Я бы не стал нижний логотип делать с подписью (Since что-то там), мне кажется лучше сразу вырезать.
А так все нормально вроде.
А не, короче там где у тебя фьючерсы ты с помощью <br>переносишь текст, так делать строго не рекомендуется, если это не идет по логике текста (допустим адрес и следующей строкой мыльцо).
>>372294
Да похуй, торопился наверное парень или не особо старался, так-то там можно рандом текст вообще вставлять и не париться, наполнение же не задача верстальщика.
Что я сделал не так?
body {
background-color: black;
background-image: url('/%25D0%25BC%25D0%25BE%25D0%25B9%2520%25D0%25BC%25D0%25B0%25D0%25BA%25D0%25B5%25D1%25822/img/metro2.jpg');
}
Можешь объяснить, что у тебя значит
%25D0%25BC%25D0%25BE%25D0%25B9%2520%25D0%25BC%25D0%25B0%25D0%25BA%25D0%25B5%25D1%25822
в пути к файлу?
папка на русском языке написана "мой макет"
Css-файл, в котором прописываешь путь к пикче, не в корне. Попробуй так
background-image: url('../%25D0%25BC%25D0%25BE%25D0%25B9%2520%25D0%25BC%25D0%25B0%25D0%25BA%25D0%25B5%25D1%25822/img/metro2.jpg');
Путь означает что нужно подняться в родительский каталог, зайти в папку "мой макет", далее img и найти файл metro2.jpg
Или так
background-image: url('../img/metro2.jpg');
Путь означает что нужно подняться в родительский каталог, зайти в папку "мой макет", далее img и найти файл metro2.jpg
А не, больше чем пара. Я просто стараюсь научится также техникой слепой печати.
на клавогонки заходи там можешь участвуя в соревнованиях научиться
>1.3 Мгц
>2 Gb RAM
>Потянет ли он фотошоп, браузер и атом одновременно?
Потянет. Но как только ты запустишь еще и винамп, тут-то все и наебнется.
потому что надо прописывать font-family иконочного шрифта
вот так
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="manma.css"> <---Это второй линк в html коде.
>>372437
так правильно?
говно. брал себе самый дешевый нетбук от днс на celeron, потом ебанул на него 8 8гигов оперативы и накатил ебунту. виртуалку держит стабильно, фризов нет. купил себе еще и моник - стало удобно верстать. потом в windows 10 ушел, вообще проблем не знаю, правда пришлось повыпиливать всю ту хуету типа windows market или как она там называется
делаю сейчас 5 урок интенсива. Сейчас показывают, как сделать полоску под "Главная". Так получается, что до этого у меня полностью не получалось запихнуть меню, и я увеличил в .main-navigation {width вместо 700 поставил 820}. Потом дошел до .main-navigation .active a:after, где надо написать {left: 20px; right: 20px}, и если посмотреть на пример в моей ссылке, то полоска сдвигается не так как на видео. Она уходит в право. Как сделать, чтобы она сжалась как на видео?
То что написано дальше в css не обращайте внимание, это осталось с прошлого урока интенсива.
.main-navigation .active a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background: white;
}
справа отступ не нужен, если ширина 100%;
слева 0.
но ведь можно сделать просто через бордер у a
да, ты прав. Убрал "width: 100%", но при этом оставил "left: 20px; right: 20px", и все стало как мне было нужно. Спасибо.
как пользоваться этим сайтом? зарегался, выбираю спрайтмап, загрузить спрайтмап и ничего не происходит.
Регаете аккаунт, потом открываете папку с вашими заготовками для спрайта. Выбираете их и просто перетягиваете на этот сайт. (Для тех кто не понял, то вы просто делаете действие, когда например закидываете фотографии в папку на рабочем столе) Потом делаете размер поля, каким он вам нужен и расставляете иконки в таком порядке, как вам хочется(справа будут показаны координаты расположения). Потом нажимаете "спрайтмап - сэйв спрайтмап"(чтобы если что загрузить этот спрайт и расширить его для будущих иконок) и после нажимаете "DOWLOAD". Вуаля! Вы сделали свой первый спрайт без лишних усилий.
Как-то так. Если вдруг не понятно, то попробую объяснить более доступно с картинками.
content: '';
position: absolute;
top: 28px;
left: 20px;
width: 18px;
height: 18px;
background: transparent url('../my macket/img/sprites.png') no-repeat;
background-position: 0 -5px;
opacity: .3;
}
.login:hover:before {
opacity: 1;
}
делаю все по видео (урок 5 интенсив), и не получается сделать, чтобы иконка входа начинала светиться при наведение мышки. Что я сделал не так?
background: transparent url('../img/sprites.png') no-repeat;
скорее всего вот так. родительская папка - my macket. от нее отталкивайся, а ты пытаешься из родительской папки найти еще одну папку с таким же именем.
С момента, где "придется иметь дело с бэк-эндером?", я тоже проигра.
Анон, а вот объясни. Ну вот хватит мне js, html, css и фреймворков или придется заваливаться еще и в разные говна всяких там баз-данных? Это вообще мрак, по-моему.
>Так ты ищи HTMLверстальщик или frontend developer
В нашей перди я таких вакансий не нашел. Я допускаю, что они просто заняты, но все равно город маленький.
понятно
Из вакансии непонятно, на каком уровне нужна пыха. Может там просто верстку натягивать на движки надо уметь.
Я бы позвонил/спросил по почте бы.
Как нормально сделать там нижнюю часть index са?Там где карта футер итд
Есть некая резюмешка на среднестатистическом сайте поиска работы.
На днях мне отписалась одна компания по поводу работы, мол есть предложение, скиньте только больше макетов.
Я ничего не отписал, на следующий день пришло еще одно сообщение. Как будто бы я отписал положительно. Потому что начинается оно с "Да, у нас есть удаленная вакансия верстальщика-фронтендера ..."
Но тут есть нюанс, менеджер пишет что нужно срочно выполнить верстку сайта, и что это же будет оплачиваемым тестовым заданием. Вот только тестовое задание там тянет на полноценный заказ.
Сами посудите, полноценный адаптивный макет на 4 страницы, с необходимостью, насколько я понимаю, подключения скриптов и прочих фишек.
Фирма не то чтобы стремная, но упоминания о ней есть только в 2ух местах. Первое - это их сайт, причем довольно подозрительный и простенький, с минимальной инфой для обратной связи, второе - описание на сайте поиска работы, уровня "ООО ТОРГАШсервис - пилим охуенные сайтики, только дайте денег"
Вообщем все это попахивает лохотроном. А вы как считаете? Отзываться ли на это предложение?
С меня как всегда.
это тебе к инфотренерам надо - у них все за 5 дней, 5 шагов и т.д. лол
>>373433
ну в принципе можешь выполнить, так как для тебя будет тренировкой, только пусть скажут что они разрешают добавить в резюме свое эту верстку + об оплате можешь позаботиться (ты им 2 страницы, они тебе 50% суммы, потом ты оставшееся 2 они тебе оставшиеся деньги)
ну на индекс странице можно футер засунуть в блок в который карта встраивается и сделать абсолютное позиционирование + прозрачность цвету фона дать
а на каталоге тогда футер переделать на позишн статик
>это тебе к инфотренерам надо - у них все за 5 дней, 5 шагов и т.д. лол
Я согласен и дольше. Особо углубляться не хотелось, вот и спросил может есть какой гайд без хардкора.
двачую вопрос
тоже интересно, ну в интернетах я искал - нема, наткнулся только на пару складчин, сам был бы не прочь посмотреть, если кто-то поделится
Зачем учить верстку и пиздовать верстальщиком, если потом из верстальщика все равно надо будет расти в JS-разработчика.
Не проще ли сразу дрочить JS и идти на JS-разработчика, благо вакансий куча?
Не нужно дрочить пиксели и верстку.
Не толщу, рили интересно.
Аноны, я сейчас может спрошу и глупый вопрос, но не пинайте, а объясните.
Зачем учить планировку зданий и пиздовать младшим инженер-строителем, если потом из инженер-строителя все равно надо будет расти в директора компании.
Не проще ли сразу дрочить скиллнейм и идти на директора, благо вакансий куча?
Не нужно дрочить черчение и считать нагрузки.
Не толщу, рили интересно.
Можешь и сразу в жс, если время есть.
Я вот быстро хотел работу получить, за месяц надрочился и устроился верстаком, а жс я за месяц бы не смог выучить на уровень джуна.
Написал: <head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css">
<link rel="stylsheet" href='mam.css'>
<title>Обувь</title>
</head>
И он не видит .css и шрифт. Что не так сделал?
css включился, но вот шрифт не включается
http://www.cssdesk.com/dPUCN
от bottom
Я ненавижу версталу в своей конторе. Это какой-то даун, начитавшийся про бэм и теперь на каждую блядскую ячейку в таблице вешает уникальный класс .table_shops_td__column_2. Сраную подпись под формой и ту обернет в пол десятка дивов с классами в стиле ".form_contact_more_info__inner_1". Как же я ахуеваю работать с этим дерьмом.
На простейший лединг с кнопкой и двумя инпутами тащит нахуй-ненужный жиквери IE10+, десяток нахуй-ненужных плагинов и нечитабельный ксс файл в полторы тыщи строк.
Клянусь аллахом, на новогоднем корпоративе я сломаю этому ублюдку ебало, а всем пидорасам, что работают в его стиле, желаю рака яичек и мучительной онкологии их близким.
То, что ты написал это даже не валидный бэм.
А если верстала ещё и жсом занимается, то значит ваши ПМы мудаки просто
а он точно про БЭМ читал? ибо названия классов явно говорят, что он пишет какую-то дичь
img {
position: absolute;
top: 50%;
left: 50%;
}
Но картинка отцентруется от левого верхнего угла.
Получается ей нужно добавить отрицательные маргины в половину ширины/высоты.
Но тогда нужно для каждой картинке (если блоки одинакового размера) высчитывать свои маргины, можно как-то этого избежать?
Или это вообще по-другому делается?
Нахуя сразу в жс, если при работе с js (да и с многими другими языками) все равно потребуется умение верстать?
Просто если ты погромист на ноде можно так глупоко в верстку не вдаваться, изучить основы на уровне базового интенсива и все.
тебе наверное лучше в /web задать вопрос
Небось прочитал БЭМ нихуя не понял. но знает чуть больше тех кто не читал. И теперь выебывается и говорит что так надо!
книга, которую советуют на базовом - "Инлайновый контекст форматирования", прочитай, появится представление о том, как че высчитывается
кстати, там в прошлых тредах собирались на конфу - короче пришло письмо сегодня, что можно не приглашать друзей - вход открытый типа для всех
Вчера мне один человек объяснял. Не претендую на 100% правильность, даже на 50% не претендую.
В общем, во-первых, грунт/гульп может обеспечить тебе предпросмотр файлов. Он мониторит файлы на наличие изменений и если что, обновляет страницу.
Во-вторых, он может "минимизировать" размер изображений. Чтобы они меньше грузились и вообще весили не так много, не занимая место на серве.
В-третьих, грунт и гульп могут объединять несколько файлов со скриптами в один. Представь, что у тебя сотни файлов и их все надо в один слепить.
В-четвертых, если ты пишешь скрипты очень быстро, без форматирования, сборщик их оформит, проставит теги, скобки и все-все-все, а потом скомпилит в файл, который останется подключить через <link>.
В общем, зырь видос, ЛОЛКА. В видео рассказывают про такую вещь, как prepros, но не волнуйся. prepros - тот же грунт/гулп, только с графическим интерфейсом. В общем, зырь видяху сначал эту (общее представление о технологиях):
http://www.youtube.com/watch?v=C1kJUnVHm1A&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index=8
Потом эту (уже научишься работать с продвинутыми инструментами):
http://www.youtube.com/watch?v=Cxo1vVI9--E&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index=5
ну например:
1) компиляция препроцессорного кода
2) автообновление страницы
3) обработка стилей с помощью postcss
4) создание спрайтов
5) минимизация
6) обработка изображений
7) сборка проекта
В зависимости от точки отсчета.
Если у одного из родителей абсолютного элемента будет position:relative то координаты начинают считать по его плоскости.
Если ни один из родитилей не спозиционирован относительно, тогда отсчитывается от боди.
>Вот например left: 50%, это от края родителя в какой точке, к центру ребенка или левому краю его
А почему бы тебе самому не потестить? Это делается в три строчки кода.
Но я ведь не пердолик(((
Куча разных свойств, атрибутов, классов, бла-бла.
Батхерт.
А еще больше бомбит от того, что учусь на мехмате. Уже 3 курс. Хоть и не отличник, но в функциональный анализ понимаю лучше, чем верстку.
Завидую манагерам, которые за 2 месяца посмотрели интенсивы, сверстали пару макетов и устроились работать.
отталкиваться от макета барбершопа не пробовал?
Почему нельзя сделать просто background-position: 100% 100%???
и что? Я написал background-position: 100% 100%
и все встало норм, писал как напримере background-position: 100% -xx px, и спрайты уходили в противоположную сторону.
Он просто делает все отступы и прочую херню одинаковыми во всех браузерах.
А обнулять такое это плохая практика.
ну у меня вот так делается, если одним спрайтом делать. Остальные иконки не знаю куда делись у этого спрайта.
>А еще больше бомбит от того, что учусь на мехмате. Уже 3 курс. Хоть и не отличник, но в функциональный анализ понимаю лучше, чем верстку.
Ну и нахуя тебе вообще верстка?
Пиздкй в шад яндекса, а потом в data sience, уж всяко перспективней будет и полезнее.
так и собираюсь в ШАД
если в этом году поступлю, то закончу через 2.5 года получается.
а если в след. году поступлю, то вообще через 3.5
что мне все это время жрать?
поэтому был план начать с JS, как подстраховки
если с ШАДом не сложиться, то хоть как себе на хлеб зарабатывать
А я вот фан пиздец как терпеть не могу, аналогично и матан и остальное дерьмо...
Аналогично, бро, из фана вообще нихуя не понял.
Имеется 2 блока, слева 40% ширины, и справа 60% ширины. В левом блоке находится круглое изображение (оно занимает 50% ширины левого блока). В правом блоке находится текст, относящийся к этому изображению. Под текстом находится фон, который должен быть и в левом блоке.
Я сделал див, который через отрицательный маржин сползает влево. Но только этот блок налезает на картинку.
Как сделать, что бы картинка была поверх этого блока?
Не унывай, няш.
Я вот могу в js, мне кажется все там более-менее понятным, а с весткой возникает куча проблем.
Просто нужно больше тренироватся.
Позиционирование + z-index
Ставрополь-кун?
сукпиздец)))
не может быть, чтобы ты спрайту написал везде 100% 100% и у тебя там разные иконки встали в нужных местах.
Ну понятно что width 100 это ширина только контента, без отступов и рамок. https://htmlacademy.ru/courses/44/run/13 Но еще писалось, что типа если задать width:100% то растянется контентом на всю длину блока и бордер и паддинги вытянут его за рамки родительского блока.
А если auto то типа нихуя, он будет увеличиваться от падинга по вертикали, но ширина будет относительна родителя +его отступы. По той ссылке, да все работает заебца, но в реальности лютый пиздец. Да и еще, если не сложно, то про box-sizing. (https://htmlacademy.ru/courses/44/run/15) Я так понял что content-box это по умолчанию, типа блок размером с контент,а border-box это ширина уже с рамками, но что-то у меня еще от этой хтмл академи в голове, что они позволяют дочерним блокам не вылазить наружу. Что я упустил?
можно юзать бесплатно
>>374427
вот сегодня стартует вроде в 11 по мск
http://geekweekconf.com/ru
бля, ты заебал.
кароч в твоем примере по ходу используется спрайт, в котором иконки идут по вертикали.
по горизонтали он сдвинут до предела вправо (100%), а по вертикали его дрочат вверх-вниз циферками, чтобы встал куда надо (xx px).
Ебать. Вот я тупанул. Я думал по горизонтали тоже можно лепить спрайт. Спасибо, добрый анон.
http://codepen.io/anon/pen/MaLoVN
Не заметил просто, что на второй. В следующем треде постараюсь учесть.
Я конечно понимаю что ты утрируешь, но БЕМ довольно крутая штука, и полезная, как по мне.
Вот к примеру, запилил ты такой сайтик, в нем все названия привязаны к заголовкам определенного уровня. И тут через месяц залетает в офис СЕОшник и начинает орать, что мол нужно перепилить уровневость заголовков, потому что ОН понял суть поисковой оптимизации, а заголовок уровня H2 дает лучший прирост рейтинга чем H3. Ну или прочую такую хуйню, они это любят.
Без БЕМа тебе, скорее всего, придется перепиливать часть стилей, ткак на заголовки классы вешают редко. А вот с БЕМом можно туда хоть спан залепить, верстка один хуй останется рабочей, отчасти.
И это только примитивнейший прием.
http://codepen.io/anon/pen/yYZXWy
Например. Не очень адаптивно, но для адаптивности там можно просто допилить маленькое медиавыражение.
Вот есть такая хуйня
<div class="kurwa">
<div class="kurwa1">
<p> Disasable kurwa </p>
</div>
<div class="kurwa2">
<p> Disasable kurwa </p>
</div>
<div class="kurwa3">
<p> Disasable kurwa </p>
</div>
Кurwa1 - это первый child просто Kurwa?
Я в стайле прописываю kurwa:nth-child(1) { display: none }, а kurwa1 все равно видно.
Объясните кто кому тут ребенок.
нормальные версталы должны и без БЭМа делать так, чтобы на место тега заголовка можно было вставить другой тег, как и кнопки могут быть и инпутом, и баттоном и ссылкой, это вообще азы по сути
А так я сам за БЭМ (как метод именования классов) ибо АНБ, которое выходит - это просто то, что доктор прописал, особенно при расширении и допиливании проекта
Этот вариант годится, если для каждого отдельного лейбла прописывать проценты, но форм может быть с десяток на сайте.
>для адаптивности там можно просто допилить маленькое медиавыражение.
@media only max-width/min-width? Не слишком гибкая система.
http://codepen.io/anon/pen/ojmwKo
.kurwa div:nth-child(1)
"Расскажу свою историю. Сначала я писал статейки, будучи копирайтером. Потом какой-то петушок закатился в наш тред и сказал дословно следующее: за месяц выучил верстку и уже через месяц зарабатываю 200к. Я выучил верстку и сделал 10 не особо адаптивных макетов. Потом тот же петушок сказал. что макеты должны быть адапитвными. Я сделал еще 3 адаптивных, потом тот же петушок закатился и сказал, что нужно выучить жквери и жаваскрипт. Я расковырял жиквери и прикрутил несколько плагинов. Потом тот же петушок закатился в тред и сказал, что этого недостаточно и нужно еще и php c mysql освоить и вот тогда-то точно будет 200к через месяц. Я пробежался по мануалу пхп, написал сайтик с бэкендом на 1й странице. Тот же петух пришел и сказал, что так не пойдет надо еще ООП с паттернами освоить и вот тогда уж точно будет 200к через месяц. Я прочтиал книгу из Оп поста и перепечатал все паттерны, проверив их работу. Тот же петушок вкатился и сказал, что так не пойдет, нужно еще фреймворки освоить. Я взялся за слим и Уи2, сделал на них по проекту. И вот теперь приходит этот петух и говорит мне, что пхп - это дно, нужно перекатываться в шарп или джаву. Такое ощущение, что надо мной кто-то просто сидит и издевается годами".
Это охуенно. Схоронил пасту.
Я чет не понял что ему на этапе еще до пыхи мешало устроиться в компашку на работу? (или он устроился все-таки??) Ну да, зарплата конечно не такая, но все же лучше чем прыгать как козел по огороду.
Согласен, твой вариант лучше.
Вот еще мой способ на флексах.
http://codepen.io/anon/pen/rOPzJw
>это вообще азы по сути
Так собственно и делают, но не все. И тут причем получается два способа развития событий. Либо каша из классов ибо верстальщик не может собрать все это в логичный порядок и вешает их с долей фантазии, либо же классы игнорируются.
БЕМ же, имхо все это дело позволяет структурировать по единообразной понятной всем системе.
в части Frontend - Angular.Js,в части Backend - PHP/Zend 2.
Стажировка абсолютно бесплатна. Длительность - месяц. Для того, чтобы попасть на стажировку, необходимы теоретические знания js и php, а также умение составлять sql-запросы.
Если вы хотите пройти у нас стажировку, пожалуйста, сообщите об этом в ответном письме, и когда откроется набор, мы пришлем более детальную информацию.
Мне пришел ответ из одной фирмы, которая предлагала желающим пройти у них обучение. Обидно, что влился совсем недавно в эту сферу.
Анон, что я делаю не так? Всё прописал, как показано в уроке №6, но все-равно съезжает текст. Увеличивал width в .modal-content, но все-равно преследует чувство, что я делаю все не так.
ну для начала где задаешь font-family для body надо между типом и названием поставить запятую а не точку
Спасибо! Теперь все нормально, как показано в уроке. А разве есть еще что-то?
ну мало ли, вдруг бы не помогло, надо было бы дальше в код лезть
Ну тебе заебись, а у меня вся страница завалена ненужными классами и бессмысленными элементами. Ты все это через какую-то идешку прогнал и в продакшен, а мне потом ебаться с этим каждый день. С гирляндами из elem.parentNode.parentNode, регулярками для кроссбраузерного className. А создавать элементы на ходу? Нет, не просто document.create('li') и вставил, а оберни это дерьмо в пару дивов, вставь отдельно див с маркером и к каждому элементу список классов не забудь прикрутить. Ахуенно. Верстале видите ли вникать было западло, ебаться с правками ему не хочется.
К тому же, тебе не кажется что технология, суть которой применение каскадных стилей как не каскадные, это шаг назад? Может дальше пойдете, будете все в атрибут style писать? Намного проще вашего бэма, править еще легче и на запрос к серверу меньше. Верстала совсем напрягать мозги перестанет. Наденька вон курс на хтмлакадеми пройдет и сама стили править будет, а петуха этого выебнуть на мороз и обосать.
Хорошая статья, лол
>>Конечно, для работы с подобными программами, для того, чтобы добиться действительно хорошего и профессионального результата, надо все же знать азы работы с веб сайтами и версткой.
>>порой, чтобы создать нормально адаптивную верстку, надо все же немного попотеть, или переделывать верстку
>>наверняка, создавая более сложные вещи, такие как паралакс, подключать различные библиотеки, тоже окажется проблематичным. Так, что как профессиональный полноценный инструмент для создания сложного сайта, его рассматривать не стоит.
>>Да, приходится потом макеты переверстывать с нуля программистам
хз че там за Наденька, но на академии тоже предлагают юзать БЭМ)
Да и проблема зачастую не в БЭМ, а в криворукости того, кто его пишет.
По-поводу каскада, так короткий каскад допустим, так что полного ухода нет. А вообще АНБ позволяет не ебать мозг с специфичностью а так же упрощать допиливание в случаях: "о, а давай ты вот эту штуку с этой страницы перекинешь в ту вот страницу"
ну вот когда выйдет - тогда и глянем
>Ну тебе заебись, а у меня вся страница завалена ненужными классами и бессмысленными элементами. Ты все это через какую-то идешку прогнал и в продакшен, а мне потом ебаться с этим каждый день. С гирляндами из elem.parentNode.parentNode, регулярками для кроссбраузерного className. А создавать элементы на ходу? Нет, не просто document.create('li') и вставил, а оберни это дерьмо в пару дивов, вставь отдельно див с маркером и к каждому элементу список классов не забудь прикрутить. Ахуенно. Верстале видите ли вникать было западло, ебаться с правками ему не хочется.
Это значит хуевый ты кодер. У нас всё компонентно, хотя на ангуляре, хотя на реакте, хоть просто так. Делаешь компонент, добавляешь куда надо, через атрибуты передаешь нужные значения. Хоть миллион элементов внутри будет, мне похуй, ибо если всё четко сделано, то кодеру и должно быть похуй на верстке и она не должна сломаться не от чего, бэм позволяет это сделать.
>К тому же, тебе не кажется что технология, суть которой применение каскадных стилей как не каскадные, это шаг назад? Может дальше пойдете, будете все в атрибут style писать? Намного проще вашего бэма, править еще легче и на запрос к серверу меньше. Верстала совсем напрягать мозги перестанет. Наденька вон курс на хтмлакадеми пройдет и сама стили править будет, а петуха этого выебнуть на мороз и обосать.
Вообще-то так и будет. Каскадные стили это прошлый век и хуета ебаная. Будущее за прямым описанием элементов, по сути бэм это уже частично так и делает.
Ты не пишешь инлайново style="color: blue;border-color: red;", а добавляешь классы elem_border-red и elem_text-blue, это намного понятней и проще контролируется, хоть и на первый взгляд загромождает код. Вот за этим будущее, только ещё всё будет прикольнее, а не ебаные каскады.
Ок. Я привел ссылки из уроков, там все работает заебись. На деле: создаю блок с внутренними отступами, создаю дочерний блок с width:auto и второй блок с width:100%. Задаю им внутренний отступ и хуяк, что один, что другой выходят за родителя. Хотя в уроке говорилось, что авто не дает выйти. ЧЯДНТ? Или я не понял механику, может что упустил?
Без флексов две строчки
У меня нихуя не выходит, кнопки перекрывает и пиздец.
Помогите разобраться с вложеностью. Я так понял псевдокласс :checked работает только для вложеных элементов?
Вот есть такая ебала
<div class="slider">
<input type="radio" id="btn-1" name="toggle" checked>
<input type="radio" id="btn-2" name="toggle" >
<input type="radio" id="btn-3" name="toggle" >
<div class="slider-controls">
<label for="btn-1"></label>
<label for="btn-2"></label>
<label for="btn-3"></label>
</div>
И в стайлах прописал что бы #btn-1:checked ~ .slider-controls { background: green;}. Так эта конструкция работает. Но мне надо что бы кнопки радио были в границах diva slider-controls. Как только я влаживаю кнопки радио в этот div, псевдокласс :checked перестает работать и нихуя не переклчает. Хелп,анон, жестко хелпи меня.
Нет, не зависит от такого.
Попробуй сделать так:
1) Сделай fieldset, внутрь сначала инпут, потом лейбл, и так для каждого чекбокса
2) В ксс сделать правило input:checked + label
>У нас всё компонентно
Хуентно. Будто в человеческой верстке оно не так.
>Каскадные стили это прошлый век и хуета ебаная
Ох лол. Тебе дали гибкие и мощные инструменты, всякие наследования и приоритеты. Можно одним правилом изменить поведение сотен элементов на странице, а на следующей переопределить часть из них другим. Но нет, хотеть жрать гавно, хотеть как диды в 95.
я хз че ты там пишешь, что у тебя не работает, вот пошурику набросал все работает как надо
https://jsbin.com/sasewolete/edit?html,css,output
>Хуентно. Будто в человеческой верстке оно не так.
Ну у тебя видимо не так, ибо ты лишки вставляешь лол
>Можно одним правилом изменить поведение сотен элементов на странице, а на следующей переопределить часть из них другим.
Это как раз самый большой минус, если ты этого не понимаешь, то это очень плохо.
Стандарт ксс это полная каша сраная, половина сделано через жопу, другая половина просто не нужна, благо, что есть перпроцы, с помощью которых хоть что-то можно исправить.
Ага, а потом ебаться когда надо переопределить конкретный из них, потом появляется нагромождение специфичности свойств, разрастаются селекторы, а какой-нибудь даун вообще не найдя причины почему свойство не применяется возьмет и захуярит !important и потом хоть потоп после него
Человеческая верстка, как ты говоришь, как раз таки и будет в какой-то мере следовать принципам которые в основе БЭМа, просто называться так не будет (люди например пространства имен вводят)
На хабре были уже обсуждения - найди, почитай и статью и коменты к ней
Другой анон (мир, труд, жвачка)
Спасибо, видимо что-то спиздоглазил. И действительно работает.
Сил нет больше в этом дерьме разбираться. Лягу спать. Почему пишут ":checked +", а шифу из html академии применет ":checked ~"?
Ну да, а через лет 10 будем за буквы и слова платить в тексте. Совсем что-ли поехал?
Ебаный стыд, какая же детская хуйня эта верстка.
Куда - нибудь взяли? Лвл? Когда начал изучать?
Ты еще про промисы и yield не читал, сучка.
На месте стрелки запиливаешь псевдоэлемент. Поворачиваешь его через трансформ ротейт.
читаю туториал с их сайта, пытаюсь применить. как только сталкиваюсь с непонятной хуйней, если такое происходит, начинаю усиленно гуглить рандомные источники если не найду ответ у них на сайте
ясно, пасиб
а я тут на одного чувака подписан, так у него на днях вышел ролик по теме, я пока не вникал сам, на можешь посмотреть:
https://youtu.be/WFEgmNfvpnw
я иногда стремаюсь учить через рандомные хуев
я когда начинал с html смотрел канал одного пидараса на ютубе, просрал кучу времени, этот мудила нихуя не объясняя просто рандомно хуярил код у себя в редакторе лол. а я ж не знал что это нихуя мне не даст смотрел и смотрел. потом забил на него. щас если начинаю читать что-то или смотреть и чувствую что мало объясняет или я нихуя не понимаю, шлю нахуя сучку переходу к чему-то другому, не проебую кучу времени лал. ну так наверное все делают. мне просто так бомбит что я вместо codeacademy нашёл сначала того ютубера
ок пасиб заценю
Анон, уже вкидывал сюда, но ответа так и не увидел. Не получается поставить кнопку "Все новости" на один уровень с кнопками "назад" и "вперед". Так же не могу сделать кнопки в нижнем блоке. Вроде нашел косяк в ".appointment-form input", но не уверен в этом. Подскажите что делать.
ну посмотри ты внимательно базовый - там все объясняется же
Лалка, ты что думаешь, что рекурсия сложнее, чем верстка? Если так, то у тебя точно склад ума неподходящий для погромиста, не видел ни одного нормального кодера, которому верстка была бы проще, чем код. Так что лучше не продолжай.
Пиздец ты даун, если у тебя два года опыта, и хочешь пойти в эти три параши. Туда идут либо полным нубом, чтобы тебя обучали, и потом остаются, либо идут на тимлидов и пмов, а если ссаным мидлом ты там у параши сидеть будешь, через пол года взвоешь, вспомнишь мои слова.
Да и вообще ты больше на зеленого похож, очень наивные посты.
а как найти контору для полного нуба, чтобы его там учили, и потом остаться там для набора опыта?
Если ты в дс/дс2, то таких там миллион, если нет, то я не ебу, т.к. я из дс2.
За 20-25к в дс2 можно за пару собеседований найти нормальное место версталой, либо джуном фронтендером, пару месяцев потерпишь, и если не тупой, то и зп повысят и опыта сразу тонну получишь.
Наоборот, в миллионнике думаю что-то реально найти, а вот в мухосрани на 100к вряд ли.
бамп вопросу
ПЕРЕКАТ
>codeacademy
Лол, на этом говне ты точно никогда кодить не научишься. Ну по крайней мере их курсы по JS - полное говно.
Это копия, сохраненная 14 декабря 2015 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.