Что обычно из бутстрапа в проект берут? Сетку и всякие менюшки? Это сделано для того, чтобы не писать велосипеды для адаптивности?
сетку, слайдер
Можно сделать, чтобы gulp watch не прерывал выполнение при ошибке?
Напоминаю, что в Новосибирске ищется начинающий фронтэнд. Знать надо по минимуму: HTML5/CSS3, Bootstrap, JS, jQuery. Не страшно, если знания не очень глубокие, главное, чтобы общее представление имел и обучаемый был это самое главное.
https://www.youtube.com/watch?v=mpogBDTNrQY
Пиздец, как это верстать?
Пиздец, как это верстать?
Какая няшечка.
Ты же верстку макета смотришь, а не верстку сайта по макету.
Спасибо, кэп. Допустим, этот макет попадёт тебе на фрилансе я понимаю, что вероятность стремится к нулю, что с ним делать-то?
Картинками, фиксировано и пиксель перфект
Верстать. Чем он сложнее барбершопа?
Мой внутренний любитель запихнуть CSS туда, где можно обойтись картинкой, негодует от такой хуйни.
Неочевидным на первый взгляд лэйаутом (как это по-русски будет?).
Установить gulp 4.0, в котором эта фича изкоробки.
ХЫЫЫЫЫЫЫЫ. А как ты css-ом сделаешь например аналог фотки дома или животного или человека? Не говоря уже о фонах.
Ты не понел. Там ясен пень, что картинки будут, но в том макете дофига теней, overlay'ев (тоже забыл слово) и прочих красивостей, которые в css или невозможно перенести, или геморно.
Почему это в css нельзя перенести тени? А? А? А?
Что нельзя на цсс, делаешь картинкой, ничего плохо в этом нет, какой макет, такая и верстка
Каков поп, таков и приход.
А. Лебедев.
Потому что в css отсутствует дофига опций, которые есть в ФШ. Угол тени, blend mode и т.д.
Но тени в css все же есть.
Так-то да, ты прав.
Ща подумал, как фиксированный сайт будет смотреться на экранах, больших, чем размер макета?
Но выглядеть они будут не так, как задумано, ёпта.
Как вконтакте, фейсбук. Больше заданных размеров занимать не станет
Значит дизайнер тупой. С нас то какой спрос?
Там одноцветный фон, и если по бокам добавится свободное место, то внешний вид не пострадает.
Здесь же изображение. Допустим, я его выдрал, поставим фоном в body, дал ему (body) width 100%.
На целевом разрешении пиксель перфект, все заебца, на экране побольше изображение растягивается, сохраняя размер пропорционально, и вот уже текст не на своем месте относительно фона.
Дизайнер мне дохуя нравится, я осваиваю дизайн сейчас, чтобы стать фулл-стак макакой, и люто дрочу на его работы.
>С нас то какой спрос?
Ты из тех кто наотъебись делает работу, я так понял?
Нет. Я просто не рву себе волосы на жопе из-за того, что накосячил дизайнер, который не знает, что можно сделать в рамках верстки, а что нет.
И уж тем более я никогда не буду верстать мудовый дизайн точно так, как это задумал дизайнер-мудак.
Такие, как ты, наполняют мой веб mediocre сайтами.
На фоновой картинке не должно быть текста, текст только в хтмле, если будет выполнять это условие то в фиксированном макете текст не пострадает при увеличении разрешения.
Перфекционизм до неврозов доводит и нервных тиков. Мне мои нервы дороже, чем "сделать в точь-точь как в макете, даже если его сделала аутсорс-макака с нулевыми знаниями о верстке".
Как раз наоборот, если бы текст был на фоне, то он бы растягивался вместе с фоном.
А так не вижу иного выхода, кроме как ебаться с процентными маржинами.
Сомневаюсь, что невроз может случиться от того, что ты пораскинешь мозгами на час-второй дольше и придумаешь, как воплотить это в жизнь.
О-о-о-о... Я говорил тебе, что такое перфекционизм?
Удел элитных макак с горящими глазами и сердцем.
https://www.youtube.com/watch?v=6zaT_KEoReA
Вынужден согласиться, что в вёрстке этот бурят нихуя не понимает. Но всё же макеты у него - загляденье.
Вынужден согласиться, что в вёрстке этот бурят нихуя не понимает. Но всё же макеты у него - загляденье.
Ну сразу видно - со всех работ его выгнали, выдали "волчий билет", вот он теперь и льет видео на ютуб.
Пацаны выручайте, как эту хуету сделать, чтобы она резиновая была?
Как раз на днях ебался.
http://black-owling.github.io/myProjects/jons%20site/index.html
Смотри пятиугольные заголовки в списке пакетов.
Вкратце - делаешь before и after,
before даешь transform: skew(20deg) rotate(20deg), а after - skew(-20deg) rotate(-20deg) (значения углов приблизительны, подбирай под свой случай), после чего позиционируешь.
> в Новосибирске ищется начинающий фронтэнд
откуда инфа? Я с Новосиба, как раз начал ходить по собесам.
[email protected]
Этож сколько ебли с его макетом будет.
Как сделать полный скрин страницы, а не только вьюпорта?
Чем сейчас делают сложную анимацию? По заданию вокруг центрального лого должна всякая хуйня крутиться и пульсировать. Флеш, я так понимаю, остался в прошлом тысячелетии?
css - анимации
Есть по ним туториал для макак?
Гуглится епта.
Когда я задал список вида ul>li*5>a, и надо обозначить элемент, я должен задавать класс "item__active" у a или у li?
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
Алсо, нужен ли AdobeRGB для веб-дизайна или наоборот все в максимально стандартном хуярить?
2 недели.
На 2 недели неудобно?
Возврат товара. Тока будь осторожен.
Хуй, это теперь технически сложный товар, уже даже клавиатуры с мышками не вернуть.
Анончики, стоит ли покупать подписку на HtmlAcademy? Кто-нибудь проходил полный курс, годно вообще?
300 рэ - не так много. Хотя я сначала прошел все бесплатные курсы.
Обязательно верстать по PE? Больше нравится верстать постепенно, продумывая сразу все от шапки до футера и одновременно все стилизуя и строя сетку.
>РЕ
Что это?
Разве для 4к мониторов физический пиксель = логическому пикселю? Я думал там то же, что и с мобильниками с высоким PPI.
>стоит ли покупать подписку на HtmlAcademy?
В шапке есть скриншоты платных заданий, если сможешь в теорию - нет
Мне в прошлом треде сказали переходить на просмотр интенсивов.
Глянул скрины, можно впринципе пройти теорию до конца, там и анимация есть.
Ну просто подумал стоит ли даже 300р отдавать или нет.
Видел, но просто в там и теорию годно рассказывают вроде, поэтому и спрашиваю.
Теория на скринах вся, но практиковаться придется в песочнице самому без пиксельперфекта.
Я вот сижу на работе и че-то ситуация такая жопная, что даже 300р лишних нет. Нахуй так работать вообще?
Progressive enchancment
Как называют папку, в которой хранят jade/pug - компоненты?
Блин, похоже придется подписку брать, анон с вк советует этого Кексби проходить для ньюфагов.
Я тоже возьму, 300р можно себе позволить.
3 дня нуфаг
Эээ, ребят, мне че теперь, придется все в Jade-синтаксе писать?
Я хотел только инлудить общие компоненты на страницу, а этот синтаксис мне вообще не очень нравится.
Я хотел только инлудить общие компоненты на страницу, а этот синтаксис мне вообще не очень нравится.
юзай gulp-file-include, хули ты мозги ебешь.
Аааа, мне аноны в прошлом треде сказали не выебываться и юзать pug/jade...
Он тоже что-то подобное делает? Просто в месте, куда я иду, ангуляр.
Ну Ангуляр значит. Они оба включают в себя шаблонизаторы.
Ну охуеть теперь, все куда-то идут, а я css обмазываюсь.
Бля, я ваши треды читаю и пугаюсь, ангуляры, галпы, консоли какие-то. Этому всему, надеюсь, учат на продвинутых курсах?
Ньюфаг
Ньюфаг
Сколько уже дрочишь анон? Сколько по времени до собесов прошло?
Чуть меньше года, потому что помню как прошлым летом (в июле-августе) сел за JS, еще не зная даже верстку.
Занимался довольно медленно, но методично. Были перерывы иногда на неделю-две, потому что параллельно учился на 4 курсе.
Сейчас выясняется, что я толком нихуя не знаю, сходил на два собеса. В одном месте "мы вам перезвоним", таки не перезвонили, но отправили на мыло письмо, что взяли кого-то другого. В другом взяли только на стажировку.
Такие дела.
На продвинутом не очень учат. Во-первых там этот Громов, нить речи которого я теряю через 5-10 минут (внимание тупо уходит в сторону куда-то), поэтому приходится переслушивать его по 10 раз, а это отнимает кучу времени.
Во-вторых, то что объясняет про препроцессоры в принципе бесполезно без практики, а практику можно получить и тупо читая доки и делая то же самое.
В-третьих, там тебе дают grunt, который несколько хуже чем gulp, то есть всю эту серию можно заменить тем видосом от webdesign masters, который мне кидали в прошлом треде.
Ну и про JS там так объясняют, что после той серии я так ничего и не запомнил, то есть надо сейчас снова смотреть.
>там тебе дают grunt, который несколько хуже чем gulp
самое смешное то, что как-то в одном подкасте речь зашла о гранте и симоненко сказал что-то типа "бля, ребят, ну никто же сегодня не использует грант, да?". сраные лицемеры.
Это в каком-таком подкасте?
ЧЯДНТ?
Ах да - еще на продвинутом хуесосят jquery, а бутстрап показывают за пол часа. Так что польза от него вдвойне сомнительна (хотя про адаптив и графику более-менее поясняют).
привет на 000webhost при попытке зайти в свой mysql пишет ошибку #1045 - Access denied for user 'a3391070_14ben'@'localhost' (using password: YES)
Понятно, а сколько во фронтенд-версткотреде?
А сколько вообще времени нужно на верстку? Тоесть без JS и т.п.?
-кун
>Понятно, а сколько во фронтенд-версткотреде?
Ну столько же почти, то есть я сначала JS учил, а потом где-то осенью понял, что нужно верстать уметь, и закатился сюда.
Самое забавное, что я еще в 2013 году сюда заходил, когда в шапке была ориджинал-паста (кстати, пиздец мотивирующая) и начинал что-то проходить, но быстро забил.
А так бы уже стал сеньором-помидором, лол. Да и на работу тогда было гораздо легче устроиться.
>пиздец мотивирующая
Стоит перечитать первую пасту?
Прочитать бы эту пасту.
Сейчас заканчиваю делать задания по курсам академии, общее понимание что и как пришло, думаю к интенсивам скоро вернусь.
Надеялся, что пока посижу на этой работе до осени, а там попробую вкатиться во фронт-енд.
Но походу, не успею подтянуться до годного уровня.
Есть заказ на сайт одной компании. Сайт здоровый. Страниц 10 или больше, полная адаптивность на каждую страницу, почти всюду куча компонентов, всплывающих окон, слайдеров и прочего дерьма.
Интересуют общие принципы, как такие сайты лучше разрабатывать. От меня нужен фронт енд.
Как я это понимаю.
Каждая страница имеет свою разметку и полноценный стилевой файл. Однако стилевик будет собираться из отдельных лесс файликов, разделенных под каждый блок, что позволяет многократно их использовать, к примеру, при дублировании менюшки и футера на каждой странице.
Я прав??
Интересуют общие принципы, как такие сайты лучше разрабатывать. От меня нужен фронт енд.
Как я это понимаю.
Каждая страница имеет свою разметку и полноценный стилевой файл. Однако стилевик будет собираться из отдельных лесс файликов, разделенных под каждый блок, что позволяет многократно их использовать, к примеру, при дублировании менюшки и футера на каждой странице.
Я прав??
Она не актуальная совсем, писалась в реалиях, когда можно было почти без знаний устроиться в любую шарагу.
Теперь уже все не так, стало сильно сложнее, рынок не особо растет, веб-разработчиков уже как говна, так что пробиться среди сотен таких же макак довольно сложно, и дальше похоже будет только хуже.
Так что подумай обо всем этом, если собираешься дальше этим заниматься.
Есть смысл только если тебе это действительно интересно.
Разобрался, только получается надо теперь index.html куда-то засунуть в другое место, чтобы он компилился без затирания.
Лол, я вкатывался в начале января, как раз тогда эта гонка шла, подзабил в итоге через несколько дней. Потом вкатывался на денек-два в апреле и снова забил.
Сейчас наконец-то вроде бы нормально вкатился, и все интересно, забивать нет желания. А весь секрет был в том, что интерактивные курсы академии мне как-то не зашли, хотя я осознаю, что пройти их все-таки нужно все.
Интенсивы хороши, но слишком быстро подается материал для меня.
Поэтому сменил лекторов, в голове после этого прояснилось и некоторые базовые навыки из академии наконец-то сложились в голове, приятное чувство.
Сейчас наконец-то вроде бы нормально вкатился, и все интересно, забивать нет желания. А весь секрет был в том, что интерактивные курсы академии мне как-то не зашли, хотя я осознаю, что пройти их все-таки нужно все.
Интенсивы хороши, но слишком быстро подается материал для меня.
Поэтому сменил лекторов, в голове после этого прояснилось и некоторые базовые навыки из академии наконец-то сложились в голове, приятное чувство.
Обидно только, что если бы не ебланил, сейчас бы уже прочную такую базу имел и некоторое портфолио.
Всегда думал что в программирование вкачусь, смотрю на реалии и понимаю, что работы у нас больше в Вебе, чем в каком-либо из языков (кроме 1С, который я не перевариваю).
Сейчас вакансий 7 по фронту, хотя смотрю требования - чистый фронт 3. А версталы, контентщики - еще больше вакансий в городе.
Да и зарплата повыше, чем у меня сейчас.
Что за город?
Челябинск
Моя коллега ушла в контору, сайт наполнять контентом - купоны на скидку, зарплата больше, чем у меня сейчас.
Все тот же Челябинск.
Как правильно спрайты вставлять, срать элементами с классами в html или добавлять их через псевдоэлементы?
Как верстать навигационные меню? Флексами или инлайн блоками?
Как тебе удобнее, ёпта.
Ну йобаный в рот, какая поддержка требуется, тем и верстай.
Антоши, подскажите где ещё можно взять всякие задачки и задания по вёрстке для начинающих, примерно как на htmlacademy? Чтобы так сказать закреплять знания.
Понял.
Блин, раньше верстал за два часа одну страницу, сейчас со всеми эти автоматизаторами, оптимизаторамИ, БЭМами и компонентым подходом пердолюсь уже дня три и только хедер и футер сверстал для макетика, лол.
Всё это должно ускорять верстку, что-то ты делаешь не так
Ну я только со всем этим разбирался-пердолился, теперь вот начну верстать как Бог нет.
Такая же проблема. Вот только закончил настройку автоматизации, пора братся за верстку, но я все-равно так и не понял как использовать бутстрап сетку с БЭМ.
Хоть мне бутстрап и не нравится, но изучать его нужно...
Я тоже не шарю в бутстрапе.
Да не жи, в бутстрапе нет ничего сложного. Я не знаю, как комбинировать бутстрап с БЭМ. Разумеется речь идет о сетке. Ибо всё остальное там мусор. Ну можно еще и слайдер подпиздить
Подскажи годных материалов по бутсрапу знаю что кидали уже 1000раз, просто не я ленивое хуйло.
Ну я с дивана предполагаю, что пишешь что-то вроде div class="column-sm tvoy-class__po-BEMu"
Ребят, как сделать что бы абсолютно спозиционированный элемент позиционировался относительно своего центра а не левого верхнего угла?
https://htmlacademy.ru/courses/42/run/18
Пиздец, че за ебанутое задание, по теории 0 инфы рассказали, а половины селекторов из этого задания вообще ранее неизвестны. Как эту хуйню делать начинающему то, лол...
Пиздец, че за ебанутое задание, по теории 0 инфы рассказали, а половины селекторов из этого задания вообще ранее неизвестны. Как эту хуйню делать начинающему то, лол...
А че ты предыдущие курсы не проходил что ли?
left: calc(<расстояние от края окна до левого угла> - <половина ширины элемента>).
проходил, но там половины этих селектор не было
Иди на html-book и смотри. В гугле что ли забанили?
Я нихуя не понял.
Бамп.
Игнорировать, это проблемы юзеров недобраузеров (ИЕ туда же).
алсо, если у тебя оба значения в одинаковых единицах измерения, то очевидно, что ты можешь посчитать итоговое сам
Он же вроде больше не развивается и автор на другую парашу гонит, не?
Да блять, я тебе не говорю о том что я это не СМОГУ решить или что-то подобное. А о том что авторы какое-то хуевое задание сделали к которому ученик проходящий именно ИХ курс - не очень готов.
BTW У них геморрный только этот курс и еще два. Остальные уже проще.
Сейчас как-раз изучаю calc().
Охуенная штука конечно. Галерею на раз два можно делать.
http://codepen.io/pidaraha/pen/MeeyBg
>изучаю
Что там учить-то?
Милый кисик в галерее.
проиграл с пидарахи
btw уже решил данное тестирование с одной подсказкой из форума, самому догадаться крайне сложно.
Проблема была в том, что 5й круг переносился вниз и я не знал в чем было дело. Оказывается у всех кругов был margin-right: 3px; а на последнем круге его нужно было сделать 0px дабы не было переноса. В остальном всё в принципе просто.
Забей. Некоторые задания у них вообще норм только в хроме работают.
так не, эта хуйня у них и была предусмотрена.
уже который раз про это задание пишут. да, знатно от него припекает, да забей хер на него. иди дальше, не парься.
Котаны, прохожу продвинутые курсы на академии. Скажите мне на пикрелейтед курсы стоит проходить? Выглядит будто этим пользуются раз в 100 лет.
Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.
Во второй части важные и нужные, в третьей - сомнительной важности.
Да я же написал что уже всё решил, всё норм ^_^
>Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.
Ну знаешь, когда у меня 0 опыта и знания только htmlacademy - то это крайне сложно. При этом я данное задание за минут 20-30 сделал. Кто-то писал на форуме что 4 часа ебался =DD
Привет, посоны.
Десятый день-кун на связи. Короче, пиздец. Доверстал этот адовый макет, но впереди ещё джве задачи: во-первых, исправить тот макет, который прогер натянул на WP, зачем-то подключив к нему бутстрап (до сих пор не пойму, нахуя) и насовав везде кучу бутстраповских классов.
В общем, видимо, придётся либо переопределять кучу классов (а это значит посыпать говно конфети), либо как-то чистить сам бутстрап, что тоже чревато.
А во-вторых, нужно проследить, чтобы кодер натянул нормально мой этот последний макет на WP + Woocommerce и ничего не накосоёбил.
Бабла до сих пор нет, за квартиру второй месяц просрочиваю, жру макарошки, заказчиков нет, но я не унываю, лол.
Десятый день-кун на связи. Короче, пиздец. Доверстал этот адовый макет, но впереди ещё джве задачи: во-первых, исправить тот макет, который прогер натянул на WP, зачем-то подключив к нему бутстрап (до сих пор не пойму, нахуя) и насовав везде кучу бутстраповских классов.
В общем, видимо, придётся либо переопределять кучу классов (а это значит посыпать говно конфети), либо как-то чистить сам бутстрап, что тоже чревато.
А во-вторых, нужно проследить, чтобы кодер натянул нормально мой этот последний макет на WP + Woocommerce и ничего не накосоёбил.
Бабла до сих пор нет, за квартиру второй месяц просрочиваю, жру макарошки, заказчиков нет, но я не унываю, лол.
Давай, анон, у тебя все получится, и ты будешь есть шаурму!
Анон, я тоже устроился, правда пока на стажировку за еду.
Как ощущения от работы? Меня вот вообще трясет от того, что я нихуя не знаю и как меня там будут ебать. Вот сижу лихорадочно повторяю и изучаю все подряд уже около недели.
А как ты делаешь адаптивную сетку? Через %, или тупо px с @media?
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
Блять, тебе уже сказали, что физический и логический пиксельно это разные вещи, все будет смотрятся так же, как и на твоем 1024х768. Нет блять, надо 4 раза перепостить, что бы кто-нибудь тебе разжевал и харкнул в ебало.
пиксель
бугурто-фикс*
как такого взяли на работу вообще не понимаю.
Ребят, как правильно добавлять бутсрап-компоненты к проекту? Выкачал его сасс-версию, закинул в src/scss/bootstrap, пытаюсь оттуда импортровать сетку, но она постоянно ругается на то, что миксинов не хватает. А этот миксин в папке миксинс отсутвует вообще. Мне кажется, что я что-то неправильно понял.
>Как ощущения от работы?
Нормально, но печально, что приходится совершать множество лишних телодвижений. Я привык работать с популярным веб-шрифтам а-ля Open Sans, PT Sans, Roboto и т.п.; привык в качестве иконок использовать Font Awesome, привык к лаконичным и красивым макетам, в которых практически любой элемент можно реализовать на CSS. А тут, в веб-студии, я получаю макет набитый Open Sans-ом, десятки разных оттенков цвета на одну страницу, какие-то совершенно шизофренические слайдеры и рамки-завитушки, которые реализовать можно только через анус пса и border-image.
В зависимости от макета, но, наверное, всё-таки комбинированно. До каких-то определённых размеров блоки уменьшаются, а потом меняю способ отображения через @media, как пример, заменяю flex-direction с row на column.
Вот такие дела.
Я так понял, ты верстальщиком в веб-студии? JS у тебя на каком уровне?
А все, нашел в корне stylesheets волшебный файл "_bootstrap.scss", мне с ним и работать? То есть я выключаю в нем компоненты, мне не нужные, а потом таскраннером его компилю в общий ксс-файл?
Флексы юзаешь, как понял. Чем полифилишь, какие хаки для ие юзаешь?
>макет набитый Open Sans-ом
Comic Sans-ом, я конечно же хотел сказать.
>как такого взяли на работу вообще не понимаю.
А щито не так?
>Я так понял, ты верстальщиком в веб-студии? JS у тебя на каком уровне?
Да. JS на уровне простых слайдеров/калькуляторов/форм.
>Чем полифилишь, какие хаки для ие юзаешь?
Окстись родной, 2016 на дворе. Какие хаки для ие? Ты бы хоть статистику использования браузеров в России глянул, да на caniuse заглянул.
Допустим, требование ие10+, ие 10 от образит флексы оче криво.
Может есть где-то какая-нибудь фронтенд-конфа? Что-то пиздец, мне здесь ни на один вопрос не отвечают.
Ну я типа не понимаю, что такое логический пиксель тогда? Так же - возможно, вопрос только, в каком именно масштабе. Например, двачи у меня всегда с 80% сейчас стоят, а в винде 125% масштаб. И как это расшифровать блядь?
Нормально он их отобразит. Мелкие баги правятся, а те что не правятся, достаточно легко избегать.
мимо запилил уже несколько проектов на флексах с такой поддержкой
Сам сейчас делаю нечто подобное. Правда, на Sass, ну да не суть. Решил с самого начала хзуярить все в один файл стилей, а потом уже заниматься наведением красоты и оптимизацией. Возможно поделю все на файлы, но пока лучше писать говнокод, чтобы в процессе стало ясно что выделить в переменные, какие захуярить миксины.
небольшой каталог интернет магазина как удобнее делать?
на флоатах, списках с инлайн-блоком или на таблице?
на флоатах, списках с инлайн-блоком или на таблице?
Причем тут сука масштаб? Выкинь нахуй из своей башки масштаб.
но масштаб же нужен все-равно
Ну блять, подключил этот бутстрап-файл и все мои стили перекрылись.
КАК ЭТО БЛЯТЬ ДЕЛАТЬ ПРАВИЛЬНО?
документацию читай, олень тупой
Покажи проект макетов, которые за два часа делал
хедер, один секшин и футер
Главная барбершопа.
Около-платиновый вопрос:
на каком этапе вы уже начинали искать работу потихоньку? А то я что-то задолбался писать скрипты и верстать вникуда, но уверенности в том, что уже смогу "работать на дядю" нет.
на каком этапе вы уже начинали искать работу потихоньку? А то я что-то задолбался писать скрипты и верстать вникуда, но уверенности в том, что уже смогу "работать на дядю" нет.
Начинай сейчас. Походишь по собеседованиям, поймешь каких знаний тебе не хватает.
Это если он хотя бы в ДС3 живет. В обычных мухосрансках работы нет и выбирать особо не из чего.
Я бы посоветовал поискать стажировки в твоем городе/крае, и попытаться туда пройти для начала.
Хотя там обычно только для студентов.
а в резине оно как себя ведет?
Ну йобана, возьми код, да проверь.
Масштаб - это название настройки ppi в шинде. Охуеть, да?
Что за логический пиксель, епта?
Я не понимаю, как это работает, я делал по такому типу, только без skew.
Спасибо, не понял как оно работает, но работает.
Ммм, а как с таким говном совладать?
Можешь вверху у этой секции сделать маргин, я хз.
Парни, поясните. Разбираю верстку Громова, и у него в хедере продвинутого барбершопа указан центровщик page-header__wrap. Хорошо. Смотрю дальше, центровщик футера указан page-footer__inner. И так дохуя этих иннеров на странице. Поясните, здесь есть какая-то особая семантическая логика что есть wrapper'ы и иннеры, или он просто упоролся прежде чем начать верстать?
Я кроме как предположить, что этот макет верстало два человека ничего не придумал. Просветите меня что ли, если чего-то не понимаю.
Я кроме как предположить, что этот макет верстало два человека ничего не придумал. Просветите меня что ли, если чего-то не понимаю.
проходя курс на htmlacademy обосрался с Адольфа
Анон расскажи свою историю, сколько по времени на что тратил, когда начал на собеседования ходить? Вообще откуда, если не деанон?
С 5 треда сижу.
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
ЧТО ЗА ЛОГИЧЕСКИЕ ПИКСЕЛИ, БЛЯДЬ???
Точнее, причем тут они? Я вам про то, что хуй его знает, как будет выглядеть хуета на экране с другим ппи и другим разрешением и размером, понятно, что пропорции будут теми же, но там где мне текст слишком большой, другим он будет слишком маленьким или наоборот.
ЧТО ЗА ЛОГИЧЕСКИЕ ПИКСЕЛИ, БЛЯДЬ???
Точнее, причем тут они? Я вам про то, что хуй его знает, как будет выглядеть хуета на экране с другим ппи и другим разрешением и размером, понятно, что пропорции будут теми же, но там где мне текст слишком большой, другим он будет слишком маленьким или наоборот.
wrap - это обертка, когда надо что-то завернуть в блок.
inner - это центровщик (container), который добавляется в конструкцию &__inner в препроцессорных файлах через примесь.
Да заебал ты уже, ногострел. Всем похуй на PPI, имеют значение только логические пиксели. Почему тебя это ебет вообще, если все размеры есть в макете?
Если ты не знаешь, что такое логические пиксели, то вопросов об удобстве верстки у тебя возникать не должно.
Ты даун, немогущий вбить в гугл "логический пиксель" "ретина" "экраны с повышенной плотностью пикселей"?
Пошел нахуй, таким сдесь не рады.
Спасибо, теперь ясно.
Давно уже, и статью на хабре тоже прочитал. Как видишь, не помогло.
В каком макете? Я может быть не понимаю чего-то?
Блядь, я понимаю, о чем вы говорите, даже про преобразования координат мировые-экранные-видовые, проходили в вузике, я не понимаю, как это связано с моим вопросом. Вот я сверстал хуйню, вроде бы резиновую, вроде бы все в ремах, а смотрю свою страницу на планшете - там все мелко что ояебу. Или сверстал я страницу на 24' FHD, потом смотрю ее же на HiPPI мониторе и там надо масштаб крутить 150% в браузере. Или наоборот делать 70 вместо ста. Мне нужен какой-то способ тестить и исправлять это. И ладно еще, если все по новомодным правилам, а если задача сверстать все в пикселах-процентах-относительных размерах? Там же вообще пиздец.
Ставь эмулирование устройства, масштаб 100% и наслаждайся скроллом. А теперь уйди.
>Ставь эмулирование устройства, масштаб 100%
Где ставь?
просто иди нахуй. Засоряешь тред своей хуйней тут, тупой кретин.
Ну ебать, на планшете мелко потому что-то ты не догадался поставить content="width=device-width" и сайт смашстабировался по физическим пикселям, а не по логическим.
На декстопах все будет нормально.
Теперь ты съебешь?
> сверстал хуйню
> все в ремах
> все резиново
> тестить и исправлять
Ну так в первую очередь тебе нужно разобраться с самой версткой. Например - перестать верстать резиновую хуйню, где все на ремах, для начала. Небось прошел базовый, галпом по гайдам обмазался и уже типа верстальщик, ага.
Алсо, НАХУЯ ты верстаешь на ремах? Чем тебя пиксели не устраивают?
Chrome > f12 > ctrl+shift+m
Или ты адаптивность масштабом тестил?
Бамп вопросу, пацаны, поясните за карту.
Выдели себе день покурить google maps API, завтра приходи, расскажу, что не понятно осталось. Если хочешь готовые решение, иди нахуй.
Да я же верстку только учу, я даже не знаю, где эту всю инфу можно найти и как гуглить.
> google maps API
Вот это загуглю сейчас.
>иди нахуй.
Там тебе нужно только подключить карту, примеры есть, попробуй сам. Завтра, так и быть, если у тебя не получится, выкачу тебе готовые решение.
Я и так ее прикрутил , это в вебинарах было от академии, а как туда пиздануть логотип и убрать всякие описания, я не знаю.
Вангую ты просто вставил айфрейм, или кури апи.
И привыкайте, если хотите научиться, убейте день на решение проблемы самостоятельно, только потом приходите в тредик. В жизни вам Сашка Першин или рандом анон не подскажет. Естественно не относится к анонам, у которых горят сроки и нужна помощь срочно.
Иди
Слоу фикс
Ну здесь как, я например понятия не имею, что такое апи, ему не учили в вебинарах, я когда гуглил, находило кучи старой инфы и вся про айфрейм. У меня так знакомый анон дрочил пыху, накачал говна, старые книши, вебинары от какого-то дауна, он там нихуя толком не объясняет еще и картавый, а потом уже спросил у ананасов в треде и ему посоветовали норм материалы.
Спасибо, наверну.
Просто дальше будет много моментов, которым "не учили", научись читать документацию. Добра:3
Чет меня понесло, вечная моя проблема это рассеивание внимания. По разным видеоурокам начал скакать, искать что лучше, по разным сайтам. Потому что академия когда-то не очень зашла, не нравилась их система.
Уже просматривая другие уроки понял, что они здорово помогли разжевать то, что я уже прошел на академи, плюс узнаю дополнительные фишки. Но так никуда не годится, потому что авторы везде разные.
Все же думаю купить подписку и начать с нуля на академии, вроде как кексби добавили как раз для разжевывания. А потом интенсивы.
Уже просматривая другие уроки понял, что они здорово помогли разжевать то, что я уже прошел на академи, плюс узнаю дополнительные фишки. Но так никуда не годится, потому что авторы везде разные.
Все же думаю купить подписку и начать с нуля на академии, вроде как кексби добавили как раз для разжевывания. А потом интенсивы.
Академия оче годная, я общался с разными ананасами, которые делают свои сайты и вроде как знают много языков погромирования, и я им давал советы по верстке, пояснял как правильно с некоторыми работал и они остались довольны. академия дает очень годную базу, советую обращать внимание на дополнительные материалы, там много годноты.
Спасибо, братишка, и тебе добра.
По интенсивам (особенно после того, как узнал их цену) сложилось стойкое впечатление, что это хуйня для лохов-даунов которые не в состоянии даже в самостоятельный поиск материалов, которыми в 2016 году уже завален весь интернет. Гыыы епт Сашка научи верстать за 30к рублей)))00
Моё убеждение в том, что курсы не должны стоить больше 30$ в месяц.
Я вот сейчас просматриваю на х2 их JS-интенсив и неистово проигрываю что с чата, что с лектора с его "ну это как бы коллекция, эээээ (пауза 10 секунд) ну мы потом к этому эээээ вернемся", "что такое коллбэк", "нуу ээээ..." И это с моими-то знаниями, скажем так, чуть ниже уровня джуна.
Они помимо информации дают хорошие практики, что круто.
Скорее всего лектор не может объяснить из-за недостатка базы у учеников, а не потому, что сам не знает. Объясни анону с картами (тот же уровень примерно) что такое коллбэк или нод коллекция.
не-Першин-кун
Но это не отменяет проблемы, что к готовой, структурированной информации привыкают быстро, и не умеют в чем-то разобраться сами.
Я об этом и говорю, структура лекций у них мягко говоря уебанская, я бы за такое если заплатил - дико бугуртел бы. Одно дело пропустить базовый синтаксис, который за пару часов/дней у того же Кантора разбирается самостоятельно.
Другое дело не объяснив фундаментальные основы самого языка (банально - тот же перебор массивов) сразу окунать ньюфагов (большая часть которых даже не знает, что такое JSON) в омут манипуляций с дом-деревом, шаблонизацией и ивентов.
Ну т.е. нечто среднее должно быть между сухими алгоритмическими задачками, как у кантора, и попыткой строить приложения без объяснения собственно алгоритма.
Короче, что-то я загнался, я просто дунул слегка.
Возможно ты и прав, но с учетом что никто в этом треде за них не платил, то все равно лучших уроков up and going я не встречал.
Все в этом треде начинали с нуля, и все после интенсивов могли верстать простые макеты юзая инструменты. Что бы там кто не говорил, но это результат.
Базовый верстка-интенсив 2015 года у них ультрагодный. Ты прав, я именно после него начал, собственно, верстать. Продвинутый, в принципе, не нужен, все, что там дают можно уложить в сорокаминутное видео (а настройка гранта, которой уделена отдельная лекция, вообще бесполезна). Все, что далее - адаптивность, свг, ретина, "правильный" бэм, препроцессоры, автоматизация, галп, разные фишки типа той же masonry-сетки без JS на флексах - все это я уже освоил самостоятельно, продвинутый вообще никак не помог. Другой анон
Так базовый смотреть 2015 или 2016?
Не очень знаю , чем они отличаются, но на старом базовом был элементарный жс, поп-ап и валидация формы вроде. Мне показалось это нормальным, такое забрасывание удочки чуть наперед в элементарные скрипты. Снижает страх перед жс что-ли.
Помню в самом начале оставлял все, что требовало скриптов, на потом. А тут нет, класс поставить можешь, стили применить можешь, уже окунаешься в какой-никакой функционал.
Разницы в стэке технологий нет. 2015 более ламповый, детальный, что-ли. А в 2016 новый барбершоп, насколько я знаю. Я бы 2015 смотрел.
Пацаны, сейчас всплыла в голове фраза "наверстать упущенное" и сижу уже минуты три лыблюсь как дебил над ее ДВОЙНЫМ СМЫСЛОМ.
Буду считать это начинающейся профдеформацией айтидауна.
Буду считать это начинающейся профдеформацией айтидауна.
Чет в голос с этого айтишника.
обкурившийся анон
Так не выёбывайся и учи по Евгению Попову.
Не забывай про наставника, он как раз помогает заполнить пробелы, если такие появляются. В общем-то это самое ценное.
Мы же хотели как-то в треде ввести менторство, но как-то не зашло.
http://codepen.io/anon/pen/vKKJdO
Проблема: разное отображение формы в браузерах.
1. в мозиле содержимое .form__select 50х23, а в хроме 41х32
2. содержимое .form__button в мозиле 126х18, а в хроме 120х16
Может кто-нибудь подсказать, как добиться одинакового отображения?
Проблема: разное отображение формы в браузерах.
1. в мозиле содержимое .form__select 50х23, а в хроме 41х32
2. содержимое .form__button в мозиле 126х18, а в хроме 120х16
Может кто-нибудь подсказать, как добиться одинакового отображения?
>Вот нагуглил, но нихуя понять не могу, как она сделала.
>https://anna-v.github.io/pink/
Анон, ты хоть в инспектор браузера-то заглядываешь, когда смотришь чужие сайты? Там же всё написано.
Смотри, она поставила у оболочки карты <div id="map-canvas"> псевдоэлемент :before, в который, с помощью бордеров запихнула треугольник. Как делаются треугольники, трапеции и другие фигуры через "фичи" с border-ами можешь посмотреть тут: https://habrahabr.ru/post/126207/
А чтобы этот треугольник у неё всегда был в правильных пропорциях по отношению к экрану, она выставила размеры его сторон в 50vw.
Да нечего рассказывать, учу веб полтора года, но это не только вёрстку и JS, но ещё и SEO, маркетинг, всю хуйню. Вот моё сообщение где я расписываю за отношение к вебу. Год где-то работаю фрилансером, три недели назад устроился в местную веб-студию. Город милионник, Поволжье.
>Проблема: разное отображение формы в браузерах.
Воспользуйся либо сбросом стилей, либо их нормализатором. Это CSS файлы, которые либо полностью сбрасывают стили, поставленные браузером по умолчанию, либо приводят их к единому виду во всех браузерах.
CSS Reset-ов дохуя, самый популярный от Эрика Мейера:
http://meyerweb.com/eric/tools/css/reset/
Normailze знаю только один:
https://necolas.github.io/normalize.css/
Спасибо, частично помогло.
http://codepen.io/anon/pen/LZZzXW
С .form__button все норм стало, с .form__select не поменялось.
А есть способы без общих стилей? Я пытаюсь сверстать по бэм и в нем нельзя использовать общие стили, например резеты на весь документ.
http://rabota.ua/company1776308/vacancy5963828
>Salary: 65 000 грн.
>Требования:
>Знания JavaScript ES6, OO Javascript;
>Знания HTML5, Jade, CSS3, JSON, Ajax, WebSockets;
>Уверенный пользователь Grunt/Gulp
>Знание языков программирования: TypeScript, CoffeeScript;
>Source Control: SVN and Git.
И даже никаких ангуляроРеактов, странно
>Salary: 65 000 грн.
>Требования:
>Знания JavaScript ES6, OO Javascript;
>Знания HTML5, Jade, CSS3, JSON, Ajax, WebSockets;
>Уверенный пользователь Grunt/Gulp
>Знание языков программирования: TypeScript, CoffeeScript;
>Source Control: SVN and Git.
И даже никаких ангуляроРеактов, странно
У них там во втором абзаце точки с запятыми проебаны, хотя в первом они есть. Я бы таким не доверял.
Они просто о них не знают, судя по тому как они определись с инструментами в проектах.
мимоуверенный пользователь БЭМ/SMACSS
Решил проблему, у .form свойство align-items flex-start убрать и будет норм
Где взять хороший psd шаблон, шоб адаптивный и красивый, шоб сверстать и бросить себе это в портфолио? Пиздец, как сложно найти такое оказывается.
В рассылке академии
>Город милионник, Поволжье.
Не Пермь случайно?
наверно, Казань.
Эх, проебался вчера с этими инклудами, сегодня верстаю - а оказывается, это нихуя не удобно, потому что стал верстать компоненты, а не страницу в целом.
И вот добавляю я допустим content-block на страницу, но его содержимое должно быть другим, и тут я сосу хуйца и вынужден создавать тот же компонент, но с другим контентом. То есть компонентный подход херится.
Jade/Pug говорите, альтернатив нет?
И вот добавляю я допустим content-block на страницу, но его содержимое должно быть другим, и тут я сосу хуйца и вынужден создавать тот же компонент, но с другим контентом. То есть компонентный подход херится.
Jade/Pug говорите, альтернатив нет?
Посоны, хочу поковырять линукс, какой нужно устанавливать, я не разбираюсь в их версиях и различиях?
Реакт
>создавать тот же компонент, но с другим контентом
Реакт/Ангуляр
Ааа, бля, все, иду учить ангуляр, уговорили.
Его сложно осилить кстати? Ваниль знаю так себе (в тонкостях путаюсь, но основы типа прототипов и замыканий понимаю).
Зачем ты мне это написал? Теперь я буду бояться ангуляра.
Так учи реакт, вчемтвоипроблемы?
Да я на стажировку выхожу в понедельник. В компании там используют ангуляр. Вот я и думаю, посадят меня и сразу скажут на ангуляре писать че-нить, а я такой "ок, сейчас напишу", и незаметно съебусь оттуда и больше никогда никуда устраиваться не буду.
Ебать ты ссыкло. Если ты не напиздел, что знаешь его, то чего ты вообще боишься? Понятно, что с версталы и с разработчика разный спрос.
Ну ты меня пойми - у меня шанс на миллион, либо меня там оставят и тогда я под охуенным бустом буду ебашить дальше, либо меня не примут и тогда я скорее всего схвачу депрессию очень надолго, потому что в жизни у меня, мягко говоря, полный пиздец.
Ну это так, ладно.
Вообще, на собеседовании я честно сказал что фреймворки не учил, а тестовое задание было довольно легким, я его часов за 5 сделал.
Блять, что за пиздец?
И как это растровое говно реализовать, не вставляя фоновым изображением? (Все-таки это логотип).
Единственный годный вариант я вижу - это переделать в свг.
А вы как делали?
И как это растровое говно реализовать, не вставляя фоновым изображением? (Все-таки это логотип).
Единственный годный вариант я вижу - это переделать в свг.
А вы как делали?
Отклеилось.
Наконец-то я добрался до мастерской - социальные кнопки и пришло понимание как работать со спрайтами. Аминь.
Ух, какой дождь пошел на улице, аж хлещет на меня из окна.
Выйди погуляй, освежись.
Я вообще стал каждый вечер на часик выходить гулять, просто шатаюсь по городу. Думать потом лучше, и спать легче.
2 кругляшка, 2 палки, очевидная css графика.
Да там ливень пиздец, с молниями громом и всей хуйней, но вот погулять перед сном это очень верная мысль, я разбух как пельмень уже дома сидеть перед компом целыми днями.
Я почти уверен, что этот наставник тоже маркетинговый ход, а для думающего человека вообще почти не нужен будет, stackoverflow и вот тебе тот же самый наставник, и не один. Я охуел с того, что в базовом интенсиве 80% вода, когда люд... лохи по 12к отвалили.
Охуенно ты спизданул. Ну давай, нарисуй мне в css.
На codepen целые css картины выкладывают. http://codepen.io/Loopez10/pen/JXwoPb вот, например. А ты мне про какой-то логотип несложный затираешь.
Блять, ебать ты кретин.
Ну охуеть, теперь - в css ебашут картинки лучше меня в фотошопе.
И нахуй это надо? Тебе скажут сверстать по-быстрому, а ты такой рисунок будешь целый день в ксс пердолить. Потом пидорнут.
Ну так хули ты хочешь от поехавшего. Знал ведь я, что конструктивного тут мне ничего не скажут кроме этого:
>2 кругляшка, 2 палки, очевидная css графика.
Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.
>Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.
Мы вам перезвоним)
Не стоит, я завтра зайду.
Да там по идее должен быть svg-файл с этими ебаными очками, но видимо он проебался у того, кто выкладывал интенсив либо действительно дизайнер проебал и не закинул свгшку.
Скорее всего так, ибо в гугле нашел сверстанный макет одним из учеников и там фулл-свг лого, которую они никак не могли сделать путем трассировки из пнг.
Пользуюсь грантом, в принципе хватает, но при переходе на новую версию начали лезть какие-то ошибки при подгрузке и взаимодействии с grunt-contrib-imagemin.
Это, и новый висящий на носу проект, побудило меня попробовать поработать с галпом.
Собственно вопрос.
По чему лучше учиться?
По скринкастам Кантора или по видяшке от WebDesign Master https://www.youtube.com/watch?v=vW51JUVT66w
Что больше дает на выходе, где лучше поясняют?
Это, и новый висящий на носу проект, побудило меня попробовать поработать с галпом.
Собственно вопрос.
По чему лучше учиться?
По скринкастам Кантора или по видяшке от WebDesign Master https://www.youtube.com/watch?v=vW51JUVT66w
Что больше дает на выходе, где лучше поясняют?
Если ты прошаренный в JS и node - Кантора.
Если верстала простой - WebDesign.
на хедхантере пришло приглашение на удаленку, сразу попросили "реквизиты для оплаты".
заподозрил какое-то кидалово, полез гуглить.
пришел к выводу, что контора-таки реальная, потому что нашел отзыв о том, как там хуево работать.
заподозрил какое-то кидалово, полез гуглить.
пришел к выводу, что контора-таки реальная, потому что нашел отзыв о том, как там хуево работать.
Боевые товарищи, реквестую годных учебников (материалов для изучения) по J-Query. Сам знаю о:
1) http://anton.shevchuk.name/jquery-book/ (из рассылки HTML-A)
2) http://www.wisdomweb.ru/JQ/jquery-first.php
3) https://jquery.com/ (кудаж без официального сайта)
1) http://anton.shevchuk.name/jquery-book/ (из рассылки HTML-A)
2) http://www.wisdomweb.ru/JQ/jquery-first.php
3) https://jquery.com/ (кудаж без официального сайта)
Сап фронтендеры. Листаю заказы на фл.ру и понимаю, что я могу СВЕРСТАТЬ что там требуется. Но вот таких как пикрил заказов боюсь, там что-то про 1с написано. Я просто только верстать умею и скрипты писать какие-нибудь не особо сложные, но все эти вордпрессы, битриксы меня отпугивают? Что вообще верстала делает кроме верстки и скриптов, когда заказ выполняет? Еще пример приведу, допустим надо формочку для доставки пиццы например сверстать, вот я ее сверстал, написал скрипт, что бы она была popUp, мне же останется только отправить код заказчику, а его какие-то программисты сами сделают, что при нажатии на кнопку ЗАКАЗ что-то куда-то отправится, верно?
>меня отпугивают.
Фикс
по поводу формочки правильно говоришь. Если нужна только верстка, то писать код для серверной стороны не надо.
Фух, слава богу.
Ручками, ничего сложного в этой параше нет. Даже непонятно, что это у всех так подгорело из такого простецкого макета.
Пиздец, делаю свою страничку-портфолио, идей нет вообще. Получается эдакий барбершоп, лол, не представляю, как это оживить и нужно ли вообще. Может кто поделиться своим "идеалом портфолио"?
На бутстрапе сделай и не еби мозги.
Тогда уж на ui-kit
Посоветуйте современный справочник, которым можно без интернета пользоваться.
Бляяяяяяяядь. Продвинутый интенсив это БОЛЬ. Ебучий Громов помноженный на растягивания простейших тем на 4 часа. Ну а почему бы не растягивать? Лохи что, зря 18к отдали?
Как контора называется?
Двачну тебя
не считаю сидящих тут за людей, которые смотрят и учатся по интенсивам ебучей академии. Хотя какая мне разница, пускай смотрят, а я лучше самостоятельно все почитаю и намного полезнее проведу время.
Набери в гугле "Top 10 front-end portfolio web" и полазай по всяким личным страничкам забугорных хипстеров. Увидишь сразу, что тебе нравится и что не нравится. Что бы ты хотел видеть на своём сайте, а что нет.
Фронт, что делает функция Array.prototype.slice.call(same-psevdo-massiv). Вызывает Array.prototype.slice метод для каждой части псевдо-массива?
Фронт, что делает функция Array.prototype.slice.call(same-psevdo-massiv). Вызывает Array.prototype.slice метод для каждой части псевдо-массива?
То же что и
same-psevdo-massiv.slice()
Лайфхак: скорость x1.5 и пропускаете препроцессор, который вам не нужен.
Ну или вообще скип этих двух интенсивов, потому что все есть на ютубе.
С поправкой на то, что в цепочке прототипов псевдомассива нет слайса, поэтому мы дергаем слайс напрямую, из прототипа массивов.
Анончики, разъясните за реюзабельность блоков в БЭМ. Допустим у нас есть логотип в хедере справа. Так как это независимый блок - задаем ему класс "page-logo".
Но у нас точно такой же логотип есть в футере, только уже слева. Что бы этот блок в футере встал слева, нам нужно "page-logo page-logo--left" и уже классу с модификатором прописать float: left?
Правильно я понял, или же есть еще какие-нибудь неочевидные для меня способы?
Но у нас точно такой же логотип есть в футере, только уже слева. Что бы этот блок в футере встал слева, нам нужно "page-logo page-logo--left" и уже классу с модификатором прописать float: left?
Правильно я понял, или же есть еще какие-нибудь неочевидные для меня способы?
аноны пользующиеся webstorm'ом объясните, как компилировать sass в css? Указываю путь в настройках, но он все время показывает "executing 'sass' task", подскажите как правильно надо?
Независимый блок, значит что его можно юзать где угодно. Это же значит, что очень нежелательно привязывать его стили каким-то образом к конкретному расположению на странице.
Позиционирование - это больше задача сеток.
Вот если бы этот блок имел внутренние отличия другой окрас, границу и т.д, тогда можно было бы заюзать что-то типа page-logo--footer и каскадом допилить туда нужные стили.
devdocs.io
Ну а как тогда переместить этот блок в право? Не создават же для этого блока лишнюю обертку.
нет что ли тех кто пользуется Webstorm? Куда все делись то блять?
>мрм
Как же вы заебали.
Как же вы заебали.
не та вкладка
А как можно найти задачи по джаваскрипту с которыми сталкиваються веб-разработчики? Ну там сделать слайдер, всякие финдифлюшки. Кстати, слайдеры лучше делать самому или пользоваться стороними?
аноны, у кого-нибудь есть инфа, где почитать про создание лендинга? чтобы более-менее понятно было.
или кто-то своим опытом может поделиться
или кто-то своим опытом может поделиться
Через консоль.
>Громов
не знаю как вы, а я стабильно проигрывал с сисек и жоп, которые он обильно пихал в свои презентации. не иначе, чувак мнит себя этаким полубогемным ценителем женской красоты, но на деле выглядит как типичный питерский мудозвон без чувства вкуса.
Я юзаю, а нахуя тебе в нем сасс компилировать? Как обычно через галп+консоль делай, не выебывайся. Ну или доки кури.
На работе, лол.
Google.com
Ладно, понятно. Есть макеты где есть писание задач для javascript? И где их накачать?
ну просто он как-то помню создал в папке где находиться sass-файл css-файл. Хотел поменять, чтобы он создавался в папке css, но он вообще перестал создавать что-то. Вот теперь не знаю, что делать. Без галпа ведь можно сделать.
Да для всех макетов можно в принципе JS присобачить. Просто смотри и оценивай, какие элементы интерфейса могут использовать JS и старайся самостоятельно реализовать их.
Посмотри интенсив по JS от академии, там вроде что-то реализуется подобное.
Можешь просто придумать себе задачу, типа написать чатик там.
5 секунд в гугле же, ну
https://www.jetbrains.com/help/webstorm/2016.1/transpiling-sass-less-and-scss-to-css.html
Так и делаю с пропуском scss, правда чет посмотрел на фл.ру только его и требуют лол.
КАСКАД
А
С
А
Д
читал я это. Говорил уже, что он пишет
Ну дак правильно, лесс какое-то непроходимое говнище. Чего только стоит объявление миксинов без ключевого слова и вставка их в любое место кода.
SCSS+Gulp твой выбор, а less+grunt для ковнокодеров типа Громова.
Мне теперь заного что ли смотреть, но скипая лесс? Бля
Между ними практически нет разницы, а миксины и прочие екстенды в реальных проектах ты будешь юзать чуть реже чем никогда.
Зачем логика всякая в препроцессорах? Типо если цвет текста белый, сделать фон черным. Я же пипеткой блять в макет тыкаю.
ну че, модники ебаные, пилили уже автоматизацию без сраных галпов?
инбефор: вебпак, ко-ко-ко
http://prgssr.ru/development/pochemu-npm-skripty.html
инбефор: вебпак, ко-ко-ко
http://prgssr.ru/development/pochemu-npm-skripty.html
> модники
> февраль
Недостаточно модно, уже протухло и нахуй не нужно. Для ньюфагов ебля с галпом > ебли с нодой и нпм, а тру-фронтендеры и так используют подобные скрипты в сочетании с тем же вебпаком.
Если она не нужна тебе => не делай. Это же просто инструмент.
Умеющие в гит подскажите, как называется штука, чтобы я с помощью гитхаба мог сделать рабочий сайт. Не помню, как это правильно называется. Помню в старых тредах, кто-то вкидывал сюда свои примеры работ.
git pages
это получается, то что я раньше заливал на гитхаб, уже нельзя будет так сделать? Только если по новой все залить?
Вот этого я уже не знаю, сори. Я в гитхабе нуб.
Заливай статичную верстку (без серверной логики) в ветку gh-pages того же репозитория.
Если собираешь в билд галпом/грантом, просто поставь gh-pages плагин
ничего не понял, но было бы проще, если бы статью какую-нибудь ты прикрепил, чтобы именно прочитать по шагам все это. Нашел вот такое видео https://www.youtube.com/watch?v=FiOgz3nKpgk насколько все совпадает с твоим примером?
Умеешь создать новую ветку и залить туда верстку (index.html в корне)? => да => создавай, заливай => нет? => используешь сборщик? => да => ищи плагин гх пейджес, иди в доки и ставь его => нет? => соси
Бтв, жду анона с картами, порадоваться его самостоятельным успехам или подсказать готовые решение.
Готовое
ебучее яблоко
Анончики, такой вот странный вопрос, поскольку я живу в диком мухосранске, то вакансий тут есс-но нет я уже прочекал. С каким уровнем знаний я могу стать фрилансоблядью за еду и попутно копить деньги на базовый понаех в ДС, и какие для этого подходят ресурсы? За исключением фл.ру, о не я уже знаю.
И вообще, реально ли ньюфагу будет там урвать заказ, или конкуренция слишком огромна?
И вообще, реально ли ньюфагу будет там урвать заказ, или конкуренция слишком огромна?
Сколько населения в городе?
Около 95 тысяч.
Тоже интересно, реально ли ньюфагу заказ получить? У меня очень похожая ситуация с тем аноном.
Составляю треугольник из двух половинок по сути это 6-тиугольник. Знаю, что можно бордерами делать одним псевдоэлементом, но у меня не выходило сделать такие резиновыми.
>а как с таким говном совладать?
По-хорошему пнуть дизайнера за такую хуйню, после чего полезть разбираться с API, возможно через него можно передвинуть это окошко или скрыть его вообще.
Костыльный но эффектный метод - выдвигать карту из-под треугольника, какбэ параллаксом.
Анон а как такое сделать ? и вообще такая ебота называется ? Че гуглить ?
то есть нужно чтоб ширина блока основывалась на ширине картинки и принимала одно из 3х значений 25%|50%|75% ну и соответственно мож готовая либа есть ? Заебок если React
мож с min-width|max-width че можно придумать ? Накидай короче идей будь лаской.
> накидал тебе за щеку проверяй...
ты такой предсказуемый
то есть нужно чтоб ширина блока основывалась на ширине картинки и принимала одно из 3х значений 25%|50%|75% ну и соответственно мож готовая либа есть ? Заебок если React
мож с min-width|max-width че можно придумать ? Накидай короче идей будь лаской.
> накидал тебе за щеку проверяй...
ты такой предсказуемый
бля пикчу то забыл
Ты реакт знаешь?
Элементарный скрипт, смотрит на соотношение сторон картинки и исходя из результата задает блоку какой-либо класс. В классах уже описываешь размер блока, позиционируешь элементы и т.д.
да пожалуй так и сделаю, просто реакт выебонит если напрямую к DOM обращаться, даже что бы with/height елемента посмотреть
Тут я не советчик, реакт не знаю.
Пишу на нейтив JS, жиквери, знаю ООП, но без особых изъебств (замыкания, промисы и т.д., так как пока не пригождалось). Сложно ли будет освоить реакт?
нет, ну покрайней мере в разы проще ангуляра, поймешь концепт построения ui на реакте один раз поймешь навсегда.
Спасибо, спирачу, пожалуй, курсы по нему с teamtreehouse.
Я тот самый анон, который своровал оттуда гору инфы, но так и не смог осилить раздачу ее на торренте. Возможно скоро активирую еще один аккаунт с другой карты и приму реквесты на воровство других курсов
Фронтаны поясните, в курсах академии учат оформлять контакты, социальные кнопки с кратким описанием курса, оборачивая в дивы. Имеет ли смысл текст в таких блоках, с точки зрения семантики, оборачивать в абзацы и заголовки, соответствующими тегами (<p><h...>)?
-кун выручай, ты у нас в СЕО сечешь.
Ты для себя сайт клепаешь?
нет, я только учусь еще, но скоро буду переделывать сайт для жены.
>учат оформлять контакты, социальные кнопки с кратким описанием курса, оборачивая в дивы
>Имеет ли смысл текст в таких блоках, с точки зрения семантики, оборачивать в абзацы и заголовки, соответствующими тегами (<p><h...>)?
Нет, анон, не имеет. Если это не гигантские ёба-кнопки на весь экран, в которых содержится подробнейшее описание курса с ключевиками и больше на странице нет никакого контента, то не имеет.
Алсо, на работе попросили прикинуть, сколько займёт перенос магазина с MODX на WP+Woo. Я заглянул в админку и там так всё пиздато, аккуратно сделано, что даже загляденье. Жалко переносить.
Алсо^2, клепаешь ли ты сайт для себя, не я спрашивал.
Алсо^3, аноны, спрошу у вас: кто-нибудь пробовал системы самоорганизации, такие как Pomodoro и GTD? Сейчас ищу способы оптимизировать и усовершенствовать рабочий процесс, читаю кучу закладок про тайм-менеджмент, которые я когда-то сохранил с МегаМозга. И вот, хотелось бы узнать, может тут кто этим занимался, как вообще, был прогресс в продуктивности? Организации дел? Повышении количества успешно завершённых процессов и продуктов?
Пацаны, связка бутстрап + реакт насколько востребована? Что еще надо уметь из технологий что бы хорошо верстать?
Странная связка.
>Что еще надо уметь из технологий что бы хорошо верстать?
Почему ЕЩЕ? Ни то ни другое не имеет отношения к скиллу верстки. Реакт вообще не про верстку. Нужно знать HTML/CSS, очевидно.
Ты все воспринимаешь дословно? Разумеется я хуйово сформулировал, речь конечно же идёт о фронтенд девелопменте в целом.
Ты спросил про верстку — я ответил про верстку.
Реакт востребован, бутстрап вообще смешно считать каким-то отдельным скиллом — он очень простой.
Юзаю помодоро отсюда http://www.teamviz.com/.
Неплохая штука.
Профиты - бесплатно, легко настраивается, деление рабочего времени на отрезки с перерывами, возможность оценивать трудозатраты, красивые графики и т.д.
Без него могу по 2 часа без перерыва кодить, затем башка просто ватной становится. С ним, скорее всего, таки буду делать эти 5 минутные перерывы, которые, внезапно, реально помогают.
Плюс он дает возможность отслеживать твои затраты времени. Если правильно именовать таски, то можно отслеживать трудозатраты по проекту с точностью до часа.
Как таск борд на больше чем несколько дней, его бы юзать не советовал.
Для таких задач подойдет и трелло.
Тайм-менеджмент - это сектантство. Денег и времени вбухаешь гору, а проку будет процентов на 5. Даже тупо пробежки по утрам и то больше дисциплинируют-закаляют, чем все это.
>таск боард
фикс
Также вдогонку напишу основной профит от него - пока работает помидорка, ты, все-таки, стараешся не отвлекаться, что позволяет продуктивнее работать. Меньше шансов что посреди написания функции вдруг залипнешь в нете на минут 10, читая статью про китайские джонки или еще какую-то, не сильно важную в тот момент хуйню.
>Что еще надо уметь из технологий что бы хорошо верстать?
Нужно уметь семантически думать. Взглянуть на макет и сразу в голове распределить положение элементов, уметь вычленить из картинки секции, заголовки, одинаковые типы контента. Конечно, тут ещё и от дизайнера зависит.
Нужно представлять себе ЧТО получится в результате того или иного решения. Когда ты, сидя в инспекторе, думаешь: вот сейчас я изменю тут position и эта хуйня ка-а-ак подпрыгнет и растянется вот сюда! И она действительно подпрыгивает, как ты и предполагал. Вот это, действительно, покажет твоё знание вёрстки.
По технологиям: понимаешь, одна из прелестей HTML5 — он поддерживает всё, что было до него, в отличие от того же XHTML, который новыми версиями категорически запрещал использование тех или иных элементов, принятых в спецификации как устаревшие.
Так что ты можешь и не изучать сразу на 100% теорию HTML5, флексы, SVG, анимацию и т.п. Ты можешь начать верстать как умеешь, постепенно совершенствуя свою вёрстку, изучая реализованные проекты, подсматривая какие-то фишечки в коде популярных сайтов, осваивая продвинутую семантику и т.д. Плюс этого всего такой, что ты будешь совершенствоваться через практику и собственные ошибки, а не через теорию.
И ты должен понимать, что бутстрап — это лишь надстройка над HTML и CSS. А React — надстройка над JS.
Спасибо большое, посоны. А по поводу денег — я же не собираюсь идти на всякие семинары и т.д. А лишь попробовать какие-то техники. Не получится — ну и ладно, попробую что-нибудь другое. Вот и весь подход.
Спасибо
Базис и надстройка. Пора писать "Das verstka".
Лол, академия 90% выполнения засчитала (первый пик)
Должно быть (второй)
Должно быть (второй)
>Должно быть (Первый пик)
>Лол, академия 90% выполнения засчитала (Второй)
фикс
Вылизал код на 100%.
Что-то с инлайн-блоками протупил долго.
Остались только курсы по подписке.
Ребзя, а это нормально, что я периодически некоторые свойства забываю еще? А то я себя иногда ущербным чувствую.
>Ребзя, а это нормально, что я периодически некоторые свойства забываю еще
Абсолютно нормально. Ты думаешь, какой-нибудь начинающий химик помнит в голове все эти валентности или полярности? Конечно, он какое-то время постоянно сверяется со справочной литературой. Запоминание придёт со временем.
Ты же не родился уже с прошивкой <!DOCTYPE> в голове, правильно? Ты обучаешься, что-то забываешь, что-то запоминаешь. Где-то прокалываешься, а где-то приходишь к успеху.
Алсо, я вот у многих на харкаче заметил этот какой-то болезненный перфекционизм, мол, если один раз обосрусь в процессе освоения нового дела, то всё, жизнь загублена, плач, крик, иерихонские трубы.
Это общая черта у русских мужиков. Не способность падать и подниматься. Даже русские бабы в этом плане более адекватные.
Ну спасибо, анон.
Дело тут не в перфекционизме, иногда просто задумываюсь, а не выписать ли на бумажку, то что забываю.
Сейчас даже подумываю, а не прорешать ли еще раз блочную модель и позиционирование.
Хотя, наверно хватить тянуть резину, пора сайты начинать верстать, базис какой-никакой есть, а там подгляну если буду тупить.
На хрен тебе энциклопедические знания в голове? Вот зачем? Чтобы было? у тебя в голове должны быть навыки, а самое главное - понимание и опыт. Как там пишется и в каких случаях применяется и какими браузерами поддерживается и какими атрибутами обладает каждая закорючка в css-html - это просто не реально запомнить. Да и зачем?
Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!
Да ладно, не шуми, я тебя понял.
Когда интенсив начал смотреть, понял, что не понимаю некоторые моменты, решил восполнить курсами, ну и на работе интенсивы не посмотришь, спалят на раз-два.
А вечером времени хватает на одно, два видео в лучшем случае - заебался уже в ремонте сидеть, еще и диплом вот вот защищать.
> Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!
В вузе есть практические работы. (ладно, в хорошем вузе)
Математика развивает логическое и абстрактное мышление.
В вузе ты учишься быть дисциплинированным, укладываться в сроки. Учишься поиску и анализу информации.
Учишься командной работе и социальным скиллам.
Все выше перечисленные навыки наиболее важны в IT.
Да, и при этом хорошо если в 10 вузов на всю раху учат актуальным языкам программирования. Во всех остальных - привет, паскаль, пока, перспективы.
>В вузе ты учишься быть дисциплинированным, укладываться в сроки. >Учишься поиску и анализу информации.
>Учишься командной работе и социальным скиллам.
Мозги бы мне в мои 20 лет, на вышку пошел бы в АйТи.
А так первый год - Японский язык, потом перевелся на заочку - менеджмент организации.
И в итоге ты в айти? От яп языка и менеджмента что-то осталось?
В итоге я -кун с жопной болью от высшего образования.
Вери коммон стори фор оур коунтри, комраде...
там матану учат и умению читать линейную алгебру, а это бесценно
>В вузе ты учишься быть дисциплинированным, укладываться в сроки.
очень смешно
>Учишься поиску и анализу информации.
уже не смешно.
Ты учишся жрать то что дают. Те кто действительно учится "поиску и анализу информации" - так это самоучки которые на вузик забили, потому что у них нет лишних 5 лет.
>Учишься командной работе и социальным скиллам.
Дать списать или не дать списать одногрупнику. Договориться или не договориться с преподом о взятке. Ты об этих скиллах чтоле? Ну тогда да, учишся.
>учишься
фикс
>Ты учишся жрать то что дают
Этому меня в армии научили
Безысходность какая-то получается. Попадешь в ВУЗ - учат жрать что дают. Не попадешь в ВУЗ, попадешь в армию - учать жрать что дают.
В армии учат пиздить и барыжить, не научился - жри, что дают.
Буду ждать
Не совсем понятно с медиа выражениями. Сейчас ведь есть мобильные устройства с разрешением куда большим, чем у десктопа (например у меня дешевый ноутбук с разрешением 1378 * 768).
Там учитывается не разрешение экрана, а его ширина физическая
Аноны, поясните Adobe Muse годная вещь, стоит ли юзать начинающему и если нет, то почему?
нет, не стоит. учись работать руками и головой, иначе ничего не будешь знать
Начинающему ... кому, сборщику бездарных макетов в онлайн-конструкторе? Это что-то уровня заполнителей интернет-магазинов.
Леха Першин сейчас рассказывал 50 минут про адаптивность картинок и ретину, мысль которую можно было выразить за 2 минуты он рааастягивал и повторял, сука, повторял повторял повторял повторял, блядь, ПОВТОРЯЛ. Это было невозможно смотреть даже на 1.7х. АААААААААААААААА СУКА БЛЯДЬ НАХУЙ ААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААаааааааааааааааааааааааа
Ну также можно сказать про различные библиотеки и подобное. Нахуя это всё если можно всё вручную делать.
>Ну также можно сказать про различные библиотеки и подобное
Нет нельзя.
Я тут решил досмотреть их JS-интенсив до конца, и это пиздец, даже на х2 можно заснуть, лол.
>Ну также можно сказать про различные библиотеки и подобное.
Ну смотри, по аналогии с деревообработкой. Твой навык вёрстки на native-языках — это искусное владение ручным инструментом: долотом, молотками, знание пород дерева, твоя фантазия и т.д.
Всевозможные библиотеки, облегчающие жизнь — это инструменты. Дремель, электрическая шлифовальная машина, электрорубанок. Они помогают тебе работать.
А Adobe Muse — это китайский ЧПУ станок со сбитыми настройками и кривыми направляющими, после которого ты получаешь кривокосоёбскоё изделие, всё в занозах и расщепах, которое стыдно не то что конечному заказчику отдать, а даже на полочку у себя дома закомиттить.
Конечно, ты можешь залакировать своё изделие годным дизайном, но что будет, когда твой заказчик захочет, к примеру, приклеить на клей Момент к твоему изделию какой-нибудь гигантский резиновый дилдо? Да оно развалится у него в руках, просто от контакта клея с деревом.
Вот что такое Adobe Muse.
Вот уж прямо Adobe такие дауны что сделали программу в которой получается кривокосоёбскоё изделие? Это точно в программе дело?
Ты вообще в курсе, что такое client-side любого сайта/онлайн-ресурса? И вообще в курсе, как подобные конструкторы создают этот самый клиент-сайд? Был бы в курсе - не задавал бы таких тупых вопросов. Ничего, сложнее домашней странички для домохозяйки, в подобной хуйне сотворить нельзя. Это, в первую очередь, прикладной инструмент для дизайнеров, не более.
lol, daje v moei sharage uje bili: c++, c#, VB, saitostroenie, i praltika po cms. Ne very chto v institutah huje. 3 kurs
mysql zabil
Откуда вещаешь то? Что аж кириллической клавы нету?
У меня друг также говорил, теперь учится в институте и работает в Красное & Белое на алкоголе.
>В супермаркете на алкоголе
фикс
После прохождения бесплатных курсов вернулся к просмотру интенсивов, уже не тот сок, что был при первом просмотре.
-кун начинаю тебя понимать.
-кун начинаю тебя понимать.
Сап, ребята.
Прошел божественные бесплатные курсы от Академии и, пиздец, понимаю вас через слово.
Смотреть платные курсы, чтоб понимать? Как я понял - они говно. Что посмотреть/прочитать, чтоб выкупать вашу речь?
Прошел божественные бесплатные курсы от Академии и, пиздец, понимаю вас через слово.
Смотреть платные курсы, чтоб понимать? Как я понял - они говно. Что посмотреть/прочитать, чтоб выкупать вашу речь?
топай на webref.ru . Там много годноты, и по галпу, и по препроцессорам, и по бутстрапу, и по жквери, и по нативному жс, и даже по ангуляру.
Платные не стоит смотреть? Даже частями
думаю, да, не стоит. По крайней мере, мне кажется, что информация в текстовом виде воспринимается гораздо лучше.
Спасибо, анонче
только при чем здесь Muse и client-side?
в музе ты получишь говнолендинг без адаптивности и с абсолютным позиционированием всех элементов.
ничего, скоро выйдет
http://scarlet.macaw.co/
и все версткопитушки уже навсегда отправятся под шконарь, где им самое место.
http://scarlet.macaw.co/
и все версткопитушки уже навсегда отправятся под шконарь, где им самое место.
1с-ник, опять ты?
Сап, анчоусы.
У меня к вам вопрос. Основы фронт-енда я освоил (разметка, стили, ява-скрипт). CMS ещё нужно будет подучить.
И зачем пришел, есть ли шанс вкатиться фронт-ендщиком куда-то на постоянную удалёнку? Рассчитываю на 20-30к. Если нет, то что ещё можно подучить для такой ЗП?
У меня к вам вопрос. Основы фронт-енда я освоил (разметка, стили, ява-скрипт). CMS ещё нужно будет подучить.
И зачем пришел, есть ли шанс вкатиться фронт-ендщиком куда-то на постоянную удалёнку? Рассчитываю на 20-30к. Если нет, то что ещё можно подучить для такой ЗП?
денег захотел, падла? а хуем по губам не хочешь?
(Автор этого поста был предупрежден.)
Антохи, кто проходил продвинутый интенсив, первое видео по скрипту, там где он делал добавление картинок и превьюшки им. Вы повторяли за ним, у вас это работало?
У меня картинки не добавляются вообще, то есть вообще ничего не происходит, после того, как я выбираю картинку.
У меня картинки не добавляются вообще, то есть вообще ничего не происходит, после того, как я выбираю картинку.
Вкинь код, интенсив не смотрел
Всё таки наверное приобрету подписочку HtmlAcademy на месяц, теория в шапке - хуйня и смысла в ней без практики не много. Очень уж понравились всякие итоговые испытания с функцией аля PixelPerfect.
ура, ребятки, получил свой первый заказ от знакомых. шапка, слайдер-хуяйдер какой-то, основной контент, футер, пара других легких вкладок. вроде все изи, ссусь только из-за слайдера, ибо не смотрел даже как их делают/подключают
надеюсь, что не проебусь
надеюсь, что не проебусь
Пацаны, в этой тусе где-то неделю, но так и не понял, как без говнокода одиночные выглядят?
<img> ?
<img /> ?
<img/> ?
<img> ?
<img /> ?
<img/> ?
<img> на данный момент верный вариант. С HTML 5 слэш отпадает, но старые макаки все еще ставят его в видеоуроках и вводят ньюфагов в заблуждение.
Спасибо, приятель
Бляяя, какой же ветрина на улице, дерево у дома так раскачивается что в окно залезает.
А ты не пускай.
Лол
>ссусь только из-за слайдера,
Господи, да их тысячи в интернете. Я, например, пользуюсь slick-слайдером.
http://kenwheeler.github.io/slick/
У меня одного при слове слик эта ассоциация?
>jQuery
сука лол
бери сразу на год, пока акция
Что-о-о? Нет 100% пройденных испытаний на кококдемии? Мы вам перезвоним!
Да нахуя, думаю за месяц успею все материалы пройти. Или на 2 куплю в крайнем случае. Хз нахуя вообще подписка годовая нужна.
Что бы с анонами потом поделиться.
Для полного нубаса WebSite X5 Evolution норм ? Хочу визитки создавать и сайтики до 25 страниц
Да, лучшая в своем роде, мы тут работу не можем найти все, потому что есть конструкторы! Вперед, сделай свой сайт с нуля за 5 минут без смс и переплаты!
Только перед этим выйди нахуй из того треда.
Просто мы тут сектанты, которые учатся по пол года, несмотря на то, что есть конструкторы. Нам не нравятся такие как ты.
Ave verstkum!
Согласен. Конструкторы сайтов для пидоров, мы должны убивать их создателей, как во время промышленной революции рабочие ломали ткацкие станки.
Скоро этим займутся таксисты, хе-хе.
Я таксист, уже зарабатываю деньги на фрилансе. Беру заказы подороже, клепаю их на 5 минут в конструкторе, получаю лаве.
Не понимаю, почему то так дорого оплачивается? Я слышал есть те, кто учится тому долго, наверное поэтому. Это у меня талант с рождения, а если их бох не наградил, то пусть учатся.
Это еще что, я вот недавно с бомжом познакомился, он меня к себе в подвал привет, а у него там макбук и куча коробок от пиццы, плюс пустые скаканчики из-под смузи. Говорит, это его арт-пространство, а сам он фронтендер на фрилансе, но пока что начинающий. Всего-то 50 тысяч в день.
привел*
Теория отдельно от самого сайта - хуйня и не нужна.
Почему у вас так "не бомбит"? Я у вас просто совет спрашиваю а вы огрызаетесь
Потому что выше в треде нам кто-то уже "пояснял", что вся эта хуета убьет нашу профессию, а мы сопротивляемся и бомбим. Теперь мы не сопротивляемся, а переорганизовываемся в секту староверов-верстальщиков.
Во имя хтмл чистаго, брате.
Сектанты мерзопакостныя помышляют наш труд загубить машинной думалкой, а мы не дадим!
С этой сеткой чет пиздец вообще. Это как-то без дополнительных инструментов вообще реально делать?
Да.
1. Float left
2. Float right
3. Clear: both
На флоатах давно не верстал, так что не уверен.
Да прибуде с тобой css!
Блять, зарекался же не давать готовые решения, а заставлять самому думать. Ну да похуй.
Пиши в следующий раз:
- Думайте, голубчик, думайте...
Да ладно, чем больше он схавает готового, тем меньше у меня конкуренции, как у специалиста.
Конечно, реально. Забить дрочить флоаты и верстать на флексах.
Перенос треда по просьбе анона
https://2ch.hk/pr/res/773335.html
Итак, начну. Мне меньше 18 лет, я работаю ртом в частной компании (не официально) , но деньги платят. Делаю дизайн. Знаю на поверх уровне CCS,HTML. JS только начал учить, но крепить его к html файлу умею. Все время я пихал Boostrap, пока back-end мне не сказал, что если еще раз увидит boostrap, то уволит меня нахуй. Подскажите что делать, писать с 0 дизайн слишком затратно, сложно и будет через жопу. Мне нужен аналог boostrap`a, чтобы прилепил и делаешь по гайду и по пунктам.
Меню? Есть. Панель? Есть. И т.д Спасибо.
https://2ch.hk/pr/res/773335.html
Итак, начну. Мне меньше 18 лет, я работаю ртом в частной компании (не официально) , но деньги платят. Делаю дизайн. Знаю на поверх уровне CCS,HTML. JS только начал учить, но крепить его к html файлу умею. Все время я пихал Boostrap, пока back-end мне не сказал, что если еще раз увидит boostrap, то уволит меня нахуй. Подскажите что делать, писать с 0 дизайн слишком затратно, сложно и будет через жопу. Мне нужен аналог boostrap`a, чтобы прилепил и делаешь по гайду и по пунктам.
Меню? Есть. Панель? Есть. И т.д Спасибо.
Блять, он 2 флоата и клиар сделать не может. Какие флексы?
Хтьфу в ебало.
И вправду говорят, что бутстрапщики верстать не умеют. Это как jquery-программист.
Если ты «делаешь дизайн», но используешь бутстрап, то в чем, собсна заключается твоя работа? Ты дизайнер или верстальщик или кто вообще? Причем тут бэкенд? Чем ему не нравится бутстрап? Ты на работе не можешь спросить чего от тебя ждут что ли?
В обще у нас нет понятия фронт и бек енд. На это есть один человек, но понятие "фронт" взял я на себя, а он лишь вся остальная часть. А что он ждет - не знаю, но видимо чем то ему бустрап не угодил
Ну охуеть теперь, а ты спросить его не пробовал? Почему это вообще его ебет, если он бэкенд?
Нассы ему на ебало.
У нас нет понятия бекэнд. У нас есть один человек, а я нелегал гастарбайтер тучу по кнопкам за него, дабы сэкономить время, котое он убьет на дизайн, а потом крепит всю нижнюю часть, в роли Mysql и php , дает мои $ и шлет нахуй. Так уже 5 мес.
Ток я останусь без денег, а так можно
Так блять СПРОСИ его что не так с бутстрапом. Что в этом сложного?
Так ебана, говорит бустрап - говно, еще раз увижу уволю нахуй. Ни слова больше
Тебе бы школу закончить, а то читать не возможно твой текст.
Ну я ОГЭ по русс на 4 сдал. Хз как. Впрочем закончил
Спроси почему говно. И что он предлагает. Он вообще может тебя уволить-то?
Странный тип какой-то. У нас наоборот бэкэндщики его любят, т.к. можно пилить всякие ништяки не заморачиваясь с дизайном и выглядеть будет как минимум неплохо.
>
Не говорит, выше читай.
Есть такое, вот я пришел спросить, чем заменить
Как это вообще возможно? Отворачивается и не отвечает?
Ну просто кинет в ЧС
Говорит еще раз увижу и больше денег не получишь.
бля, вот ты додик.
ну заменишь ты на другое фреймворкоговно, он тебе то же самое скажет.
Вы совсем тупые? Вас зеленый тралит, а вы ведетесь.
Ну тогда постарайся применять полученные знания на практике.
А так бутстрап не нужен. Создаешь свою библиотеку компонентов и тащишь её из проекта в проект.
Быть может не скажет
Попробую
А мне меньше 18. Это так можно, чтоб официально? А не гастарбайтером
Официально работать можно с 14. Не работать с мудаками можно всегда.
Опа, спасибо. Пойду поищу вакансии в мухосранске. Всех благодарю.
лол, ну гугли css frameworks тогда.
Да я в общем спрашивал, а не про пример.
Ну я пока даже не знаю что такое флексы =D
Блять иди нахуй уже.
Старая знакомая, ныне начинающий дизайнер, пообещала пробить мне место версталы в конторке, если я нормально задрочу верстку. Такой-то стимул пройти хотя бы базовые курсы и интенсив
клиарфиксы клиарфиксики
Это там яндекс браузер?
Можно она мне предложит, пока ты учишься?
бля, почему, когда я делаю nav и флоачу в уголправый, то его liшки идут в обратном порядке?
К О Д
О
Д
Универсальный ответ: потому что ты даун и где-то накосячил.
Более точный ответ: а хуй знает, что у тебя там в коде.
Дело не в старости, а в совместимости с XML. Там где используется парсер XML будут ошибки. Например JSX в React.
Поделитесь секретом, кто откуда берет плагины для J-Query? Нашел интересный ресурс: http://plugindetector.com/
Из гугла. По запросу "jquery plugin <функциянейм>" выбивает статьи вроде "20 охуенный плагинов для <функция нейм>". А там смотрю, какой из них лучше подходит для конкретной задачи/меньше весит и т.д.
Скорее всего ты задал float этим самым лишкам, чем и спровоцировал такое поведение.
Спасибо, но каким образом ты формулируешь <функциянейм>?
Получается что-то типа: "query plugin карусель", "query plugin анимация кнопок", "query plugin параллакс" и тд?
Да, так, как ты написал. Только названия на англ пишу.
UI-kit. А так, шли нахуй такого охуевшего щенка, бутстрап ему не нравится. Сейчас практически все делается на бутстрапе и подобных, это в разы проще, чем писать с нуля. Другое дело, если ты верстаешь как попало даже на бутстрапе. Тогда понятны взвизги этого дятла.
>Сейчас практически все делается на бутстрапе и подобных
Булщит. Ни одна нормальная компания свой продукт в продакшн на бустрапе не пустит. Максимум прототипирование, да и то, если реальнео сроки жмут.
Маня, иди сортир чистить. Вечно проигрываю с таких даунов.
(Автор этого поста был предупрежден.)
Удваиваю этого. Бутстрап это чтобы быстро-быстро нахуячить админку или прототип продукта.
Только после Вашей смены, уважаемый.
Гляньте любой лендинг, нахуярен на бутстрапе и красивостях. Любой онлайн-магазин нахуярен на бутстрапе и красивостях. Некоторые юзают ui-kit и подобные аналоги.
Бутстрап не используется на действительно крупных проектах, у которых нет жестких сроков сдачи проекта. То, что можно сделать на бутстрапе за 15-20 минут, без него сделаешь часа за 1.5-2. 15-20 минут на построение структуры и еще 5-6 часов на допиливание под свои нужды. 6-7 часов, и хуяк, лендос готов. Можно сдавать и браться за новый.
Таковы реалии рунета, большинству заказчиков нужен сайтик на бутстрапе быстро и недорого с красивостями. Есть и компании побольше, те уже пилят все сами, но у них и сроки сдачи работ сильно плавают. Сам работаю на одном проекте, где бутстрап понапихан вдоль и поперек. Вроде и проект относительно хороший, есть к чему стремиться, но бутстрап все поганит, изо всех щелей лезет говнокод. И мне не дают его переписать, говоря, что бутстрап - инструмент профессионала. Печально. Недавно попросили сверстать редизайн сайта для этой же компании. Думал сделать основательно, запариться, все по бему, никакого бутстрапа и прочее. Нихуя, через пару дней начали теребить, почему так долго итп. Сказал, что хочу все сделать по бему, без бутстрапа, начали визжать, что бутстрап нужен, хуярь бутстрап, фрилансеры уже давно бы все сделали и сайт ы уже работал, кококо. Пришлось понахуярить им бутстрапа и сдать это говно. Зато как все потом восхищались готовым говнокодом с фишечками типа появляющихся блоков и прочей хуйни, пиздец просто.
Так это сайты самого низшего тира. Там еще и джиквери в почете. Но какое это имеет отношение к приличным продуктам?
Жаль тебя.
Из всех заказчиков с которыми работал, бутстрап не требовал никто. А работал я как с мелкими, которым нужен был банальный сайтик на 1-2 страницы, так и с крупным, у которых на попечении огромные проекты типа биржи медицинского оборудования етц.
Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. Для меня это вообще показатель. Если компания говорит что надо быстро, а на качество похуй, то нахуй ее, с ней только проблемы потом будут. И платили кстати, неплохо.
Плюс дизайн с которым я обычно работал, я вообще без понятия как на бутстрапе реализовать. Он слишком сложный, блоки ведут себя очень по разному в зависимости от разрешения экрана, а адаптивность нужна всегда полная, с нуля и до 1200, и чтоб при смещении на любые 10пх было заебись.
Так что это все point of view. Твоя картина мира формируется из твоего же окружения.
>И платили кстати, неплохо.
вот это должно быть
здесь
>Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. И платили кстати, неплохо
Аноны, ньюфагу вообще вариант урвать заказ на фл.ру? В портфолио адаптивные макеты из академии.
Да, реально. Демпингуй
Аноны, посмотрел урок по gulp https://www.youtube.com/watch?v=vW51JUVT66w , но я так и не увидел, как сделать после как закончил проект, вся работа появилась в папке dist?
1:14:50
Запилите, кто-нибудь, перекат.
Возьми и запили.
Ща сделаю.
> прошел час
Ты там на флоатах фулл-респонсив тред верстаешь что-ли?
В голос.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
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/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред