Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили. Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:>Идите нахуй.или>Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию.=====================Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется 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 и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://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Базовый JS интенсив за 2015 год: http://nnm-club.me/forum/viewtopic.php?t=974803Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>463552 (OP)
Заметил в треде очень много котиков :3Это один анон или у вас такие традиции просто?
>>470312Это котик по технологии бэм просто
Насколько реально фронтенд-разработчику завести трактор по сравнению с другими программистами? Есть вообще такие примеры?
>>470425Настолько же или даже более реально.
>>470425Шансов нет, так как везде хватает своих фронтендов. Займись чем-нибудь другим
>>470425Одинаковые.
>>470430Двачую. А лучше вообще в ИТ не идти, так как недостатка в кадрах нет. Айтишников и так хватает. Займитесь лучше чем-нибудь другим
>>470430>>470505>Имплаинг, что в рашке сейчас есть интересные отрасли с дефицитом кадров
>>470505Я бы не сказал. Недостаток годных кадров охуенный, даже с учётом падения планки понимания "годного кадра".
господа нужна помощь http://codepen.io/anonimousmaximus/pen/XXwayZподскажите почему на ссылку не действует класс "active"в инспекторе он даже не отображаетсячто я сделал не так ?
>>470584.el1 a { position: relative;}добавь
>>470608не работает. меня интересует почему вообще класс для ссылки не работает в этом случае
>>470584 тупо что не напишешь в свойствах класса ничего не робит
>>470505Лучше вообще на работу не идти, так как недостатка в кадрах нет. Работников и так хватает. Займись лучше чем-нибудь другим.
>>470651 на дваче тоже не сиди потому что недостатка в двачерах нет. Двачеров и так хвататет. Займись лучше чем-нибудь другим.
>>470618а еще забыл, у тебя пробел перед :active
>>470660я говорю про класс "active" а не про псевдокласс
>>470676Попробуй использовать селектор a.active
>>470676потому что у тебя написано .active aКакой к черту а внутри active если у тебя .active и так ссылка сама по себе?
>>470656Рекомендую не рождаться человеком вообще. Недостатка в людишках нет. Их и так хватает. Родись лучше динозавром.
>>47067 нет там псевдокласса у меня. есть класс actice который я хочу стилизовать и сделать ему афтером псевдоэлемент
>>470682только класс active который задан ссылке даже инспектор браузера не видит. МБ я класс не так задал или в ксс к нему обратился неправильно?
>>470682лучше не рожаться вообще. недостатка в родившихся нет. их и так хватает. займись лучше другим делом
>>470584Ты кажется не понял что розовый цвет не имеет отношения к твоей ссылке. .el1 .active { background: #fff; color: #000;
>>470678СПАСИБО ПРОБЛЕМА РЕШЕНА !
>>470696А теперь забудь про использование таких селекторов. И пиши просто .active
>>470700чем они плохи ?
>>470702Анальное каскадирование тебя в анал выебет когда сверстаешь какую-нибудь бандуру.
>>470702Специфичностью
>>470700>>470705тогда зачем все эти вложенности и ксс-наследования которые я дрочил ночами ?!!
>>470708Хз, от нее все уходят в модульность. Типо БЭМ для пацанов, анальный каскад для лохов. Принцип заложенный в css конечно не плох наследования и все дела, но модульность и взаимозаменяемость такого не терпит. <nav class="main_nav__list"> <a class="main_nav__list-active" href="#">Главная</a>
>>470709проще говоря чтобы элементы сайтика можно было прикруть куда то ещё ?
>>470710ну да, это будут такие модули. Типо меню сделаешь на абсолютно независимых классах и стилях для них и можешь его потом по странице безболезненно таскать, или вообще в другой проект.
>>470711если всё резюме будет на этих модулях не скажет работадатель что я типа кроме этих модулей нихуя не умею( а я толком то только флексы хорошо знаю)
>>470711?
>>470708Ты учил чтобы знать механизм работы.Смотри интенсивы пиши код как они показывают. Все постепенно. Но даже в базовым они не показывают код с одновременно с селекторами по классу и по тегу. Посмотри стайлгайды еще которые они дают.>>470709Да он пусть усвоит сначала материал базового, потом дойдет до БЭМ и т.д. Так лучше восприниматься будет, чем сразу все пытаться. Поебешься с селекторами поверстав несколько макетов - лучше потом поймешь преимущества методологии.
>>470716Ну это как если бы работодателю надо было копать ямы, а ты умел копать только на экскаваторе. Но копать в ручную это конечно большой плюс будет, мало ли. А знание только флексов-это как работать только на экскаваторе хитачи, что очень узко и не есть хорошо.
А я напоминаю уровень развития типичного фронтенд разработчика
>>470735в голосину блядь
>>470735Лол XD))))
>>470735Особенно наставник выделился
>>470735Надо выучить верстку и получать нормальные деньги, ведь это так просто. Заплачу за курс академии и буду все уметь. Еще угараю с шкур там, ахуенные вопросы задают.
Использую БЭМ в именовании классов для CSS.Хотел воспользоваться готовыми библиотеками от создателей методологии.Зашел на оф. сайт и охуел от сложности всех этих enb и bem-tools.Кто-нибудь использует всю эту хуйню в работе? Поделитесь статьями и мастер-классами, где бы это все разжевывалось. Или может быть есть что-то лучше?
>>470744только пространство имен и инкапсуляция. ИМХО остальное нахуй не надо.
>>470716Как ты смог освоить флексы, пропустив примитивнейшие флоаты с инлайнблоками?Я вот уже неделю пытаюсь правильные красивые сеточки на флексах строить, выходит пока какая-то хуита (на мой личный взгляд, так то оно работает и заебись, но как-то криво выглядит сам код), а на флоатах я такую поебень за полчаса накидаю, например.
>>470746двачую
>>470744Нахуй нужны упоротые бемтулсы от упоротых последователей темы лебедева, если есть отличные прекрасние задокументированные быстрые и понятные системы сборки типа галпа\вебпака\гранта и отличнейшие удобные препроцессоры с возможностью писать модульный код?
>>470749я не пропустил их я принцип действия их знаю а все схлопывания выпадания не сильно запомнил. флексы это охуенная вещь и сетку мутить на них одно удовольствие. флексы дрочу уже 3 день.http://flexboxfroggy.com/#ru дрочи на лягушку и всё поймешь
>>470749флоаты с их распорками и прочим гавном гуда сложнее ИМХО
>>470505ИТ вообще на последнем издыхании. Каждый 16летний школяр учит джаву-пхп-питон-руби, сосет хуи, не находит работу и идет в макдак.Давно надо бы тред экранировать хотя бы слегка, как это сделали в апворк-треде. А то тут уже как в копирайтинг-треде, из 500 постов 300 имеют содержание типовида "бля, работ не найти, умею клепать формочки и стилизовать инпуты, верстка говно(((" и "пасаны, две недели учу верстку, когда можно будет с нуля зороботывать хотя бы 1000 далларов в месяц?"
>>470754Ну, тут наверное дело практики. Я на флоатах выдрочил все макеты академии+прихуячил туда адаптив, резину и прочую хуйню. И уже потом пошел смотреть продвинутый. А на флексах всего неделю тыркаюсь. Вроде реально очень удобно и продвинуто, но мой мозг постоянно хочет зафлоатить какой-нибудь логотипчик влево.
>>470757флоаты не были придуманы для сеток. они уйдут в прошлое как табличная верстка когдато. за флексами будущее.
>>470752Я прошел эту лягушку, анон в позапрошлом треде кидал, кажется, я даже поблагодарил. Барбершоп переделал на флексах чисто для тренировки, даже стыдно показывать, лол. Сегодня вот за респонсив-седону примусь.
>>470755кстати с каким стеком технологий можно начинать работку искать ?
>>470761лол я щас барбера пилю))
>>470762Ищешь вакансию - смотришь список требований. Промониторив несколько вакансий понимаешь что надо знать.
>>470765фулс стек человек оркестр 1000 лет практики 10000 зарплата
>>470762Не знаю. Я скажу за себя: учу с ноября. Часто задавал здесь такие тупые вопросы, что от стыда закрывал тред и даже не читал ответы. Сейчас могу сверстать любой адаптив, ебусь с флексами. Могу написать самостоятельно простой интерактив на ванилла JS, могу в простейший интерактив на чистом цсс. Ну и бутстрап, сасс+компасс+немножко бурбона. Думаю занырнуть в говн джквери еще. В общем, знания - энтрилевел, фактически. Работу буду искать ближе к лету, хочу JS освоить хотя бы до уровня говноджуна, и в каком-нибудь ангуляре поковыряться. А тут каждый второй с навыками уровня "прошел бесплатные курсы на хтмлакадеми" хочет уже в теплый офис, да чтобы не в говноформочках ковыряться, а прямо солидно работать.
>>470763Лол. Ладно, скину свой, на гитхаб залил. Где-то за час этот выкидыш родил. Можешь обосрать на досуге, если не лень, например.Размеры от балды накидал чисто на глаз, попап не делал, лень.https://github.com/acilsd/test
>>470751>>470746Есть пара вопросов:1. Мой процесс верстки выглядит примерно так: - пилю оформление блоков в отдельных Less-файлах- страницы ебашу с помощью Jade- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.Норм вообще? У вас сильно отличается подход к верстке? Хочу чтобы все было как у людей.2. Собственно главная проблема заключается в том, что я выдаю просто HTML/CSS. Теперь же мне нужно оживить элементы управления с помощью JS. Всякие кастомные селекты, табы, дропдауны и прочие модальные окна. Пробовал jQuery UI. Мне не нравится, что он использует какие-то свои классы для работы, а мне нужно, чтобы все было по БЭМ, как в bem-componentsЧе делать-то?
>>470775хуй на БЭМ ложить
>>470755Да нет, не прав ты. Суется в дело очень много кого, потому как программирование форсят, особенно уебки из обучающих компаний, которые на обучении азам гребут бабло с наивных. Учат везде основам, это реально пиздец. Что бы что-то выучить самому надо либо постоянно этим заниматься, читать книги, быть в тренде технологий, дрочить на практике. Многие школьники из-за своей импульсивности дальще 3 глав не уходят, ибо дота интереснее. А многие за 20 просто не могут позволить себе столько бесплатного времени.
>>470775Я ньюфаг в джс, пилю его медленно ручками-закорючками. Все остальное также, как у тебя, только я пока грант юзаю, пока хватает, потом перекачусь, лень сейчас возиться.
Довольно занятно. Надо бы научиться такую херь делать. http://www.mercedes-benz.ru/content/russia/mpc/mpc_russia_website/ru/home_mpc/passengercars/home/new_cars/models/cls-class/_c218/configurator/configurator_c218.html#/p3501
>>470784грузится пиздец
>>470779Да, я на объективность не претендую, про обучение ты прав, хотя именно с базового интенсива я ощутил ПОГРУЖЕНИЕ. Просто я тот самый 20 25летний дебил, что усердно пытается вкатиться, а постоянные вопли воннаби-фрилонсеров очень демотивируют, лол.
>>470785А ты придумай как это оптимизировать.
>>470786да там большинство долбаебов которые умеют только в фикс верстку лендингов с прикручиванием jq плагинов. У них там мясо и демпинг. Это нормально.
>>470787в /pr скажут
Объясните мне, смайлоеб чисто ради тролинга свои скобочки в каждом треде пихает или у вас действительно тут такая ньюфажная аудитория аутистов?
>>470793второе
>>470793чё за скобки ?
>>470773Если кто-нибудь все-таки обосрет мой высер - буду благодарен.
>>470799бля залей на github.io
>>470797такие)
https://youtu.be/2dc2S89CJ7I
>>470803И правда, вот ведь я дебил.http://acilsd.github.io/
Ребята, помогите. Нужно написать скрипт - "Надо написать скрипт, который будет всегда подставлять дату ближайшего понедельника. Т.е. например, если сегодня 11 февраля, то скрипт покажет дату 15.02.16, если сегодня 14 февраля, то покажет тоже 15.02.16. если сегодня 17 февраля, то покажет дату 22.02.16."Я даже не знаю в какую сторону копать, так как только-только приступил к JS
>>470823пиздуй отсюда в /pr
>>470823JS object date
>>470823https://learn.javascript.ru/datetime
>>470814адаптива нет, получается? 600+ резина
>>470775Поясняю:>- пилю оформление блоков в отдельных Less-файлахЭто правильно. Препроцессоры все одинаковые.>- страницы ебашу с помощью JadeПопробуй Реакт, базарю, еще захочешь.>- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.Это нормальное решение для проектов небольшого и среднего размера. Если хочешь совсем как у людей, то потрать несколько дней на то, чтобы разобраться с Вебпаком. У Кантора на Ютубе отличная серия сринкастов по нему. Он сложнее Галпа, но намного мощнее.>Пробовал jQuery UI.Это ты зря. Джиквери и его плагины это тяжелая и тормозная императивная параша, которую невозможно поддерживать. Большинство этих дропдаунов и инпутов достаточно легко реализуется руками. Можно на чистом JS, можно на том же Реакте.
>>470840>РеактЯ не понимаю, что такое React и зачем он нужен, хотя слышал про него. Сходу разобраться, погуглив, не получается, так как все стараются написать толковые статьи для тех, кто в теме, не будут же на хабре совсем конченным нубам что-то на пальцах объяснять. А время поджимает.Цитата из оф. сайта>Lots of people use React as the V in MVCЗнать бы что такое MVC. Короче, быстро въехать не получится.Моя задача заключается в том, чтобы просто отдать PHP-прогерам готовый HTML, CSS и JS + изображения. Всё.«Jade, шаблонизация на стороне клиента или на сервере» — это не про меня. Jade юзаю как и CSS-препроцессоры просто для гибкости моего локального быдло-проекта. Допустим меня попросят переделать разметку товара, а их по 20 штук на 3 страницах.. или цвет везде поменять... ну ты понял.>Можно на чистом JS, можно на том же Реакте.Знаю только синтаксис и какие-то базовые вещи. Реального опыта кодинга на JS сложнее чем подключить плагин у меня нет.Мне нужно оживить элементы интерфейса с помощью JS, желательно не какой-нибудь громоздкой библиотекой и так чтобы классы были как в БЭМ, а не параша типа ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons
>>470823https://jsbin.com/hoqujugudi/edit?html,js,output
>>470878Ты уж определись — или ты втыкаешь плагины без понимания что вообще происходит или разбираешься в JS/jQuery и делаешь как тебе надо — хоть по БЭМу, хоть с дрочкой вприсядку.Реакт это библиотека для создания интерфейсов, она включает в себя очень продвинутый шаблонизатор. Он получше всяких джейдов тем, что позволяет полноценно работать с JS и использовать не только примитивные if-else, а вообще любой код. В твоем случае, конечно, и джейд сойдет.
>>470881Почему пишет - Uncaught ReferenceError: moment is not defined ?
>>470881Нахуя ради такой ерунды тянуть целую либу?
>>470890Потому что в примере используется внешняя библиотека.
>>470894>>470892Как сделать тогда делать без внешней либы, раз ерудна?
>>470735Ну так норм люди за это не будут 30к платить.
Пацаны, а модальную хуйню в барбершопе можно же было запилить по типу слайдера в нердс?И еще вопрос, браузер всегда видит html как dom?
>>470896https://learn.javascript.ru/datetime
>>470898>И еще вопрос, браузер всегда видит html как dom?ЧТОА?
>>470898Нет, модалку надо пилить на jsПро браузеры держи, просвещайся http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
>>470896Спроси в /pr
>>470905> Про браузеры держи, просвещайсБлагодарю. А почему модалку на жс? Как я понял, все что можно сделать на css - нужно делать на css.
>>470838Нет, конечно, я просто с флексами поигрался. "Резина" весьма условная, просто ебанул размеры в процентах, там я очень убого сделал эти ромбики, например, они при сжатии съезжают, но я даже их и не старался выводить.И сейчас еще сам кучу ошибок в наименованиях по БЭМу увидел, буду править.
>>470900>>470909Хорошо, получил я значение, как мне его вывести в div? Нашёл решение, но код в таком виде https://jsbin.com/jumisafawu/edit?js,output ничего не делает
>>470840На каком этапе стоит смотреть в сторону реактов и прочего?
>>470920и где ты там его нашел? лел
>>470912html - структураcss - оформлениеjs - функциональная часть>>470921Когда js освоишь
Когда уже фаерфокс начнет поддерживать инпуты time/date и прочие?
>>470924> когдаОх, спасибо. Значит, пока даже не буду гуглить.Знал бы я, что во фронтенде столько информации в мозг свалится, сделал бы себе сначала план учебы, лол.
>>470920>>470922Ну вот так - https://jsbin.com/jumisafawu/edit?html,js,output как мне вывести то, что у меня в консоле, в див?
>>470927ты прикалываешься? Он нихуя тебе не выводит, да и не должен
>>470927Пиздец. Ты ж языка вообще не знаешь. Иди основы кури.
>>470932>>470929Вот так нужно было https://jsbin.com/hoqujugudi/edit?html,js,console,outputЭх ну ладно, пойду учить
>>470936если так и будешь библиотечки подключать, то нихуя не выучишь
>>470936А зачем стороннюю библиотеку использовал, когда даже основ не знаешь? Если тебя потом попросят написать это все на нативном у тебя ж жопа на марс улетит.
>>470941
Посоны, почитал тут статьи на луркморе про веб-макак и javaScript, везде сплошное обливание говном и все в духе того, что веб-макаки сплошные быдлокодеры и нормальные программисты вытирают о них ноги. И что-то мне так грустно стало.
>>470941На самом деле очень интересная задача. Прикинув в голове я не удивлен, что под нее целая библиотека написана.
>>470950писал просто программер с комплексом неполноценности. Ему знаешь ли припекает от того, что JS популярнее его плюсов в 6 раз сейчас.
>>470950Быдлокодером можно быть на любом языке
>>470950Надо кстати почиткать че там про 1с пишут лол
>>470950> нормальные программисты Это какие, лол?
>>470959Всегда проигрываю. Процедура ПриОткрытии() Если ЭтоНовый() Тогда ДатаПрефикс = Формат(Дата, "ДФ=dd"); МесяцПрефикс = Формат(Дата, "ДФ=ММ"); КонецЕсли;КонецПроцедуры
>>470963Я чуть не блеванул когда в универе показали эту парашу
>>470962Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде
>>470950алсо, по жс там же норм статья, насколько я знаю, только с пхп-макак ржут.
>>470950Ее писал подгоревший байтоеб на крестах.
>>470965самый прикол в том, что эти эльфы живут там в своем манямирке и зарабатывают очень хорошие деньги, из-за специфики применения продуктов 1С. Но суваться в это болото никому бы не советовал.
>>470966> нам Чет кекнул.
>>470967ну да все верно, если брать JS то он считается ебанутым на голову языком, но быдлом кодеров никто не зовет, а вооот на пэхе это просто илитарный пример быдла всевозможного. Хотя и везде есть и хорошие и плохие спецы.
>>470966> ПитонеВообще лолировал.
>>470971> если брать JS то он считается ебанутым на голову языкомСхуяли это?
>>470972Нормальный язык для бэкенда, не пизди. Если конечно Джангу использовать.
>>470966>Питонепроиграл>Рубидовольно узкая хуйня со своими затыками>Ноденода на джс написана если что
>>470975Так он изи вообще, хули они ебала вертят на жс?
>>470974Попробуй покодить на приятных языках типа того же Python или C# - поймешь.
>>470974Стоит начать с его сути-он интерпретируемы, следовательно он автоматически медленный. Ну и по мелочам там, типо статическая типизация..от чего конечно уже пытаются уходить сами разрабы.
>>470978> C#
блядь да съебите вы уже в /pr свой умники ебаные
>>470977Изи, не изи, похуй. Главное что он не ебанутый как JS и его сейчас советуют учить как первый язык для программистов, ибо легок, справляется со своими задачами и говнокодить на нем не получится.
>>470982>говнокодить на нем не получится
>>470979>он интерпретируемы, следовательно он автоматически медленный>статическая типизация>JSШТА?
>>470983Он прав, колобок.
>>470984динамическая, опечатался хуле. А интерпретируемый не ШТА а JS
>>470982Но у нас веб где платят больше и вообще рынок крупнее.> говнокодить на нем не получитсяЛолчто?
>>470985ты недооцениваешь говнокодеров походу
ИДИТЕ НАХУЙ ОТСЮДА ПИДАРАСЫ ТУТ ВЕРСТКА БЛЯДЬ
>>470989двачую, хватит не по теме пиздеть, кидайте лучше свой говно адаптив.
>>470986Ты хоть представляешь себе, каково это работать с клиентской частью без динамической типизации?
>>470991съеби из моего треда уебак
>>470987>Но у нас веб где платят больше и вообще рынок крупнее.А бэкенд, где ка краз Питон применяется - уже не веб?>Лолчто?Если ты целенаправленно захочешь поговнокодить, то конечно сможешь. Но по сравнению с большинством языков - на нем гонокодить сложнее ибо без строго соблюдения правил ничего не выйдет. Одни только отступы вместо привычных для всех скобочек чего стоят.
>>470992Я ОП этого треда дебил. Уйми свой бугурт. JS для верстальщика тоже нужен, поэтому в его обсуждении здесь ничего зазорного не вижу. Даже наоборот, это полезно.
>>470993> А бэкенд, где ка краз Питон применяется - уже не веб?Питону учат уже даже школьников в младших классах, не платят за него столько.
>>470994> Даже наоборот, это полезно.Дважую.т.неофит
>>470991Это ты про спарсить число в строку и потом обратно? если получится, лол
>>470994во первых оп-хуйво вторых для этого есть тред специальный
>>470995От того что питону учат школьников хз где ты такое видел, обычно его в универах проходят, и то в основном забугром никак не следует, что за него платят меньше. Посмотри вакансии на hh каком-нибудь.
>>470998но мы-то про применение его в вебе базарим, братан
>>470998Съеби, заебал скулить.
>>470997Ага, отчасти. Ты представь себе, сколько тебе лишних действий понадобится чтобы задать одно лишь новое значение в какой-нибудь transfrom элемента.
>>471001>>471001неужели
>>471006ну есть такое, но только в плане того, что на выходе там нужна строка 'widht=' + число над которым до этого могли производиться манипуляции. Ну в принципе JS для этого и был придуман. Это уже потом его начали использовать куда в более серьезных местах, где уже этот плюс перетекает в минус.
Я так понял чисто HTML\CSS нужна только на дно-уровне. По-нормальному если работать, то нужно знать JS.
>>471026Da
>>471026Все правильно понял.
Подскажите хостинг какой-нибудь куда свои говнопримеры удобней лить.
>>471026без хтмл и ксс нихрена ты не сможешь во фронтенд учти
>>471031https://pages.github.com
>>471054да туда один ток сайт влазит. Навигацию что ли пилить
>>471060или там можно типо huemoe.github.io/site2 создать и он его захостит?
>>471062This. Главное лить в ветку gh-pages.
>>471032Я уже достаточно попердолился с CSS и HTML. Уже напамять знаю все свойства и теги. А знать какие-то сложнейшие и редкоиспользуемые CSS-трюки необязательно. Если что можно просто нагуглить решение.
в тему будет https://habrahabr.ru/post/277547/
Прошел пару курсов на хтмлакадеми. Там и дальше будут нянчиться со мной как с ребенком или будет что-нибудь посложнее?
>>471215Курсы - часть базового интенсива. Проходи их вместе (там д.з такое)
>>471223А зачем интенсивы если человек и сам прекрасно справляется без всяких наставников?
>>471215там в одно мгновение все станет нихуя не ясно и пиздец-пиздец. Это в принципе к любому обучающему ресурсу относится(и не только по вебу), они тебе сто уроков по самым легким основам а потом пару слов о сложном.
>>471227Так наставников тебе никто и не предоставит, сидишь смотришь видосики, максимум - это совета в треде спросить.Если все что рассказно в интенсивах человек нагуглит и выучит сам (что в принципе реально) - ну молоток значит.
>>471054на русском может кто-нибудь объяснить, как там все делается для виндоус. Смотрю по скриншотам и читаю, но один хуй не получается
Блядь, посаны, срочный вопрос.Как сделать объединение ячеек таблицы, НО ЧТОБЫ ИХ СТАЛО БОЛЬШЕ?Вот есть 3 столбца, допустим.Объединением можно сделать, чтобы в следующей строке было 2 столбца. А если мне надо 4? То есть, больше, чем было по дефолту?
Поздравьте меня, котаны, написал свой первый в жизни работающий слайдер на чистом JS с, наверное, максимально кривым кодом, но без костылей и вроде как работающий при любом кол-ве элементов!https://jsfiddle.net/9769k1sr/2/
>>471309>на чистом JSНахуя так делать вообще?В чем форс использования ЧИСТОГО ЖЫ ЭС?Иногда даже в требованиях в резюме вижу.100 килобайт библиотек нынче совсем в лом прогрузить на 4G, да?Долбоебизм какой-то.
>>471317Это просто практика для прокачки скилла. Мимодругойанон
>>471317Он написал, что это первый в жизни слайдер. Значит человек только изучает js. С либами же лучше знакомиться после того, как с языком освоишься, а то получится такой себе программист на джейквери.
>>471322>>471325Да, эти аноны правы, я просто изучаю JS, а JQuery еще даже в глаза не видел, там, я так понимаю, уже все давно написано и верстальщики просто вставляют нужные уже готовые скрипты в свою страницу?
>>471317Потому что изучение нативного джс дает тебе понимание всего, что делается внутри большинства библиотек. И прокачивает скилл офкорс. А либы подключать много ума не надо.
Антонидосы, сколько будет стоить создание одностраничного сайта? Сложностей на нем никаких не надо.Цель - реклама хореографа. Поэтому будет контактаня информация, отзывы и фото. Вот в общем-то и все.
>>471344Надо макет смотреть.
Понимаю, что немного не по профилю, но все же:В некоторых вакансиях контент-менеджера есть требование "знание Corel Draw".Какие именно навыки нужны контент-менеджеру из этого пакета?
Увидел в "мы вам перезвоним".Оказывается вот так вот бэки видят работу фронтов лол
>>471355работал одно время контент-менеджером. скорее всего, ниче там особо изъебистого не надо. по мелочи, обрезать например по размеру.
>>471362проиграл
>>4713445к рублей
Анончики, не могу выбрать редактор: Sublime TextBrackets Atom
>>471388Выбор очевиден же. Sublime Text.
>>471388первый
>>471388Visual Studio Enterprise
>>471388brackets вообще сырой нахуйatom чуть менее сырой, но все же.они реально еще не допилены.единственное что мне нравится в атоме, так это оформление. я поставил себе в ST One Dark Theme
>>471394>>471395А почему? У Brackets вот например есть изменение css классов прямо в html окне, а еще там можно узнать характеристики картинки без всяких фотошопов + все изменения моментально отображаются в браузере.
>>471388Brackets
>>471388Всё ты можешь, блять.Попользуйся одним, потом вторым, потом третим и вернись-таки к первому. Заебали эти срачи и отсосы брекетодебилов.inb4 покормил
>>471401Я понял, что тут большинство юзает Sublime, но никто свою точку зрения не обосновал. Зато преимущества Brackets на лицо >>471398
>>471398Он самый быстрый, лучше всех выглядит, под него тонны плагинов.
>>471286Сделай в первой строке 4 столбца и 2 объедини. Во второй строке можно уже сделать 4 столбца. Если я правильно тебя понял.
>>471388Я брекетс юзаю. Вполне доволен.
>>471402Все эти плюсы делают только разрабы адоба. А для саблайма дополнение может написать каждый и даже ты сам. Хотя их и так уже дохуя на все случаи.
>>471410В брекетс тоже расширения всякие мимокрокодилы пишут, и есть их овердохуя. Правда сравнить по количеству не могу.
>>471398Есть Google Chrome Workspaces, есть task runner'ы. Все что ты написал не нужно
Окей, окей. А что насчет Atom? Или он вообще на подсосе, что даже не обсуждается?
>>471419Сам попробуй и для себя реши.
>>471419Лучший SublimeПотом AtomНа подсосе Brackets.Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
Юзаю саблайм, только изза того что он шустрый, брекетс не пробовал, атом раздражает тормозами. Ну и еще в саблайме я знаю как эммет под быстрое написание бэмэлементов и модификаторов настроить а в атоме не знаю, хотя и не возился с ним долго.
>>471424>Лучший Sublime>Потом Atom>На подсосе BracketsТак и есть.>Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от STОн такой же медленный, как и Brackets.
>>471330>>471325>>471322Ну если чисто для прокачки - это понятно.Но такое говно я в некоторых заданиях на фрилансе вижу.
Скажите, как в Atom'e выделить содержимое HTML-тега?В Sublime это Выделить тег → Ctrl+Shift+A. Повторное нажатие выделяет еще и сам тег.
>>471388Sublime написан на С++, а брекетс на JS+HTML, соответственно сублайм быстрее.
Юзайю СТ, его install package control ахуенен, он быстр, мне нравится его оформление и структура, у меня под него написано много макросов, которые очень легко редактируются в конфигах, как и настройки самого СТ, в связке с livePage получается динамическое отображение изменений. Куда либо перекатываться не вижу никакого смысла.
>>471406Ну так и сделал, но хотелось бы, чтобы ширина столбцов была динамическая.Допустим, 4 столбца.А далее нужно 3 столбца, но чтобы не так, что 1 из них занимает 50%, а остальные 2 по 25.Надо чтобы они все по 33% занимали.
>>471436Мне проще тот же написать слайдер самому, чем скачивать какое-то тормозящее дерьмо из сети.Работать он будет быстрее, делать только то - что я хочу что позволяет задействовать самые разнообразные анимации и прочие ништяки, не нужно качать дополнительные либы по сто ебучих килобайт и т.д и т.п. Одни профиты.
>>471444И нормально ресайзиться.И на всех браузерах.И свайп пальцем сам прикрутишь.И режим карусели сделаешь.
>>471451Ессно, и потом буду таскать из проекта в проект. А все почему? Потому что сам писал, лелеял.
>>471451Если сайт небольшой, то можно и вставить какое-нибудь тяжелое неповротное говно, которое ещё и сверстать нужно должным образом.Но если проект большой, то эти 100 килобайт потом выльются в тонны лишнего трафика, что в свою очередь будет вытекать в миллионы серверных затрат.
Я все же не могу понять, почему я не могу сверастать динамичное модально окно на цсс?К примеру барбершопа, login это radiobtn, первый label там, он отображает кнопку с корзиной, если он включен - модальное окно display:block, у модального окна крестик - второй label, которым можно выключить radiobtn и убрать модальное окно.Сейчас смотрю и охуеваю с жс, на цсс легче же сделать, не?
>>471485На самом деле на джс таки проще. Если ты ньюфаг и знаешь только верстку, то естественно джс для тебя пока - черная магия, но это пока.На JS появление модального окна реализуется в 3 строчки. Вызвал обработчик на кнопку - внутри обработчика одной командой сменил класс элементу. В CSS нужно ебаться с наследованием кода. Трюк с чекнутым инпутом работает только в определенной последовательности разметки, когда один элемент идет после другого или нескольких. Это не всегда разумно, и еще менее очевидно для других. Получается лишний головняк и путаница, в CSS, когда на JS достаточно подготовить дополнительный класс, запихнуть модальное окно хоть под закрывающийся боди и одним обработчиком тогглить его состояние.
>>471485Котейка, или кто ты там блядь, что там сложного то в реализации открытия и закрытия? Там же все разжевано в видосе по js. Смотри, вникай. Как ты дальше разбираться будешь если это тяжко?
>>471501дваждую, на css можно, но будет какой-то непонятный говнокод
>>471501>>471503Я не нахожу это сложным, я не понимаю, нахуя именно жс, если в вебинарах много раз повторяли, типа все что можно сделать цсс - делать на цсс, это считается профессионально или я что-то не так понял?Где путаница на пике, например? Пара строк в цсс или целый скрипт на жс.
>>471505>целый скрипт на жсОго, да вы посмотрите, это же ЦЕЛЫЙ СКРИПТ!
>>471505Все что можно сделать на цсс в плане графики и оформления - это лучше, чем навырезать пнгшек.Ты не так понял короче.Опять же html задает структуру, css отвечает за оформление, js для функционала.По хорошему там и слайдер им не надо было учить делать на css.
>>471507Ого, да это же целая путаница и говнокод, а не пара селекторов вместо скрипта.
>>471511>целая путаница>11 строк
>>471511Путаница это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности.А две переменные и два обработчика, заметь, никак не влияющие на структуру разметки - это хорошо.
>>471388Переехал с сублайма на Visual Studio Code — есть под все платформы, бесплатный, поддерживается, легко подключить eslint, встроенная работа с гитом.
>>471513>>471519> это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности#login-radio:checked ~ .modal-block { display: block;}Трудно охуеть, просто один лейбл это крестик у модального окна, а другой это кнопка с корзиной.
>>471526Пиздец, ультимейт велокостыль.
>>471527Что?
>>471526Зачем ты отстаиваешь эти ебанутые костыли? На JS это сделать действительно проще и логичнее.
>>471529Как это проще? Что за костыли?
>>471530>Как это проще?Как на скрине. >>471507
>>471531И чем там проще?
на jquery ещё короч выйдет
А как бы вы вот такую хуйню верстали?
>>471530Создание скрытых чекбоксов это костыли. За поведение страницы должен отвечать JS.
>>471535iCheck
>>471539Бля, эту хуйню тоже сж? Нахуя они тогда дали это в базовом? Я через дельту верстал.
>>471533Все проще, блять. Не нужно создавать левого хтмл и css, например. Писать логику на чекбоксах, божечки.Вот решение еще немного короче: http://jsbin.com/toqakasufu/edit?html,js,outputМожно даже написать var $ = document.querySelector.bind(document), будет еще меньше кода.
>>471540Эту хуйню делай как показали в базовом. С ней норм, она отвечает за оформление. Чистый html тоже вполне логичен и красив. Но блядь когда у тебя в чистом html вдруг вместо ссылки логина появляется чекбокс ни с того ни с сего, вот это уже далеко не круто
>>471542То есть, эту хуйню верстать как на скринах выше? С дельтой?
>>471544С какой в сраку дельтой??? ~ это тильда△ а вот это дельта
>>471545Точно, тильда. Так ее юзать там и о и нет?
>>471546>илиБлядь
>>471546Да, чек боксы и радио кнопки, другие возможные вещи в форме стилизуешь как объясняли на интенсиве (через + или через ~)Слайдер в принципе можешь пока что так тоже пилить как они рассказали. Но на том же продвинутом будешь уже делать слайдеры через js.
>>471546Да никто сейчас это говно не использует, все уже давно по БЭМу верстают.
>>471550И как по бэм эту хуйню сверстать? >>471548Понял. Благодарю всех.
Котаны, это немного нерилейтед, но я к вашему обществу уже привык, так что рейтаните мои попытки в дизайн. По задумке это сайт для какой-то игры для планшетов.
Возможно, вопрос платиновый. Как сделать, чтобы кружок внутри выделялся при наведении на весь блок ссылки, а не только на сам кружок? https://jsbin.com/hififanuge/edit?html,css,output
>>471559>medal of dutyОбосрался с названия.
>>471559li:hover .round {/place for styles/}
>>471615Это вот сюды >>471596
>>471616>>471615Спасибо, няш, а то я тут уже начал страдать шаманством с абсолютными позиционированиями.
>>471559по-моему это пиздец. шрифты не читабельны. текст почему в кнопки не влазит? хуле СЕНД МЕСЕДЖ и АЙ АЦЕПТ не видно что это кнопка? слишком жирный ползунок прокрутки! расстояние между заголовком и обычным текстом в первом блоке схуяле одинаковое?
На какой сайте проверять в каком браузере какой тег работает?
>>471632can i use
Как реализовать линии сбоку от ИСТИННО МУЖСКАЯ КЛАССИКА в резиновом дизайне? Чтобы они растягивались.
>>471642таки у самого идея появилась. под текст блок с линией засунуть. только как сделать чтобы все что накрыто блоком с текстом не было видно?
>>471505>все что можно сделать цсс - делать на цссимелась в виду всякая мелкая декоративная хуйня. допустим, у тебя иконка в цветном кружке. ты можешь эту иконку вырезать вместе с кружком, а можешь этот кружок сделать на цсс, так вот лучше на цсс.все эти слайдеры и прочая шняга на цсс - говно. производят впечатление того, что пишущие их людишки не умеют в жаваскрипт и поэтому тупо ссут его юзать, ебаные жалкие ничтожества.
>>471505А как же кросс браузерность?
>>471366О, можешь сказать, что у тебя спрашивали на собеседовании на контент-менеджера?
Подскажите, почему у li-шек не срабатывает :before. Не понимаю где накосячил. http://codepen.io/Okhre/pen/YwboeQ
>>471723ну как тебе сказать, я был контент-менеджер и копирайтер в одном лице, плюс делал всякие сеошные мелочи, ставил сео-плагины для вордпресса, заполнял всякую мета-хуйню, ключевики и т. д. контора была днищевая, поэтому меня тупо спросили, че я умею вообще делать. я ответил, что могу писать и рерайтить статейки и немного в хтмл, на уровне сверстать несложную страницу. этого хватило. хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать. так в целом надо было разбираться в разных цмс, немного обрабатывать изображения, чтобы все это говно не разваливалось нахуй и в целом выглядело пристойно. это все несложно освоить, но немного времени все же надо. по сути сайты, с которыми я возился, были дико говеные, и всем на них было похуй.
>>471740content: "";
>>471743 спасибо, не мог бы еще подсказать почему лишки не внутри бефор делаются? >>471740-кун
проблему решил, если кому интересно, то посмотрите код у ол и ли. Никогда такого раньше не делал, но вроде бы это правильно.>>471740-кун
>>471775>именует классы по БЭМу>li>каскад
Аноны, подскажите зеленому, каких знаний будет достаточно, чтобы стабильно получать 1–2 т.р/месяц. Или придется изучать все из шапки?
>>471789Нет такого уровня. Минимум знаний это все, что написано в шапке плюс JS/jQuery и хоть немного опыта с Ангуляром/Реактом. Тогда ты можешь претендовать на звание джуниора и получать свои законные 50-70к (в дс).
>>471792Благодарю, анон!!! Ближайшее время начну учиться.
>>471785что ты ожидал от аноны, который первый раз пробует БЭМ? Переделаю чуть попозже все.
Чет я охуел с бэм, зашел почитать, там гит, нода, библиотеки какие-то, для неофитов не завезли?
>>471888Завезли. Читай просто про методологию, а не саму библиотеку.
я тут искал разные способы горизонтально зацентровать ссылку-кнопку так, чтобы она ужималась под текст и ей не надо было задавать фикс. ширину. и без флексов.margin 0 auto в связке с display:inline-block не работает.есть всякие изъебы с display:inline-block плюс position:relative или absolute плюс left:50% плюс translateX(-50%).обнаружил, что можно кнопке задать display:table и margin: 0 auto; и все работает заебись. кнопка с любым текстом всегда по центру, без всяких фикс. ширин. но чего-то тоже странно, я вообще никогда display:table не юзал.а вы чем центруете обычно?
>>470950Как человек пришедший из Java и SQL могу смело сказать, что - это хуета.>>470966>Ну типа кто нам бэкенд пишет на Питоне/Руби/Ноде>динамическая дристня без типовВот уж и в правду голос со стороны параши.
Рейт http://baukaalm.github.io/baurzhanov/
>>471909флексами
>>471785Минимальный каскад на небольших проектах по BEM не запрещен
>>471895Продвинутый смотришь 2 урок. Читаешь статью Громова и головокружительное погружение в БЭМ. Этого хватит. Еще от Яндекса кидал для ньюфань пару тредов назад.
>>471943Это сюда >>471888
>>471929Как реализовывал видео в бэкграунде?
>>471954HTML5
>>471909Кроме флекса еще можно такdisplay: inline-blockа у контейнера text-align: center;http://jsbin.com/vevikenodi/edit?html,css,output
>>471966да, но опять же, теоретически у тебя в контейнере может быть что-то еще, кроме кнопки, и не всегда у этих элементов тоже будет text-align: center; как вариант можно запилить отдельный контейнер для кнопки, лол.
>>471975да, ну или для кнопки, или для контента вокругhttp://jsbin.com/vevikenodi/edit?html,css,output
>>471649А может быть сделать div c width 100% и абсолютно спозиционировать текст, что бы он поверх был?
>>472018под текстом будет видно линию же. максимум кастыльный вариант придумал. саный нижний слой с з-индекс1 это линия, второй слой з-индекс2 с изначальным фоном без линии и третий слой уже текст с з-индекс 3. но если фон сложный то трудно будет.
Посоны, можно ли выборочно отключать вложенность правил в LESS?https://jsfiddle.net/t2kvhrou/1/ — обратите внимание на .active
Будет ли считаться за ошибку, если я сделаю три блока по вертикали и буду делать с 1 по 3 так: 1. float: left, 2. float: left, 3. float: right.???
>>472172юзай флексы и не еби себе мозг
>>472201Как предлагаешь раскидать лейаут для такой страницы на флексах?Три дива с флекс-флоу: коламн новрап?
>>472172Зачем последнему right? Всем left можно.
>>472203ну у тебя три колонки по 2 пикчи в каждой, эти колонки надо закинуть в контейнер, и ему задать флекс. пикчам задать 100% ширину и верхним какой-то маргин-боттом. че не так?
>>472229я автор вопроса. Придется тогда весь макет переделывать из-за флексбоксов. А как я описал ход действий не сойдет?
>>472246Сетку из 12 колонок сделай на флоатах и все.
Нагавнякал я тут Седону респонсив-хуёнсив. Покритикуйте плизhttp://g953589l.bget.ru/sedona-responsive/Ох блядь я с этой готовкой свг спрайтов пропарился и составлением конфига для гранта.Свг-спрайты вообще весело было - надо было в 6 уроке вставить а я вычитал способ готовки только через сборщик - пришлось сначала посмотреть 10 а потом только выполнить дз 6.Почти все сделал в конфиге как хотел, но вот чтобы корректно мапилось на исходники лессовские так и не смог сделать.Очень порадовал плагин, который помимо перезагрузки браузера позволяет с любого устройства подключиться к сети и тестить.С понедельника сяду пилить Пинк наверное. Надеюсь, меньше гавна всякого напишу, а то код этой Седоны далек от моего представления о прекрасном.Буду пинк теперь собирать через галп (заодно скринкаст Кантора гляну) и писать на сассе.P.S pagespeed insights ругается на шрифты гугловские (надо будет замутить как читал подключение с юзаньем локалстораджа)P.S.2 html и css оказались невалидными, лолВ html надо кнопки-ссылки открытия/закрытия навигации для мобилок добавлять наверное через js (а то пишет что ссылка в ul не хорошо однако)В сss оказалось что свойство fill для svg невалидное)И на url в base64 кодировке тоже ругается.
>>472307Иконки слишком близко.
>>472322Ага, и походу я забыл прописать min-width
>>472307как же я завидую анонам, которые могут в адаптив. Я сел в лужу уже при верстке меню для мобильников. Не умею делать бутерброды и менюшку при клики на него. А бутстрапом не хочу пользоваться, так как от этого знаний не прибавится. Может я урок какой-то не скачал, где про это говорят или у меня старые уроки продвинутого, а в новом это объясняют?
>>472331Ну эт по сути мой первый макет адаптивный, тоже достаточно долго думал как сделать это меню - вводило в ступор.Смотрел сам тот продвинутый, который в шапке.За бутстрап толком не садился еще. Смотрел как-то один видос, но там парень наставил когда верстал кучу импортантов я охуел и подумал ну его нахер. Но все-таки думаю раскурочу его и попробую сам компилить и добавлять только нужное.
>>472344как ты разбирался с этим меню?
>>472346Долго и мучительно, лол.В данном макете сделал его просто первым блоком, который изменяет высоту. На сворачивание/разворачивание влияет max-height (гуглил - нашел на СО вроде, что можно заанимировать таким образом высоту). Ну а с планшетами+ все просто - делаем из него флекс, меняем местами как по макету пункты - они отлично растягиваются (правда надо "лишний" пункт делать чтобы он посередке был и когда мы абсолютно спозиционируем лого - то оно встало на путое как раз место). Как сделать по-другому без этого "лишнего" пункта я хз.Кнопки разворота и сворота просто ссылки с свгшками по клику изменяем max-height у меню.В пинке же надо будет меню делать уже абсолютно спозиционированным вроде. сяду делать - будет ясно точно.
>>472361Ну и да, тебе никто не мешает с помощью инспектора попробовать понять в моем говнокоде как эта штука работает)
>>472366>>472361ну хорошо, попробую как доделаю другой макет. Спасибо за объяснения.
Поясните, если я для стилизации каждого элемента буду давать ему класс и в CSS-коде стилизация будет применяться только по классовым селекторам это нормально?
>>472392Да, прям как БЭМ)
>>472397Из-за скобки у меня создается ощущение, что это сарказм.
>>472399Нормально. Таким образом уйдешь от проблем со специфичностью и, возможно, от каскада.
>>471929было бы что рейтить
Верстаны, я снова выйду на связь (тот дебил, что переписал барбершоп на флексах для тренировки). Открыл, значится, макеты с продвинутого интенсива, а там пиздос, свг-хуйвг, ретина-хуина. Насколько целесообразно с этим ебаться вообще?
>>472481Ну я в своей Седоне сделал. Посчитал что важно ибо ретина не такая уж и редкость нынче, да и вектор (свг) явно получше растра.Да и всетаки типа новые навыки, лвл ап, все дела
>>472497Ну и добавлю, что на самом деле там и ебаться особо не надо было
Я уже наверное заебал со своим макетом, но никуда не денешься. Нашел время и попытался адаптировать страницу под 640. Сойдет? http://c12266.shared.hc.ru/lookshop%20@640/index.html
>>472498Ладно, попробую разобраться.Просто я тут испугался СВГшек, хуй знает, как их лучше запихивать, инлайново или как бэкграунд. Еще и фоллбеки для всякие ишаков восьмых (на это я точно забью, лол, верстаю то на флексах).
Объясните мне зачем вы учите все это, если Гугл, судя по новостям, скоро переводит сайты на динамическое построение. Вы же вообще никому не нужны будете.
>>472527Ты хоть читал, что такое динамическое построение страниц, или ты очередной дебил, которому просто покупарекать больше негде?
>>472527Вась, ты хоть понимаешь что несешь?
>>472527Опаньки, очередной подгорелый копирайтер подъехал.
>>472529>>472531>>472532Ага, отрицание, я так и думал.
>>472539Зато тут никто не отрицает того, что ты тупой валенок, который не понимает о чем говорит.
>>472508Код не ковырял, но с виду вроде норм.
>>472540О чем он вообще? мимошел
>>471742>хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работатьможешь сказать какие именно знания html тебе пригодились? На примерах.
Лол, у Громова>То чувство, когда дизайнер не только усложнил задачу техническому отделу, но и превратил работу контент-менеджера в ад.http://codepen.io/nicothin/pen/xZoOWV
>>472807ебаный стыд, ты в газпром там штоле устраиваешься? ну пришлют тебе, допустим, вордовский файл с простыней текста, надо все раскидать в абзацы, там, заголовки, списки, таблицы сделать, че нужно выделить жирным или курсивом, прикрутить нужные размеры шрифта, вставить картинки и т. д. в разных цмс разные интерфейсы для всех этих дел, и я уже забыл подробности, но основы хтмл для работы со всем этим хламом точно не помешают.
>>472508не понял смысла пилить фикс адаптив под 640
>>473032Что было в макете, то и напилил.
>>472564Бамп вопросу
Аноны, а как вообще адаптив делается? От чего зависит, чтобы на мобильниках нормально верстка отображалася?
В чем может быть проблема схлопывания отступа после радиобатонов на мобиле, если у них снизу margin есть и у всего блока clearfix стоит. на десктопе нет никаких проблем.
Анон, помогай, я тут связался с display: table. Обычной таблицей не делаю, так как хочу чтобы по семантике все было с тэгом nav, а для него списки самое то вроде.Мне нужно чтобы в первый ячейке была картинка, но из за нее Vertical-align: midle не выравнивает текст в этой ячейке по центру? Как сделать его посередине?https://jsbin.com/wuveluyohi/edit?html,css,output
Ну что, анон? Фриланс - это реально или нет?
>>473285продвинутый интенсив - смотришь, вникаешь, делаешь
>>473297It depends...>>473296а как он выравняет, если у тебя картинка место занимает?>>473295попробуй прописать нижний бордер в 1 пиксель прозрачный
>>473305бордер чекбоксам или блоку с картинкой
>>473296.item_name{ height: 100px; line-height: 100px; }
>>473306всему блоку
>>473308никогда такой хак не видал, но сейчас попробую
>>473307Лол, ппц костыль. А если текст будет в 2 строки?
>>473313.item_name{ display: inline-block; vertical-align: middle; line-height: 1.25; }а его родителю line-height: 100px;
>>473317ну и max-width: 100px; или сколько там чтоб строки переновились
>>473310бля помогло но ахуенный прикол появился. Сперва я бордер красный поставил все проверил, потом поставил прозрачный. На пека все ок, на стандартном брауезере все ок, а мобильный хром один хуй красный бордер грузит, пиздец, как так?
>>473331и еще прикол в том что хром и стандартный браузер показывают разные версии адаптива, хотя ширина экрана одинаковая
>>473331все норм, до хрома дошло, прозрачный стал бордер.
>>473344Просто закешировалось наверное вот и не долшло до него сразу.>>473310А вот чтобы знать такое - надо базовый интенсив смотреть. Там про борьбу с выпаданиями маргинов рассказывали (что можно либо бордер делать, либо еще паддинг можно)
>>473362Так я и начал бороться паддингом, ток он не срабатывал на мобилах.
>>473367Странно, но ладно. Бордер если сработал уже хорошо
>>473307я так пробовал, он тогда родителя растягивает
>>473379ну да, растягивает вниз так и должно быть
На чистом жаваскрипте вообще никакие анимашки нельзя сделать, только через всякие жуквери?Знаю только, что можно класс прикрутить, на который повешен transition.
>>473382что такое jq по-твоему, лел
>>473383Ну вот я и привык говнокодить с жуквери, теперь даже не помню, что можно без него делать, что нет.
Где тут был тред аннунака, который верстал крутые сайты/шаблоны в стиле true_flat_design? Нужен этот анон или кто так сможет, сразу скажу необходимо знание РНР будет.
>>473317>>473313Короче я если просто выкину картинку из потока и дам ей абсолютное позиционирование по верху родителя, насколько это будет нормально?
>>473399ну если текст под картинкой тебя устраивает, то вперед, так и не понял почему тебя не устроило мое решение проблемы.
>>473388А джиквери на чем написан по-твоему?
>>473408Ну там можно паддингом его покрутить, чтобы не подлезал под картинку. Я сделал как ты написал, но текст так и не выровнялся.
>>473414в смысле не выровнялся?
>>473417ну хз, так оно при уменьшении разрешения куда-то совсем далеко вниз уходит.
Лучше я абсолютно картинку сделаю, и паддинг родителю добавлю на ширину картинки, так меньше кода. Все равно спасибо за помощь, анон.
>>473411Я просто еще в общих чертах понимаю, как там какой-нибудь toggleClass написан, но вот анимации вообще хз. Расковыряю его как-нибудь.Там типок в интенсиве по жс говорил, мол с появлением querySelector начался закат jquery. А что на смену-то пришло?
>>473437querySelector, ES6, CSS-анимации
там сам js нативный и пришел, который умеет базарить с домом и cssухой по-братски.
Салам, фронтенд макаки!Сколько получаете в среднем за верстку макета? Есть разница в стоимость, если клиент попросит запилить какой-нибудь слайдер? Сколько времени тратите на заказ? Довольны тем, что делаете?Еще лвл спалите
>>473460Ах да, поясните за препроцессоры css. Смысл их юзать, и юзаете ли их вы?Каждый проект верстаете с нуля или есть какой-то универсальный шаблон?Долго нужно вкатываться в адаптивность? Ну тепа шоб сайтик красиво смотрелся и на комплюктере, и на телефончике, и при этом не был кривой
>>473461препросы юзают все после того как попробуют, проект собирается по частям из бывших наработок по максимуму, остальное доделывается. Чтоб вкатится в адаптив надо вкатится во всю верстку, месяца 3 наверно хватит на все
>>473473 --- >>473460
Кто-нибудь объясните, как юзать гитхаб в виде хостинга. Гайд читал, но все-равно не получается.
>>473509Лить в ветку gh-pages. Все.
>>473513я знаю, что надо сделать gh-pages, но я кроме как залить макет на гитхаб нихуя не умею, а гугл молчит. Может кто сделает гайд специально для таких слоупоков вроде меня? Желательно для Github Desktop
>>473535На каком шаге возникает проблема?
>>473539https://pages.github.com/ если смотреть тут для винды туториал, то после того как заливаю макет на гитхаб. Нажимал потом в приложение "create new branch" ---> даю имя , и не знаю что дальше. Может вообще не так делаю.
>>473551А ты на гитхабе эту ветку создал?
>>473558нет, так как про это вроде нет в туториале. Даже и не знал, что такое надо. Создал в приложение новую ветку, зашел на гитхаб и сделал ее по умолчанию. Я все верно делаю?
>>473569Надо. Ветки на гитхабе не имеет никакого отношения к веткам в твоем локальном репозитории. Теперь тебе нужно запушить свою ветку с сайтом в гитхабовскую gh-pages.
>>473473> месяца 3 наверно хватит на всеНу охуеть, я бызовый пол года прохожу.
>>473605имеется ввиду для не работающих пацанов, которые не в первый раз видят компьютер.
>>473605Я уж думал что я тут самый медленныйпрошел 2 интенсива и немного курсов на юдасити
Большинство макетов идут без мобильных версий, поэтому приходится им пилить адаптивность самому. И я заметил, что это какой-то пиздос, потому что большая часть времени уходит не на верстку, а на чисто дизайнерское говно, чтобы все выглядело норм на всех разрешениях, все эти расстояния, пробелы между блоками, шрифты чтобы были адекватных размеров, и т. д. В общем, работаешь уже тупо как недодизайнер.А у вас как с этим? Задрачиваете внешний вид, или кладете хуй?
>>473578конечно круто, но я еще не все понимаю в гитхабе. Запушить я так понимаю это значит "pull request"? Но у меня вот такая проблема, как на снимке. Что-то подсказывает, что я должен куда-то залить свой макет чтобы он появился там, но не могу найти куда.
>>473641Нет pull request это совсем другое.Я мало что понимаю на твоем скрине, потому что пользуюсь гитом через консоль и у меня не винда.Твой проект он вообще храниться в гите? Ты работал с ним до этого? В папке с проектом должна быть скрытая папка .git.
>>473641Да, на всякий случай. Ты понимаешь, что git и GitHub это РАЗНЫЕ вещи. Первое — это система контроля версий, а второе это сайт, где хранятся репозитории с няшным интерфейсом. И прежде чем разбираться с гитхабом нужно разобраться с гитом.
>>473651мои проекты лежат в папке GitHub, а эта папка лежит в вроде как в облаке винды. Работать им начал 12 дней назад. В папках моих проектов, лежат только файлы моих макетов. Скорее всего гит скрыт. Говорил же умею только тупо залить на гитхаб макеты и все.
Одни огорчения с этой версткой
Верстаны, где можно почитать, как правильно использовать svg?
>>473653Что значит скорее всего? Включи отображение скрытых файлов и проверь. Или зайди в папку с проектом из консоли (cmd) и набери git status.
Пацаны, бекенд девелопер на связи. Что я получу, купив http://learn.javascript.ru/ebookэти книги (за 900р)? Там будет jQuery?
>>473656да, папка была скрыта.
>>473658Его книга на рутрекере есть. А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
>>473460>>473461Ало, как мне вкатываться без инфы?
>>473653Так, чтобы залить ветку на гитхаб нужно сделать git push %remote_name% %branch_name% (либо просто git push, если remote_name = origin, а название ветки такое же как и у локальной). А вообще, поддвачну я этого >>473652Почитай книгу по гиту на git-scm.ru Можно освоить гит за час. Но если решишь выделить 2 дня, то выучишь его досконально.
>>473659Ок, значит тебе нужно найти в интерфейсе этой еболы управление удаленными репозиториями. Скорее всего репозиторий гитхаба там называется origin. И сменить там ветку с master на gh-pages.Алсо, можно на гитхабе можно вообще удалить ветку master и поставить gh-pages по умолчанию. Тогда (по идее, кхе-кхе) все должно пушиться сразу в нее.
>>473660>Его книга на рутрекере есть.Обновлённая? Мне не жалко денег.>А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернетеПро материал в интернете я в курсе, но мне казалось, что он и тут будет. Как-никак, некоторая инфа по jQuery у него на самом сайте есть.
>>473655Видос продвинутого, допы к нему + там в чате громов кидал ссыку на статью чувака которая про вставку спрайтов. Можешь еще в бложек Громова заглянуть там тоже про свг спрайты
>>473666Ты чё вообще несёшь? Вы тут со своей вёрсткой совсем поехали? git checkout -b gh-pages; git push;или git remote -v (глянуть адрес своего репа)git push %remote_name% gh-pagesИ всё.
>>473667Нахуй тебе ее покупать если на сайте все есть?
>>473671Двачую
>>473672Есть читалка, могу закачать туда все книги и читать в пробке/на парах.
>>473671Только можно origin вместо remotename
>>473675А вдруг у него несколько удалённых репов. Я не только на сейчас, но и на будущее подсказал. А вообще, я бы ему советовал идти на git-scm.ru и учить команды гита.
>>473677Ну так то да. Можно еще быстренько на кодскул и кодкедеми, если там читать лень
>>473677>git-scm.ruТочнее, git-scm.com>>473682А, хз, так не пробовал. Да и читается там книга быстро. Воды вообще нет.
>>470784некропост, конечно, но блядь, эти мудаки только меняют картинки при скролле. просто мерседес сфотан дохуя раз по кругу, после чего это огромное количество картинок добавлено в слайдер. пиздец, маразм это.олсо, как-то мне предлагали сделать подобное. просили сделать круговой стенд, на котором будет крутиться модель девушки, при клике на одежду которой будет показываться вся инфа об одежде, включая цену. заказчик хотел сделать это быстро и бесплатно. закономерно был послан нахуй, настолько же быстро и бесплатно.
>>473605не парься, учусь уже больше 2 лет, js за полгода только нормально усвоил, и то многое не могу. при том, что последние 8 месяцев сижу дома на жеппке, не вылезая из компа, задрочу верстку настолько часто, что во сне продумываю решение некоторых нюансов макета. один раз даже, проснувшись ночью, попытался объяснить своей собаке различие между display: block и display: inline-block. при всем этом до сих пор нормально не попытался влиться во flex-box'ы, но уже успел послать на хуй jquery, как бесполезную либу, пишу теперь на нативном.
>>473460>>473461>>473662не вкатывайся, ты тут на хуй никому не сдался, а учиться тебе придется минимум год, чтобы нормально верстать и получать деньги за верстку. ну и получать за верстку на фрилансе ты будешь примерно 1000-3000 за заказ, а это от 2 до 5 дней работы. + часто заказчики кидают, просят переделать, отменяют заказы и прочее + конкуренция пиздец высокая. короче, сейчас уже поздно в верстку вкатываться, слишком много технологий, много демпингующей школоты на фрилансе и выебистых беков в офисе.
>>471530>>471505все очень просто, радиобаттоны сделаны для форм, применение их вне форм невалидно. если ты этого не понимаешь или не хочешь понимать, лучше больше не верстать. олсо, скрипт на радиокнопках может неправильно отображаться в старых браузерах. с js таких проблем нет.ну и просто на css очень легко запутаться с таким-то каскадом. и id-шников на странице получится слишком много, когда они практически не нужны.
>>473605Ебать ты слоупок. Он рассчитан на месяц, с готовыми видео можно уложиться в 2-3 недели.
>>473842>учусь уже больше 2 лет>до сих пор нормально не попытался влиться во flex-boxБоже, с какими даунами сижу в одном треде.>уже успел послать на хуй jquery, как бесполезную либуПроиграл с дауна. У jquery есть свои задачи, под них она подходит, под остальные не подходит. Это не значит, что она плохая.
>>472815В чём суть? То, что пользователь выделяет курсором - становится чёрным? Этого легко делается на ЖС (объекты range и selection) и выглядеть должно неплохо. Не понял, зачем они каждое слово в отдельный спан завернули, правда.
>>473850
>>473850ну, я уже успел поработать верстаком в паре студий, свалить оттуда и сейчас потихоньку фриланшу, подыскивая себе новую работку в дс. некоторое время писал на ангуляре, писал на jade, stylus, less, собирал всю эту муть галпом. юзал bem-tools и enb. ебался с вордпрессом и yii.до сих пор учусь потому, что данная специальность, мань, подразумевает постоянное обучение ввиду быстрого развития веба в целом.flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками. могу, конечно на нем строить сетки, но не вижу смысла ближайшие года 3.и про jquery. нахера мне тянуть такую тяжелую библиотеку, если я могу подрубить shim, который легче, и писать на нативном js, благо, есть es5. jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров. а jquery ui вообще не нужна, с его возможностью справляется тот же bootstrap, да и самому достаточно просто написать на нативе.удивляюсь таким унтеркам, как ты, вам лишь бы унизить кого-нибудь, попытавшись за его счет выставить себя в лучшем свете.inb4: уймись, мелкобуквенный.
>>473854Флексбокс поддерживается начиная с IE 10. Зачем поддерживать старое говно, если заказчик специально этого не просит?
>>473855потому что практически всегда в проектах требуется поддержка IE 9, который до сих пор не сильно старое говно. это не только заскок моих работодателей, но и большинства студий ДС. а в мухосранях еще и IE 8 требуется поддерживать. ну и в IE поддержка частичная. никогда не знаешь, как себя в нем поведет флекс-бокс.
>>473856На моей памяти за ~8 месяцев, что я фрилансю верстальщиком и jquery разработчиком только 1 или 2 раза просили поддержку старых ослов. Я обычно спрашивал, могу ли применять флексы, показывал ссылку на caniuse и объяснял. Сходились с заказчиками на том, что могу, если контент на осле будет виден и доступен. Небольшой css файл с фоллбеками к простейшей блочной вёрстке, подключенный через условный комментарий в html решает проблему.
>>473857везет тебе, один мой заказчик даже требовал поддержку IE 7, пока я не объяснил, что никто не поддерживает IE 7, и это будет стоить ему дороже. сошлись на IE 8, пришлось уголки у закругленных кнопок вырезать. было это примерно полгода назад.
>>473854>flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками> jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеровЛол.
>>473858ты с русскоязычными фриланс биржами работаешь что ли?
>>473866jquery - IE 8 и ниже. IE-8 уже не нужен.flex-box неадекватно поддерживается даже IE 11, а в IE 9 и ниже уже не работает. IE 9 еще нужен.
>>473867да, fl.ru, к примеру. на upwork очкую переваливаться.
>>473866IE != Старенькие браузеры.IE == сорта отборного говна.
>>473929Делать сайты/шаблоны (включая дизайн) != верстать сайты/шаблоны.Какая наху разница в каком стиле дизайн ты просто сидишь и верстаешь.И блядь вокруг просто дохуя людей которые это не понимают.Даже иногда в описаниях по тегу верстка попадпется: разработать сайт компании, придумать уникальный дизайн...
>>470294 (OP)ананасики, очень удивился, что есть интенсивы по html-academy, но нет интенсивов от кантора. решил исправить это упущение, ловите его курсы за 2015 год:http://nnm-club.me/forum/viewtopic.php?t=974903Это курсы того чувака ,который написал learn.javascript.ru и javascript.ru
>>473940йобаный в рот, как же этот пидорас мямлит, нихуя же непонятно
>>473940О, круто, а то я только за 2013 видел гдето
Кто-нибудь может достать учебные макеты по js у академии? Именно не готовые макеты
>>473869И что же там неадекватного в IE 10-11?
>>473857Где работаешь?
>>473869Не пизди, охуенно он в ИЕ 11 поддерживается. В ИЕ10 есть нюансы.
>>474035Ну а теперь почитай про баги, пидорахен диванныйhttps://github.com/philipwalton/flexbugs
Почему ебаные микромягкие не могут зашить в свое старое говно модальное окно типо хватит сидеть на этом говне, нажмите эту кнопку и edge установится автоматом и станет по умолчанию.
>>474044Полная хуйня. Слепил на флексах дохуя сайтов, из всего этого списка столкнулся только с невозможностью задать флекс филдсету. Так что сходи нахуй. Ничего критичного или даже более менее влиятельного на рабочие процесс там нет.
Есть тут аноны, которые пользуются саблайм текст 3? Почему когда я пытаюсь найти какое-нибудь дополнение через пэйдж контроль он нихуя не находит?
>>470294 (OP)Двач, нормальная ли зарплата в 125рублей/ час , работая верстальщиком в конторе, сам студент, второй курс
>>474060package control установи бля
>>474063он установлен еще с базового интенсива у меня. Я пишу туда "Sass build", он ничего не показывает. Пытаюсь еще что-нибудь найти и снова ничего. Есть тут аноны, которые ставили синтаксис на сасс в саблайме? А то надоело писать в scss
>>474066все я разобрался.
>>474061ну я как-то на заводе 85 получал.
>>474061смотря какой город же. по сколько часов в неделю отрабатываешь?
Антоши, я не разбираюсь в тонкостях винды, но мне надо переустановить иешку, потому что она закрывается через секунд 20 после запуска и не хочет сбрасываться к начальным настройкам.Однако есть вопрос, не слетит ли мне чего еще помимо ИЕ, если я его удалю, а затем установлю новую версию? Безопасно ли это? Не хотелось бы потом из-за критичных багов в реестре лишний раз страдать.
>>474054На диване может ты что-то и слепил, но на деле вряд ли.
>>47404490% багов в списке решаются заданием дополнительного правила или внесением минимальных изменений в хтмл.Верстал CRM с охуиллиардом вложенных друг в друга флексбоксов, ни с чем из этого не сталкивался.
>>474061>>474082Работаю от 2 до 7 часов в день, в зависимости от занятости в вузике
>>474098> минимальных изменений в хтмлМанька, плиз. Уверен, что ты там полную хуйню наверстал, с 100500 лишних флекс оберток.
>>474108Ну пока что я вижу только твое беспруфное кукареканье и "уверенность" в том что все вокруг долбоебы, один ты верстальщик от бога. На самом деле ты ужасно заблуждаешся. мимо-ОП
>>474118>верстальщик от богаСорри, я этим говном не занимаюсь уже месяцев 6.>беспруфное кукареканьеЯ как раз таки пруфанул, что есть баги в ие11, а такие тупые пидорахи как ты, только и умеют, что с дивана выщать про тысячи сверстанных на флексах макетов. Нахуй идите, маньки.
>>474131>такие тупые пидорахи как тыСказала обезъяна, за 2 года не осилившая флексы и джс на рабочем уровне. И кто здесь пидораха то, если ты дебил, до сих пор не додумался настроить рабочую систему фолбеков. Вместо того чтобы поддерживать новые фишки и двигать вперед веб ноешь о том, что в ИЕ 11 видите ли есть баги правящийся одной сторокой или отказом от применения одного из свойств, даже не целого свойства, а одного из его значений. Топ кек блять.
>>474148Сука, ну ты точно тупорылая свинья, тебя хоть рожей в говно ткни, всё равно не поймешь нихуя.>за 2 года не осилившая флексы и джс на рабочем уровне. Ебанашка, иди дальше верстай за копейки, лол, а я буду православным фронтом заниматься.
Чет я заебался с флексами. Я делаю на нем меню и возникает проблема выбора first-child и изменение паддингов маргинов. Они какого-то хуя всему списку присваиваются, а конкретному ребенку-нихуя. Список ul>li
>>474173разобрался, опять на хуйне попался. .main_header__navlist li:first-child a{} А до этого искал детей у ссылки.
Блядь нихуя не понятно откуда во флексах берется процент от родителя когда резину верстаешь. Вроде следующий блок делаешь, шапка процентная едет, ебал в рот.
>>474222если у тебя в контейнере, скажем, два блока, то нужно задавать процентную ширину обоим. иначе блок без процента при сужении может сплющить нахуй процентный. еще надо не забывать про штуки типа флекс-шринк и флекс-гроу, но тут уже надо смотреть по ситуации.
>>474238Это похуй, мне надо процентные паддинги и марджины между ними, они нихуя не от корня считаются. Флексы заебись, но порой делать их геморойнее, чем классические флоаты.
>>474252странно. маргины вертикальные штоле? если вертикальные, то их у флекс-айтемов не предусмотрено, лол.
>>474258горизонтальные. Там как бы ряд li, а в каждой li-a, <a> это флекс с вертикальным центр выравниванием. И вот тут какое-то мясо пиздец. Надо задать отступы между li в %, а он их считает от них самих, а они разной ширины. Анал какой-то
>>474100
>>474100BAMP ответьте анончики
>>474061В макдоналдсе такая же в моем мухосранске.
>>474265ты не самим этим <a> отступы задаешь, лол? пили песочницу штоле.
>>474276что за игорь/фильм на пике?
Кстати, поясните за флекс-гроу и флекс-шринк, раз уж пошла речь. И за флекс-базис тоже.
>>474278http://codepen.io/anon/pen/XXLxYPтолько прощелкай правой по элементам, а то отступы вообще не появляются, хах, лол. Кароче паддинг по бокам 10%, в инспекторе в пересчете на px получается какое-то неведомое говно в вакуме.
>>474365ну правильно, 10% паддинга у ссылки считаются от лишки, т. е. от непосредственного родителя. а ты от чего думал они должны считаться? от списка штоле?
>>473940Спасибо, анончик.А там как, более подробно рассказано, чем в учебнике? Есть смысл смотреть после него?Ещё было бы круто его курс по ангуляру, тогда было бы вообще всё шоколаде.
>>474391Какой такой лишки? Так же непонятно почему ширина <a> меньше чем контент внутри, там последняя буква вообще на паддинг залазит, хотя ничего не ужимает эти блоки.
>>474451лишка - тег li.
>>474148ебать ты долбоеб... тебе совсем разные разные аноны пишут
>>474336>>474265>>474222>>474173Пиздец, за два года выучить флексы нормально не можете, ебантяи
>>474463ага, понял, спс. Только вот это крайне хуево, что у непосредственного родителя % берется. Мне надо отступы в% относительно ширины всей страницы, а тут они завязаны на ширине контента( a>li)
>>474479первый день учу, лол.
>>474148>до сих пор не додумался настроить рабочую систему фолбековну долбоеб. то есть, я теперь должен тянуть дополнительные стили, чтобы в IE тоже все норм было, только ради flex-box'ов? не проще ли сразу верстать так, чтобы нихуя не ломалось, вместо того, чтобы костылить под IE?
>>474480ну извините бля, это тебе не rem. попробуй тогда погугли про vw и vh, может, сработает как надо, если тебе прямо горит здесь заюзать процент.
А я напоминаю, что местные аноны кладут хуй на IE, двач выращивает говноспециалистов, которые не проверяют свою верстку нигде кроме хрома!
>>474488а кстати, и rem работает, хули это я.
>>474483В этом весь прогресс чувак. Всегда будут появляться новые фишки, которые поддерживаются далеко не везде, вернее, поначалу почти негде. А долг разработчиков их тестить и внедрять, чтобы создатели могли внести правки, доработать свое детище и т.д. Только так и делается прогресс. Те фишки которые разработчики не поддерживают так и не реализуют в полной мере, о них просто забывают, тимы разработчиков на браузерной стороне видят что поддержка хуевая и тоже не реализовывают ее. Вот и все. Если бы разработчики постоянно забивали на новые штуки потому что у них видители поддержка хуевая, то мы бы до сих пор нарезали картинки за закругления углов.
>>474497ты неправильно мыслишь. тот же border-radius внедрили потому, что ВСЕ нарезали картинки для закругления углов, а не потому, что все его использовали.исходя из твоей точки зрения, можно положить болт на определенный процент пользователей только из-за того, что они используют браузер, который не устраивает тебя, ведь в нем не поддерживается свойство, без которого можно прекрасно верстать, не используя фоллбеки.такое отношение к пользователю - прямой путь в говноверстальщики, так как настоящий профессионал всегда проверяет свои сайты в различных браузерах и верстает так, чтобы его верстка нигде не ломалась. таких же анонов, которым похуй на сотни тысяч пользователей, которые остались без возможного доступа к их сайту из-за проблем верстки, не возьмут в приличную компанию на должность верстальщика. ведь никому не нужны говнари, которые требуют, чтобы все подстраивались под них. всем нужны профессионалы.
>>474519Не веришь мне, пойди да пересмотри интенсив от хтмл академи. Если не ошибаюсь лекцию Симоненка. Он там как раз про это поясняет.>всем нужны профессионалыПрофессионалы как раз стараются внедрять в свое проекты что-то новое и вовсю следят за новинками. Не боятся писать фоллбеки, внедрять полифилы, етц. Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки. Все что ниже, если оговорено с заказчиком, оставляем как есть либо доделываем до хоть какого-то уровня, но не более того.
>>474540>Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержкиЧет больше на graceful degradation похоже.
>>474541Да он тупой даун, наслышался умных слов и с дивана вещает.
>>474483Начнем с того, что верстать на флоатах в раза 2 дольше и раза в 3 геморойней. Особенно в плане адаптивности. Про дальнейшую поддержку вообще молчу.Я своим заказчикам, когда всю эту ерунду обсуждаем, сразу говорю, что мол, с ИЕ 10+ одна цена. Нужны ослики постарше - другая, ощутимо выше. Опять же, если сойдемся на всяких костылях - тогда немного дешевле. Тут еще во какая хуйня есть. Заказчик, он ведь этот сайт держит постоянно. Ему надо его поддерживать в дальнейшем, модернизировать, расширять. Через год те же флексы станут вообще мастхев. У них щас то поддержка на уровне 95%, дальше - больше. И что ему делать тогда? Захочет внедрить новые ништяки или перейти на новые техи - извольте, надо жестко рефакторить код, а по сути, здоровый такой кусок тупо переписывать. Это стоит денег, времени уходит много... Не захочет - будет переплачивать школьникам, потому что каждая ебучая фича типа вертикальной центровки - это гемор, а на флексах она делается в три строчки.мимо
>>474560Не соглашусь. В некоторых ситуациях флоатами все сделать можно гораздо быстрее и проще, особенно если адаптивное перестроение не сложное. Я к тому, что надо всегда смотреть по ситуации, и не пытаться выебываться засовывая флекс в каждую дырку.
>>474560>верстать на флоатах в раза 2 дольше и раза в 3 геморойнейЭто не так. Ими верстать очень просто и адаптивность с флоатной сеткой делать тоже просто.
>>474572Пример, пожалуйста.Флоат изобретен для обтекания картинок текстом и должен использоваться для этого.
>>474582Ну должен, и что теперь, под ишака таблицами верстать?
>>474582Ну так сложно прикинуть, что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе, но мне удобнее зачастую заюзать флоат, как раз в ситуации похожей на обтекание. Особенно когда колонки всего две допустим. Я конечно допускаю, что мой уровень флексов не идеален, и в дальнейшем я возможно буду сам себя шкварить, но порой с этими течениями влом замарачиваться.
>>474572>>474577Окей, давайте поиграем с вами в игру. Вот есть простенькая разметочка фичерс блока на три колоночки. Адаптивная. Я слепил ее на флексах особо не задумываясь.http://codepen.io/Ykro314/pen/JGQxNm Реализуйте то же самое поведение на флоатах. Затем глянем, что удобнее, где меньше кода, что проще в будущем поддерживать ...
>>474591>что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексеИменно.
>>474592отклеилось
>>474582На флексах нельзя флекс-айтему задать вертикальный отступ в процентах. Иногда нужная вещь.
>>474592ну на, на расчет процентов можешь не смотреть, препроц по формулам считать будет. http://codepen.io/anon/pen/LGKqdv
>>474592>>474619итого на 1 строку меньше при той же архитектуре.
>>474622Я же просил реализовать поведение бро, на флоатах.Флоатов я там не увидел.Зато увидел отсутствие адаптива на разрешениях ниже примено 450px.А еще там отчего-то есть горизонтальный скролл, видимо конфликтует ширина и марджины последнего элемента.
>>474627я на скорую руку примерно наебашил, я ниче против флексов не имею, просто варианты есть всегда. А на счет 450 просто дописать одно медиа еще.
>>474605Можно, просто проценты будут браться по направлению flex-direction. Но ты и в нормальном css не сделаешь без хаков, чтобы высота бралась как процент от ширины.
>>474619Сиранул с горизонтального скролла
>>474636Ничего против не имею. Тут просто речь зашла об удобстве.В нем и фишка флексов. Вместо того чтобы писать лишние правила, медиавыражения, лишнюю разметку, распорки какие-то, берем несколько свойств, предельно понятных и делаем красивый лаконичный адаптивный дизайн.
>>474644>МожноБля, покажи штоле.https://jsfiddle.net/hjz0ob6h/1/Хочу тут маргин-боттом в процентах, а в лисе хуиньки.
>>474649li:last-child { width: 98%;Скролл из-за превышения 100%, чего завопили то, лол
>>474657Ого, интересное поведение. Беглый гуглинг показал, что лиса ведет себя правильно, а в вебките баг: http://stackoverflow.com/questions/26980916/firefox-ignores-vertical-margins-on-flex-items-children-of-a-flexbox-unless-ex
>>474692>интересное поведениеЛол, интересно, охуеть. Рад, что пошатнул твои мировоззренческие устои относительно флексов.
>>474692>лиса ведет себя правильно, а в вебките багхромобляди в очередной раз соснули
>>474730
>>474692лол, а сколько кукарекали про флексы
вообще реально ли иммигрировать в западную страну , верстальщику?
>>474958Только сеньор фронтендеру, лет 5 опыта минимум.
>>474959короче надо быть ахуенным фронт ендером?)
>>474960Посмотри разделы jobs / careers на сайтах amazon, google, uber, microsoft, airbnb, booking, apple, facebook, linkedin и так далее. Под требования подходишь — можешь отправлять заявку и попасть на собеседование.
>>474964Знание бутстрапа, ксс3, хтмл и джс. Охуеть требования
Пилите перекат.
Сап, двач, я тян. В общем в моём мухосранске есть только одна "веб-студия". Я хочу туда попасть как верстальщик. Так вот туда никто пока не нужен, но думаю написать им мол возьмите на стажировку или обучение. Как это дело обставить? Как напроситься к ним?
>>474983Бери и пиши.
>>474983тебя не возьмут
>>474991Откуда такая уверенность?
>>474992никому не нужен зеленый стажер, который будет верстать как попало и требовать за это деньги. тем более, туда пока никто не нужен.мимо
>>474983Ну ты же тян, иди дизайнером. Тем более что девочка-дизайнер с представлением верстки это гуд -не будет всякую дичь малевать трудноверстабельную, нормально организовывать psd-шник, векторизировать и предоставлять графику (где это нужно), если адаптив-респонсив до делать 3 версии макета, а не блядь только для десктопа.... Короче будет почет и уважение, как минимум от технолога
>>474984Писать "Я знаю что вам никто не требуется, но есть ли возможность пройти стажировку/практику у вас? Я хуй 24летний, опыта нет, многого не знаю, но готов впитывать как губка." А что говорить на счет денег? Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят. >>474991Потому что я спрашиваю советов на двачике?>>475003Я не тян, это же устойчивое выражение просто.
>>474983асечку-писечку!
>>475006Здравсвуйте.Прошу Вас рассмотреть мою кандидатуру в Вашей компании на вакансию ________.Резюме: ________________________Примеры работ и кода.GitHub: ______________________Буду также признателен, если Вы сохраните мое резюме на случай появления новых вакансий.Спасибо.
>>475006>это же устойчивое выражение просто.Что-то новенькое
>>475006>Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.вот поэтому ты там в хуй никому не уперся. можешь попроситься на неоплачиваемую стажировку, тогда есть шанс, что возьмут, хоть и очень низкий, никому не нужен новичок, на которого приходится тратить время.
>>475008этому 2 чаю. даже сохраню шаблон.
>>474954Флексы норм, в w3c просто пидорасы сидят.
А как раньше без флексов верстали, м?
>>474954Ну ахуеть, один узкий юзкейс в пользу применения чего-то отличного от флексов, да и то только в крайних случаях, и более чем дохуя кейсов для использования флексов.Хмммм... Вот я даже не знаю, стоит ли их юзать. Ведь я не смогу задать вертикальный марджин в процентах, а это ведь куда вежнее всех тех плюшек что он дает.
>>475044ну охуеть, на официальной постоянной работе в студии тебя тот же тестировщик потом так выебет за то, что в IE плохо рендерится верстка или ломается что-нибудь в Chrome, что ты про эти флекс-боксы на ближайший год забудешь, еще и сидеть полгода не сможешь.
>>475046В студии, если это конечно это студия с профессионалами, а не ваньками верстающими сайтики торгашам с местного рынка, всегда сначала обсуждают допустимые технологии, поддержку, фичи, пути реализации, архитектуру и т.д. и только потом приступают к работе.
Имиджбордеры, а зачем в >2015-2016, в академии учат верстать в пикселях? Я имею в виду, почему сразу ааптив не надрачивать и задание размера в процентах?Вот сейчавс базовый прохожу и думаю о том, чтобы преимущественно в процентах задавать размеры, разве не?
>>475006Если не особо социофоб, то попробуй зайди туда, попизди с местными, скажи так мол и так, довайти вам за яду поработаю, потом денег будете платить много.
>>475075Думаю потому что он сложнее для восприятия, да и фиксированная еще не отжила своё. Еще долго всё это будет.
>>475075на двух интенсивах можно срубить больше бабла с ололокающих ебанашек.
>>475104зря так о себе
>>475075Слишком слоожннаа, сложна бляять
>>475075Ты же понимаешь, что пиксели на мобильных устройствах не имеет ничего общего с физическими пикселями?Задавать все отступы в процентах супернеудобно. У тебя паддинг на кнопке будет зависеть от того, что на ней написано. Поддерживать равные отступы в разных контейнерах очень частый кейс.
>>475126Паддинг от ширины родителя будет зависеть, конечно.
Как правильно назвать репозиторий на гитхабе для другого сайта если OP.github.io уже занят, а создание OP.github.io/dva не прокатывает.
Попробовал я ваш LESS. Ебать анальное рабство. Штука конечно местами удобная, но блять с ним у меня гораздо медленнее происходит дело. Возможно потому что не умею толком пользоваться и дело привычки.
>>475158У меня вообще почти один в один в css выходит. Чуть вложенность и переменных штук 5, всё!
>>475154Что значит не занят? Сайт должен называться username.github.io, где username это твое имя, а не чье-то еще. И что значит не прокатывает? Заливаешь в gh-pages и все прокатывает.
>>475164>не занятзанят
>>475158Ты просто еще не познал всю прелесть вложений, импортов, амперсенда и прочих крутых штук. А ведь это только основы.
>>475164погоди, есть у меня локальный репозит. Мне его просто git push gh-pages сувать? Там ветку не надо переключать?
>>475174Возможно, я понимаю что это круто. Просто наверное нужно время, в голове начинает образовываться каша.
>>475176git push origin gh-pagesorigin — название удаленного репозитория по умолчанию.
>>475181бля это все понятно. Непонятен принцип. Я вот толкаю, а там хуй тебе, ошибка. Принцип какой. Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту? где фигурирует название проекта, если все толкается тупо на гх-пэйдж. гх-пэйдж это что за репозит? Он автоматом создан и не отображается на сайте в репозитах?
>Я вот толкаю, а там хуй тебе, ошибкаКакая?>Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту?ЧТОА? Не надо создавать новых репозиториев, если уже есть подцепленный. Нужно создать новую ветку gh-pages в том же репозитории. Ветка по умолчанию называется master.>где фигурирует название проекта, если все толкается тупо на гх-пэйджНазвание репозитория на гитхабе и есть название проекта.>гх-пэйдж это что за репозитЭто ветка, которая может быть создана в любом репозитории на гитхабе.
>>475186Блядь у них главный манул сделан как-будто специально, чтоб никто не понял как несколько страниц публиковать. Спасибо анон.
Блядь, поясните мне за интерфейсы, че за хуйня? Я вообще нихуя не понял, веб интерфейс, любовь к интерфейсам в резюме, каждый этап - интерфейс, в чем суть?
>>475240ну для фронтендера разработка UI обычная работа. Ну чтоб понмал какие кнопочки за какой функционал отвечали, чтоб все было интуитивно понятно и тд
>>475240http://www.businessdictionary.com/definition/user-interface.html
https://2ch.pm/wrk/res/475445.htmlhttps://2ch.pm/wrk/res/475445.htmlhttps://2ch.pm/wrk/res/475445.htmlhttps://2ch.pm/wrk/res/475445.htmlhttps://2ch.pm/wrk/res/475445.htmlПЕРЕКАТ
