Это копия, сохраненная 26 марта 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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 и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Базовый 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)
Это один анон или у вас такие традиции просто?
Это котик по технологии бэм просто
Настолько же или даже более реально.
Шансов нет, так как везде хватает своих фронтендов. Займись чем-нибудь другим
Одинаковые.
Двачую. А лучше вообще в ИТ не идти, так как недостатка в кадрах нет. Айтишников и так хватает. Займитесь лучше чем-нибудь другим
Я бы не сказал. Недостаток годных кадров охуенный, даже с учётом падения планки понимания "годного кадра".
подскажите почему на ссылку не действует класс "active"
в инспекторе он даже не отображается
что я сделал не так ?
не работает. меня интересует почему вообще класс для ссылки не работает в этом случае
Лучше вообще на работу не идти, так как недостатка в кадрах нет. Работников и так хватает. Займись лучше чем-нибудь другим.
потому что у тебя написано .active a
Какой к черту а внутри active если у тебя .active и так ссылка сама по себе?
Рекомендую не рождаться человеком вообще. Недостатка в людишках нет. Их и так хватает. Родись лучше динозавром.
>>47067 нет там псевдокласса у меня. есть класс actice который я хочу стилизовать и сделать ему афтером псевдоэлемент
только класс active который задан ссылке даже инспектор браузера не видит. МБ я класс не так задал или в ксс к нему обратился неправильно?
лучше не рожаться вообще. недостатка в родившихся нет. их и так хватает. займись лучше другим делом
Ты кажется не понял что розовый цвет не имеет отношения к твоей ссылке.
.el1 .active {
background: #fff;
color: #000;
А теперь забудь про использование таких селекторов. И пиши просто .active
Анальное каскадирование тебя в анал выебет когда сверстаешь какую-нибудь бандуру.
Специфичностью
Хз, от нее все уходят в модульность. Типо БЭМ для пацанов, анальный каскад для лохов. Принцип заложенный в css конечно не плох наследования и все дела, но модульность и взаимозаменяемость такого не терпит.
<nav class="main_nav__list">
<a class="main_nav__list-active" href="#">Главная</a>
ну да, это будут такие модули. Типо меню сделаешь на абсолютно независимых классах и стилях для них и можешь его потом по странице безболезненно таскать, или вообще в другой проект.
если всё резюме будет на этих модулях не скажет работадатель что я типа кроме этих модулей нихуя не умею( а я толком то только флексы хорошо знаю)
Ты учил чтобы знать механизм работы.
Смотри интенсивы пиши код как они показывают. Все постепенно. Но даже в базовым они не показывают код с одновременно с селекторами по классу и по тегу. Посмотри стайлгайды еще которые они дают.
>>470709
Да он пусть усвоит сначала материал базового, потом дойдет до БЭМ и т.д. Так лучше восприниматься будет, чем сразу все пытаться. Поебешься с селекторами поверстав несколько макетов - лучше потом поймешь преимущества методологии.
Ну это как если бы работодателю надо было копать ямы, а ты умел копать только на экскаваторе. Но копать в ручную это конечно большой плюс будет, мало ли. А знание только флексов-это как работать только на экскаваторе хитачи, что очень узко и не есть хорошо.
в голосину блядь
Особенно наставник выделился
Надо выучить верстку и получать нормальные деньги, ведь это так просто. Заплачу за курс академии и буду все уметь. Еще угараю с шкур там, ахуенные вопросы задают.
Хотел воспользоваться готовыми библиотеками от создателей методологии.
Зашел на оф. сайт и охуел от сложности всех этих enb и bem-tools.
Кто-нибудь использует всю эту хуйню в работе? Поделитесь статьями и мастер-классами, где бы это все разжевывалось. Или может быть есть что-то лучше?
только пространство имен и инкапсуляция. ИМХО остальное нахуй не надо.
Как ты смог освоить флексы, пропустив примитивнейшие флоаты с инлайнблоками?
Я вот уже неделю пытаюсь правильные красивые сеточки на флексах строить, выходит пока какая-то хуита (на мой личный взгляд, так то оно работает и заебись, но как-то криво выглядит сам код), а на флоатах я такую поебень за полчаса накидаю, например.
двачую
Нахуй нужны упоротые бемтулсы от упоротых последователей темы лебедева, если есть отличные прекрасние задокументированные быстрые и понятные системы сборки типа галпа\вебпака\гранта и отличнейшие удобные препроцессоры с возможностью писать модульный код?
я не пропустил их я принцип действия их знаю а все схлопывания выпадания не сильно запомнил. флексы это охуенная вещь и сетку мутить на них одно удовольствие. флексы дрочу уже 3 день.
http://flexboxfroggy.com/#ru дрочи на лягушку и всё поймешь
ИТ вообще на последнем издыхании. Каждый 16летний школяр учит джаву-пхп-питон-руби, сосет хуи, не находит работу и идет в макдак.
Давно надо бы тред экранировать хотя бы слегка, как это сделали в апворк-треде. А то тут уже как в копирайтинг-треде, из 500 постов 300 имеют содержание типовида "бля, работ не найти, умею клепать формочки и стилизовать инпуты, верстка говно(((" и "пасаны, две недели учу верстку, когда можно будет с нуля зороботывать хотя бы 1000 далларов в месяц?"
Ну, тут наверное дело практики. Я на флоатах выдрочил все макеты академии+прихуячил туда адаптив, резину и прочую хуйню. И уже потом пошел смотреть продвинутый. А на флексах всего неделю тыркаюсь. Вроде реально очень удобно и продвинуто, но мой мозг постоянно хочет зафлоатить какой-нибудь логотипчик влево.
флоаты не были придуманы для сеток. они уйдут в прошлое как табличная верстка когдато. за флексами будущее.
Я прошел эту лягушку, анон в позапрошлом треде кидал, кажется, я даже поблагодарил. Барбершоп переделал на флексах чисто для тренировки, даже стыдно показывать, лол. Сегодня вот за респонсив-седону примусь.
Ищешь вакансию - смотришь список требований. Промониторив несколько вакансий понимаешь что надо знать.
фулс стек человек оркестр 1000 лет практики 10000 зарплата
Не знаю. Я скажу за себя: учу с ноября. Часто задавал здесь такие тупые вопросы, что от стыда закрывал тред и даже не читал ответы. Сейчас могу сверстать любой адаптив, ебусь с флексами. Могу написать самостоятельно простой интерактив на ванилла JS, могу в простейший интерактив на чистом цсс. Ну и бутстрап, сасс+компасс+немножко бурбона. Думаю занырнуть в говн джквери еще. В общем, знания - энтрилевел, фактически. Работу буду искать ближе к лету, хочу JS освоить хотя бы до уровня говноджуна, и в каком-нибудь ангуляре поковыряться. А тут каждый второй с навыками уровня "прошел бесплатные курсы на хтмлакадеми" хочет уже в теплый офис, да чтобы не в говноформочках ковыряться, а прямо солидно работать.
Лол.
Ладно, скину свой, на гитхаб залил. Где-то за час этот выкидыш родил. Можешь обосрать на досуге, если не лень, например.
Размеры от балды накидал чисто на глаз, попап не делал, лень.
https://github.com/acilsd/test
>>470746
Есть пара вопросов:
1. Мой процесс верстки выглядит примерно так:
- пилю оформление блоков в отдельных Less-файлах
- страницы ебашу с помощью Jade
- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.
Норм вообще? У вас сильно отличается подход к верстке? Хочу чтобы все было как у людей.
2. Собственно главная проблема заключается в том, что я выдаю просто HTML/CSS. Теперь же мне нужно оживить элементы управления с помощью JS. Всякие кастомные селекты, табы, дропдауны и прочие модальные окна. Пробовал jQuery UI. Мне не нравится, что он использует какие-то свои классы для работы, а мне нужно, чтобы все было по БЭМ, как в bem-components
Че делать-то?
хуй на БЭМ ложить
Да нет, не прав ты. Суется в дело очень много кого, потому как программирование форсят, особенно уебки из обучающих компаний, которые на обучении азам гребут бабло с наивных. Учат везде основам, это реально пиздец. Что бы что-то выучить самому надо либо постоянно этим заниматься, читать книги, быть в тренде технологий, дрочить на практике. Многие школьники из-за своей импульсивности дальще 3 глав не уходят, ибо дота интереснее. А многие за 20 просто не могут позволить себе столько бесплатного времени.
Я ньюфаг в джс, пилю его медленно ручками-закорючками. Все остальное также, как у тебя, только я пока грант юзаю, пока хватает, потом перекачусь, лень сейчас возиться.
Да, я на объективность не претендую, про обучение ты прав, хотя именно с базового интенсива я ощутил ПОГРУЖЕНИЕ. Просто я тот самый 20 25летний дебил, что усердно пытается вкатиться, а постоянные вопли воннаби-фрилонсеров очень демотивируют, лол.
да там большинство долбаебов которые умеют только в фикс верстку лендингов с прикручиванием jq плагинов. У них там мясо и демпинг. Это нормально.
в /pr скажут
второе
такие)
Я даже не знаю в какую сторону копать, так как только-только приступил к JS
пиздуй отсюда в /pr
JS object date
Поясняю:
>- пилю оформление блоков в отдельных Less-файлах
Это правильно. Препроцессоры все одинаковые.
>- страницы ебашу с помощью Jade
Попробуй Реакт, базарю, еще захочешь.
>- собираю это все Gulp'ом, пропуская через плагины типа autoprefixer и обновляю страницы Browser-sync'ом.
Это нормальное решение для проектов небольшого и среднего размера. Если хочешь совсем как у людей, то потрать несколько дней на то, чтобы разобраться с Вебпаком. У Кантора на Ютубе отличная серия сринкастов по нему. Он сложнее Галпа, но намного мощнее.
>Пробовал jQuery UI.
Это ты зря. Джиквери и его плагины это тяжелая и тормозная императивная параша, которую невозможно поддерживать. Большинство этих дропдаунов и инпутов достаточно легко реализуется руками. Можно на чистом JS, можно на том же Реакте.
>Реакт
Я не понимаю, что такое 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
Ты уж определись — или ты втыкаешь плагины без понимания что вообще происходит или разбираешься в JS/jQuery и делаешь как тебе надо — хоть по БЭМу, хоть с дрочкой вприсядку.
Реакт это библиотека для создания интерфейсов, она включает в себя очень продвинутый шаблонизатор. Он получше всяких джейдов тем, что позволяет полноценно работать с JS и использовать не только примитивные if-else, а вообще любой код. В твоем случае, конечно, и джейд сойдет.
Ну так норм люди за это не будут 30к платить.
И еще вопрос, браузер всегда видит html как dom?
Нет, модалку надо пилить на js
Про браузеры держи, просвещайся http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
> Про браузеры держи, просвещайс
Благодарю.
А почему модалку на жс? Как я понял, все что можно сделать на css - нужно делать на css.
Нет, конечно, я просто с флексами поигрался. "Резина" весьма условная, просто ебанул размеры в процентах, там я очень убого сделал эти ромбики, например, они при сжатии съезжают, но я даже их и не старался выводить.
И сейчас еще сам кучу ошибок в наименованиях по БЭМу увидел, буду править.
>>470909
Хорошо, получил я значение, как мне его вывести в div? Нашёл решение, но код в таком виде https://jsbin.com/jumisafawu/edit?js,output ничего не делает
> когда
Ох, спасибо. Значит, пока даже не буду гуглить.
Знал бы я, что во фронтенде столько информации в мозг свалится, сделал бы себе сначала план учебы, лол.
>>470922
Ну вот так - https://jsbin.com/jumisafawu/edit?html,js,output
как мне вывести то, что у меня в консоле, в див?
>>470929
Вот так нужно было https://jsbin.com/hoqujugudi/edit?html,js,console,output
Эх ну ладно, пойду учить
если так и будешь библиотечки подключать, то нихуя не выучишь
А зачем стороннюю библиотеку использовал, когда даже основ не знаешь?
Если тебя потом попросят написать это все на нативном у тебя ж жопа на марс улетит.
И что-то мне так грустно стало.
На самом деле очень интересная задача. Прикинув в голове я не удивлен, что под нее целая библиотека написана.
писал просто программер с комплексом неполноценности. Ему знаешь ли припекает от того, что JS популярнее его плюсов в 6 раз сейчас.
Быдлокодером можно быть на любом языке
Всегда проигрываю.
Процедура ПриОткрытии()
Если ЭтоНовый() Тогда
ДатаПрефикс = Формат(Дата, "ДФ=dd");
МесяцПрефикс = Формат(Дата, "ДФ=ММ");
КонецЕсли;
КонецПроцедуры
Ее писал подгоревший байтоеб на крестах.
самый прикол в том, что эти эльфы живут там в своем манямирке и зарабатывают очень хорошие деньги, из-за специфики применения продуктов 1С. Но суваться в это болото никому бы не советовал.
ну да все верно, если брать JS то он считается ебанутым на голову языком, но быдлом кодеров никто не зовет, а вооот на пэхе это просто илитарный пример быдла всевозможного. Хотя и везде есть и хорошие и плохие спецы.
>Питоне
проиграл
>Руби
довольно узкая хуйня со своими затыками
>Ноде
нода на джс написана если что
Стоит начать с его сути-он интерпретируемы, следовательно он автоматически медленный. Ну и по мелочам там, типо статическая типизация..от чего конечно уже пытаются уходить сами разрабы.
Изи, не изи, похуй. Главное что он не ебанутый как JS и его сейчас советуют учить как первый язык для программистов, ибо легок, справляется со своими задачами и говнокодить на нем не получится.
Но у нас веб где платят больше и вообще рынок крупнее.
> говнокодить на нем не получится
Лолчто?
ты недооцениваешь говнокодеров походу
двачую, хватит не по теме пиздеть, кидайте лучше свой говно адаптив.
Ты хоть представляешь себе, каково это работать с клиентской частью без динамической типизации?
>Но у нас веб где платят больше и вообще рынок крупнее.
А бэкенд, где ка краз Питон применяется - уже не веб?
>Лолчто?
Если ты целенаправленно захочешь поговнокодить, то конечно сможешь. Но по сравнению с большинством языков - на нем гонокодить сложнее ибо без строго соблюдения правил ничего не выйдет. Одни только отступы вместо привычных для всех скобочек чего стоят.
Я ОП этого треда дебил. Уйми свой бугурт. JS для верстальщика тоже нужен, поэтому в его обсуждении здесь ничего зазорного не вижу. Даже наоборот, это полезно.
> А бэкенд, где ка краз Питон применяется - уже не веб?
Питону учат уже даже школьников в младших классах, не платят за него столько.
От того что питону учат школьников хз где ты такое видел, обычно его в универах проходят, и то в основном забугром никак не следует, что за него платят меньше. Посмотри вакансии на hh каком-нибудь.
Съеби, заебал скулить.
Ага, отчасти. Ты представь себе, сколько тебе лишних действий понадобится чтобы задать одно лишь новое значение в какой-нибудь transfrom элемента.
ну есть такое, но только в плане того, что на выходе там нужна строка 'widht=' + число над которым до этого могли производиться манипуляции. Ну в принципе JS для этого и был придуман. Это уже потом его начали использовать куда в более серьезных местах, где уже этот плюс перетекает в минус.
Da
Все правильно понял.
This. Главное лить в ветку gh-pages.
Я уже достаточно попердолился с CSS и HTML. Уже напамять знаю все свойства и теги. А знать какие-то сложнейшие и редкоиспользуемые CSS-трюки необязательно. Если что можно просто нагуглить решение.
А зачем интенсивы если человек и сам прекрасно справляется без всяких наставников?
там в одно мгновение все станет нихуя не ясно и пиздец-пиздец. Это в принципе к любому обучающему ресурсу относится(и не только по вебу), они тебе сто уроков по самым легким основам а потом пару слов о сложном.
Так наставников тебе никто и не предоставит, сидишь смотришь видосики, максимум - это совета в треде спросить.
Если все что рассказно в интенсивах человек нагуглит и выучит сам (что в принципе реально) - ну молоток значит.
на русском может кто-нибудь объяснить, как там все делается для виндоус. Смотрю по скриншотам и читаю, но один хуй не получается
Как сделать объединение ячеек таблицы, НО ЧТОБЫ ИХ СТАЛО БОЛЬШЕ?
Вот есть 3 столбца, допустим.
Объединением можно сделать, чтобы в следующей строке было 2 столбца. А если мне надо 4? То есть, больше, чем было по дефолту?
https://jsfiddle.net/9769k1sr/2/
>на чистом JS
Нахуя так делать вообще?
В чем форс использования ЧИСТОГО ЖЫ ЭС?
Иногда даже в требованиях в резюме вижу.
100 килобайт библиотек нынче совсем в лом прогрузить на 4G, да?
Долбоебизм какой-то.
Он написал, что это первый в жизни слайдер. Значит человек только изучает js. С либами же лучше знакомиться после того, как с языком освоишься, а то получится такой себе программист на джейквери.
Потому что изучение нативного джс дает тебе понимание всего, что делается внутри большинства библиотек. И прокачивает скилл офкорс.
А либы подключать много ума не надо.
Цель - реклама хореографа. Поэтому будет контактаня информация, отзывы и фото. Вот в общем-то и все.
Надо макет смотреть.
В некоторых вакансиях контент-менеджера есть требование "знание Corel Draw".
Какие именно навыки нужны контент-менеджеру из этого пакета?
Оказывается вот так вот бэки видят работу фронтов лол
работал одно время контент-менеджером. скорее всего, ниче там особо изъебистого не надо. по мелочи, обрезать например по размеру.
проиграл
5к рублей
Sublime Text
Brackets
Atom
Visual Studio Enterprise
brackets вообще сырой нахуй
atom чуть менее сырой, но все же.
они реально еще не допилены.
единственное что мне нравится в атоме, так это оформление. я поставил себе в ST One Dark Theme
Всё ты можешь, блять.
Попользуйся одним, потом вторым, потом третим и вернись-таки к первому. Заебали эти срачи и отсосы брекетодебилов.
inb4 покормил
Я понял, что тут большинство юзает Sublime, но никто свою точку зрения не обосновал. Зато преимущества Brackets на лицо >>471398
Он самый быстрый, лучше всех выглядит, под него тонны плагинов.
Сделай в первой строке 4 столбца и 2 объедини. Во второй строке можно уже сделать 4 столбца. Если я правильно тебя понял.
Я брекетс юзаю. Вполне доволен.
Все эти плюсы делают только разрабы адоба. А для саблайма дополнение может написать каждый и даже ты сам. Хотя их и так уже дохуя на все случаи.
В брекетс тоже расширения всякие мимокрокодилы пишут, и есть их овердохуя. Правда сравнить по количеству не могу.
Есть Google Chrome Workspaces, есть task runner'ы. Все что ты написал не нужно
Лучший Sublime
Потом Atom
На подсосе Brackets.
Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
>Лучший Sublime
>Потом Atom
>На подсосе Brackets
Так и есть.
>Хотя я лично за Atom, надеюсь его скоро доведут до ума, он опенсорсный в отличии от ST
Он такой же медленный, как и Brackets.
>>471325
>>471322
Ну если чисто для прокачки - это понятно.
Но такое говно я в некоторых заданиях на фрилансе вижу.
В Sublime это Выделить тег → Ctrl+Shift+A. Повторное нажатие выделяет еще и сам тег.
Sublime написан на С++, а брекетс на JS+HTML, соответственно сублайм быстрее.
Ну так и сделал, но хотелось бы, чтобы ширина столбцов была динамическая.
Допустим, 4 столбца.
А далее нужно 3 столбца, но чтобы не так, что 1 из них занимает 50%, а остальные 2 по 25.
Надо чтобы они все по 33% занимали.
Мне проще тот же написать слайдер самому, чем скачивать какое-то тормозящее дерьмо из сети.
Работать он будет быстрее, делать только то - что я хочу что позволяет задействовать самые разнообразные анимации и прочие ништяки, не нужно качать дополнительные либы по сто ебучих килобайт и т.д и т.п. Одни профиты.
И нормально ресайзиться.
И на всех браузерах.
И свайп пальцем сам прикрутишь.
И режим карусели сделаешь.
Ессно, и потом буду таскать из проекта в проект. А все почему? Потому что сам писал, лелеял.
Если сайт небольшой, то можно и вставить какое-нибудь тяжелое неповротное говно, которое ещё и сверстать нужно должным образом.
Но если проект большой, то эти 100 килобайт потом выльются в тонны лишнего трафика, что в свою очередь будет вытекать в миллионы серверных затрат.
К примеру барбершопа, login это radiobtn, первый label там, он отображает кнопку с корзиной, если он включен - модальное окно display:block, у модального окна крестик - второй label, которым можно выключить radiobtn и убрать модальное окно.
Сейчас смотрю и охуеваю с жс, на цсс легче же сделать, не?
На самом деле на джс таки проще. Если ты ньюфаг и знаешь только верстку, то естественно джс для тебя пока - черная магия, но это пока.
На JS появление модального окна реализуется в 3 строчки. Вызвал обработчик на кнопку - внутри обработчика одной командой сменил класс элементу.
В CSS нужно ебаться с наследованием кода. Трюк с чекнутым инпутом работает только в определенной последовательности разметки, когда один элемент идет после другого или нескольких. Это не всегда разумно, и еще менее очевидно для других. Получается лишний головняк и путаница, в CSS, когда на JS достаточно подготовить дополнительный класс, запихнуть модальное окно хоть под закрывающийся боди и одним обработчиком тогглить его состояние.
Котейка, или кто ты там блядь, что там сложного то в реализации открытия и закрытия? Там же все разжевано в видосе по js. Смотри, вникай. Как ты дальше разбираться будешь если это тяжко?
дваждую, на css можно, но будет какой-то непонятный говнокод
Все что можно сделать на цсс в плане графики и оформления - это лучше, чем навырезать пнгшек.
Ты не так понял короче.
Опять же html задает структуру, css отвечает за оформление, js для функционала.
По хорошему там и слайдер им не надо было учить делать на css.
Ого, да это же целая путаница и говнокод, а не пара селекторов вместо скрипта.
Путаница это непонятно как размещенные лэйблы подвязанные хуй знает где и в какой последовательности.
А две переменные и два обработчика, заметь, никак не влияющие на структуру разметки - это хорошо.
Переехал с сублайма на Visual Studio Code — есть под все платформы, бесплатный, поддерживается, легко подключить eslint, встроенная работа с гитом.
Что?
Зачем ты отстаиваешь эти ебанутые костыли? На JS это сделать действительно проще и логичнее.
Создание скрытых чекбоксов это костыли. За поведение страницы должен отвечать JS.
Бля, эту хуйню тоже сж? Нахуя они тогда дали это в базовом? Я через дельту верстал.
Все проще, блять. Не нужно создавать левого хтмл и css, например. Писать логику на чекбоксах, божечки.
Вот решение еще немного короче: http://jsbin.com/toqakasufu/edit?html,js,output
Можно даже написать var $ = document.querySelector.bind(document), будет еще меньше кода.
Эту хуйню делай как показали в базовом. С ней норм, она отвечает за оформление. Чистый html тоже вполне логичен и красив. Но блядь когда у тебя в чистом html вдруг вместо ссылки логина появляется чекбокс ни с того ни с сего, вот это уже далеко не круто
Да, чек боксы и радио кнопки, другие возможные вещи в форме стилизуешь как объясняли на интенсиве (через + или через ~)
Слайдер в принципе можешь пока что так тоже пилить как они рассказали. Но на том же продвинутом будешь уже делать слайдеры через js.
По задумке это сайт для какой-то игры для планшетов.
https://jsbin.com/hififanuge/edit?html,css,output
по-моему это пиздец. шрифты не читабельны. текст почему в кнопки не влазит? хуле СЕНД МЕСЕДЖ и АЙ АЦЕПТ не видно что это кнопка? слишком жирный ползунок прокрутки! расстояние между заголовком и обычным текстом в первом блоке схуяле одинаковое?
can i use
таки у самого идея появилась. под текст блок с линией засунуть. только как сделать чтобы все что накрыто блоком с текстом не было видно?
>все что можно сделать цсс - делать на цсс
имелась в виду всякая мелкая декоративная хуйня. допустим, у тебя иконка в цветном кружке. ты можешь эту иконку вырезать вместе с кружком, а можешь этот кружок сделать на цсс, так вот лучше на цсс.
все эти слайдеры и прочая шняга на цсс - говно. производят впечатление того, что пишущие их людишки не умеют в жаваскрипт и поэтому тупо ссут его юзать, ебаные жалкие ничтожества.
А как же кросс браузерность?
http://codepen.io/Okhre/pen/YwboeQ
ну как тебе сказать, я был контент-менеджер и копирайтер в одном лице, плюс делал всякие сеошные мелочи, ставил сео-плагины для вордпресса, заполнял всякую мета-хуйню, ключевики и т. д. контора была днищевая, поэтому меня тупо спросили, че я умею вообще делать. я ответил, что могу писать и рерайтить статейки и немного в хтмл, на уровне сверстать несложную страницу. этого хватило. хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать. так в целом надо было разбираться в разных цмс, немного обрабатывать изображения, чтобы все это говно не разваливалось нахуй и в целом выглядело пристойно. это все несложно освоить, но немного времени все же надо. по сути сайты, с которыми я возился, были дико говеные, и всем на них было похуй.
>>471740-кун
Нет такого уровня. Минимум знаний это все, что написано в шапке плюс JS/jQuery и хоть немного опыта с Ангуляром/Реактом. Тогда ты можешь претендовать на звание джуниора и получать свои законные 50-70к (в дс).
Благодарю, анон!!! Ближайшее время начну учиться.
что ты ожидал от аноны, который первый раз пробует БЭМ? Переделаю чуть попозже все.
margin 0 auto в связке с display:inline-block не работает.
есть всякие изъебы с display:inline-block плюс position:relative или absolute плюс left:50% плюс translateX(-50%).
обнаружил, что можно кнопке задать display:table и margin: 0 auto; и все работает заебись. кнопка с любым текстом всегда по центру, без всяких фикс. ширин. но чего-то тоже странно, я вообще никогда display:table не юзал.
а вы чем центруете обычно?
флексами
Минимальный каскад на небольших проектах по BEM не запрещен
Продвинутый смотришь 2 урок. Читаешь статью Громова и головокружительное погружение в БЭМ. Этого хватит. Еще от Яндекса кидал для ньюфань пару тредов назад.
HTML5
Кроме флекса еще можно так
display: inline-block
а у контейнера text-align: center;
http://jsbin.com/vevikenodi/edit?html,css,output
да, но опять же, теоретически у тебя в контейнере может быть что-то еще, кроме кнопки, и не всегда у этих элементов тоже будет text-align: center;
как вариант можно запилить отдельный контейнер для кнопки, лол.
да, ну или для кнопки, или для контента вокруг
http://jsbin.com/vevikenodi/edit?html,css,output
А может быть сделать div c width 100% и абсолютно спозиционировать текст, что бы он поверх был?
под текстом будет видно линию же. максимум кастыльный вариант придумал. саный нижний слой с з-индекс1 это линия, второй слой з-индекс2 с изначальным фоном без линии и третий слой уже текст с з-индекс 3. но если фон сложный то трудно будет.
https://jsfiddle.net/t2kvhrou/1/ — обратите внимание на .active
Как предлагаешь раскидать лейаут для такой страницы на флексах?
Три дива с флекс-флоу: коламн новрап?
Зачем последнему right? Всем left можно.
ну у тебя три колонки по 2 пикчи в каждой, эти колонки надо закинуть в контейнер, и ему задать флекс. пикчам задать 100% ширину и верхним какой-то маргин-боттом. че не так?
я автор вопроса. Придется тогда весь макет переделывать из-за флексбоксов. А как я описал ход действий не сойдет?
Сетку из 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 кодировке тоже ругается.
Ага, и походу я забыл прописать min-width
как же я завидую анонам, которые могут в адаптив. Я сел в лужу уже при верстке меню для мобильников. Не умею делать бутерброды и менюшку при клики на него. А бутстрапом не хочу пользоваться, так как от этого знаний не прибавится. Может я урок какой-то не скачал, где про это говорят или у меня старые уроки продвинутого, а в новом это объясняют?
Ну эт по сути мой первый макет адаптивный, тоже достаточно долго думал как сделать это меню - вводило в ступор.
Смотрел сам тот продвинутый, который в шапке.
За бутстрап толком не садился еще. Смотрел как-то один видос, но там парень наставил когда верстал кучу импортантов я охуел и подумал ну его нахер. Но все-таки думаю раскурочу его и попробую сам компилить и добавлять только нужное.
Долго и мучительно, лол.
В данном макете сделал его просто первым блоком, который изменяет высоту. На сворачивание/разворачивание влияет max-height (гуглил - нашел на СО вроде, что можно заанимировать таким образом высоту). Ну а с планшетами+ все просто - делаем из него флекс, меняем местами как по макету пункты - они отлично растягиваются (правда надо "лишний" пункт делать чтобы он посередке был и когда мы абсолютно спозиционируем лого - то оно встало на путое как раз место). Как сделать по-другому без этого "лишнего" пункта я хз.
Кнопки разворота и сворота просто ссылки с свгшками по клику изменяем max-height у меню.
В пинке же надо будет меню делать уже абсолютно спозиционированным вроде. сяду делать - будет ясно точно.
Ну и да, тебе никто не мешает с помощью инспектора попробовать понять в моем говнокоде как эта штука работает)
Нормально. Таким образом уйдешь от проблем со специфичностью и, возможно, от каскада.
было бы что рейтить
Ну я в своей Седоне сделал. Посчитал что важно ибо ретина не такая уж и редкость нынче, да и вектор (свг) явно получше растра.
Да и всетаки типа новые навыки, лвл ап, все дела
Ладно, попробую разобраться.
Просто я тут испугался СВГшек, хуй знает, как их лучше запихивать, инлайново или как бэкграунд. Еще и фоллбеки для всякие ишаков восьмых (на это я точно забью, лол, верстаю то на флексах).
Ты хоть читал, что такое динамическое построение страниц, или ты очередной дебил, которому просто покупарекать больше негде?
Зато тут никто не отрицает того, что ты тупой валенок, который не понимает о чем говорит.
Код не ковырял, но с виду вроде норм.
>хтмл очень пригодился, кстати, чем лучше в нем шаришь, тем проще будет работать
можешь сказать какие именно знания html тебе пригодились? На примерах.
>То чувство, когда дизайнер не только усложнил задачу техническому отделу, но и превратил работу контент-менеджера в ад.
http://codepen.io/nicothin/pen/xZoOWV
ебаный стыд, ты в газпром там штоле устраиваешься? ну пришлют тебе, допустим, вордовский файл с простыней текста, надо все раскидать в абзацы, там, заголовки, списки, таблицы сделать, че нужно выделить жирным или курсивом, прикрутить нужные размеры шрифта, вставить картинки и т. д. в разных цмс разные интерфейсы для всех этих дел, и я уже забыл подробности, но основы хтмл для работы со всем этим хламом точно не помешают.
Что было в макете, то и напилил.
Бамп вопросу
Мне нужно чтобы в первый ячейке была картинка, но из за нее Vertical-align: midle не выравнивает текст в этой ячейке по центру? Как сделать его посередине?
https://jsbin.com/wuveluyohi/edit?html,css,output
продвинутый интенсив - смотришь, вникаешь, делаешь
It depends...
>>473296
а как он выравняет, если у тебя картинка место занимает?
>>473295
попробуй прописать нижний бордер в 1 пиксель прозрачный
.item_name{
display: inline-block;
vertical-align: middle;
line-height: 1.25;
}
а его родителю line-height: 100px;
ну и max-width: 100px; или сколько там чтоб строки переновились
бля помогло но ахуенный прикол появился. Сперва я бордер красный поставил все проверил, потом поставил прозрачный. На пека все ок, на стандартном брауезере все ок, а мобильный хром один хуй красный бордер грузит, пиздец, как так?
и еще прикол в том что хром и стандартный браузер показывают разные версии адаптива, хотя ширина экрана одинаковая
Просто закешировалось наверное вот и не долшло до него сразу.
>>473310
А вот чтобы знать такое - надо базовый интенсив смотреть. Там про борьбу с выпаданиями маргинов рассказывали (что можно либо бордер делать, либо еще паддинг можно)
Странно, но ладно. Бордер если сработал уже хорошо
ну да, растягивает вниз так и должно быть
Знаю только, что можно класс прикрутить, на который повешен transition.
Ну вот я и привык говнокодить с жуквери, теперь даже не помню, что можно без него делать, что нет.
>>473313
Короче я если просто выкину картинку из потока и дам ей абсолютное позиционирование по верху родителя, насколько это будет нормально?
ну если текст под картинкой тебя устраивает, то вперед, так и не понял почему тебя не устроило мое решение проблемы.
Ну там можно паддингом его покрутить, чтобы не подлезал под картинку. Я сделал как ты написал, но текст так и не выровнялся.
ну хз, так оно при уменьшении разрешения куда-то совсем далеко вниз уходит.
Я просто еще в общих чертах понимаю, как там какой-нибудь toggleClass написан, но вот анимации вообще хз. Расковыряю его как-нибудь.
Там типок в интенсиве по жс говорил, мол с появлением querySelector начался закат jquery. А что на смену-то пришло?
querySelector, ES6, CSS-анимации
Сколько получаете в среднем за верстку макета? Есть разница в стоимость, если клиент попросит запилить какой-нибудь слайдер? Сколько времени тратите на заказ? Довольны тем, что делаете?
Еще лвл спалите
Ах да, поясните за препроцессоры css. Смысл их юзать, и юзаете ли их вы?
Каждый проект верстаете с нуля или есть какой-то универсальный шаблон?
Долго нужно вкатываться в адаптивность? Ну тепа шоб сайтик красиво смотрелся и на комплюктере, и на телефончике, и при этом не был кривой
препросы юзают все после того как попробуют, проект собирается по частям из бывших наработок по максимуму, остальное доделывается. Чтоб вкатится в адаптив надо вкатится во всю верстку, месяца 3 наверно хватит на все
я знаю, что надо сделать gh-pages, но я кроме как залить макет на гитхаб нихуя не умею, а гугл молчит. Может кто сделает гайд специально для таких слоупоков вроде меня? Желательно для Github Desktop
https://pages.github.com/ если смотреть тут для винды туториал, то после того как заливаю макет на гитхаб. Нажимал потом в приложение "create new branch" ---> даю имя , и не знаю что дальше. Может вообще не так делаю.
нет, так как про это вроде нет в туториале. Даже и не знал, что такое надо. Создал в приложение новую ветку, зашел на гитхаб и сделал ее по умолчанию. Я все верно делаю?
Надо. Ветки на гитхабе не имеет никакого отношения к веткам в твоем локальном репозитории. Теперь тебе нужно запушить свою ветку с сайтом в гитхабовскую gh-pages.
имеется ввиду для не работающих пацанов, которые не в первый раз видят компьютер.
А у вас как с этим? Задрачиваете внешний вид, или кладете хуй?
конечно круто, но я еще не все понимаю в гитхабе. Запушить я так понимаю это значит "pull request"? Но у меня вот такая проблема, как на снимке. Что-то подсказывает, что я должен куда-то залить свой макет чтобы он появился там, но не могу найти куда.
Нет pull request это совсем другое.
Я мало что понимаю на твоем скрине, потому что пользуюсь гитом через консоль и у меня не винда.
Твой проект он вообще храниться в гите? Ты работал с ним до этого? В папке с проектом должна быть скрытая папка .git.
Да, на всякий случай. Ты понимаешь, что git и GitHub это РАЗНЫЕ вещи. Первое — это система контроля версий, а второе это сайт, где хранятся репозитории с няшным интерфейсом. И прежде чем разбираться с гитхабом нужно разобраться с гитом.
мои проекты лежат в папке GitHub, а эта папка лежит в вроде как в облаке винды. Работать им начал 12 дней назад. В папках моих проектов, лежат только файлы моих макетов. Скорее всего гит скрыт. Говорил же умею только тупо залить на гитхаб макеты и все.
Что значит скорее всего? Включи отображение скрытых файлов и проверь. Или зайди в папку с проектом из консоли (cmd) и набери git status.
http://learn.javascript.ru/ebook
эти книги (за 900р)? Там будет jQuery?
Его книга на рутрекере есть. А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
Так, чтобы залить ветку на гитхаб нужно сделать git push %remote_name% %branch_name% (либо просто git push, если remote_name = origin, а название ветки такое же как и у локальной).
А вообще, поддвачну я этого >>473652
Почитай книгу по гиту на git-scm.ru
Можно освоить гит за час. Но если решишь выделить 2 дня, то выучишь его досконально.
Ок, значит тебе нужно найти в интерфейсе этой еболы управление удаленными репозиториями. Скорее всего репозиторий гитхаба там называется origin. И сменить там ветку с master на gh-pages.
Алсо, можно на гитхабе можно вообще удалить ветку master и поставить gh-pages по умолчанию. Тогда (по идее, кхе-кхе) все должно пушиться сразу в нее.
>Его книга на рутрекере есть.
Обновлённая? Мне не жалко денег.
>А по джиквери есть методичка антона швецова или как -то так, и вообще тонна материала в интернете
Про материал в интернете я в курсе, но мне казалось, что он и тут будет. Как-никак, некоторая инфа по jQuery у него на самом сайте есть.
Видос продвинутого, допы к нему + там в чате громов кидал ссыку на статью чувака которая про вставку спрайтов. Можешь еще в бложек Громова заглянуть там тоже про свг спрайты
Ты чё вообще несёшь? Вы тут со своей вёрсткой совсем поехали?
git checkout -b gh-pages; git push;
или git remote -v (глянуть адрес своего репа)
git push %remote_name% gh-pages
И всё.
Двачую
Есть читалка, могу закачать туда все книги и читать в пробке/на парах.
А вдруг у него несколько удалённых репов. Я не только на сейчас, но и на будущее подсказал. А вообще, я бы ему советовал идти на git-scm.ru и учить команды гита.
Ну так то да. Можно еще быстренько на кодскул и кодкедеми, если там читать лень
некропост, конечно, но блядь, эти мудаки только меняют картинки при скролле. просто мерседес сфотан дохуя раз по кругу, после чего это огромное количество картинок добавлено в слайдер. пиздец, маразм это.
олсо, как-то мне предлагали сделать подобное. просили сделать круговой стенд, на котором будет крутиться модель девушки, при клике на одежду которой будет показываться вся инфа об одежде, включая цену. заказчик хотел сделать это быстро и бесплатно. закономерно был послан нахуй, настолько же быстро и бесплатно.
не парься, учусь уже больше 2 лет, js за полгода только нормально усвоил, и то многое не могу. при том, что последние 8 месяцев сижу дома на жеппке, не вылезая из компа, задрочу верстку настолько часто, что во сне продумываю решение некоторых нюансов макета. один раз даже, проснувшись ночью, попытался объяснить своей собаке различие между display: block и display: inline-block. при всем этом до сих пор нормально не попытался влиться во flex-box'ы, но уже успел послать на хуй jquery, как бесполезную либу, пишу теперь на нативном.
>>473461
>>473662
не вкатывайся, ты тут на хуй никому не сдался, а учиться тебе придется минимум год, чтобы нормально верстать и получать деньги за верстку. ну и получать за верстку на фрилансе ты будешь примерно 1000-3000 за заказ, а это от 2 до 5 дней работы. + часто заказчики кидают, просят переделать, отменяют заказы и прочее + конкуренция пиздец высокая. короче, сейчас уже поздно в верстку вкатываться, слишком много технологий, много демпингующей школоты на фрилансе и выебистых беков в офисе.
>>471505
все очень просто, радиобаттоны сделаны для форм, применение их вне форм невалидно. если ты этого не понимаешь или не хочешь понимать, лучше больше не верстать.
олсо, скрипт на радиокнопках может неправильно отображаться в старых браузерах. с js таких проблем нет.
ну и просто на css очень легко запутаться с таким-то каскадом. и id-шников на странице получится слишком много, когда они практически не нужны.
Ебать ты слоупок. Он рассчитан на месяц, с готовыми видео можно уложиться в 2-3 недели.
>учусь уже больше 2 лет
>до сих пор нормально не попытался влиться во flex-box
Боже, с какими даунами сижу в одном треде.
>уже успел послать на хуй jquery, как бесполезную либу
Проиграл с дауна. У jquery есть свои задачи, под них она подходит, под остальные не подходит. Это не значит, что она плохая.
В чём суть?
То, что пользователь выделяет курсором - становится чёрным? Этого легко делается на ЖС (объекты range и selection) и выглядеть должно неплохо. Не понял, зачем они каждое слово в отдельный спан завернули, правда.
ну, я уже успел поработать верстаком в паре студий, свалить оттуда и сейчас потихоньку фриланшу, подыскивая себе новую работку в дс. некоторое время писал на ангуляре, писал на jade, stylus, less, собирал всю эту муть галпом. юзал bem-tools и enb. ебался с вордпрессом и yii.
до сих пор учусь потому, что данная специальность, мань, подразумевает постоянное обучение ввиду быстрого развития веба в целом.
flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками. могу, конечно на нем строить сетки, но не вижу смысла ближайшие года 3.
и про jquery. нахера мне тянуть такую тяжелую библиотеку, если я могу подрубить shim, который легче, и писать на нативном js, благо, есть es5. jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров. а jquery ui вообще не нужна, с его возможностью справляется тот же bootstrap, да и самому достаточно просто написать на нативе.
удивляюсь таким унтеркам, как ты, вам лишь бы унизить кого-нибудь, попытавшись за его счет выставить себя в лучшем свете.
inb4: уймись, мелкобуквенный.
Флексбокс поддерживается начиная с IE 10. Зачем поддерживать старое говно, если заказчик специально этого не просит?
потому что практически всегда в проектах требуется поддержка IE 9, который до сих пор не сильно старое говно. это не только заскок моих работодателей, но и большинства студий ДС. а в мухосранях еще и IE 8 требуется поддерживать. ну и в IE поддержка частичная. никогда не знаешь, как себя в нем поведет флекс-бокс.
На моей памяти за ~8 месяцев, что я фрилансю верстальщиком и jquery разработчиком только 1 или 2 раза просили поддержку старых ослов. Я обычно спрашивал, могу ли применять флексы, показывал ссылку на caniuse и объяснял. Сходились с заказчиками на том, что могу, если контент на осле будет виден и доступен. Небольшой css файл с фоллбеками к простейшей блочной вёрстке, подключенный через условный комментарий в html решает проблему.
везет тебе, один мой заказчик даже требовал поддержку IE 7, пока я не объяснил, что никто не поддерживает IE 7, и это будет стоить ему дороже. сошлись на IE 8, пришлось уголки у закругленных кнопок вырезать. было это примерно полгода назад.
>flex-box ебал в рот, потому что он нихуя нормально не поддерживается теми же ишачками
> jquery все быстрее уходит в небытие, ведь создавалась она для поддержки стареньких браузеров
Лол.
jquery - IE 8 и ниже. IE-8 уже не нужен.
flex-box неадекватно поддерживается даже IE 11, а в IE 9 и ниже уже не работает. IE 9 еще нужен.
да, fl.ru, к примеру. на upwork очкую переваливаться.
Делать сайты/шаблоны (включая дизайн) != верстать сайты/шаблоны.
Какая наху разница в каком стиле дизайн ты просто сидишь и верстаешь.
И блядь вокруг просто дохуя людей которые это не понимают.
Даже иногда в описаниях по тегу верстка попадпется: разработать сайт компании, придумать уникальный дизайн...
ананасики, очень удивился, что есть интенсивы по html-academy, но нет интенсивов от кантора. решил исправить это упущение, ловите его курсы за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974903
Это курсы того чувака ,который написал learn.javascript.ru и javascript.ru
йобаный в рот, как же этот пидорас мямлит, нихуя же непонятно
О, круто, а то я только за 2013 видел гдето
И что же там неадекватного в IE 10-11?
Полная хуйня. Слепил на флексах дохуя сайтов, из всего этого списка столкнулся только с невозможностью задать флекс филдсету. Так что сходи нахуй. Ничего критичного или даже более менее влиятельного на рабочие процесс там нет.
Двач, нормальная ли зарплата в 125рублей/ час , работая верстальщиком в конторе, сам студент, второй курс
он установлен еще с базового интенсива у меня. Я пишу туда "Sass build", он ничего не показывает. Пытаюсь еще что-нибудь найти и снова ничего.
Есть тут аноны, которые ставили синтаксис на сасс в саблайме? А то надоело писать в scss
все я разобрался.
ну я как-то на заводе 85 получал.
Однако есть вопрос, не слетит ли мне чего еще помимо ИЕ, если я его удалю, а затем установлю новую версию? Безопасно ли это? Не хотелось бы потом из-за критичных багов в реестре лишний раз страдать.
На диване может ты что-то и слепил, но на деле вряд ли.
90% багов в списке решаются заданием дополнительного правила или внесением минимальных изменений в хтмл.
Верстал CRM с охуиллиардом вложенных друг в друга флексбоксов, ни с чем из этого не сталкивался.
> минимальных изменений в хтмл
Манька, плиз. Уверен, что ты там полную хуйню наверстал, с 100500 лишних флекс оберток.
Ну пока что я вижу только твое беспруфное кукареканье и "уверенность" в том что все вокруг долбоебы, один ты верстальщик от бога. На самом деле ты ужасно заблуждаешся.
мимо-ОП
>верстальщик от бога
Сорри, я этим говном не занимаюсь уже месяцев 6.
>беспруфное кукареканье
Я как раз таки пруфанул, что есть баги в ие11, а такие тупые пидорахи как ты, только и умеют, что с дивана выщать про тысячи сверстанных на флексах макетов. Нахуй идите, маньки.
>такие тупые пидорахи как ты
Сказала обезъяна, за 2 года не осилившая флексы и джс на рабочем уровне.
И кто здесь пидораха то, если ты дебил, до сих пор не додумался настроить рабочую систему фолбеков. Вместо того чтобы поддерживать новые фишки и двигать вперед веб ноешь о том, что в ИЕ 11 видите ли есть баги правящийся одной сторокой или отказом от применения одного из свойств, даже не целого свойства, а одного из его значений. Топ кек блять.
Сука, ну ты точно тупорылая свинья, тебя хоть рожей в говно ткни, всё равно не поймешь нихуя.
>за 2 года не осилившая флексы и джс на рабочем уровне.
Ебанашка, иди дальше верстай за копейки, лол, а я буду православным фронтом заниматься.
разобрался, опять на хуйне попался. .main_header__navlist li:first-child a{} А до этого искал детей у ссылки.
если у тебя в контейнере, скажем, два блока, то нужно задавать процентную ширину обоим. иначе блок без процента при сужении может сплющить нахуй процентный. еще надо не забывать про штуки типа флекс-шринк и флекс-гроу, но тут уже надо смотреть по ситуации.
Это похуй, мне надо процентные паддинги и марджины между ними, они нихуя не от корня считаются. Флексы заебись, но порой делать их геморойнее, чем классические флоаты.
странно. маргины вертикальные штоле? если вертикальные, то их у флекс-айтемов не предусмотрено, лол.
горизонтальные. Там как бы ряд li, а в каждой li-a, <a> это флекс с вертикальным центр выравниванием. И вот тут какое-то мясо пиздец. Надо задать отступы между li в %, а он их считает от них самих, а они разной ширины. Анал какой-то
В макдоналдсе такая же в моем мухосранске.
что за игорь/фильм на пике?
http://codepen.io/anon/pen/XXLxYP
только прощелкай правой по элементам, а то отступы вообще не появляются, хах, лол. Кароче паддинг по бокам 10%, в инспекторе в пересчете на px получается какое-то неведомое говно в вакуме.
ну правильно, 10% паддинга у ссылки считаются от лишки, т. е. от непосредственного родителя. а ты от чего думал они должны считаться? от списка штоле?
Спасибо, анончик.
А там как, более подробно рассказано, чем в учебнике? Есть смысл смотреть после него?
Ещё было бы круто его курс по ангуляру, тогда было бы вообще всё шоколаде.
Какой такой лишки? Так же непонятно почему ширина <a> меньше чем контент внутри, там последняя буква вообще на паддинг залазит, хотя ничего не ужимает эти блоки.
ебать ты долбоеб... тебе совсем разные разные аноны пишут
ага, понял, спс. Только вот это крайне хуево, что у непосредственного родителя % берется. Мне надо отступы в% относительно ширины всей страницы, а тут они завязаны на ширине контента( a>li)
первый день учу, лол.
>до сих пор не додумался настроить рабочую систему фолбеков
ну долбоеб. то есть, я теперь должен тянуть дополнительные стили, чтобы в IE тоже все норм было, только ради flex-box'ов? не проще ли сразу верстать так, чтобы нихуя не ломалось, вместо того, чтобы костылить под IE?
ну извините бля, это тебе не rem.
попробуй тогда погугли про vw и vh, может, сработает как надо, если тебе прямо горит здесь заюзать процент.
а кстати, и rem работает, хули это я.
В этом весь прогресс чувак. Всегда будут появляться новые фишки, которые поддерживаются далеко не везде, вернее, поначалу почти негде. А долг разработчиков их тестить и внедрять, чтобы создатели могли внести правки, доработать свое детище и т.д. Только так и делается прогресс. Те фишки которые разработчики не поддерживают так и не реализуют в полной мере, о них просто забывают, тимы разработчиков на браузерной стороне видят что поддержка хуевая и тоже не реализовывают ее. Вот и все.
Если бы разработчики постоянно забивали на новые штуки потому что у них видители поддержка хуевая, то мы бы до сих пор нарезали картинки за закругления углов.
ты неправильно мыслишь. тот же border-radius внедрили потому, что ВСЕ нарезали картинки для закругления углов, а не потому, что все его использовали.
исходя из твоей точки зрения, можно положить болт на определенный процент пользователей только из-за того, что они используют браузер, который не устраивает тебя, ведь в нем не поддерживается свойство, без которого можно прекрасно верстать, не используя фоллбеки.
такое отношение к пользователю - прямой путь в говноверстальщики, так как настоящий профессионал всегда проверяет свои сайты в различных браузерах и верстает так, чтобы его верстка нигде не ломалась. таких же анонов, которым похуй на сотни тысяч пользователей, которые остались без возможного доступа к их сайту из-за проблем верстки, не возьмут в приличную компанию на должность верстальщика. ведь никому не нужны говнари, которые требуют, чтобы все подстраивались под них. всем нужны профессионалы.
Не веришь мне, пойди да пересмотри интенсив от хтмл академи. Если не ошибаюсь лекцию Симоненка. Он там как раз про это поясняет.
>всем нужны профессионалы
Профессионалы как раз стараются внедрять в свое проекты что-то новое и вовсю следят за новинками. Не боятся писать фоллбеки, внедрять полифилы, етц.
Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки. Все что ниже, если оговорено с заказчиком, оставляем как есть либо доделываем до хоть какого-то уровня, но не более того.
>Тот же подход Progressive Enhancement, так сильно щас популярный, что предполагает? А он предполагает, что сначала делаем охуенно с нормальными браузерами, потом фолбечим на старье до уровня требуемой поддержки
Чет больше на graceful degradation похоже.
Да он тупой даун, наслышался умных слов и с дивана вещает.
Начнем с того, что верстать на флоатах в раза 2 дольше и раза в 3 геморойней. Особенно в плане адаптивности. Про дальнейшую поддержку вообще молчу.
Я своим заказчикам, когда всю эту ерунду обсуждаем, сразу говорю, что мол, с ИЕ 10+ одна цена. Нужны ослики постарше - другая, ощутимо выше. Опять же, если сойдемся на всяких костылях - тогда немного дешевле.
Тут еще во какая хуйня есть. Заказчик, он ведь этот сайт держит постоянно. Ему надо его поддерживать в дальнейшем, модернизировать, расширять. Через год те же флексы станут вообще мастхев. У них щас то поддержка на уровне 95%, дальше - больше.
И что ему делать тогда? Захочет внедрить новые ништяки или перейти на новые техи - извольте, надо жестко рефакторить код, а по сути, здоровый такой кусок тупо переписывать. Это стоит денег, времени уходит много... Не захочет - будет переплачивать школьникам, потому что каждая ебучая фича типа вертикальной центровки - это гемор, а на флексах она делается в три строчки.
мимо
Не соглашусь. В некоторых ситуациях флоатами все сделать можно гораздо быстрее и проще, особенно если адаптивное перестроение не сложное. Я к тому, что надо всегда смотреть по ситуации, и не пытаться выебываться засовывая флекс в каждую дырку.
>верстать на флоатах в раза 2 дольше и раза в 3 геморойней
Это не так. Ими верстать очень просто и адаптивность с флоатной сеткой делать тоже просто.
Пример, пожалуйста.
Флоат изобретен для обтекания картинок текстом и должен использоваться для этого.
Ну должен, и что теперь, под ишака таблицами верстать?
Ну так сложно прикинуть, что бы я не написал, ты опровергнешь, ибо это можно сделать и на флексе, но мне удобнее зачастую заюзать флоат, как раз в ситуации похожей на обтекание. Особенно когда колонки всего две допустим. Я конечно допускаю, что мой уровень флексов не идеален, и в дальнейшем я возможно буду сам себя шкварить, но порой с этими течениями влом замарачиваться.
>>474577
Окей, давайте поиграем с вами в игру.
Вот есть простенькая разметочка фичерс блока на три колоночки. Адаптивная. Я слепил ее на флексах особо не задумываясь.
http://codepen.io/Ykro314/pen/JGQxNm
Реализуйте то же самое поведение на флоатах. Затем глянем, что удобнее, где меньше кода, что проще в будущем поддерживать ...
отклеилось
На флексах нельзя флекс-айтему задать вертикальный отступ в процентах. Иногда нужная вещь.
ну на, на расчет процентов можешь не смотреть, препроц по формулам считать будет.
http://codepen.io/anon/pen/LGKqdv
Я же просил реализовать поведение бро, на флоатах.
Флоатов я там не увидел.
Зато увидел отсутствие адаптива на разрешениях ниже примено 450px.
А еще там отчего-то есть горизонтальный скролл, видимо конфликтует ширина и марджины последнего элемента.
я на скорую руку примерно наебашил, я ниче против флексов не имею, просто варианты есть всегда. А на счет 450 просто дописать одно медиа еще.
Можно, просто проценты будут браться по направлению flex-direction. Но ты и в нормальном css не сделаешь без хаков, чтобы высота бралась как процент от ширины.
Ничего против не имею. Тут просто речь зашла об удобстве.
В нем и фишка флексов. Вместо того чтобы писать лишние правила, медиавыражения, лишнюю разметку, распорки какие-то, берем несколько свойств, предельно понятных и делаем красивый лаконичный адаптивный дизайн.
>Можно
Бля, покажи штоле.
https://jsfiddle.net/hjz0ob6h/1/
Хочу тут маргин-боттом в процентах, а в лисе хуиньки.
Ого, интересное поведение. Беглый гуглинг показал, что лиса ведет себя правильно, а в вебките баг: http://stackoverflow.com/questions/26980916/firefox-ignores-vertical-margins-on-flex-items-children-of-a-flexbox-unless-ex
>интересное поведение
Лол, интересно, охуеть.
Рад, что пошатнул твои мировоззренческие устои относительно флексов.
Посмотри разделы jobs / careers на сайтах amazon, google, uber, microsoft, airbnb, booking, apple, facebook, linkedin и так далее. Под требования подходишь — можешь отправлять заявку и попасть на собеседование.
Знание бутстрапа, ксс3, хтмл и джс. Охуеть требования
никому не нужен зеленый стажер, который будет верстать как попало и требовать за это деньги. тем более, туда пока никто не нужен.
мимо
Ну ты же тян, иди дизайнером. Тем более что девочка-дизайнер с представлением верстки это гуд -не будет всякую дичь малевать трудноверстабельную, нормально организовывать psd-шник, векторизировать и предоставлять графику (где это нужно), если адаптив-респонсив до делать 3 версии макета, а не блядь только для десктопа.... Короче будет почет и уважение, как минимум от технолога
Писать "Я знаю что вам никто не требуется, но есть ли возможность пройти стажировку/практику у вас? Я хуй 24летний, опыта нет, многого не знаю, но готов впитывать как губка." А что говорить на счет денег? Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.
>>474991
Потому что я спрашиваю советов на двачике?
>>475003
Я не тян, это же устойчивое выражение просто.
асечку-писечку!
Здравсвуйте.
Прошу Вас рассмотреть мою кандидатуру в Вашей компании на вакансию ________.
Резюме: ________________________
Примеры работ и кода.
GitHub: ______________________
Буду также признателен, если Вы сохраните мое резюме на случай появления новых вакансий.
Спасибо.
>Мне много не надо, но и нахуй я там такой нужен - меня учат, еще и платят.
вот поэтому ты там в хуй никому не уперся. можешь попроситься на неоплачиваемую стажировку, тогда есть шанс, что возьмут, хоть и очень низкий, никому не нужен новичок, на которого приходится тратить время.
этому 2 чаю. даже сохраню шаблон.
Флексы норм, в w3c просто пидорасы сидят.
Ну ахуеть, один узкий юзкейс в пользу применения чего-то отличного от флексов, да и то только в крайних случаях, и более чем дохуя кейсов для использования флексов.
Хмммм... Вот я даже не знаю, стоит ли их юзать. Ведь я не смогу задать вертикальный марджин в процентах, а это ведь куда вежнее всех тех плюшек что он дает.
ну охуеть, на официальной постоянной работе в студии тебя тот же тестировщик потом так выебет за то, что в IE плохо рендерится верстка или ломается что-нибудь в Chrome, что ты про эти флекс-боксы на ближайший год забудешь, еще и сидеть полгода не сможешь.
В студии, если это конечно это студия с профессионалами, а не ваньками верстающими сайтики торгашам с местного рынка, всегда сначала обсуждают допустимые технологии, поддержку, фичи, пути реализации, архитектуру и т.д. и только потом приступают к работе.
Вот сейчавс базовый прохожу и думаю о том, чтобы преимущественно в процентах задавать размеры, разве не?
Если не особо социофоб, то попробуй зайди туда, попизди с местными, скажи так мол и так, довайти вам за яду поработаю, потом денег будете платить много.
Думаю потому что он сложнее для восприятия, да и фиксированная еще не отжила своё. Еще долго всё это будет.
зря так о себе
Слишком слоожннаа, сложна бляять
Ты же понимаешь, что пиксели на мобильных устройствах не имеет ничего общего с физическими пикселями?
Задавать все отступы в процентах супернеудобно. У тебя паддинг на кнопке будет зависеть от того, что на ней написано. Поддерживать равные отступы в разных контейнерах очень частый кейс.
Паддинг от ширины родителя будет зависеть, конечно.
У меня вообще почти один в один в css выходит. Чуть вложенность и переменных штук 5, всё!
Что значит не занят? Сайт должен называться username.github.io, где username это твое имя, а не чье-то еще. И что значит не прокатывает? Заливаешь в gh-pages и все прокатывает.
Ты просто еще не познал всю прелесть вложений, импортов, амперсенда и прочих крутых штук. А ведь это только основы.
погоди, есть у меня локальный репозит. Мне его просто git push gh-pages сувать? Там ветку не надо переключать?
Возможно, я понимаю что это круто. Просто наверное нужно время, в голове начинает образовываться каша.
бля это все понятно. Непонятен принцип. Я вот толкаю, а там хуй тебе, ошибка. Принцип какой. Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту? где фигурирует название проекта, если все толкается тупо на гх-пэйдж. гх-пэйдж это что за репозит? Он автоматом создан и не отображается на сайте в репозитах?
>Я вот толкаю, а там хуй тебе, ошибка
Какая?
>Надо создать локальный репозит или можно толкать уже подцепленный к удаленному репозиту?
ЧТОА? Не надо создавать новых репозиториев, если уже есть подцепленный. Нужно создать новую ветку gh-pages в том же репозитории. Ветка по умолчанию называется master.
>где фигурирует название проекта, если все толкается тупо на гх-пэйдж
Название репозитория на гитхабе и есть название проекта.
>гх-пэйдж это что за репозит
Это ветка, которая может быть создана в любом репозитории на гитхабе.
Блядь у них главный манул сделан как-будто специально, чтоб никто не понял как несколько страниц публиковать. Спасибо анон.
ну для фронтендера разработка UI обычная работа. Ну чтоб понмал какие кнопочки за какой функционал отвечали, чтоб все было интуитивно понятно и тд
Это копия, сохраненная 26 марта 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.