Двач.hk не отвечает.
Вы видите копию треда, сохраненную 30 августа 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
46 Кб, 1024x768
Front-end thread №22 #656905 В конец треда | Веб
Здесь аноны изучают верстку, фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)

>Можно ли вкатиться в randomAge.


Можно.

>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.


Можно.

>С чего начать? Что учить? Куда смотреть?


Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.

>Есть ли работа?


Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.

>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc


Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)[РАСКРЫТЬ]

>Сколько времени займет обучение?


Плотно стоящий на ногах верстальщик с портфолио из 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://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.

Гайд от анона по гитхабу:
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

Базовые обучалки от teamtreehouse любезно слитые аноном (только видео и только на английском):

JavaScript Angular/Node/D3/Gulp/NPM/OOJS/Ajax/Ember
https://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4

Верстка Fluid grid, dev tools, seo, flexbox, sass, etc
https://mega.nz/#!PgRiXJLK!Ske0xNBP aC9Rm_3mV9c5Zoz6rD5Yna-V7pI-yzJOB_A

Используемые нынче во фронтенде технологии
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
======================

Обновления, организация и предложения.

В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы.
Ссылки должны быть структурированы по группам.
Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост.

Ребята из академии предлагают сотрудничество верстальщикам и фронтендерам, с опытом от 1-2х лет в индустрии.
Подробности здесь https://htmlacademy.ru/intensive/htmlcss/tutors

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>648061 (OP)
>>656921
#3 #656921
>>656905 (OP)
Ну и нахуй ты так рано перекатил? Нормально же общались
122 Кб, 736x1104
#4 #656955
Анон, я новичок в верстках и бэкенде, подскажи пару вопросов:
1) Как вообще делаются многостраничники? (кроме cms) Ну ок, я сделал шаблоны под каждый тип страницы, хочу не каждый раз в редакторе новый код хуярить, а облегчить это все. Есть альтернатива - cms, но это не то. Мое представление: делается страница-шаблон с парой секций (одна - отвечает за категорию будущий страницы, вторая - за наполнение, т.е. из этих должны браться составные части для последующий сборки новой страницы), в конце - submit-btn, который все это дело переваривает и создает новую страницу. Как это все реализуется на практике? Может неоче понятно написал, надеюсь не как грабля корованов выглядит На geekbrains был курс про блог на php с примерно такой схемой, но там лектор просто хуярил код без пояснений и я дропнул.
2) Для практики пилю себе сайт, на котором обкатываю новые уроки, сохраняю образы верстки и т.д. В дальнейшем хочу допилить что-то типа сортировки страниц по содержанию, тегам и тд. Т.е. запрос - генерация страницы с результатами. Как это делается? У меня подсознательно всплывают PHP, хотя я о нем почти ничего не знаю. Зачем он вообще нужен?
>>656960>>657039
#5 #656960
>>656955
Бамп вопросу, я так понимаю что бы сделать интернет магазин нужно прикрутить цмс?
#6 #656962
>>656847
бамп
2 Кб, 782x75
13 Кб, 616x226
#7 #656982
Анон, как заставить блоки с ссылками тянуться на весь хедер (нужны вот эти белые границы сверху донизу)?
2) как можно выровнять текст по вертикали?
3) есть ли в css способ наследования значения не у родителя, а у элемента по классу или id?
>>656991>>657873
#8 #656991
>>656982
ты шапку жопой читал?
http://codepen.io/ блять
>>657007
Обучение по htmlAcademy #9 #656996
Я сам полный ноль в верстке, но хотел бы хоть как-то поделиться своим "опытом" изучения материалов по htmlacademy (ну т.к всё равно данный сайтец есть в пасте), мб таким же новичкам залетающим в данный тред - пригодится.

Большинство заданий просто вылетают из головы после прохождения курсов или прочтения материала, чтобы этого избежать авторы преподносят всё это в некой манере игры, сразу же применяя полученную теорию на практике.
Но иногда даже это не помогает, ибо видя задание, мы просто глупо следуем ему, разбираясь лишь поверхностно.
Например, задание:
1) Измените свойство на background-repeat: round.
2) Измените ширину на width: 450px;
3) Измените высоту на height: 500px
В теории рассказывается про атрибут round, как он работает и тд, после чего мы вроде бы выполняем задания видя как всё выглядит, но при этом например не задумываемся а зачем в этом задании мы меняли width и height (на деле, чтобы более подробно понять как ведёт себя данное свойство при изменении размеров блока) и тд и тп. Не всматриваемся в сам html код, в стандартные css-правила прописанные в редакторе.
А потом возникают различные посты аля - "ебать че это за хуйня с мишенями, нихуя же не понятно, сложно". А если расслабиться и спокойно просмотреть стандартный код в окнах минибраузера и немножко подумать - то всё становится предельно просто.

Если коротко - старайтесь не просто читать теорию и выполнять задание, а вчитываться в код (не во всех заданиях конечно), понимать зачем авторы сделали каждый пункт задания и что они хотят этим показать. Процесс запоминания при этом происходит намного качественнее.
>>657004>>657011
#10 #656999
>>656909
Айдиха? Я думал он съебал с сосача.
>>659587
#11 #657004
>>656996
>>656996
Зачем ты обьясняешь прописные истины? Кто серьезно в верстку лезет сам легко разберется с методом запоминания и решения задач. Остальные один хуй самообманом занимаются или для общего развития курсы учат, вон почитай каменты в "Кекстаграм: Эпилог. JavaScript" там пуканы рвутся на раз у таких деятелей. хотя там даже с нулевым знанием ЯП можно понять что происходит.
Да блять две трети не способны даже в чужом правильном коде селекторы нужные подставить, ибо нихуя его читать не могут, даже после того как им его на три раза до этого разжевали.
>>657008>>657012
#12 #657007
>>656991
там 10 строк кода, блдж
Хотя ты прав, хуйню сделал
http://codepen.io/Miseri44/pen/rLdkJr
>>657009>>657020
#13 #657008
>>657004
Возможно есть действительно умненькие пацанчики, просто из-за неопытности в этом деле могут неправильно начать изучать материал, так хоть поймут что к чему, дабы не тратить время.
#14 #657009
>>657007
что это такое, лол
>>657015
#15 #657011
>>656996
Нахуй вы эту зафоршеную хуету дрочите? Объяснений там не больше чем в буке сраном.
>>657019
#16 #657012
>>657004

> Из-за недостатка знаний не пойму что значит "вызвать функцию"...


Проиграл.
#17 #657015
>>657009
набросок, а по-твоему что?
#18 #657016
Охуеть, они серьезно на протяжении 50 постов не могли прописать путь к изображению http://forum.academy/t/toli-ya-tupoj-toli-lyzhi-ne-edut-skoree-pervoe/3166
>>657018
#19 #657018
>>657016
А потом такие у тебя работу из под носа уводят.
>>657024
#20 #657019
>>657011
Ну хз, я с помощью этой зафоршенной хуеты хоть чему-то научился за пару недель, например главную барбершопа сверстал http://x906473w.bget.ru/ , вроде бы не дохуя убого смотрится.
>>657021
#21 #657020
>>657007
я не пойму что тебе надо?
ты адаптив делаешь? почему нельзя выставить нужную высоту в пикселях?
что касается вертиклаьного центрирования
можно через высоту строки зацентровать.
http://codepen.io/anon/pen/jAzvpq
но я бы на флексах сделал.
Третий вопрос вообще не понятен, обьясни для чего тебе такое наследование
>>657036
#22 #657021
>>657019
Если ты так пиздато вчитываешься в детали, то и по мануалу бы сверстал.
>>657037
#23 #657022
Подскажите тогда ресурс для обучения лучший чем академия
>>657027>>657030
#24 #657024
>>657018
Очень сомневаюсь, что верстала сможет увести вакансию reactjs девелопера. Я бы даже сказал, что если такое случится, то я охуею и пойду устраиваться кассиром в пятерочку.
>>657028
#25 #657027
>>657022
учи по академии, не слушай зеленого
тут главное не подача материала, а мотивация, по академии учить ненапряжно, так же как инглиш например с розеттой стоун. А талмуды изучать с нуля это жутко уныло.
>>657029
#26 #657028
>>657024
Почему верстала, они уже давно пишут тупые коменты в ректакадеми.
#27 #657029
>>657027
Биатлон сверстал?
#28 #657030
>>657022
Нормально все с академией, здесь у нас просто сейчас аудитория представляет собой микс из вонаби сениор девелоперов и копирайтеров: одни шуткуют про программирование на хтмл, другие про паддинги с пипетками.
#29 #657032
Раз уж тут холивары про обучение, мне нормально так зашел метод академия + сторонние источники с теорией. Потому что на академии легко закрепляется базовая база, но конкретно я так нихуя и не понимал что и к чему.

Прошел курсы на webref (бывший htmlbook), к ним легкие довольно опросники. Теперь дочитал "Новую большую книгу CSS3", вот эта хуйня вам точно все разжует так, как надо.

Правда, в академии задания сложноватые, но не в тему, а в книге и на вебреф легкие и напрягать жопу не сильно приходится. Лучшее закрепление знаний — верстать макет, а не заниматься хуйней с биатлонами. Имхо.
>>657040
#30 #657036
>>657020
Спасибо. До флексов еще не дошел. Насчет наследования - чтобы задавать height и line-height в зависимости от высоты картинки слева, которая и растягивает меню по вертикали да и вообще интересно.
>>657038
#31 #657037
>>657021
Что сверстать простите?
#32 #657038
>>657036

> в зависимости от высоты картинки


Может я, конечно, не так тебя понял, но такое поведение можно реализовать только на JS.
другой кун
#33 #657039
>>656955
1. Через любой шаблонизатор, например pug. Или сразу через React или Angular.
2. Тут два варианта — можно генерировать страницу целиком на бэкенде, тогда тебе нужны PHP, Ruby+Rails или что-то подобное. Второй вариант — генерировать страницы на фронте, а с бэкенда получать только данные (как правило в формате JSON), тут опять врываются React и Angular. Для сколь-либо сложных сайтов сейчас используют второй вариант.
>>657051
#34 #657040
>>657032
На академии задания сложные? лол?
>>657041>>657042
#35 #657041
>>657040
Даже кресты легче заходят.
>>657044
#36 #657042
>>657040
Некоторые мне показались такими. Еще я во многих из них не вижу реального практического смысла, лучше бы давали применять пройденную тему на встроенном макете, потому что без интенсивов большинство так и не поймет, что они тут прошли на курсиках и как оно все вообще применяется.
#37 #657044
>>657041

> даже


Но ведь кресты легкие.
>>657047
#38 #657047
>>657044
Ну так-то да, просто их я попутно учу, основные ресурсы уходят на оттачивание html.
>>657050
#39 #657050
>>657047
Ну вообще я серьезно.
>>657052
#40 #657051
>>657039

> pug


нашел, буду пробовать

> React или Angular


Для вкатывания в фреймворки нужно полностью знать ванильный js или можно с изучением js и один из них начинать?
Спасибо
>>657059
#41 #657052
>>657050
А я думал ты пошутил.
>>657056
#42 #657053
Так, продолжаю ебаться с бутстрапом. Как я сейчас сделал.
1. Закачал бутстрап через bower
2. Скопировал оттуда два файла в свой проект - bootstrap.scss и variables.scss.
3. Изменил пути в bootstrap.scss, чтобы они вели в папку где лежат оригиналы, часть из них закоментил (блок с инклюдами components)
4. Ниже подключил скопированный variables.scss и планирую там изменять переменные.

Что мне здесь не нравится? Меня раздражает огромное количество переменных в variables, большинство из них мне нахуй не нужны, остальные кажутся неудобными и не подходящими.

Мне интересно, как вы работаете с бутстрапом?
>>657064
#43 #657056
>>657052
Ну правда, по сравнению с ванильной сишечной или лиспом или какой-нибудь еще хуитой кресты вполне себе дружелюбны.
>>657057>>657061
#44 #657057
>>657056
Меня больше всего пхп убивает.
>>657058
#45 #657058
>>657057
Чем же? Мне правда интересно, я на нем немного кодил, неприятный язык.
>>657060
#46 #657059
>>657051
Нужно знать базу, где-то первые 7 глав на learn.javascript.ru. Остальное учить потом по надобности. DOM и события задрачивать смысла мало, потому что у фреймвроков свои системы событий и методы работы с домом.

Советую начать с Реакта, он попроще и не страдает раздвоением версии.
>>657062>>657063
#47 #657060
>>657058
Я даже не могу сформулировать. Просто больно писать.
>>657062
#48 #657061
>>657056
Особенно указатели и ручное управление памятью дружелюбны, ага.
#49 #657062
>>657059
В реакт можно врывать после относительно хорошего понимания ванилы и знакомства с ЕС6, иначе можно прострелить себе ногу.
>>657060
Вот примерно такие же впечатления.
>>657066
#50 #657063
>>657059
главы = "Введение, Основы и тд" или части Введения?
>>657065
#51 #657064
>>657053

>Мне интересно, как вы работаете с бутстрапом?


1. Не используем bower
2. Не копируем файлы из папки модулей в основную, потому что это убивает на корню всю идею модулей
3. Понимаем, что бутстрап нахуй не нужен, так как есть флексы
>>657070
#52 #657065
>>657063
Первое, лол.
#53 #657066
>>657062
Учиться Реакту можно и без ES6. Это просто сахар.
>>657067
#54 #657067
>>657066
Сахар не сахар, а без ЕС6 на реакте уже давно никто не пишет. Взять те же импорты или функциональные компоненты. Ты ему советуешь путь копипасты, когда он будет писать что-то, что-то даже рабочее (потому что реакт в этом плане похож на жиквери), а понимать как и что - не будет.
>>657068
#55 #657068
>>657067
Глупости, я ничего такого не советовал. Я советую начать с кучей компонентов в одном файле и инлайн-конвертором с JSX. Чем Реакт похож на джиквери для меня загадка, абсолютно разные продукты по-моему.
>>657069
#56 #657069
>>657068
И правда, извини. Пора спать.
Похож дружелюбностью к пользователю, можно писать на автомате и подключать готовые компоненты и куски кода из гугла. Но это мои личные впечатления.
#57 #657070
>>657064
какую епта идею модулей? Это как-раз сделано для того, чтобы спокойно апдейтить библиотеки через бауэр, ни один оригинальный файл не был изменен.
Причем здесь флексы? Я знаю что такое флексы, я об этом не спрашивал, мне нужен бутстрап.
>>657071>>657072
#58 #657071
>>657070
Идею, что ты подключаешь модули через импорты, а не копипастишь в свой проект, блять. Иначе зачем они вообще нужны? И почему тебя ебут переменные вообще, если в конечном CSS их все равно нет?
>>657303
#59 #657072
>>657070
Зачем тебе вообще бовер? Столько раз видел его, и ни разу никто не мог мне внятно объяснить. "Ну тип ээээ короч нууу нпм мне не нравится)))".
>>657303>>657326
#60 #657073
Аноны, поясните за box-sizing. В чем подводные камни его использования? Вроде всеми браузерами поддерживается http://caniuse.com/#search=box-sizing , а Першин на интенсивах вроде не рекомендовал использовать это свойство.
Есть ли причины не указывать всему документу * { box-sizing: border-box; } ?
>>657099>>657182
#61 #657080
Сейчас вот первое сложное испытание попалось из платных курсов. Нужно для фото Кекса сделать рамку через border-image и тд.
Сидел минут 30, нихуя не понял (вроде почти сделал, но потом какая-то хуйня выскакивала и я начинал сначала), завтра попробую ещё раз.
#62 #657099
>>657073
0. Никто тебе не запрещает. Можно быть счастливым и на костылях.
1. Звёздочка очень медленно работает. Все твои стили начнутся с тормознутой звёздочки.
2. Если нужно будет добавить кусок, который был сделан с учётом блочной модели, его придётся переделывать.
3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида.
>>657162>>657791
#63 #657162
>>657099

>звёздочка очень медленно работает


вы там ебанулись со своими оптимизациями? На дворе 2016, пекам похуй, 0,0001% или 0,001% процессорного времени они затратят на цсс.
А вот жс да, оптимизировать всё ещё нужно.
А по поводу добавления куска, где всё будет работать не так, как надо - для этого border-box задаётся только html, а всеми остальными наследуется.
>>657174
#64 #657174
>>657162
Тебе ещё не доложили, что люди ещё и телефонами с планшетами пользуются?
>>657180
#65 #657180
>>657174
уж в чего чего, а мощности железа на современных мобилках хватает.
Дрочить на скорость css-селекторов в 2016 году - идиотизм. Их оптимизация не даст тебе и 1% общего прироста производительности.
#66 #657182
>>657073
Он не так часто нужен чтобы задавать его всему документу.
>>657188
#67 #657188
>>657182
Алсо, добавлю, что stylus по умолчанию ставит
html {
box-sizing: border-box;
}
,::after,*::before {
box-sizing: inherit;
}

Вряд ли его дураки разрабатывали.
#68 #657191
>>657188

>Вряд ли его дураки разрабатывали.



Рекомендую тебе забыть этот аргумент. Разработчики не сверхлюди. Иногда и дураки, иногда у них не хватает времени, иногда они не понимают задач, иногда задачи неадекватны тому, что ты хочешь сделать.

В софте иногда попадаются такие технические решения, что кажется, что его разрабатывали не просто дураки, а идиоты или вредители.
#69 #657196
woof
#70 #657218
>>657188
нихуя подобного не делает. хотя я не уверен, что мы об одном и том же
>>657224
#71 #657224
>>657218
>>657218
Может, ты и прав. Но когда на codepen'е выставляешь stylus, все блоки автоматом становятся box-sizing: border-box;
#72 #657248
Как понять, насколько хорошо прошло телефонное интервью?
#73 #657303
>>657071
ты что, ебанутый? Я копирую файл где прописаны все инклюды, и копирую файл с переменными которые хочу изменить, и инклюдю их в конце того файла, чтобы по каскаду сработали они, так мои изменения не затронут оригинальные файлы. Меня интересует, как здесь работают с этим файлом переменных на 800 строк, но похоже тут одни ебанашки, на которых только тратишь свое время.
>>657072
узнай, для начала, что такое bower, тупая ты пизда
#74 #657326
>>657072
Пиздец, только олдфаги помнят, что bower юзается для установки html и css библиотек, а npm для js.
#75 #657413
Я извиняюсь конеш, но тут есть люди которым рильно доставляет процесс верстки?
>>657466
#76 #657466
>>657413
Вряд ли. Но в основном вся работа скучная. Интересной мало.
#77 #657512
>>657188
bootstrap так делает
*, :after, :before {
box-sizing: border-box;
}
55 Кб, 1280x584
#78 #657520
Как убрать промежуток между q и w?
>>657568
#79 #657567
Продвинутый интенсив за 2016 не судьба пихнуть? ОП-мудила
#80 #657568
>>657520
или пишешь их в одну строчку, или выставляешь divy нулевой размер шрифта, а в <a> задаешь нужный размер
>>657572
#81 #657572
>>657568
А margin-left: -n px; у класс .e имеет подводные камни?
>>657582>>657752
#82 #657582
>>657572
просто запомни, что перенос строки равен пробелу и его видят строчные и строчно-блочные элементы. Я плохо помню подводные камни отрицательных марджинов
#83 #657586
ну в общем, это будет как минимум не удобно
#84 #657657
http://lpn.by/index.html
Аноны, поясните, как на этом сайте наверх вставили видео? Кинули вебмку в бэкграунд?
>>657740>>657893
#85 #657668
Аноны, что за хуйня - если header без бордера, то сверху появляется отступ между окном браузера и хэдером, а если поставить бордер, то хедер плипает к потолку, как и я хочу чтобы он был, но ведь можно сделать как-то проще, правильно?
>>657672
#86 #657672
>>657668
Попробуй у хидера обнулить верхний маргин.
>>657676
#87 #657676
>>657672
Не то, братюнь, и маргин топ обнулил, и у боди паддинги обнулил, один хрен отступ есть, а с бордером исчезает
>>657677
#88 #657677
>>657676
сделать хедеру псевдоэлемент
header::before {
content: ''';
display: block;
height: 1px;
}
>>657686
#89 #657686
>>657677
работает, только теперь список, который в хедере был на месте остался, то есть хедер вверх ушел, а список нет, и оказался в самом низу его. короче поправить могу, а вообще можешь обьяснить в двух словах из-за чего так происходит?
>>657700
#90 #657700
>>657686
Схлопывание отступов. Если верхний отступ дочернего элемента больше верхнего отступа родительского элемента, то как отступ родительского элемента используется отступ дочернего элемента. Помимо псевдоэлементов эту проблему можно решить паддингами.
Вообще, почитай про схлопыание элементов, там подробнее и доступнее всё изъяснено.
>>657861
#91 #657709
Залил первую сверстанную страничку на гитхаб и неожиданно проебалась интерактивная карта. В чем может быть проблема?
Локально все было ок. uskalina.github.io
>>657727
299 Кб, 1920x1080
#92 #657727
>>657709
А инспектор тебе на что?
>>657739
#93 #657739
>>657727
Спасибо, просто я совсем ньюфаг и до этого ни разу не открывал консоль лол
#94 #657740
>>657657
бамп вопросу
#95 #657752
>>657572
Если шрифт поменяется и соответственно с ним длина пробела, то будут баги.
89 Кб, 640x640
#96 #657760
Ребят, привет! Я из соседнего ИТ-треда админов.

Есть база в Access с формами запросов и кое-каким пользовательским интерфейсом, шеф сказал что было бы охуенно въебать её в веб-морду, ну я скачал MS WEB DEVELOPER, в конструкторе импорт данных только в виде таблиц.

Как это можно реализовать?

Или это не к вам?
>>657763>>657764
#97 #657763
>>657760
Не совсем понял вопроса. У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать?

> MS WEB DEVELOPER


Это точно не то, что тебе нужно. Грубо говоря нужен бэкенд, который будет данные из этого твоего аксесса парсить в JSON и отправлять на клиент, а далее уже на клиенте это все обрабатывается и выводится.
>>657775
#98 #657764
>>657760
Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.
>>657775
#99 #657775
>>657763

>У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать?


Шеф сказал что пиздато было бы иметь, чтобы показать начальству и тогда уже сыграть тендер и нанять программистов. Так-то ничего нет.
>>657764

>Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.


Жаль, вас понял.

______________________
В любмо случае спасибо.
>>657779
#100 #657779
>>657775
Значит все с нуля, это не к нам, да. Не знаю, можешь обрисовать ему как все примерно должно работать, а там пусть наймут 2,5 погроммистов.
#101 #657791
>>657099

>3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида.



А чем это свойство мешает адаптивности, я немного нуб и не шарю.
Пункты 0-2 можно было бы решить, просто добавив это свойство в стандарт.
#102 #657861
>>657700
Спасибо, бро!
#103 #657873
>>656982

Для растягивания ссылок (увеличения области клика) обчно дают паддинги ссылкам и убери нахуй у них высоту в 50 пикселей, ну и не забывай бордер-бокс прописывать, так как работаешь с инлайн блоками (чтобы не пидорасило).

Надеюсь я тебя правильно понял.
>>657876>>657896
#104 #657876
#105 #657893
>>657657
и ещё один бамп
#106 #657896
>>657873
То что нужно, спасибо.
Кстати, это нормально если я буду большинству элементов задавать размеры через border-box? охувеваю с расчетов этих паддингов/бордеров, при которых мне сетку пидорасит
>>657902>>657937
#107 #657902
>>657896
нормально
#108 #657937
>>657896

Если хочешь зависимость от img, то пихай лого в ul в хедере, убирай оттуда флоат, а двигай маргином от первого элемента. Правда, ссылки будет пидарасить при увеличении высоты картинки (у них высота фисксированная).

http://codepen.io/tvoyamamasha/pen/grZVPd
>>657951
#109 #657951
>>657937

Единственное не могу понять почему у хедера высота 74px, поэтому для наглядности дал высоту 70px.
#110 #657962
Аноны, замечали, что для разных разрешений поисковики выдают разные результаты?
>>657981
#111 #657981
>>657962
Разверни свою мысль, анонимус. чего блять.вебм
>>657985
#112 #657985
>>657981
У меня в системе два монитора. Один ноутбучный 1366х768 и один дополнительный 22" FullHD.
Когда открывал браузер на одном мониторе и искал фильм, поисковик выдавал один результат. Через час решил снова забить в гугл этот фильм, тем временем браузер перекочевал на другой монитор. Результаты выдачи были другими.
Фильм - Олдбой 2003
>>658002>>658003
#113 #658002
>>657985
поставь браузер между двумя мониторами
21 Кб, 350x342
#114 #658003
#115 #658015
Фейсбук выкатил тулзу для быстрого создания аппов на Реакте: https://github.com/facebookincubator/create-react-app

Теперь ньюфажикам не обязательно ебаться с настройкой бабеля, вебпака и черта лысого, чтобы написать хеллоу ворлд.
146 Кб, 500x500
#116 #658022
Поясните кто-нибудь, как часто используют на практике всякие изображения для рамок и их нарезка? В академии это хуй знает как объясняется - первое задание которое я вообще не пойму как делать.
>>658033
#117 #658033
>>658022
Вообще ни разу не использовал
>>658149
380 Кб, 2560x1439
#118 #658070
Короч уже работаю 2 месяца верстаком, запиливаю кулстори, мб кому интересно будет. Знания уровня двух продвинутых интенсивов, но с продвинутого адаптивку не верстал, лол + немного джиквери ну и бутстрап. Все где-то за 4 месяца осилил.Да, я тупенький Теперь по работе. Платят 20-25к. Для моего 600к города мне норм. Дают в основном верстку, всем остальным занимаются штатные программисты, как бэкендеры так и фронтендеры. Так же еще часто дают править чужую верстку, причем почти всегда там блять говнокод, и часто самому приходится говнокодить, ибо нужно пилить очень быстро. Делать заставляют все на БУТСТРАПЕ, и всегда 1 в 1 с макетом, то есть всякие улучшения, которым учит першин, мол нахуй дизайнера, не катят, заставляют 1 в 1 с макета делать, пиздец. Заказчики в основом иностранные, даже еврейский сайт удалось потрогать, лол.Макеты в основом хуевые, но пару раз были охуенные. Гита нет, часто бывает, что файлы с фтпшника перезаписываются, приходится делать бэкапы. Есть еще один верстак в конторе, он галпы-хуялпы, препроцессоры, даже еммет блять не использует, но верстает отлично и на любой вопрос отвечает на изи. Ну вроде всё, задавайте ответы, если что. Ну и еще рабочее место пикрелейтед.
#119 #658078
>>658070
Делаешь ли что-то для переката в полноценный фронтенд или так и остановился на верстке?
>>658083
#120 #658079
>>658070
Тюмень?
>>658083
#121 #658081
>>658070

Ноут твой?
>>658083
#122 #658083
>>658078
Когда работы нет сижу и по выходным читаю кантора, идет тяжело, но вроде интересно.
>>658079
Мимо
>>658081
Нет, выдали такой, оперативки хватает.
#123 #658084
>>658070
Боже, надеюсь мне все-таки удастся устроиться джуном-фронтендом...
А ты как вообще, надеешься на профессиональный рост?
>>658085
#124 #658085
>>658084
Конечно надеюсь, я думаю, тут из треда все хотят йоба-фронтами стать.
#125 #658087
>>658070
Поясни за бутстрап, пожалуйста.
>>658089
#126 #658089
>>658087
Что ты хочешь узнать про бутстрап?Подключаешь сетку из 12 колонок и ебашишь по ней.
>>658222
#127 #658092
>>658070
Запили как устраивался, что в резюме писал, как собесед проходил, долго ли они думали брать тебя или нет? Долго ли искал вообще? Добра, ты мой герой.
>>658109
198 Кб, 829x631
#128 #658109
>>658092
Позвонил, сказали приходите на собес, там HR был, вообще ничего не спрашивал, заполнил анкету и тест, в тесте были всякие пхп\джс вопросы, я их оставил без ответа, а верстко-вопросы на 100% отвтетил, было очень легко,в анкете стандартные вопросы, где работал, че делал, ваши качества бла-бла, написал правду, сказали мы вам перезвоним лол, перезвонили в итоге, пришел в офис, сказали будешь стажироваться 2 недели, я думаю, ну похуй. Дали сверстать статичный макет и прикрутить туда всяких свистопеределок, сделал быстро. Потом сказали запилить лэндос на бутстрапе, в итоге разобрался с бустрапомхотя хули там разбираться, в итоге лэндос не доделал, потом позвали к руководителю в другой офис, там он спрашивал всякую хуйню типа че умеешь, какие планы на будущее, все такое, посмотрел мою верстку ну и сказал хуй с ним, у нас тут проект горит, надо верстать, короче берем тебя. Вот и всё. Стажировался дня 4 где-то.
А, ну еще по поводу работы забыл написать, у нас есть проект менеджеры, которые ебут за каждый косяк, ну и своя CRM система, там есть задачи и система грантов, т.е премий которые идут + к окладу за каждую выполненную задачу. В конце месяца программисты меряются своими хуями грантами. Пикрелейтед мои нищегранты из CRMки.
24 Кб, 484x314
86 Кб, 1535x554
#129 #658139
Заметил небольшой обосрамс на 5 видосе базового интенсива. Возможно обосрался я, если так, то поправьте меня.
Суть в том, что они обнулили font-size у кнопок, где это нихуя не работает, так как его надо обнулить у section, что бы пробелы пропали.
http://codepen.io/Legys/pen/akGoPr
раскоментируйте для наглядности. Скрины прилагаются.
#130 #658149
>>658033
Знать бы ещё кто ты такой
#131 #658186
>>658109
Сколько лет тебе? Какие были зания (и в какой сфере) до этого всего?
>>658446
#132 #658190
Как работает правило - border-color: #2ecc40 transparent; ?
Оно задает цвет но при этом делает его прозрачным? шо?
>>658472
#133 #658194
>>658109
не удивительно что макаке платят 20к
>>658438>>658446
#134 #658222
>>658089
Как ты по ней ебашишь? Что ты конкретно подключаешь? Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете? Ебашишь больше колонок? Какие изменения вносишь?
>>658458
176 Кб, 1257x790
#135 #658265
Кто-нибудь данное задание делал? Оно вообще на практике пригодится или нет?
>>658332>>658472
#136 #658272
>>658109
чет порадовала система грантов
#137 #658332
>>658265
Делал, на практике не очень нужно, а если и нужно в нете куча сервисов.
>>658386
#138 #658385
>>658070
>>658109
Два интенсива? А обычные курсы на сайте все прошел или платные не проходил?
>>658446
#139 #658386
>>658332
Я нихуя не понял как эту хуйню делать, самая уебщиная тема наверное из всех курсов, забил хуй просто дабы время не тратить.
>>658472
4786 Кб, Webm
План-капкан #140 #658392
Решил составить небольшой план на последующие 2 недели, дабы не проебывать время и как-то себя дисциплинировать. А также потестить себя в более тяжелых (для меня) условиях, ибо заебало что я слишком долго копошусь в этом базовом HTML/CSS.

Сам план таков:
1) До пятницы закончить последние 14 курсов (платных) академии (трансформации, анимации, переходы, флексы и тд.)
2) Просмотреть последние 4 лекции базового интенсива (Пятница-Суббота).
3) Начать делать барбершоп. ( Воскресенье)
4) За неделю сверстать Барбершоп, Глейси и Нердс.

Окончание: 07.08.2016.
#141 #658402
Извиняюсь за вопрос.

>Верстале для портфолио достаточно запилить самостоятельно пару макетов.



Насколько я понимаю, макеты в формате .psd. А что делать, если я прыщеблядь?
>>658405
#142 #658405
>>658402
Страдать. Или запускать PS под виртуалкой.
>>658406>>658407
#143 #658406
>>658405
Спасибо за поддержку.
#144 #658407
>>658405
Ну знаешь, обычно на винде и без этого люди запускают, так что не страдай.
>>658409
#145 #658409
>>658407
Так у него не винда.
>>658410
#146 #658410
>>658409
Наверное как настоящий программист решил поставить линукс, а теперь сосёт хуи от говно системы.
>>658419
43 Кб, 700x489
#147 #658419
>>658410

>не ставится ротожоп


>линупс - говно

>>658420
#148 #658420
>>658419
Ну линукс говно не поэтому.
#149 #658432
>>658392
вангую, что сделаешь максимум половину
>>658682
#150 #658438
>>658194
А для меня удивительно. Для мухосранска 600к это хорошая зарплата. Учитывая, что те же деньги зарабатываются либо на заводе, либо весь раб. день стоя/бегая на ногах. Когда стоит выбор между заводами, пятерочкой, вот этим всем и работой макакой. Работа макакой, сидя на жопе ровно, явно лучше.
>>658642
#151 #658442
Дошел до редакса, впечатления такие же, как от первого чтения кантора.
>>658452
#152 #658446
>>658186
19 лвл, вышки нет, ибо нужны были деньги, да и сидеть в вузе 4 года как-то после школы не очень хотелось на нелюбимой специальности. Знаний - нихуя нет, работал в основном телефонной макакой, заебало, решил чем-то заняться чтоб-более менее сносную работу получить.
>>658194
Для меня это неплохо, ибо на предыдщуей работе получал 15-17к максимум, притом нихуя не делал и было пиздец скучо.
>>658385
Курсы прошел, и платные тоже. Ведь это я их заскринил и сюда выложил. 300 рублей для любимого треда не жалко.
#153 #658452
>>658442
А при первом чтении кантора какие были впечатления? Типа - "Блять пиздец как это работает нахуй, сложна, нихуя не понятно"?
>>658457
#154 #658457
>>658452
Типа того.
Но в ваниллу довольно просто вникаешь, как это все вместе работает, какими костылями обмазана и почему. А редакс это какая-то нереально абстрактная поебень. Вроде работает, но как - черт его знает. Пойду документацию курить заново.
#155 #658458
>>658222

> Как ты по ней ебашишь?


Достаточно прочитать официальную документацию на сайте бутстрапа, чтобы понять, как строить сетку на бутстрапе.

> Что ты конкретно подключаешь?


https://getbootstrap.com/customize/
Здесь ставишь галочку на grid system, остально по твоему желанию.

> Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете?


А вот тут самое интересное, если в колонки бустрапа верстка по ширине не помещается, а заказчик хочет на бустрапе, ты либо ему по хардкору поясняешь это и он либо соглашается отойти от макета, либо отказывается от бутстрапа(еще никто не отказывался, всем блять бутстрап подавай).
Если заказчик особо упертый, и хочет на бутстрапе + 1 в 1 с макетом, придется немного покастомизировать бустрап ну и делать всякое говно, прописывать бустраповским классам отрицательные марджины и.т.п.
>>658528
#156 #658472
>>658265
>>658386
я сделал позавчера за 10 минут
на практике оно нужно для рисования декоративных элементов.
Задание не сложное, для его выполнения нужно просто уметь читать чужой код. Если ты не можешь сейчас остановиться, разобраться то как ты планируешь дальше работать в верстке?

>>658190 это поди тоже твое сообщение?
бордеру можно отдельно задавать ширину с каждой стороны. и цвет тоже просто перечисляя их подряд. если размеры самого элемента нулевые то получаются 4 треугольника. задаешь нужным из них прозрачные цвета, получаешь нужные фигуры.
>>658736
#157 #658510
>>658070
Пиздец, беги нахуй оттуда.
#158 #658519
>>658510
Зачем? Чтоб дальше хлебать борщи на мамкиной шее, как большинство в этом треде?
#159 #658528
>>658458
ты не юзаешь sass/less?
>>658109

> и прикрутить туда всяких свистопеределок


Какие свистоперделки, вообще, какими плагинами пользуешься?
>>658688
#160 #658547
>>658510

>Пиздец, беги нахуй оттуда.


Адекват? Расскажи за себя, что такое НЕ пиздец. И как ты этого не пиздеца добился. На своем личном примере.
7 Кб, 1208x122
#161 #658593
пацы, че шапка съезжает?

.logo-menu {
width: 140px;
min-height: 68px;
float:left;
background: url("../img/logo-menu.png") no-repeat center;
}

сам див лого-меню поставил перед навигацией
>>658600>>658630
#162 #658600
>>658593
user-block'у, наверное, места не хватает
>>658645
#163 #658630
>>658593
кодепен блять
сука, думаешь тут экстрасенсы сидят и вдят чего и относительно чего ты там флоатишь?
#164 #658640
Нужна хелпа.
Хочу сделать галп таск, который бы создавал пустые папки и файлы в проэкте. (app[img, scss, js, css, font, index.html]).
Можно это реализовать из коробки? Или нужно ставить отдельные таски?
>>658653
#165 #658642
>>658438
Скажешь это хотя бы после года работы, ок?
#166 #658645
>>658600
да, спасибо.

Кстати, а как на разных страницах менять фон всей страницы? Если он стоит в body, но на другой странице мне другой нужен
>>658646>>658671
#167 #658646
>>658645
задай нужным бодям свой класс
#168 #658653
>>658640
Можно через модуль ноды fs, я думаю.
#169 #658667
Аноны, в чем подвох? Competentum, международная группа компаний, являемся уникальным поставщиком услуг в сфере электронного обучения (e-Learning) для высшего образования и бизнеса в США и Европе.
Наши многолетняя экспертиза и команды настоящих профессионалов позволяют нам создавать неповторимые решения для всего спектра образовательных услуг, от RIA и мобильных приложений до высоконагруженных LMS-платформ.
Мы открываем:
Курс обучения на Frontend разработчика в рамках которого наши лучшие специалисты расскажут и покажут на практике как с нуля создаются современные WEB-приложения.
Если Вы:

Знаете основы программирования;
Любите учиться и развиваться;
Готовы посвятить учебе от 4х до 8и часов в день.

Тогда мы ждем Вас!
За две недели Вы:

Узнаете основы HTML и CSS;
Познакомитесь с языком jаvаsсriрt;
Узнаете поближе React и AngularJS;
Подружитесь с системами сборки Webpack и Gulp;
Научитесь тестировать JS приложения при помощи Jasmine;
Поработаете с такими препроцессорами CSS, как SASS и LESS
Узнаете как создаются современные WEB-приложения;
И сами с нуля создатите свое WEB-приложение;
Получите перспективы роста в одной из ведущих компаний в области e-learning.
Премущества:
Мы обучаем Вас совершенно бесплатно;
Вы обучаетесь под руководством наших лучших специалистов;
Лучшим ученикам будут сделаны предложения о трудоустройстве;
#170 #658669
Есть ли сайты/приложения/дополнения к IDE/что-то еще, что могло бы генерировать приятный глазу набор цветов для оформления элементов сайта. Или есть курс по раскраске сайта?
>>658674>>658766
#171 #658671
>>658645
можешь использовать контент-враппер, растянутый на весь экран
#172 #658673
ребят, а скиньте верстку барбершопчика
#173 #658674
>>658764
#174 #658681
>>658667
В том что это

>Узнаете основы HTML и CSS;


>Познакомитесь с языком jаvаsсriрt;


>Узнаете поближе React и AngularJS;


>Подружитесь с системами сборки Webpack и Gulp;


>Научитесь тестировать JS приложения при помощи Jasmine;


>Поработаете с такими препроцессорами CSS, как SASS и LESS


>Узнаете как создаются современные WEB-приложения;


>И сами с нуля создатите свое WEB-приложение;


за

>две недели


выучить даже на базовом уровне невозможно
#175 #658682
>>658432
А вот и нет!
#176 #658683
>>658510
Побегу, как только в джсе достигну хотя бы уровня джуна,а шило на мыло менять смысла нет сейчас.
#177 #658688
>>658528
Юзаю less, свистоперделки из jqeri ui ну и слик слайдер, обычно просто гуглю что надо сделать, так и плагины нахожу.
>>658924
#178 #658693
>>658667
Наёб лохов на деньги. Как и большинство курсов.
#179 #658708
>>658667
За две недели это нереально. Плюс непонятно какой смысл учить одновременно React и Anglular или Sass и Less.
#180 #658727
Пишут, что бесплатно учить будут
#181 #658736
>>658472
Мне проще было бы свой css-код написать, чем подставлять селекторы под 20 разных правил, которые можно было объединить в одно.
Я не не могу, я просто не хочу тратить время за задания сомнительной полезности. Если будет нужно - вернусь к нему позже.
>>658753>>658766
#182 #658753
>>658736
Блять, на работе тебе часто придеться править чужой код, так что задание полезное.
>>658781
#183 #658764
Что скажете за цветовое оформление?
>>658674
Вариант хороший, если на странице 5-6 элементов, а для масштабного проекта 5 цветов маловато.
>>658768
#184 #658766
>>658669
http://www.palettable.io

>>658667
Две недели и ты сеньёр. Если ты не видишь лоха, значит лох это ты.
Если совсем бесплатно и время не поджимает, то можно время потратить и общее представление получить. Потом всё равно придётся с самого начала пипеткой маргины мерять, пока флоаты ехать не перестанут.

>>658736
Если планируешь работать, то отвыкай от "я не осилил, обосрался и решил отмазаться".
>>658781
58 Кб, 1920x1080
#185 #658768
>>658764
Картинку забыл.
#186 #658772
>>658768
Ужасно.

>для масштабного проекта 5 цветов маловато


Сколько цветов используют VK, FB, Твиттер, Яндекс?
>>658776
#187 #658773
>>658768
Как там, в 2005?Алсо, шрифт поставь нормальный, получше будет.
>>658776
#188 #658774
>>658768
Для заказчиков уровня фл.ру норм. Т.е. колхоз.
>>658776
#189 #658776
>>658772
>>658774
>>658773
Я самую молодежную специально взял.
https://color.adobe.com/ru/Pokemon-Go-color-theme-8355336/
>>658780
#190 #658780
>>658776
Ну охуеть, ты думал, что если взять нормальную палитру и случайным образом покрасить все в цвета из нее, то сразу заебись станет? Хороший дизайн должен быть осмысленным и последовательным, а не случайным.
>>658784
#191 #658781
>>658766
>>658753
блядь заебали, сейчас сяду и осилю
>>658785
#192 #658784
>>658780

>осмысленным и последовательным


Для меня это - пустые слова. Честно.
Что почитать\посмотреть чтобы мне не только стало понятно о чем ты говоришь, но полученные знания максимально правильно применить.
>>658785>>658818
#193 #658785
>>658784
http://www.tema.ru/

>>658781
100% или копувритер.
>>658787>>658790
#194 #658787
>>658785

> http://www.tema.ru/


Что это за пиздец?
>>658790
#196 #658818
>>658784
Ты должен ДУМАТЬ почему ты используешь именно этот цвет, почему отступ именно 20 пикселей — это осмысленность. А если ты покрасил кнопку в зеленый и задал ей определенную высоту и кегль шрифта, то подобная кнопка везде должна быть зеленая, такой высоты и с таким шрифтом — это последовательность.

Читни бизнес-линч и советы Горбунова для начала.
>>658823
#197 #658823
>>658818
Я думал ты мне расскажешь почему эта кнопка не должна быть такого-то цвета ввиду таких-то причин, а именно такого-то ввиду того-то.
Что ты написал мне очевидно.
>>658830
#198 #658830
>>658823

>Что ты написал мне очевидно.



Извини, но по макету так не скажешь. Он не выгляди ни продуманным, ни последовательным.
>>658846
#199 #658846
>>658830
Про отступы и последовательность понятно. Про цвет ты ничего нового и ясного так и не сказал. Например почему он должен быть именно зеленым, к примеру, и что должно влиять на выбор цвета в этом случае и в последующих.
И зачем вообще касаться маргинов/шрифтом/всего_остального_что_ты_написал не разобрав прежде цвет, непонятно
#200 #658882
Вопрос по ромбам:

Существует div с двумя классами:
<div class="stone hexa"></div>

Существует правило на класс stone:
.stone::before {
content: "";
position: absolute;
border-style: solid;

И если мы зададим классу .hexa такое правило:
.hexa::before .
То это создаст второй псевдоэлемент в контейнере или просто добавит новые правила в первый? Нихуя не пойму.
>>658917>>658959
#201 #658894
Аноны, посоветуйте, как сделать своему сайту https бесплатно? Возможно ли это?
>>658903>>658929
#203 #658906
>>658903
Сложна(
#204 #658917
>>658882
Не могу в спеках такого случая найти и сам я лоулвл, но чуйка у меня такая: будет дополнять выше идущие. Как если бы ты самому диву два класса назначил, а потом каждому классу свои параметры написал, они бы в диве смешались.
https://www.w3.org/TR/2011/REC-CSS2-20110607/generate.html#before-after-content
#205 #658924
>>658688
ты юзайешь лесс, но выбираешь чекбосами нужные компоненты на сайте бутстрапа?
>>658925
#206 #658925
>>658924

>юзайешь


лолблядь, юзаешь
#207 #658929
>>658894
Поставлю вопрос немного по другому. Посоветуйте, где можно бесплатно получить SSL сертификат? От cloudflare пойдёт?
#208 #658959
>>658882

>ли просто добавит новые правила в первый?


оно создает псевдоэлемент от элемента а не от класса. а через какой класс ты укажешь на этот элемент неважно.
188 Кб, 1197x779
#209 #658964
В общем сделал эти фигуры ебучие, подсказки никакие не смотрел. Вроде что-то начал в них понимать, но всё же не прямо до конца. Например не понял как строится последняя фигура, сложновато.
#210 #658966
http://codepen.io/pen/kXJbKR

Выручайте, как добавить падинги между эелментами списка и стилизовать вообще под барбер?
>>658971
102 Кб, 1523x644
#211 #658970
Получается что 1 - это псевдоэлемент (т.е высота нулевая, а ширина 30) и вокруг него строится рамка (2). Но я пока не могу осознать почему она получается именно такой.
#212 #658971
>>658966
может за тебя страничку целиком сверстать ?
иди смотри интенсив неуч,и задания делай.
на край нагугли уже сверстанный барбер у кого-нибудь в портфолио и там смотри через инспектор. а если на гите найдешь то можно и прямо в код заглянуть
>>658988
#213 #658988
>>658971
та ладно, всего-то паддинги и стиль этих иконок
>>659039
#214 #659039
>>658988
Паддинги, ссука, это имя, суть и философия профессии.
#215 #659040
Я чет нипонил, флоаты это тип плохо чтоли?
>>659041
#216 #659041
>>659040
нет
#217 #659077
Анончики, вот изучаю CSS градиенты и всякие анимации. Иногда кажется что я бы до таких штук описанных в задании никогда бы сам не догадался. Т.е я вроде как понимаю как это всё работает, но удивляюсь как это так настроили красиво. И одновременно чувствую огорчение, понимая что не смогу сам такое сделать. Возможно ли стать хорошим верстальщиком просто зная так называемые CSS-рецепты и лишь понимать как они работают? Часто ли на практике приходится импровизировать и придумывать что-то самому?
>>659083
#218 #659083
>>659077
Т.е вот например описание задания: "А сейчас создадим более сложную «блестящую и бликующую» псевдотрёхмерную кнопку.
Для этого нам понадобится чуть больше цветов, заданных вручую колорстопов и один резкий переход."
И я в этот момент не представляю как бы сам это смог сделать.
>>659111
#219 #659109
Не понимать, загрузил bootstrap через bower, и он автоматически подгрузил jquery. Подрубаю и то и другое, и вижу
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

Почому так?
>>659114>>659117
#220 #659111
>>659083
а где ты берешь эти задания?
#221 #659114
>>659109

> but lower than version 3


>и он автоматически подгрузил jquery


Может бовер последнюю версию подтягивает?
>>659119
#222 #659117
>>659109
Потому что это бовер, а значит с разрешением конфликтов зависимостей ты ебешься сам. Нахуя вы вообще его используете?
#223 #659119
>>659114
он подтянул 3-ку, это да, но я ему этого не говорил, я сказал лишь про bootstrap. Т.е. он автоматически загрузил мне не ту версию.
#224 #659125
bower jquery#>= 1.9.0
вот что он подгружает, что не правильно, удивительно, что это не пофиксили.
Это bootstrap-sass.
#225 #659144
>>658392
Дополнение к данному посту:
Возможно добавлю себе +1 день для выполнения последних 14ти курсов академии, ибо на испытаниях трачу слишком много времени, например над сюрикенами уже час сижу где-то. Жаль что я тупой.
5775 Кб, Webm
#226 #659154
Есть у кого-нибудь хорошие макеты с адаптивной версией. Всем по Коляну в этом треде.
>>659164
#227 #659159
Пацаны, а юзать готовые решения моветон или наоборот заебись?
Например, надо мне оформить какую-нибудь фронтэнд свистелку и я просто прикручиваю готовое решение от другого анона - как ты считаешь?
Абу заебал со своей капчей
>>659167
#228 #659164
>>659154
Посмотри вкакашке, группы типа psd'ец и подобным
>>659168
#229 #659167
>>659159
Если ты в процессе обучения, то не пытайся халявить и отмазываться, делай всё ручками.
А если уже хуяк-хуяк-в-продакшн, то конечно надо снова использовать и автоматизировать всё, что можно.
>>659169
#230 #659168
>>659164
Хорошо спасибо. Ща пинк доверствываю, а мне так понравились макеты с готовой мобильной версткой.
>>659170
#231 #659169
>>659167
Спасибо, бро
#232 #659170
>>659168
Что уже наверстал?
#233 #659179
Анон, помоги понять:
чому, если я шапку делаю fixed - у меня въезжает контейнер вправо?
если убрать fixed - все выравнивается как надо.
http://codepen.io/Miseri44/pen/bZrZPQ
>>659186
#234 #659186
>>659179
Марджины сука убери у боди
>>659191
227 Кб, 1189x783
#235 #659187
99%, чуть стол не перевернул нахуй. Почему при 25px и 25px на углах блять какие-то концы вылезли. Будто не на углах а прямо мне в ротан сука.
>>659274>>659291
#236 #659191
>>659186
Спасибо, можно еще пару вопросов?
1) Почему при нормальном позиционировании он стоял нормально, а при фиксед - съехал?
2) Для чего еще кроме боди желательно сразу прописывать нулевые марджины?
>>659196
#237 #659196
>>659191
1)Убрал фиксед, так и остались оступы, хуй знает что ты там делал до этого.
2) normalize.css подключи
>>659327
#238 #659234
Ананасы, почему это говно не работает http://codepen.io/ogurchik/pen/XKqjjK ? При отпускании клавиш в инпуте должен срабатывать алерт, но он не работает
>>659248
#239 #659235
Сегодня потрогал пиаршину от Мозиллы:
https://www.mozilla.org/ru/firefox/developer/
Как по мне, выглядит лучше, есть навороты для анимации, а вот некоторый обычный функционал (адаптивный режим, например) реализован хуже. Пока останусь на Хроме.

Пока с ней игрался, нашёл забавную штуку для обучающихся:
https://thimble.mozilla.org/ru/
Со встроенным Брекетсом лол.

Открыл для себя грады:
https://en.wikipedia.org/wiki/Gradian
Их можно применять в вёрстке c ie9. И меня теперь злоба берёт, аж кушать не могу. Почему мы, белые люди с метрической системой, живём с этими постылыми жидо-рептилоидскими градусами?

Примеры флексов для начинающих:
http://www.flexboxpatterns.com/
Правда с js'ом.
>>659245
#240 #659245
>>659235

>https://thimble.mozilla.org/ru/


И как это связано с обучающимися?
>>659247
#241 #659247
>>659245
можно строчить код, не настраивая рабочее окружение.
Я, кстати, сегодня отказался от работы с гитом через консоль. Буду лить туда свой говнокод через декстопное приложение.
>>659250
#242 #659248
>>659234
потому что #search а не #searsh
>>659309
#243 #659250
>>659247
А как это отличается от того, что я например скачаю любой редактор (Atom,Sublime,Brackets) и начну там работать, их тоже вроде не обязательно настроить. (или я чего-то не понимаю)
>>659256
#244 #659256
>>659250
как минимум, тебе ещё и лайвпревью надо будет настраивать. Да и в любом случае, перейти на сайт мозиллы и строчить код там, и потом иметь к нему место из любого места и с любого устройства, это охуенно. Думаю, скоро лет через восемь-десятьдекстопных приложений вообще не останется. Всё будет крутиться в браузере.
>>659259
#245 #659259
>>659256
Аминь, бро. Скачивать и устанавливать - это всё костыли и скоро уйдёт в прошлое.
>>659267
#246 #659267
>>659259
Ну не совсем костыли. Браузер по производительности никогда не обгонит саму систему, так что возможность закинуть всё в браузер появилась совсем недавно.
>>659276
#247 #659274
>>659187
пиздец, зачем это говно делать, это могут спросить на собеседовании?
>>659279>>659280
#248 #659276
>>659267
Никогда не говори никогда. Не встречал все эти цитаты 70х от директоров IBM, что типа никогда не будет такого, чтобы компьютер был в каждом доме или что-то в таком духе?
#249 #659279
>>659274
«Сколько у вас в сюрикенах на Академии? 99? Мы вам перезвоним.»
#250 #659280
>>659274
Ну например чтобы научиться делать фон градиентами.
#251 #659291
>>659187
Ебать лох.
#252 #659303
Эх, верстать надо. Прокрастинация.
>>659306
#253 #659306
>>659303
Двачую. Если б не она, уже бы давно реакт знал
мимо-медленно-ковыряюсь-в-вебе-на-маминой-шее-уже-полгода
>>659308
#254 #659308
>>659306
Нет, у меня не такая мощная, лол. Так уж вышло, что у меня про мои НАМЕРЕНИЯ узнали друзья, чьим мнением я дорожу. Приходится учить в т.ч и для того, чтобы не показать им, какое я хуйло.
#256 #659315
Что лучше использовать: button или input с типом сабмит?
>>659326
#257 #659326
>>659330
#258 #659327
>>659196
http://codepen.io/Miseri44/pen/bZrZPQ
вот с убранным фиксед, отступов нет
>>659601
#259 #659329
Привет, друзья, камрады, подписчики, сверстал простенький макет, оцените. Есть ли критические ошибки, похоже ли это на бэм, за сколько вы бы справились с таким шаблоном? Посмотрите код, пожалуйста, и объясните, где я неправ.
http://sashaslow.github.io

И еще, какой макет было бы нестыдно добавить в портфолио? Дайте наводку, а лучше ссылку на конкретную псдху.

Спасибо!
#260 #659330
>>659326
Почему?
Мне, конечно, удобнее использовать инпут, но хочется узнать, почему именно он.
#261 #659331
>>659329
Хочешь узнать, что происходит с твоим макетом на моем нетбуке?
#262 #659342
>>659329
Все сбивается влево и пиздец все распадается
Проверь верстку, друг
>>659353
#263 #659343
>>658392

>4) За неделю сверстать Барбершоп, Глейси и Нердс.


ХА ХА ХА ХА ХА!
>>659345>>659346
#264 #659345
>>659343
Если не спиздел и сделает, то там максимум день-два на каждый, это если проебываться и гуглить всякую хуйню а-ля КАК ЗАФЛОАТИТЬ ДИВ ПО ЦЕНТРУ СТРАНИЦЫ БЕСПЛАТНО И БЕЗ СМС
#265 #659346
>>659343
Что смеешься? Все когда-то начинали.
Может он работает по 90 часов в неделю?
#266 #659353
>>659342
Почему так?
>>659360
#267 #659360
>>659353
Гляну код попозже, такое ощущение, что цсс вообще не подключен
Но я тот еще фронтэндер, до меня мудрые аноны подоспеют
Запили пока скрины, как у тебя выглядит, интересно
>>659363
#269 #659366
>>659363
Опа блок с последними работами развалился, на локалхосте все норм было.
#270 #659367
>>659363
Бля, а на хроме все нормально. Пацаны, научите в кроссбраузерную верстку. На интенсивнах про это ни слова (либо я хуево смотрел).
>>659380>>659439
#271 #659372
Что почитать/посмотреть/послушать по продвинутому дизайну? Что-нибудь свежее и на инглише.
#272 #659373
>>659363
Походу это у меня что-то, перезашел с хрома и все ок
#273 #659380
>>659367
Двачую анона, тоже интересно
Сам юзаю префиксы и чекаю во время верстки во всех браузерах сразу, в итоге получается более менее кроссбраузерно, но, вангую есть что-то, что я пропустил

В хроме и опере ок, а в сафари и огнелисе у меня распадается
>>659428
#274 #659394
Хочу сверстать 3-45+ макетов и залить на гитхаб все или запилить сайтик портфолио и сьебаться с нелюбимой работы, но только мечтаю и прокрастинирую уже пару месяцев
Пиздец прям
>>659400
#275 #659400
>>659394

Пока ты прокрастинируешь, я ебашу Глейси после барбершопа, скоро в седону и продвинутый интенсив.
Соберись блять! Работу он сменить собрался.

Продажник-кун
#276 #659406
>>659400
Ниче ты дерзкий, а я вот барбершоп как-то кривовато сверстал и теперь думаю нердс и техномарт, а уже потом седону. Ну, как бы по-нарастающей.
>>659411>>659413
#277 #659410
>>659309
пока ты что-то там не поменял - у меня работало.
#278 #659411
>>659406

Глейси на самом деле не сложный макет, единственное, что там нужно сделать из сложного для меня - это слайдер со сменой фона страницы. Но уже есть мысли.
#279 #659413
>>659406
нердс<барбершоп<глейси<техномарт<седона
>>659416>>659417
#280 #659415
>>659400
Короч я сверстал 3 сайта в ОЛОЛОПРОДАКШН прям, но они настолько убогие, что стыдно людям показывать, лол
>>659419
#281 #659416
>>659413
Что ж, спасибо, учту. Тогда нердсом сейчас займусь. Надо восстановить веру в себя, лол.
#282 #659417
>>659413

Я тоже примерно так прикинул.
#283 #659419
>>659415

Не переживай, я до попадания в тред вообще два года назад делал сайты на джумле, а шаблоны клепал в artisteer с небольшими правками и продавал по 5 - 7к. Так что убогие - это понятие относительное.

>>659400-кун
>>659454
#284 #659424
>>659329
Код никто так и не посмотрел, как я понял
>>659435
#285 #659428
>>659380

>В хроме и опере ок


Но это ведь одно и то же.
>>659437
#286 #659435
>>659424
Если ты хочешь чтобы посмотрели код, то может быть стоит кидать ссылку на сорцы?

Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?
>>659444
#287 #659437
>>659428
че престо всё?
>>659455
#288 #659439
>>659367
Берешь и без задней мысли смотришь во всех браузерах. Если где-то что-то распадается, то запоминаешь эту особенно и потом учитываешь. Но во всех браузерах все равно проверяешь.
>>659440
#289 #659440
>>659439

>особенно


особенность
107 Кб, 643x765
#290 #659443
ебать, ну это уже по моему перебор
>>659461
#291 #659444
>>659435
То есть я тебе сейчас должен все то же самое залить на codepin? Через инструмент разработчика посмотреть ничего нельзя? Я нихуя не понимаю какие сурсы тебе нужны.
>>659445
#292 #659445
>>659444
Ссылка на сорцы на гитхабе, аутист. Через девтулзы смотреть СЛЕГКА неудобно.
>>659462
#293 #659454
>>659419
Лол, продажник ты прям
Олсо, свои говносайтики тоже по 5-7к толкнул
#294 #659455
>>659437
Ты рил?%))0%
#295 #659461
>>659443
Задумка неплохая. Надо будет ввести такую фичу себе на сайт.
>>659472
#297 #659463
>>659462
Да я уж нашел.

>Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?

>>659464>>659469
боль вселенская #298 #659464
>>659463
месяца 3 назад вкатился с нулевым опытом в одну конторку помощником версталы... поначалу давали задания по верстке в основном, внутренние страницы/блоки там сверстать, убрать ошибки из консоли, плагин какой повесить и т.д. работаем с разными cms, больше всего мне нравится modx.
сейчас пилю десигны в фотошопе, потом их верстаю, потом допиливаю ajax формы. к нам недавно пришел директолог - помимо своей работы он еще пилит для меня прототипы.
хуй знает, зачем я все это написал. просто у меня горит жопа от того, что надо делать макеты, так-как я не совсем могу в дизайн, хотя последние потуги получили минимальное количество правок.
больше всего мне бы хотелось сверстать сайт для своей компании от начала и до конца (и без бутстрапа), оживить все формы для отправки заявок, потом посадить его на цмс.. но если дизайн придется делать самому - буду в полном ахуевозе. да и опыта для такого пока не хватает
>>659466>>659467
#299 #659466
>>659464
и да, здесь не должно быть реплая. я идиот.
#300 #659467
>>659464
как вкатился?
>>659482
#301 #659469
>>659463
Ну, не говнокод? Выглядит как что-то похожее на БЭМ?
Префиксы через автопрефиксер, есессно.
>>659474
3066 Кб, Webm
#302 #659472
>>659461
Да я эту задумку даже осознать не смог, просто делал как написано, пиздец же.
При этом финальное испытание - проще некуда,сделал за 5 минут. Непонятно нахуя вообще это круговое меню решили в ОБУЧАЮЩИЕ задания по основам CSS запихнуть...
#303 #659473
Так че, какой макет можно добавить в портфолио?
#304 #659474
>>659469
Да нормальный код, не парься. А чего исходники-то на гитхаб не выложил? Он вообще-то для этого и предназначен.
>>659475
#305 #659475
>>659474
Я просто еще зеленый. Плохо понимаю, что там как устроено. Сейчас засяду курить мануалы.
#306 #659482
>>659467
ну я по фасту расскажу, что верстка мне была интересна еще в 2007 (мне было 12, лол), но там все делалось по фану и оч плохо. потом интерес испарился, а в 2015 опять что-то торкнуло - сходил на курсы, решил после, что охуенный разработчик (пздц), стал на HH.ru откликаться на все frontend вакансии подряд, делал тестовые задания и ездил по собеседованиям. естественно, шел нахуй. потом по весне увидел вакансию на позицию помощника верстальщика - откликнулся, но не сразу, почему-то пару дней упорно игнорировал её. пригласили меня на собеседование - разговаривал непосредственно с главным верстальщиком компании (тян 23 лвл), там как-то нормально пообщались, она посмотрела мое портфолио (закинул на гитхаб все предыдущие тестовые задания с фиксами), отправила по почте тестовое для меня и мы расстались. дома стал делать тестовое - просто верстка главной страницы сайта, ничего специфичного, но я тысячу раз охуел. на собеседовании меня сказали, что надо сделать тз быстро, я за 1,5 дня сверстал и отправил. через пару дней перезвонили и сказали типа "приезжай, ты нам подходишь".
так-то я очень рад, что меня взяли хоть куда-то, просто у нас в отделе каждый - человек-оркестр, а мне бы хотелось заниматься именно версткой. ну и с работой хуй знает когда качать скиллы js и php, потому что без этих знаний сложновато приходится порой, а сделать надо обычно что-то очень быстро, хорошо, что есть stackoverflow.
>>659491
#307 #659491
>>659482
Рад за тебя, анош.
А ты откуда? Сколько зп?
говносайтики-кун
>>659496
#308 #659496
>>659491
дс2, зп 25к. в скором времени будет повышение до 30, лол.
>>659501>>659856
#309 #659501
>>659496
А куда устроился, если не секрет?тоже дс-2
Все-тот-же-кун
>>659505
#310 #659505
>>659501
Большой-большой секрет маленькой такой компании. Огромный такой секрет.
>>659519
#311 #659517

> 1000+ часов.



Ах Ахах АХАХАХАХАХА :D
Пилю сайтики, лендинги по шаблонам на WP, не знаю почти ничего про эти ваши жуваскрыпты, рублю по 5-10к за сайтик ^^
>>659520
#312 #659519
>>659505
окай
#313 #659520
>>659517
Денис?
>>659521
#314 #659521
>>659520
нет Ваня
478 Кб, 599x448
#315 #659530
Аноны, если какая-нибудь статья на русском где описано при каких условиях блоки растягиваются а при каких нет.
А также при каких условиях контент из них может вываливаться. Всё время теряюсь с этим.
>>659532
#316 #659532
>>659530
Смотря на чем верстаешь, антош.
Вываливается контент всегда если его объем больше объема контейнера.
>>659539
120 Кб, 960x804
#317 #659539
>>659532
Ну вроде только недавно делал задания на академии, где просто вставляя текст и он растягивал блок по высоте, а сейчас столкнулся с этим -> http://codepen.io/anon/pen/ZOoLGV и мой мир просто рухнул, хуле тут то не работает?
При этом, в таком же коде на академии всё нормально, например здесь - https://htmlacademy.ru/courses/44/run/1 . По-моему я что-то упустил в понимании.

P.S При этом всё равно хотелось бы найти статьи >где описано при каких условиях блоки растягиваются а при каких нет.
А также при каких условиях контент из них может вываливаться.
Хотя бы по стандартным методам верстки.
#318 #659540
>>659539
фикс второй ссылки: https://htmlacademy.ru/courses/44/run/12
#319 #659542
>>659539
Тебе что нужно то сделать?
>>659543
#320 #659543
>>659542
Объясните почему блочный элемент растягивается от текста, а в другом примере - нет, и от чего это зависит.
>>659547
#321 #659547
>>659543
Может потому что у блочного элемента стоит свойство min-height? То есть ты определяешь минимальную высоту, но если контента внутри больше, то блок тянется в соответствии с ним.
>>659548
#322 #659548
>>659547
http://codepen.io/anon/pen/ZOoLGV дохуя изменилось.
>>659565
#323 #659556
Как отключить анимацию нажатия у кнопок?
>>659563
#324 #659563
>>659556
Отбой вопроса.
#325 #659565
>>659548
хз, но если наставить пробелов в тексте, то он подстраивается под ширину контейнера
>>659592
#326 #659584
Аноны, подскажите, где можно скачать папку bootstrap с scss файлами? bower и npm не советуйте, не люблю я эту консоль.
>>659585
#327 #659585
>>659588
#328 #659587
>>656999
>>656909
Кто такой, чем знаменит?
#329 #659588
>>659585
Анон, смотри, я скачал весь бутстрап, но там как-то много всего. Хотелось бы, чтобы в папке scss была папка bootstrap, в которой были уже все бутстраповские файлы, из которых нужные я буду подключать. Что из скаченного в папку пихать? Какие из его компонентов обязательны для его работы в целом?
>>659602
#330 #659592
>>659565
Хм, тоже не знал об этом. Оказывается если есть слово (последовательность символов без пробелов и переноса строк), которое длиннее ширины блока, то оно будет выходить за его границы.
Решение такое - добавить блоку с длинным словом свойство word-break: break-all;

Таки вот: http://spouk.ru/web/Vyhodit-tekst-za-ramki-bloka-div
27 Кб, 357x465
#331 #659601
>>659327
Не знаю, чувак, отступы есть.
>>659618>>659901
#332 #659602
>>659588
Может посоветуете какой-нибудь репозиторий на гитхабе, где компоненты бутстрапа аккуратно сложены в одну папочку и откуда без проблем подключаются?
>>659620>>659621
#333 #659618
>>659601
Да подключи ты уже нормалайз. В самом кодпене он даже есть.
#334 #659620
>>659602
http://www.creative-seo.ru/blog/bootstrap-sass-ustanovka-i-nastroyka/
Думаю сделать как в этой статье.
#336 #659625
>>659621
Я там был. И так и не понял, как удобно всё это положить в свой scss проект. Похоже, я слишком тупой.
#337 #659630
Верстаны, смотрите, стали бы вы бесплатно верстать такой макет для портфолио? Прибавит ли он мне веса в глазах заказчика или профессионализма?
Алсо, макет тоже очень хуёво сделан, основная ширина там - 1500 пикселей, так что всё придётся делать на глаз.
http://rgho.st/8W8vj4HYt
>>659634>>659649
#338 #659634
>>659630
Нет. Работать бесплатно — зашквар.
#339 #659649
>>659630
Я бы постыдился такое говно в портфолио класть даже на этапе освоения барбершопа. А сейчас тем более.
>>659679
#340 #659666
че, епты, верстаю второй заказ лендингхуэндинг, осталось погуглить как делать рабочую форму обратной связи и все нах, можно сдавать

всем удачи, у всех все выйдет
#341 #659672
>>659666
где заказ взял?
>>659780
#342 #659676
>>659666

>666


Сатанюга, сколько учился до начала работы? Где заказы берёшь? Сколько получаешь?
>>659780
#343 #659679
>>659649
Двачую, базаришь

>>659666
Как форму пилишь?
>>659685>>659787
#344 #659685
>>659679
Послал заказчика нафиг. Сейчас вот верстаю своё резюме, потом буду жквери дочитывать.
>>659690>>659691
#345 #659690
>>659685
Ммм, маладца, наш пацан.
#346 #659691
>>659685
Лол, почему?
>>659693
#347 #659693
>>659691
А смысл бесплатно верстать убогий макет, который даже в портфолио будет стыдно положить?
>>659696>>659700
#348 #659696
>>659693
А, я думал, ты тот анон с лендингами и формой
Конечно, нахуй его
Бесплатно только себе верстай
>>659700
#349 #659700
>>659693
>>659696
Олсо, как у тебя жс-жквери продвигается?
>>659703
#350 #659703
>>659700
да вообще всё медленно продвигается, при том, что всё вроде бы понятно. Целыми днями фантазирую, слушаю музыку и смотрю ютубчик.
>>659711
552 Кб, 1100x960
#351 #659709
Может показать кто, как резиновые кнопки верстать?
На пике слайдер, ебался с кнопкой, прикрутил ее как надо, на разных размерах на месте и с разным размером, а вот как там текст по вертикали центрануть, я вообще не ебу. Va пробовал, оберку пердолю, что-то нихуя придумать не могу.
#352 #659711
>>659703
Хорошо, что я не один такой
>>659715
#353 #659713
>>659709
Я хуячу им тексту в кнопке паддинг сверху и убираю высоту пропорционально, лол
>>660072
#354 #659715
>>659711
Это не очень хорошо. Просто значит, что мы с тобой в тех 90%, которые будут сидеть у мамки на шее и изредка подрабатывать на случайны халтурках.
>>659719
#355 #659719
>>659715
К сожалению
По идее, там vertical-align можно как-то заюзать
#356 #659722
>>659709
В 2016 есть только один приличный способ отцентровать что-то по вертикали — флексбокс.
>>659725>>660076
#357 #659725
>>659722
Хочу flex box попробовать, но не могу макет найти подходящий
>>659728>>659730
#358 #659728
>>659725
Любой макет подходящий. Я вот сейчас Нёрдс на флексах и БЭМе пробую.
>>659790
#359 #659730
>>659725
Зачем для него какой-то особый макет? В абсолютно любом макете у флексов тысяча применений — центровка, распределение с равными интервалами, колонки, растягивание по высоте на 100%, сжатие по ширине по контенту и т.д.
>>659790
#360 #659731
>>659709
display: flex;
flex-direction: column;
justify content: center; / align items: center;
Ишакоюзеры и прочие некроюзеры пусть сидят с неотцентрованными кнопками.
>>659742>>660076
#361 #659738
>>659709
Олсо

> less


> 400 строк говна в одном файле


Если уж начал юзать препроцессоры - разберись с ними до конца, настрой компиляцию, времени займет от силы час два-три если ты даун.
>>660070
#362 #659742
>>659731

>flex-direction: column;


Это лишнее.

>justify content: center; / align items: center;


А эти правила нужны оба.
>>659750
#363 #659750
>>659742
А я всегда делал так http://codepen.io/anon/pen/ZOoKvx
>>659762
#364 #659762
>>659750
Вместо
flex-direction: column;
justify-content: center;

можно писать
align-items: center;

Какой смысл менять главную ось?

Выравнивание по второй оси у тебя за счет text-align: center; Ну, тоже вариант, да.
>>659764
#365 #659764
>>659762
А какой "смысл" ее не менять? И так, и так 2 строчки.
>>659785
#366 #659780
>>659672
>>659676
с мая месяца этого года, заказ друг подкинул, у него типо студия дизайнрекламасайты

этот лендинг он впихнул за 8к, делим поровну, мне все равно это чисто для портфолио и опыта, я ведь студентота пока что
#367 #659785
>>659764
Нет, в моем варианте на строку меньше.
>>659791
#368 #659787
>>659679
пока только в хтмл вид сделал
думаю аяксасихуяксами и пхпой как-нибудь заставить работать ибо хз как еще делать
>>659793
#369 #659790
>>659728
>>659730
Пошел верстать любой макет, блядь, пристыдили, шакалы
#370 #659791
Смотрите, че нашел. https://www.weblancer.net/projects/772531.html Такой то хипстерский бриллиант среди сотен обрыганских проектов, характерных для снг-бирж.
>>659785
t-align фактически идет по-дефолту к подобным элементам, но хорошо, ты победил, сэкономив ~0.4 секунды (3буквы+таб) жизни.
Хотя на самом деле я просто импортирую миксин из собственного маленького набора миксинов.
#371 #659793
>>659787
Если надо чтобы только данные отправлялись на почту, заюзай пхп
>>659798
#372 #659798
>>659793
спасибос!
#373 #659829
Хочу задать вопрос и получить развернутый ответ.
Какие server-side технологии имеет смысл учить в первую очередь? Что более востребовано на рынке? Что проще?
>>659831>>659833
#374 #659831
#375 #659833
>>659834
#376 #659834
>>659833
Спасибо. А конкретней можно? Какой фреймворк учить хотя бы?
>>659835>>659841
#377 #659835
>>659834
Бро, учись критично воспринимать информацию. Ты где-то слышал, что пхп для быдла, поэтому проигнорировал меня, но потом другой анон советует тебе кресты, и ты сразу ему веришь.
>>659844
#378 #659841
>>659834
Даже и не знаю, что тебе сказать...
Учитывая твое

> Что проще


Пхп станет отличным выбором.
Но если ты долбоеб, то можешь обмазаться рельсами, они тоже примитивны, но работы раз в 20 меньше, чем на пехапе.
>>659849
#379 #659844
>>659835
Это был сраказм, если что.
Стандартную связку php+mysql учить? Я уже когда-то учил пыху, но на уровне процедурщины. Дальше не лез.
Почему не ноду?
>>659850
#380 #659849
>>659841

>Но если ты долбоеб, то можешь обмазаться рельсами


Я умею программировать на руби, жиэсе и жабе. Я понял, что только один из этих трех языков сможет меня прокормить без приложения титанических усилий. Ну плюс пыха еще теперь.
>>659852
#381 #659850
>>659844

>стандартную связку php + mysql


да.

>почему не ноду


можешь и ноду, но по ней работы в разы меньше.
>>659859
#382 #659852
>>659849
Если ты знаешь на достаточном уровне хотя бы один из перечисленных ЯП, то что ты все еще делаешь в этом треде? Знаешь жс - учи ноду. Руби уже давно на дне, жава трещит от наплыва украинских джуниоров-выпускников гоайти и прочих гикбрейнсов. Ну а пхп стабилен, как деревенский туалет, конкуренции много, работы тоже много, джуниоры чистят говно вилкой за 15 копеек в час.
>>659858
#383 #659856
>>659496
мед организация, наплодившая за время существования около 30 сайтов. название говорить не буду
>>659865
#384 #659858
>>659852

>пхп стабилен, как деревенский туалет


Обосрался в голос.
В общем, я все понял. Спасибо за ответ.
>>659862
#385 #659859
>>659850
И тебе спасибо.
>>659861
#386 #659861
>>659859
Самое забавное, что вот это своё дохуя ценное мнения я несу с дивана на основе статей с хабра. А сам сейчас перевёрстываю вот это вот резюме, лол.
http://rylov.pro/cv/
>>659870>>659881
#387 #659862
>>659858
Если честно, не вижу смысла учить пыху в качестве второго языка, если ты не мидл/сениор которому вдруг понадобилось клепать серверные скрипты на этом говне.
>>659870
#388 #659865
>>659856
Корис? Скандинавия? Медицентр?
>>659902
#389 #659870
>>659862
А что там учить-то? Неделю мануалы покурить, и все. Мне для своих проектов сервачок нужнен. Ну и некоторые вакансии для меня приоткрыты будут.
>>659861
Для меня была полезна информация про то, что пыха с майскьюэлем пользуется большим спросом, чем нода. Я это и так знал, но вдруг за несколько месяцев ситуэйшен изменилась. В мире веба все очень быстро меняется.
#390 #659881
>>659861
Сейчас заглянул в твое резюме.

>Android (Java, C++, Android SDK, NDK, Fragments API, Custom views, Animations, ContentProviders, Navigation patterns, In-app purchase, Embedded Android etc… ). Java SE, REST WebServices, WebAPI (Java, JAX-RS, Spring Framework, Hibernate, PHP/Yii2, JavaScript/Node.js, PostgreSQL, MySQL).


C 2011 – 2013 разработка на платформе .Net Framework (C#, WPF, WindowForms). Обработка видео потоков, Computer Vision.
C 2007 – 2015 разработка кроссплатформенного ПО с использованием Qt/C++.
Знание алгоритмов и структур данных, применение паттернов проектирования, покрытие кода Unit тестами.

Интересно, что же творится на рынке профессий, где нужны твои навыки.
Не обидно, когда столько лет пахал, как вол, неизвестно для чего, чтобы потом макакой работать?
>>659884
#391 #659884
>>659881
Это не его резюме.
>>659886>>659888
#392 #659886
>>659884
А. Понял. Опять недосып буйствует.
#393 #659888
>>659884
Можно, кстати, позвонить тому куну на номер и сказать, что его резюме анон из воркача пиздит.
>>659894
#394 #659894
>>659888
Так-то это стандартная вордпрессовская тема. И тот кодер особо не заморачивался и просто по-быстрому залил свою инфу туда. А вот я таки переверстаю, чтоб адаптивно, и всё работало вообще без перезагрузок. Эдакое СПА, но без реакта.
>>659896
#395 #659896
>>659894
Молодец, работай. Я бы чуточку юмора добавил в резюме. У этого куна все как-то слишком сухо и серьезно. Хотя и умения у него тоже довольно серьезные.
>>659908
#396 #659901
>>659601
да я про отступ контейнера: если стоит fixed - контейнер почему-то уезжает вправо. Мне интересно как отступы в боди на fixed вариант влияют.
#397 #659902
>>659865
все мимо
#398 #659908
>>659896
Пока как-то так выходит.
http://puu.sh/qcHX9/3999559c7f.png
Хотелось бы написать, что хотелось бы из дому верстать лендинги, вырабатывая усидчивость, тренируя память и увеличивая скорость слепой печати, чтоб иметь возможность не слушать упрёков мамки и в свободное время пилить игорь, но боюсь, не поймут.
>>659931
#399 #659910
Тупой вопрос, аноны. Как залить свой недосайт на гитхаб? Видел тут в треде делают так, только что зарегался там вот, никак не врублюсь.
>>659931
#400 #659921
>>659539
С блоком все нормально, пидорасит текст потому что у тебя одно слово по умолчанию не переносится на новую строку. С лорем-ипсум все норм выглядит. В твоем случае я погуглил решение: word-wrap: break-word (разбивает твои охуительные строки по 200 символов для помещения в ширину блока).
>>659958
#401 #659924
Лол, рандомно ответил на не совсем днищенский заказ (верстка-хуерстка+жс) на веблансере и забил хуй, чувак отписал в скайп и молчит два часа, проверил почту, а он там ждет моего ответа. Встретились два аутиста, называется.
Олсо ему понравилось мое говнопортфолио
>>659934
#402 #659926
Хуле тут все такие успешные? У меня баттхерт.
не могу залить сайт на гитхаб - кун
#403 #659931
>>659910
ЧИТАЙ ФАК, СУКА!

>>659908
Чуть-чуть критики.

>Хорошо знаю html и css.


Молодец. Но напиши, что отлично знаешь html и css с приемами html5 и css3. Ты же умеешь их применять?
Если нет, потрать два-три дня на изучение.

>Умею верстать адаптивно и резиново


Лучше сказать: владею приемами адаптивной и резиновой верстки.

>на низком уровне


Никогда не пиши в резюме о собственных недостатках. Они сами вскроются на собеседовании. Пиши лучше, что-то вроде "активно изучаю js/jquery/json/ajax/angular.js/react.js/node.js/express.js/someshit.js/...".

А теперь реальность.
Чувак. Я сейчас полазал по сайтам с вакансиями с единственным запросом "верстальщик" и нигде не нашел позиций, где бы требовались знания одной верстки. Везде чуть ли не со знанием бэк-энда. На что ты расчитываешь?
>>659938>>660086
#404 #659934
>>659924
А ну-ка покажи.
>>659937
#405 #659937
>>659934
Да я его уже 100 раз скидывал acilsd.github.io
Адекватный мужик оказался, даже не ожидал такого встретить на просторах говнобирж.
>>659942>>659943
#406 #659938
>>659931
На самом деле, я владею жс довольно хорошо, просто я скромняша :)
>>659945
#407 #659942
>>659937
Ух блядь, аж 400 далларов, если не кинет, то я богат.
>>659947
#408 #659943
>>659937
Сделайте меня развидеть это. Адаптивом тут даже и не пахнет. А от дизайна у меня ИЗ ГЛАЗ КРОВЬ БРАТ УМЕР ОТЕЦ СБЕЖАЛ МАТЬ В КОМЕ ЖЕНЩИНЫ СТОНУТ ДЕТИ КРИЧАТ.
>>659946>>659979
#409 #659945
>>659938
Ты супер.
#410 #659946
>>659943
А ему понравилось :3
#411 #659947
>>659942
А если кинет, то что будешь делать?
>>659949
#412 #659949
>>659947
Ну потеря 5 дней на верстку+жс не так уж и критично скажется на моем психоэмоциональном состоянии.
>>659950
#413 #659950
>>659949
Когда сделаешь хотя бы половину работы, попроси небольшую предоплату.
>>659951
#414 #659951
>>659950
Да уже договорились 30% > 30% > 40%
>>659953
33 Кб, 604x604
#415 #659953
>>659951
Молодец. Удачи с заказом.
>>659955
#416 #659955
>>659953
Спасибо, хули

А мне нравится дизайн моего портфолио, наверное я и правда говноед. Адаптив не буду пилить, лень.
#417 #659958
>>659921
Ну я вот разбил это одно слово, на много маленьких, но более длинные слова всё равно переносятся. Т.е так всё нормально и мое мировозрение блоков было правильное?
>>659974
#418 #659974
>>659958
если не задал ширину - растягиваются до пределов родителя, если в растянутый блок не помещается контент - контент вываливается. Я это так понимаю, в реальных условиях у тебя не будет строк по 100 символов.
>>660042
#419 #659979
>>659943
Хорошее портфолио, сколько до такого уровня учился?
>>659981
#420 #659981
>>659979
Где-то с декабря. "Портфолио" я это набросал за пару часов. Там даже инлайн стили есть, лол. Думаю, что не буду его изменять, им можно неплохо так траллировать всяких эстетов, которые тратят на свои барбершопы портфолио недели.
35 Кб, 471x403
#421 #660037
Хочу повыебываться и вставлять в свой сайт "типа новости" с чего нибудь блога. Планирую тянуть ajaxом, посоветуйте где можно увидеть как такую хуйню делают.
#422 #660042
>>659974
http://codepen.io/anon/pen/ZOoLGV

Короче я так понял если ОДНО слово больше чем ширина контейнера - оно вываливается из него, и для этого нужно прописывать свойство про которое говорил господин выше. А сама длина СТРОКИ значения не имеет, т.к слова переносятся.
#423 #660056
Надо срочно что-то делать со своим распиздяйством. На то, чтобы из главной Нёрдс выдрать контент и накидать на него разметку, то есть на голый хтмл с картинками, у меня ушло больше пяти часов. Пока спишу всё на неопытность, но это пиздец конечно.
Это мой первый самостоятельный макет после барбершопа с Першиным. Наверно начну сейчас третий из продвинутого смотреть и сразу вкачусь в Лесс, чтоб время не терять.
#424 #660062
>>660056
Ты прав, с опытом придет и быстрота. Главное, что ты правильно все делаешь, а сколько по началу ты времени на это тратишь не так важно.
44 Кб, 894x644
#425 #660063
>>660056
Знакома эта боль, только я вот видимо подзабыл поведение в потоке. С этой шапкой уже ебусь часа два, вроде все правильно измерил, а все равно какая-нибудь хуйня происходит.
>>660066
#426 #660066
>>660063
Вангую, что маргин у последнего элемента списка забыл убрать.
>>660069
#427 #660069
>>660066
Я ставил ласт-чайлд, но почему-то у них всех слетают маргины тогда. Вот в кодпене, может это я где-то туплю.

http://codepen.io/anon/pen/yJjoZB
>>660127
#428 #660070
>>659738

> настрой компиляцию,


В чем суть и какие профиты?
#429 #660072
>>659713
Яннп
#430 #660074
Capitan Anonimus, отзовись пожалуйста. Дай ссылку на свой СodePen.
#431 #660076
>>659722
>>659731
Вы конечно молодцы, но я хочу все способы знать, а не тупить потом на собеседовании -ну хуй знает, я флексами/бустрапам делал.
>>660099
#432 #660086
>>659931

>ЧИТАЙ ФАК, СУКА!


Спасибо, анончик, я чет как-то и не обращал внимание, что в шапке есть. Добра тебе!
178 Кб, 819x619
#433 #660089
Сойдет для портфольки?
https://ingemar88.github.io/
>>660144
#434 #660091
@keyframes move {
0% {bottom: 0px;}
100% {bottom:-50px;}
}

Нихуя не пойму отличия между 0% и 50% кадра.
Почему если поставить 0% то элемент при старте улетает в какое-то другое положение и начинает движение из него, в при 50% он начинает двигаться с того места, где был до применения к нему анимации.

При этом в академии написано это:
"Если не задан начальный ключевой кадр, то анимация будет проигрываться из исходного стилевого состояния элемента к ближайшему шагу из перечисленных в keyframes и далее."

Ну а если начальный кадр задан, то что происходит?
#435 #660093
Пацаны-верстаны, как нарисовать фигуру в седоне внизу картинки из интро?
Или просто выдернуть ее из фш?
#436 #660099
>>660076
Ответ на твой вопрос ищется за 1 секунду в гугле (абсолютное позиционирование, лайн-хэйт, дисплей тэйбл), а флексы - единственный на данный момент некостыльный способ центрирования по вертикали, так что твои претензии к ответившим анонм непонятны.
>>660111>>660137
#437 #660111
>>660099

> дисплей тэйбл


Благодарю, гугл выдавал какие-то дикий гайды.
Никаких притензий, просто как бы поясняю свою ситуацию
#438 #660127
>>660069
отступ в 46пх это не дохуя? к тому же я бы отступ задал для li
>>660140
#439 #660137
>>660099

> лайн-хэйт


А как с этим сделать?
>>660139
#440 #660139
>>660137
Ставишь тексту лайнхэйт равный высоте блока.
Это, наверное, самый уебанский способ, т.к. если текст внезапно перелезет на новую строку, то блок распидорасит. С другой стороны, этот же способ самый легкий, для каких-нибудь логотипов вполне может подойти. Хотя я флексодаун и ни разу этим не пользовался.
>>660141>>660143
#441 #660140
>>660127
Да я уже понял, что начал говнокодить и запутался, стер все и решил начать заново. И тут новая хуйня:
Теперь при маргин-топ у лого он отъезжает вместе с контейнером. Я просто охуел, лол. Они же разделены 100%, ну что за пиздец?

http://codepen.io/anon/pen/vKjJZA
#442 #660141
>>660139

> Ставишь тексту лайнхэйт равный высоте блока.


У меня там резиновая кнопка, у нее меняется высота и длина, вот нужно, чтобы текст кнопки был по центру.
>>660143>>660147
#443 #660143
>>660139
Хотя вроде пишут, что можно вот так:
<div class="parent">
<div id="child">Content here</div>
</div>
.child {line-height: 200px;}
Но распидорасит в любом случае.
>>660141
Делай на флексах, для некроебов добавь паддинг в пару пикселей, чтобы текст кверху не сильно прилипал. Сомневаюсь, что кто-нибудь будет проверять твою статичную верстку в ие8-9, старой опере и прочем ископаемом дерьме.
>>660146>>660147
#444 #660144
>>660089
Четко, малаца. Правда модальное окошечко уебищное по дизайну получилось.
#445 #660146
>>660143

> статичную верстку


резина же.
>>660148
#446 #660147
>>660143
>>660141
Я бы вообще сказал, что это идеальный кейс применения флексов для таких вот декоративных элементов. Как говорил Першин - у пользователей 9- ишака полно других проблем, кроме отсутствия скругленных уголков и неотцентрированного текста. Никто же больше уголки картинками не накладывает под ие8, ведь так?
#447 #660148
>>660146
Я имел в виду, что это обычная статик хтмл-страничка со стилями.
Опять же, даже если докопаются, сможешь выебнуться такой, типа "я адепт грэйсфул деградейшн нах"
>>660160
77 Кб, 541x625
#448 #660160
>>660148
Не выходит у меня нихуя. Уже и падинги в процентах пробовал. хуй знает, как этот текст ебучий отцентровать.
>>660166>>660171
#449 #660166
>>660160
Я тебе от чистого сердца советую, сделай вот так (как вариант, там выше анон по другому еще предлагал на флексах, но суть одна): http://codepen.io/anon/pen/KrRvRp

Ну да, у некроебов текст не отцентрируется, ну и хуй с ними.
>>660169>>660171
#450 #660169
>>660166
Хорошо, спасибо, ибо хуй знает, как иначе.
Алсо, вот нагуглил этот макет, а там уебан верстал, говнокод, дак еще и кнопка не кнопка а бэк.
>>660172
#451 #660171
>>660160
Друг, правда, сделай как анон >>660166 говорит
#453 #660176
Знаю олдовый HTML(Табличная, мать её вёрстка) и чу-чуть CSS. Мне теперь всё заново учить или как?
>>660177>>660179
#454 #660177
>>660176
Именно.
#455 #660179
>>660176
Ну как вариант можешь устроиться в какой-нибудь ПФР и верстать им бухгалтерские формочки на таблицах.
>>660184
#456 #660180
Аноны, никто не подскажет, с чем связана такая хренотень?
Через css я задаю блоку display:none, но когда дело доходит до js, выясняется, что display у объекта и не задан вообще. Причём так происходит не со всеми объектами, а только с некоторыми (вот один такой, зараза, выскочил.) Почему так?
>>660189
#457 #660184
>>660179
Это не вариант, я хочу фрилансить. С чего начать учёбу то? С нуля или с блочной вёрстки и CSS 3?
>>660189
#458 #660189
>>660180
Код или пример кода в студию.
>>660184
Ты так говоришь с нуля, как будто это займет больше одной недели. Я не знаю твой уровень, но как минимум обновить имеющиеся знания и обмазаться HTML5 спецификацией нужно.

ПИШЕШЬ ПОСТ
@
ВВОДИШЬ КАПЧУ
@
ОСТАЛАСЬ ПОСЛЕДНЯЯ ЦИФРА
@
КАПЧА МЕНЯЕТСЯ

Как будто просто хуи вместо цифр - это недостаточный уровень унижения.
>>660193
#459 #660193
>>660189
Как допилю, покажу. Сложный довольно проект с кучей зависимостей. говнокод
>>660200
#460 #660200
>>660193
Окей, интересно будет посмотреть.
Сегодня просто копался во фронте одного говночатика по просьбе знакомого, делал ему говноскрипт суть такова: юзеры отправляют в уютный чятик картинки, бэкенд это говно обрабатывает, картинки показываются в чатике в виде 100х100 превьюшек. По клике на картинку надо эту картинку добавить в галерею и открыть галерею в модальном окошке, при закрытии картиночки сохраняются, можно снова открывать, удолять, листать. Идея то простая, с нуля я бы за пару часов накатал, но я заебался ловить банальное cannot set property of null в самых неожиданных местах. Так и не доделал.
>>660379
Front-end слак конфа #461 #660227
пишите на мыло thPlMekreizoANUSW;EgmailPUNCTUMcFDzom отправлю инвайты
>>660266
#462 #660234
Аноны, сложно ли на ванилле сделать последовательное изменение свойств css? Чтобы сначала одно действие закончилось, а потом запускалось второе, причём, на другом элементе.
Знаю, как сделать это на жквери, но только из-за этого тянуть её...
Помогите советом.
#463 #660266
>>660227
зачем, что за конфа?
>>660270
#464 #660267
>>660234
setTimeout?
>>660480
#465 #660270
>>660266
slack конфа двачей по программированию в основном front-end
#466 #660278
>>660234
Нашлепать из тегов и евоных классов объекты и менять их со временем.
>>660480
79 Кб, 640x451
#467 #660282
Пасаны а можно ли себе где то накачать базу данных не сильно большую? Что то по типу "рыбы" "Lorem Ipsum". Просто что бы наполнить базу данных
4 Кб, 76x410
#468 #660294
Даунский вопрос: такие йоба-полосочки можно как-нибудь нарисовать или лучше не париться и вырезать картинкой?
>>660322
#469 #660302
Где можно взять макеты для респонсива, что бы там были макеты для одного сайта под разные разрешения?
#470 #660309
>>660056
а препроцессор нельзя в середине верстки влепить, только в ее начале?
#471 #660322
>>660294
можно
#472 #660334
Анончики, где можно подробно прочитать про анимации на CSS, а то на академии как-то всё слишком поверхностно и хз как это на практике применять.
(желательно статью на русском).
>>660361
#473 #660361
>>660334
"Новая большая книга CSS"

Подробная там глава про анимацию и переходы.
570 Кб, 1037x389
#474 #660365
Такое можно флоатами резиной сверстать?
>>660373>>660398
40 Кб, 640x640
#475 #660373
>>660365
Ага, все, сам разобрался.
#476 #660379
>>660200
Но ведь эти места нихуя не неожиданные. Знал бы ты документацию хорошо, такого бы не было.
#477 #660398
>>660365
Ну и пидарство.
>>660400
#478 #660400
>>660401
#479 #660401
>>660400
Пидарство.
>>660402
#480 #660402
>>660401
Что именно?
>>660403
#481 #660403
>>660402
Ты че доебался до меня? Мужчиной пахнет?
36 Кб, 876x928
#482 #660411
Ладно, хуй с ним, с ангуляром, хотя пока он мне казался невероятно простым. Вряд ли я найду себе заказы на фрилансе, да и время много убью на него.
Так что я просто решил стать очень крутым верстальщиком.
>>660415>>660420
#483 #660414
В чем преимущество использования :checked ~ перед :checked + ?
15 Кб, 876x928
#484 #660415
>>660411
И похуй что всем сейчас требуются те кто знает Angular...
>>660420
#485 #660419
Кто-нибудь прошел финальное испытание темы "Селекторы" в академке? Чувствую себя ущербным из-за того, что в гугл полез после часа ебли.
#486 #660420
>>660415
>>660411
Не парься. Если твоим целям будет отвечать то, чего ты достигнешь, то у тебя все будет хорошо.
#487 #660432
Чем селектор .button .red отличается от .button.red?
>>660439
#488 #660439
>>660432
Первый для элемента с классом .red вложенного в элемент с классом .button. Второй для элемента , имеющего оба этих класса.
>>660448
#489 #660448
>>660439
Спасибочки.
#490 #660480
>>660267
Можно конечно, но откуда я знаю, как скоро закончится анимирование первого действия?
>>660278
Не понял тебя. Если ты тоже про setTimeout, то думаю это не очень годный вариант
Пожалуй, вот ещё одно место, где без жквери и ни туды, и ни сюды (хотя, может, на реакте такое есть).
#491 #660483
>>660234
transitionend / animationend
>>660489
#492 #660489
>>660483
Спасибо, милый человек, взял на заметку.
Хотя от анимаций всё-таки решил отказаться.
#493 #660506
Ребят, какое разрешение экрана оптимально для верстки?
Стандартного ноутбучного разрешения 1366 на 768 достаточно будет для работы?
>>660510
#494 #660510
>>660506
маловато, но на первое время сойдёт. С другой стороны, будет проще верстать для большинства юзеров.
>>660521
#495 #660521
>>660510
На первое время - это время учебы, или я первое время могу поработать над заказиками с ноутом, а потом с выручки купить нормальный монитор?
>>660522>>660523
#496 #660522
>>660521
Да. По-моему это вообще не проблема.
#497 #660523
>>660521
«Да» в смысле можешь и далее так работать.
#498 #660550
https://frollodecol.tk/
Вот что пока получается из моего портфолио, верстаны. Одно непонятно, почему не удаётся получить плавно появляющуюся форму обратной связи?
Вот код:
http://codepen.io/frollodecol/pen/qNYokW
#499 #660555
>>660550
Ололо, деанон, сейчас тебе звонить будем всем тредом.
>>660556
#500 #660556
>>660555
денег не напасётесь на межгород)
#501 #660557
>>660550
Ух, я таки сделал. Использовал setTimeout.
>>660560
#502 #660560
>>660557
Хотя нет, не сделал.
#503 #660582
>>660550
Заказал тебе проституток и пиццы на 4 часа ночи, не благодари.

Такое ощущение, что это написано забитым совковым инженеришкой. Где твои коммуникабельность и активная жизненная позиция?

>Разработчик веб-сайтов.


Я делаю веб-сайты и для меня это как глоток свежего воздуха, как музыка Вивальди солнечным весенним утром.
И так далее.

>знаком на довольно низком уровне


>есть поверхностные знания


Мамин скромняша, да у твоих текстов НИЗКАЯ КОНВЕРСИЯ. Если маму любишь и хочешь слезть с её боршей, пиши бодрей.

>Если эти навыки вас заинтересовали, можете почитать обо мне ещё


Если я хочу, я просто кручу колёсико.

>Если вам не нужен верстальщик


Туда же.

Вот эту книжку прочитать вообще всем обязательно:
http://royallib.com/book/gal_nora/slovo_givoe_i_mertvoe.html

Хорошая статейка про портфолио:
https://www.smashingmagazine.com/2013/06/workflow-design-develop-modern-portfolio-website/

не-осилил-копирайт-вкатился-во-фронтенд
>>660632>>660664
#504 #660632
>>660582

>Вот эту книжку прочитать вообще всем обязательно


Помнишь, как у тебя один анон реквестировал эту книжку в программаче?
>>660657
#505 #660657
>>660632
Это не я. Я в программаче только в рид-онли в жс-треде сижу пока, фантазирую о своём вылезаторском будущем.
А Норка действительно очень годная.
#506 #660664
>>660582
На хуй идет эта Норка. Она вообще писала про переводы, а не про то как портфолио составлять. А про портфолио уж лучше даже про позиционирование и продвижение в маркетинге почитать. Тем более есть просто статьи про то, как составлять портфолио.

Совковую бабку из пыльных филфаковских заведений на кой то черт достали. Вы бы еще какую-нибудь Клару Цеткин или жену Ленина тут вспомнили и их "произведения".
>>660671
6 Кб, 604x214
#507 #660671
>>660664
не читал, но осуждаю
>>660686
#508 #660686
>>660671
Всю прочел.

Вся книга - стенания питерского интиля на тему "ах какие плохие переводы...с переводами дословно...с громоздкими конструкциями...со всякими деепричастиями и прочими причастиями, которые несвойственны рюЗЗкому языку". Я понимаю, что эта книга была актуальна для совковых переводчиков, которые на гос харчах могли выдавать реальное качество и над каждым переводом сидеть долго и вдумчиво. Но времена изменились.

И эта книга вряд ли челу поможет составить портфолио.
>>660716
#509 #660698
Extract for Brackets — годная ли еще вещь или есть уже что получше?
>>660703
#510 #660703
>>660698
Они его уже полгода собираются закрывать. Может уже закрыли. Так что полагаться на него не стоит.
Использовать стоит ворованный фотошоп. Уёбский стандарт индустрии.
>>660706>>660736
#511 #660706
>>660703
От фотошопа у меня лютый бугурт, хоть я и освоил его для уровня верстальщика. Мне тут подсказали попробовать avocode, сейчас скачаю.
>>661091
#512 #660716
>>660686
Ты прав, не нужно было эту книгу так категорически советовать. Просто вспомнил, что она мне помогла в своё время решить проблему с такими текстами для незнакомых людей в общем, а не только для портфолио.
#513 #660736
>>660703
Самое обидное в фш - не сам фш, который ок, а все что вокруг него. Оплаты фш, которые иногда не проходят. Креатив клауд, который не хило так ресурсы системы отжирает (сам по себе, а не фш). А самое главное - 4-6 процессов, которые всегда висят фоном в системе после установки лицензионного фш и креатив клауд. Словно майнеров от васяна накачал.

Уебки, просто уебки. Но альтернатив нет.
>>660739
#514 #660739
>>660736
Поэтому я пользуюсь портабл версией от васяна. Майнеров не заметил.
>>660756
#515 #660742
Я наверное очень тупой, но с фш у меня реальные нелады. Вроде бы все размеры совпадают, которые бережно замерил пипеткой, отступы-хуетступы, а в итоге опробовал пиксель-перфект, наложил — вообще разный размер, моя шапка как-то уже получилась. Хотя все один в один прописывал по отступам и телу контейнера.
>>660754
#516 #660754
>>660742
дах на те прям пиксель в пиксель хуй забей
#517 #660756
>>660739
У меня васян-портебл вешает мою пекарню на 4 ядра, 8 гигов покруче любого Крузиса. Лицензию даже не пробовал ставить. Если там ещё и "майнеры" понавешаны, оно должно ещё хуже быть.

Если это является такой яркой проблемой в индустрии, почему не видно никаких попыток её решить? Зафорсить какой-нибудь стандарт типа ODT, только для макетов.
#518 #660761
>>660756
так нет никаких проблем. Это тебе просто кажется. Я вот поставил фотошоп от васяна, прекрасно работает на моём 6 гигов/2ядра. Попробуй ССД поставить, может, поможет.
#519 #660826
>>660756
Это разные подвиды "висяков". Когда фш запускается или когда он открывает макет - пофиг, пускай висит полминуты-минуту. Это жестик мб медленный или оперативки мало или она тоже медленная. А когда лицензия тебе 4-6 процессов в систему сует, которые активны, когда у тебя ни фш ни креатив клауд не запущены, а эти процессы все равно висят и у тебя от них вся система подвисает... Вот это просто пиздец. Просто нет слов.
>>660854
#520 #660854
>>660826

Это официальный майнер от Adobe.
#521 #660864
Блин, ну галп, ну что же ты творишь? Минифицировал файлы, и теперь что-то сломалось, да и фавикон проебался.
#522 #660992
эээх, охота пару проектов запилить, дизайн продумал даже, в раскрутку вложиться, но чет руки не доходят просто я ленивое говно

как убрать эту лень ебучую
#523 #660998
http://frollodecol.tk/
Худо-бедно доверстал, даже форму обратной связи прикрутил. Но из-за уриво настроенного веб-сервера приходится страдить. Эх, пожалуй, надо бы накатить адженти и перенатроить всё заново.
474 Кб, 1233x921
#524 #661004
Анонимусы, в чем может быть причина этого геморройного воздуха между блоками? Я все отступы вверх и вниз поудалял уже, клеарфикс поставил, а все равно такая пустота образовалась.
>>661014>>661074
#525 #661014
>>661004
Код покажи блять.
102 Кб, 640x645
#526 #661024
Ять , где вы берете макеты для верстки?
>>661036
#527 #661036
>>661024
у личных дизайнеров, конечно
>>661049
#528 #661042
Кто-нибудь работает на машинках с процами типа 5Y10, 6Y30? Если да, устраивает ли скорость в рабочих задачах?
#529 #661049
>>661036
Тема, ты как?
>>661055
#530 #661055
>>661049
На ледоколе сейчас.
52 Кб, 424x604
#531 #661065
>>660756
>>660756
Лол, это в только нищей России где молодым светит работать курьером такая жесткая мода на верстку и ИТ. Верстка со временем видоизмениться и переродиться во что то новое. Все эти вопли про фотошоп, это как вопли со стороны параши. Никому это неинтересно - ни бизнесу, ни энтузиастам от opensourse(хотя это одно и тоже). Кому охота заниматься в отмирающую область?
#532 #661074
>>661004

У тебя вообще все не на месте, даже девка с псиной съехала вниз.

Код в студию.
>>661178
155 Кб, 1121x783
#533 #661083
Объясните, пожалуйста. Какого хуя так?
Вообще горит люто очко от этих line-height.
>>661577
#534 #661091
>>660706
качай avocode, только там беда с line-height. Если першин их в отступы расчитывает, то тут хуй ты что расчитаешь.
398 Кб, 2560x1762
#535 #661119
Анон, собираюсь переверстать барбершоп на флексах, есть несколько вопросов:
1) Что делать с центровщиком и фоном хедера/футера на весь экран? Сначала разделить страницу вообще на три флекса: хедер-мейн-футер с 100% базой, а затем оборачивать их контент во флексы?
2) что делать с декоративной штуковиной №2? блоком верстать глупо, а просто нарисовать - смысл при адаптиве пропадает. Как скрывать элемент при условии перехода соседнего на новую строку - не знаю.
#536 #661173
Что за пиздец, откуда берутся эти 60 кандидатов на позицию front end junior, откуда, нахуй, такое количество?
>>661177
#537 #661177
>>661173

> я выпускник академии, сверстал седону))


> знаю, как сменить класс по нажатию на кнопку)))


> собираю галпом0))


Не ссы, из этих 60 - 59 даже на позицию версталы не пройдут.
>>661181>>661313
#538 #661178
>>661074
Я слегка пригорел и стер всё, буду переверстывать.

По поводу девки с псиной беда наверное в том, что я ее как img поставил с размерами вместо бэкграунда.
Размеры кстати из avocode беру, удобная штука.
#539 #661181
>>661177
Да пригорает просто, мне даже не отвечают (скорее всего из-за того, что я из мухосрани аплаю).
На миддла по 3-5 кандидатов, на джунов по 60 набирается, пиздец.
#540 #661313
>>661177
Так-то для вёрстки сайтиков этого более чем предостаточно.
40 Кб, 500x333
#541 #661396
Пасаны, только что вкатился в тред.
Перейти по http://nnmclub.to/forum/viewtopic.php?t=899131 из шапки, а сайт не пашет.
Мб у кого торрент сохраненный остался?
>>661400
#542 #661400
>>661396

> Попытался перейти

#543 #661453
В интернетах нашёл такую фразу: "От себя замечу лишь, что сейчас, в 2014 году, не использовать Grunt или Gulp — признак дурного тона и несерьёзности разработчика."
Это ещё актуально? И было ли актуально?
>>661484
#544 #661484
>>661453
Актуально, только «Grunt или Gulp» следует читать как «Gulp или Webpack».
#545 #661517
Я понял одно, в резюме верстальщика в примерах его работ, должно быть полно анимаций, переходов, изменией форм, что бы менялось, переливалось и переползало как в мире Хаоса( Привет, Хроника Амбера). Что бы это была не страница, а как будто ты наебнул 2 марки настоящего ЛСД и пуская пену, ловишь дичайший трип, по другому на тебя просто не обратят внимание.
Ананасы как научиться в такую хуйню? JS основы знаю, слайдер на ваниле делал, DOM дергал. Накидайте страниц от которых HR срут жабами и кончают кровью.
>>661539>>661553
#546 #661539
>>661517
Кто тебе такое сказал? HR терпеть не могут резюме, которые оформлены не по стандарту hh.ru. И нужны им не свистелки и перделки, а законченные проекты на Реакте или Ангуляре. То же самое нужно и техдиру, только в виде репозиториев на гитхабе.
>>661602
173 Кб, 425x685
#548 #661577
>>661083
бамп
#549 #661598
>>661553
Что это за ужас ебаный?
#550 #661602
>>661539
Дай примеров работ, позязя, таких что на них hr дрочат и кусают залупы в бешестве. Ага, гугл мне жек отключил.
#551 #661604
С какой матрицей взять бюджетный моник: IPS или VA?
>>661633
#552 #661631
>>661553
охуенно! Жаль, я никогда не смогу пилить такое качество.
#553 #661633
>>661604

>IPS


>бюджетный

>>662324
#554 #661736
N-день кун, ты ещё сидишь в этом треде?
#555 #661880
Обязанности:
Кроссбраузерная, блочная, семантическая верстка
Разработка дизайна сайтов
Написание несложных Javascript приложений
Оптимизация верстки существующих проектов
Верстка сайтов под мобильные устройства и планшеты.
Обработка картинок и размещение на сайте

30-40 к за совмещение версталы и дизайнера. Это нормально???
>>661884>>661889
#556 #661884
>>661880
Если возникает такой вопрос, значит нормально.
#557 #661889
>>661880
Я бы не пошёл. Лучше уж фрилансить, нахуй тебе контора-то нужна, когда ты всё сам можешь делать?
>>661985
#558 #661957
Что-то глохнет наш тред, подкину ка я вам пожалуй вакансию, господа снова ищут web-программиста.
Фрилансеры опять соснули.

http://chelyabinsk.zarplata.ru/vacancy/Web_programmist_1S_Bitriks?id=111113323
>>661972
#559 #661972
>>661957

>20 000 руб./час + %


>32 млн в месяц


>1С Битрикс



Да ну нахуй. За такие деньги с Битриксом ковыряться. Лучше уж пофрилансить.
>>661991
#560 #661985
>>661889
Фриланс обеспечивает такой же стабильный поток работы, как конторка? Это у тебя личный опыт или диванный?
>>661997
#561 #661991
>>661972

Действительно. Битрикс - зашквар, можно за 29 млн в месяц в "Зените" поиграть.
#562 #661997
>>661985
В конторке хорошо, если будешь получать 20% профита. А стабильным потоком работы себя можно обеспечить и без неё, если делать качественный продукт.
>>662109
#563 #662109
>>661997
Ты сейчас про себя рассказываешь или про сферического коня в вакууме?
Проигрываю с этих мантр - "все будет хорошо, но не у нас".
#564 #662113
Пиздец, тред начинает пованивать.

Пипеточники, где вы? Отзовитесь, кто чем занят?

Я закончил сетку главной Глейси и теперь стилизую. Не заглядывыю в теорию от академии специально, только эксперименты и гугление - времени съедает пиздец (учитывая, что делаю урывками на работе).

Кто с чем пердолится, какие проблемы?

Продажник-кун
>>662121>>662394
#565 #662121
>>662113

Прохожу селекторы-2 в кокодемии, читаю книжку по css - которую тут уже сто раз советовали.
>>662129
#566 #662129
>>662121

Распечатываю на работе по 50 страничек этой же самой книги, лол.
>>662148
#567 #662148
>>662129
Зачем? Читалки-планшета нет?
>>662162
#568 #662152
RandomAge RandomAge

А вот на 35лвл реально вкатиться?
Текущая работа надоела до чёртиков. По "образованию" кхе кхе ...картограф короче.

Когда-то по фану изучал CSS/HTML/JS, для себя. Понимаю что такое Apache, ssi, php

Из опыта - три года назад запилил пару html шаблонов на themeforest, где-то 1к принесли

Короче остобенило всё, хочется начать с чистого листа. Не очень ясен агоритм вкатки во фронтэнд и где нарывать бабла первое время. В тот же themeforest мне кажется сейчас сложно влезть
>>662162
#569 #662162
>>662148

Читалки нет, планшет есть. Но очень неудобно так мне читать, не воспринимаю информацию от слова совсем.

>>662152

>А вот на 35лвл реально вкатиться?


Все реально.

>Текущая работа надоела до чёртиков.


Понимаю тебя, как никто другой.

>Не очень ясен агоритм вкатки во фронтэнд.
Читай шапку и делай как все тут - интенсивы академии, JS - по Кантору.
>>662226
#570 #662173
Помогайте! Нужен слайдер шоб на 1200px было 3 слайда на странице и менялись по одному, а при 320px был один слайд и так же по одному менялся.
>>662214>>662280
#571 #662214
>>662173

Я четыре раза перечитал и нихуя тебя не могу понять.
>>662397
#572 #662226
>>662162
Так если ты сам еще в процессе, как ты можешь так уверенно базарить?
>>662232
#573 #662232
>>662226

Потому что мониторю вакансии у себя в мухосрани.

Алгоритма сейчас придерживаюсь сам, вопросы?
>>662245>>662286
#574 #662245
>>662232

>Senior "vot seichas barbershop, a potom z/p 5 shtook"



Спасибо, вопросов больше нет
#575 #662280
>>662173
Блять ну слик слайдер же
>>662397
#576 #662286
>>662232

>Потому что мониторю вакансии у себя в мухосрани.


А какая связь?! Ты же не видишь кого в итоге принимают на эти вакансии, или с кем собеседуют. Что за мухосрань и где мониторишь?
>>662593
#577 #662324
>>661633
Я тоже считаю, что дешевый VA будет лучше, чем дешевый IPS.
#578 #662380
>>662339
Молодца, разбавляешь тред пазитиффчикам)))00))
>>662405
#579 #662394
>>662113
Вчера захотел сверстать первый после барбершопа проект, выбрал легкий макет из папки из рассылки, и пиздец, сетка развалилась. Я тупил-тупил, я ж теорию вроде бы хорошо знал, и тут такой ад. Ну и платина - блоки при зуме разъезжаются, любимая фраза здешнего тролля была.

Сейчас пересматриваю видео по основам от Попова, потом с ним два макета сверстаю, может хоть так научусь избегать очевидных косяков.
#580 #662397
>>662214
Не парься.
>>662280
Спасибо. Можно небольшой вопрос, по нему. Как стилизовать ебучие кнопки? Мне там просто нужны стрелки. В документации нашел
[CODE]prevArrow
string (html|jQuery selector) | object (DOM node|jQuery object)
<button type="button" class="slick-prev">Previous</button>
Allows you to select a node or customize the HTML for the "Previous" arrow[/CODE]
то не пойму что по чем.
>>662408
#581 #662405
>>662380
Когда устроишься тоже будешь получать приколы по почте от коллег))))
>>662560
#582 #662408
>>662397
ебать я разобрался, спасибо
#583 #662482
Пилю верстку за деньги под ие8 на флексах (но заказчик об этом еще не знает), спрашивайте свои ответы.
>>662490
#584 #662490
>>662482
У тебя же всё поплывёт. Предупреди заказчика, что всё распидорасит.
>>662505
#585 #662505
>>662490
Он согласился поставить для ие8 заглушку, хы-хы. А для ие9 достаточно, чтобы сетка не ломалась (критичные места на флоатах, на флексах всякие рюшечки типа йоба-центрирования).
Олсо попробовал flexibility, вполне сносно, но куча багов.
#586 #662519
Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже. У меня руки дошли до администрирования веб-сервера, вот там самая жопа.
>>662547
#587 #662547
>>662519

>Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже.


Расскажи больше. Ты в этом крутишься? Вот тот путь, что писан в ОП-посте, он способен привести к стабильному заработку, без спец. образования? Или все это утонет на фоне других специалистов разного пошиба.
Загуглил в ютубе этот "фронт-енд", так там самые популярные ролики на русском. Англоязычный ютуб вообще об этом толком ничего не говорит. Почему так, если направление всотребовано и вкатится может любой?
>>662558>>662559
#588 #662555
Хочу в 24 вкатиться в джаваскрипт-программисты.
Опыта программировать 0, но в айти секу, какие подводные камни?

Джаваскрипт потому что знакомый сказал учить его, сам он успешный сишарпоеб с зп 1.5к баксов, но за советом я пришел сюда потому что тут все мои друзья
>>662561
#589 #662558
>>662547
Бля, посмотрел щас результаты по запросу фронт енд на ютубе - нихуя полезного, какие-то рекламные ролики и говноподкасты где, наверняка, разжевывают очевидные вещи.
#590 #662559
>>662547

>ты в этом крутишься


нет, но осилил js кантора и интенсивы академии, сверстал барбершоп и седону.

>можно ли получать на этом деньги


Можно, и очень даже неплохие. Знаний одного фронт-енда с минимумом знаний пхп достаточно для того чтобы решать большую часть айтишных задач для российского бизнеса. Но нужно уметь найти клиента.
браузерка-кун
#591 #662560
>>662405
Да ты сам по себе человек оптимистичный, это чувствуется. Ты даже сказал "когда", а не "если", не зная человека.
#592 #662561
>>662555
Полгода на вкат минимум, добавь к этому обязательное умение пердолиться с версткой на отличном уровне (еще минимум месяц-два), охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансий.
Добро пожаловать.
#593 #662564
>>662561
Ничто не мешает потратить еще два-три месяца на то, чтобы выучить какой-нибудь юи.
>>662565
#594 #662565
>>662564
Учить можно бесконечно, лично мне это даже доставляет. Совсем другой вопрос - толпы слоупоков, хлынувших в ойти ради призрачного бабла, которого у новоиспеченного ойтишнега не будет как минимум полгода-год.
>>662570
#595 #662570
>>662565
У нас люди учатся по 5 лет без бабла. Медики например или просто те, кто во время учебы не работает. А тут - целый год учиться без денег. Какой кошмар.
>>662615
#596 #662571
>>662561

> охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансий


Вот это и стремает.
Я сам между сисадмином и прогером выбрал админа, думал дохуя программистов будет, но чето кругом одни успешные прогеры с зп от 1к баксов, я чето хуйню получаю.
>>662573
#597 #662573
>>662571

Потому что сис админы один раз систему настроили и поддерживают ее. А у фронтендера что не день, то "праздник". И технологии меняются каждые год-два.
#598 #662593
>>662286

Мухосрань - Челябинск.

Мониторю zarplata.ru - бывшая работа 74.ру
>>662638
#599 #662615
>>662570
Не кошмар, ты прав. Но наверное 99% всех ньюфагов думаю, что через месяц-два-три уже будут ебать трапов в Тайланде на фрилонсе.

Я в детстве хотел стать хирургом, кстати, но после наших охуенных больниц перехотел.
>>662623>>662948
#600 #662623
>>662615

>Но наверное 99% всех ньюфагов думают


Блять, все. Бросаю, нахуй, Глейси и выкатываюсь из треда.
51 Кб, 500x500
#601 #662638
>>662593
Ну вот смотри, судя по HH.ru там резюме на фронт-ендера 45 штук. Против 13 (или коло того вакансий).

Ну и кому ты будешь нужен, при том что есть люди с профильным АйТи-шным образованием?

https://chelyabinsk.hh.ru/resume/061aa5ef000225eb640039ed1f4d5035446a48?query=front-end резюме парнишки, который хочет 20к. Пик стронгли релейтед.

Обратите внимание на мужика в белой рубашке. Ощущение, что примерно так работодатель и посмотрит на мимокрокодила проебавшего 1000+ часов на этот сферический фронтенд.
>>662644
#602 #662644
>>662638

> c профильным


> Челябинский Энергетический Колледж им. С.М. Кирова


> Челябинский электрометаллургический комбинат


))
>>662657
#603 #662653
котаны, доставьте репозиторий с кодом по бэм, в гугле одна ссака
>>663609
#604 #662657
>>662644
Там 45 резюме. Среди них такие люди найдутся и в достаточном количестве. В любом случае, даже если такие же не АйТишники, как и анон с двачей их все ровно 45 на 13 вакансий.
>>662707
#605 #662695
Не могу найти jQuery Compat 3. Ни на их сайте, ни на гитхабе. Я про нее много слышал и вот сейчас читаю про нее в книге. Правильно ли я понял, что от нее отказались оставив для ie8 версии 1.x?
#606 #662707
>>662657

Он даже не может в местные ресурсы по поиску работы, не быть ему фронтом.

И кстати я много резюме в Челябинске просмотрел верстал и фронтов, нихуя они не устроятся.
>>662710
#607 #662710
>>662707
Чому?
>>662723
331 Кб, 833x597
#608 #662713
Кто сталкивался с мансонри подскажите как реализовать? Пытаюсь с помощью плагина mansonry.js но что-то нихуя не выходит.
#609 #662723
>>662710

Потому что там ебаный пиздец в резюме.
>>662838
#610 #662838
>>662723
Но ведь у них профильное образование!
>>662910
#611 #662910
>>662838

>Но ведь у них профильное образование!


Электриков и менеджеров.
>>662925
9 Кб, 237x212
#612 #662925
>>662910
Блять, вакцинируйте этого, у него синдром русского программиста.
Доктор, что с ним?
Он начал получать больше других и теперь он стал СверхЧеловоком, хотя нет, это уже Homo Verstalus Superiores, готовьте Америку, будем изолировать.
#613 #662948
>>662615
Кек, а я таки окончил два курса медвуза, обосравшись на лекции, хотел пойти учиться на травматолога, но потом я забил хуй по твоей же причине - наслушался охуительных историй от мамкиных коллег. Ну и перегорел. А шел ради какой-то призрачной идеи.
#614 #663133
Кто-то в треде просил макеты для адаптива, вот есть такой https://github.com/goit-fe/markup_fe2o/tree/master/html_07-08
#615 #663191
Как в атоме сделать на 2ой части экрана показ того, что получилось в коде
>>663201
#616 #663200
Господа, не подскажете годный компилятор LESS под Windows?
галпы-хуялпы не использую
>>663202>>663208
#617 #663201
>>663191
cntrl+shift+m
700 Кб, 1600x1600
#618 #663202
>>663200
Вебпак
>>663208
#619 #663208
>>663202
>>663200
Ну ЙОБА, ты чего?
Если кому еще понадобится компилятор, нашел наилучший вариант: http://winless.org/.
#620 #663252
>>662561
репортнул за подрыв мотивации
#621 #663255
Короче ситуёвина посоны! Я тут учу уже 3ий месяц это вот всё, а тут мне знакомый отца предлагает пойти к нему в офис работать веб дизайнером, фронтендер у них есть уже хороший, а вот дизайнера не хватает, они готовы меня с нуля учить и я не знаю, что делать то
#622 #663258
>>663255
Очевидно нужно попробовать. Тебя прямо за руку берут и ведут в светлое будущее. Соглашайся, не будь идиотом.
#623 #663316
>>663255
Я бы согласился.
#624 #663398
>>663255
Прячься за маму. Мама в обиду не даст. Мама боршей наварит. Сиди, меряй маргины спокойно.
#626 #663444
>>663411
Раз, два и обдвачевался.
#627 #663450
>>663411
и чё
>>663453
#628 #663453
>>663450
че, че. не хватает народа, вот че
>>663461
#629 #663461
>>663453
не хватает им фул стэк спецов, а не "вкатился за полгода" макак
#630 #663609
>>662653
бумп шакалака
#631 #663628
>>663411
Ну так на рынке дичайший дефицит годных миддлов, а за сениоров эйчары готовы выебать сами себя в жопу двухметровым дилдаком. Только как это относится к выпускникам гоайти и двухмесячным верстальщикам?
16 Кб, 354x395
#632 #663813
Я хочу сверстать красивое что для портфолио, но на какой макет не гляну, хуита с под коня и легкие все, а что потруднее тоже хуита вроде, это я зажрался или рили так?
>>663841>>663882
#633 #663841
>>663813
Седону сверстай, псина.
>>663847
#634 #663847
>>663841
Изи. Плюс она у каждого второго васяна.
>>663916
#635 #663882
>>663813
Ты хочешь забисплатна и нитакойкаквсе? Тебе сколько лет?
Похуй, какие макеты. Два из продвинутого Кокодемии отлично подойдут. Ты же не дизайн портфолить собираешься, а свою технику. Сделай один на бутстрапе кастомном, другой на флексах самодельных. Этого достаточно будет. Плюс сама страница порфолио.
Свои ебучие скиллы покажешь в анимациях самого портфолио. Таких, которые по 3 секунды до доступа к контенту (и вообще без доступа с отключенным жс) и от которых сразу обблеваться и страницу закрыть хочется. Всё, как ты любишь.
>>663888
#636 #663888
>>663882
Ты меня не понял.
Вот макет отврыл, там три блока да немного текста в них, остально меню да бэк. Если актое говно наверстал, показываешь потом кому, а там верстать да и нехуй.
>>663950
#637 #663910
Аноны, знающие препроцессоры, прошу помочь разобраться. В теории казалось что все очевидно, но при первом же использовании на практике зашел в тупик. Есть ли смысл в данном случае использовать less? или можно написать более лаконично?
>>663911
#639 #663916
>>663847
и каждый второй васян сверстал её крайне криво с кучей костылей, вангую.

впрочем как и ты скорее всего сверстаешь
>>663917
#640 #663917
>>663916
каких костылей?
#641 #663950
>>663888

>Ты меня не понял.


но ю
Тебе не надо показывать свои выебоны, убертехнику, перевёрстывать гугл и т.д. Тебе всего лишь нужно показать, что ты хороший со-труд-ник.
Тебе нужно сделать на гх-пейджес страницу, где пару слов о тебе и два макета с исходниками. Показать, что всё по папочкам структурировано, пространство имён везде чёткое, что вот тут ты ссылку предусмотрел без жс, а тут под ишака подстраховался, всё без костылей и хаков. В одном макете ты показываешь, что можешь Бутсрапон кастомизировать. В другом, что и сам готов всё на флексах сделать. Всё это с качественными коммитами и комментами, хоть и в одно аутичное ебало.
Выёбываться с распиздячими макетами ни то, что не стоит, а вообще категорически противопоказано! Ты скромный-аккуратный и общительный-стремящийся. А не выёбывающийся нитакойкаквсе дотошный нудный ылитный инфантильный уёбок.
Тебе кажется, что я недостойную гуру-вкатывальщика простецкую хуйню предлагаю. Давай, ёбана, сделай за вечер. Через пару недель придёшь поплакаться.
#642 #663957
>>663950

> под ишака


> без костылей и хаков


Извини, но ты на ноль поделил.
Верстал на флексах под ие9
>>664029
#643 #663966
>>663950

> что можешь Бутсрапон кастомизировать


Вот такое пиздец как огорчает.
>>664029
#644 #663967
Фронтаны, а есть еще ресурсы вроде freecodecamp'a (интересует JS) - ну т.е. чутка теории и сходу задачка, что-то похоже на кокдемию. Знаю только codewars, но там пиздец хардкор.
>>664021
#645 #663981
>>663950
Стоит заморачиваться и делать само портфолио под мобильные?
>>664029
#646 #664021
>>663967
на W3 что-то было, вроде
#647 #664029
>>663957
Помню тебя.
Я имел ввиду всякие reset.css, дивянки-классянки, !импотент и прочее дерьмецо. Когда ты выкручиваешься пабыренькаму, а не стараешься.

>>663966
Что ты имеешь ввиду?
Как я понял, Бутстрапон очень востребован на местечковом рынке. Да и для себя неплохо разобраться, как переменные и примеси качественно дрочить.

>>663981
Мне кажется, далеко не нулевая вероятность того, что наниматель будет просматривать заявки сидя на толчке. Или через инспектор решит потыкать твоё портфолио. Так что лучше быть в себе уверенным.
>>664037
65 Кб, 1580x382
#648 #664031
У кого-то бывало такое, что для абсолюнт спозиционированных элементов не сходятся с барбершопом Першина координаты?
#649 #664037
>>664029
А, ну это вообще пиздец, тогда да.
Кстати, у меня так и не получилось, даже с флексибилити все нахуй распидорашивало, переверстал на флоатах, флексами сделал всякие центрированные кнопочки.
Если бы это был какой-нибудь йоба-проект, я бы заморочился и написла на JS собственные фоллбэки, но бесплатно такой хуйней страдать не охота.
>>664411
197 Кб, 1197x876
125 Кб, 643x690
#650 #664047
Аноны, поясните за clip, почему он здесь вырезает изображение именно так? Ведь третий атрибут (150px) должен как бы поднять направляющую линию наверх (туда где стоит 0px) и тогда вообще не должно быть видно изображения.
Как это работает то? Задание где объяснилось (пик2) про clip прочитал, но чет не пойму почему на практике всё так?
#651 #664104
>>663950
Удваиваю этого. Не нужно делать сайт, где все бы все светилось и пердело. Вы правда хотите поразить этим техдиректора? Вряд ли выйдет. Его бы впечатлило глубокое понимание работы с асинхронными событиями в редуксе, но этим мало кто может выебнуться, особенно в этом треде.

Аккуратная страница, ухоженные проекты на гитхабе, хороший код, демонстрация того, что вы понимаете как написать конфиг на галпе и слышали про БЭМ — вот что надо.
150 Кб, 700x468
#652 #664277
Забавная приколюха:
http://jgthms.com/web-design-in-4-minutes/

Его же фреймворк на флексах:
http://bulma.io/
Интересна "Magic tiles" сетка.

Пиздёж про то, как корзиночка-интровертка к успеху пришла:
http://99u.com/articles/54208/martina-flor-an-introverts-approach-to-kicking-ass

Доброй ночи в коворкинг.
>>664284
#653 #664284
>>664277

> фреймворк на флексах


Зачем?
>>664300
57 Кб, 800x602
#654 #664289
Такс котаны. Я вроде как нашел работу, и щас у меня нет ни времени ни сил чекать тредпо крайней мере пока
Так что предлагаю вам пока самим за ним следить/перекатывать. Или запилим типа агримент.
Вы не перекатываете его вплоть до 1000 постов. Если постов 1000+ и ничего не сделано, пусть кто-то перекатит. Я все же буду заходить время от времени, возможно и поймаю момент.
ваш ОП
>>664294>>664300
#655 #664292
Объясните пожалуйста как стакается line-height и height?
Они стакаются только у блочно-строчных?
>>664361
#656 #664294
>>664289
Че за работа, где, сколько платят - потом хоть напиши, расскажи.
#657 #664300
>>664284
Чтобы велосипед все охуели, как он может.
Мне просто любопытно посмотреть, как это всё сделано у человека, у которого опыта побольше моего. Какие ФИШЕЧКИ он предлагает.

>>664289
Агримент сайнд, ёпта.
Платина: как нашёл @ сколько обещают?
>>664305>>664307
#658 #664305
>>664300
Да собственно я ничего не увидел особенного. Центровка, ровные колоночки, тянущиеся кортиночки. Тянуть ради этого фреймворк, который ломает тот же бэм как-то странно.

Зацените тойотовский сайт, кстати, как вам?
http://toyota.jp/prius/cp/parts/
>>664307
#659 #664307
>>664305
>>664300
Хотя, конечно, миксины-функции впечатляют, я даже не думал о том, чтобы нечто подобное использовать.
>>664361
#660 #664311
Блээт, не хочет ебаный ховер работать, из всего списка реагируют только два нижних пункта. Ну что это за блядство?
>>664340
#661 #664340
>>664311
Тфу блять, ебан падинг.
#662 #664361
>>664292
Хайт для блока, лайн-хайт для текста (контента). Не смешивай.
И гугли, гугли блядь.
http://shpargalkablog.ru/2014/04/line-height-css.html

>>664307
Во-от.
Хотя я не понимаю, зачем нужен SCSS, если ты не рубист. Есть же красивый и удобный LESS. А если лесса уже не хватает и нужны всякие функции-хуюнкции, то тогда уже пердолить PostCSS как тебе угодно.
https://github.com/Semigradsky/postcss-russian-units
#663 #664363
>>664361
А как связаны scss и руби? Рубический компайлер уже давно никто не использует.
#664 #664364
>>664361
Причем тут руби вообще? Использовать Less сейчас смысла мало, Sass тупо мощнее и популярнее.
#665 #664374
>>664361

>Хайт для блока, лайн-хайт для текста (контента). Не смешивай.



Пиздец чет там всё сложна. Ну я помню для барбершопа кнопки делал, складывал height+line-height и получалась нужная высота кнопки.
>>664378
55 Кб, 934x314
#666 #664378
>>664374
>>664361
Немного кстати странно пишет автор про отступ у картинки, почему-то не упоминает что по умолчанию картинка это строчный элемент, поэтому и line-height к ней работает.
#667 #664408
http://codepen.io/anon/pen/JKkkwm - помогите, хуле верхняя строка разъезжается на всю таблицу? В чем дело то?
>>664410
#668 #664410
>>664408
Чот ты говна поел. Делай все по заданию. И по прошлым заданиям. У меня таких проблем даже близко не было.
>>664417
#669 #664411
>>664037

>даже с флексибилити все нахуй распидорашивало,



пиздишь гиена, на сайте с примерами ссылка на который на гитхубе у флексибилите стоит все работает даже в 8 осле
в Sauce Labs проверял
#670 #664417
>>664410
так что именно не так блять
>>664427
#671 #664427
>>664417
Короче каким-то хуем всё получилось, просто нужно было разметить всю таблицу табличными свойствами. Но вопрос: почему происходит такая херня - всё ещё остается открытым.
#672 #664432
Охуеть, на htmlacademy в 3х заданиях даже нужно сделать табличную верстку страницы, лол.
#673 #664604
Аноны, кто-нибудь запускал пиратский фотошоп на линуксе под вайном?
>>664936
#674 #664936
>>664958
#675 #664958
>>664936
И как успехи? Работает шустро? Не вылетает каждые полчаса?
Алсо, каким дистрибутивом пользуешься? Я вот хочу минтом обмазаться.
>>664969
#676 #664969
>>664958

Ну скажем так, работать можно. Стоит у меня убунта 16.04, так что думаю и на минте все так же работать будет.
>>664992
#677 #664992
>>664969

>скажем так, работать можно


а плагины получилось поставить? Например, cssHat? Работает всё-же гораздо хуже, чем под виндой?
>>665011>>665022
#678 #665011
>>664992
>>664992
xubuntu photoshop cs6 плагины не ставятся, юзаю avocode и там где он не вывозит запускаю фотошоп
>>665192
#679 #665022
>>664992

Хуй знает, не пробовал. Хуже конечно намного, куча мелких багов, но жить можно.
#680 #665192
>>665011
Значит, к сожалению, пока придётся посидеть под десяточкой (да и бэкап всё-равно не на что сделать).
Вот, кстати, продвинувшись в js и php, начинаю понимать, что и голые верстальщики нужны. Для программиста вёрстка - трата драгоценного времени, которое лучше перепоручить псд-макаке.
>>665211
#681 #665202
Странно, что никто ничего не пишет про курсы Кантора. Хотя про учебник стабильно упоминается в треде.

Поэтому спрошу. Стоит ли смотреть? И на каком этапе прохождения учебника или можно параллельно?
133 Кб, 1680x1050
#682 #665211
>>665192

>псд-макаке


Цсс-программисту, ты хотел сказать. Художнику цифрового авангарда, то есть. Передовых дел мастеру, как бы. Рыцарю пипетки и линейки, вообще то.
#683 #665218
>>665202
да тут у всех флоаты на пипетках еле держатся, какие канторы??)))))
#684 #665251
>>665202
Если тебе интересен устный пересказ учебника - смотри.

> на каком этапе


На этапе, когда ты уже не флоатишь все блоки влево и готов упарывать кодинг по 5+часов в день.
>>665255>>665258
#685 #665255
>>665251
Аригато
#686 #665258
>>665251
А остальные курсы здесь кто-нибудь покупал?
Особенно интересуют курсы по ноде.
>>665370
#687 #665308
Аноны, только что я был неприятно удивлён. codepen что, не поддерживает метод querySelector?
>>665355
#688 #665355
>>665308
Аноны, вот вам головоломка. Как наименьшей кровью сделать так, чтобы ширина контента при скрытии сего блока не изменялась?
>>665358>>665386
#689 #665358
#690 #665370
>>665258
white-space: nowrap
#691 #665382
Ребятишечки, как сделать, чтобы при ховере на див, ссылка так же появлялась плавно, а не сразу. Я эти блядские транзиши уже везде раскидал, а ей похер, или получается так нельзя?
>>665402
#692 #665385
Посоны, как дела?
Работаю уже полтора месяца (подписывался n-неделя-кун)
Сегодня прислали повестку в родной мухосранск, батя сообщил по телефону.
Обидно будет свалить в армейку, думаю вряд ли потом снова получится так легко вкатиться.
А вроде только жизнь начала налаживаться...
#693 #665386
>>665355

Обертку на текст, может быть?
>>665410
#694 #665394
>>665385

В смысле блядь обидно, в смысле блядь сваливать, в смысле блядь в армейку?
Если ты в другом городе, какая тебе разница?
Забей хер
>>665414
#695 #665398
>>665385

И как у тебя работа продвигается? Даун бэкендер не пришел в себя? Что-то интересное было?
>>665436>>665567
#696 #665402
>>665382
1. Задаёшь ссылке opacity: 0; height: 0px; width: 0px;
2. При наведении меняешь на: opacity: 1; height: auto; width: auto;
3. transition прописываешь только для opacity: transition: opacity 1s ease;
>>665459
#697 #665410
>>665386
думал об этом. Но если я задавал ему значение в процентах? Надо будет перед преобразованием откуда-то получить его размеры в пикселях, а в css они будут в процентах.
>>665434
#698 #665411
>>665385
Ты совершеннолетний? Уехал на вольные хлеба, родители адресов не знают, открытки не слал.
Тебе за это штраф 500р. грозит. Уклонение хуй докажут. Родители пусть ничего не подписывают. «Мы не можем ему передать, ищите сами». Опасайся мусоров с проверкой документов по базе, ты в ней можешь оказаться. Последствия вряд ли будут, окромя 500р. Но лучше ещё 500р. не пожалей и пойди с юристом перетри.
А вообще, за работу во фронтенде и срок получить не страшно, лол.
>>665417>>665420
#699 #665414
>>665394
Там же сейчас условку дают за уклонение? Да и ЗП полностью белая, могут через работу достать. Я даже договор когда подписывал, там пункт про военкомат помню был, типа они обязаны сообщать все обо мне и т.д.
>>666110
#700 #665417
>>665411
Не хожу в военкомат с 20 лет, живу по прописке, первый год звонили-угрожали, сейчас иногда шлют повестки с пометкой СРОЧНО ЯВИТЬСЯ, НА КОНТРОЛЕ У ПРОКУРАТУРЫ и т.п. Никто не ловит, менты не приезжают, всем похуй. Охуеваю с корзинок, которые боятся тупых военкомовцев и пиздуют в армию.
ДС, 26лвл.
>>665451
#701 #665420
>>665411
500р. за неуведомление о новом адресе проживания было в мою бурную молодость. Сейчас может подняли. Иди к юристу обязательно.
>>665445
#702 #665434
>>665410
http://codepen.io/frollodecol/pen/mEKgaK?editors=1111
вот, заработало, но работает только с фиксированными ширинами.
>>665683
#703 #665436
>>665398
Ну работаю потихоньку. Что там с бэкэндером было, уже и не помню, лол.
Работать нравится, больше работаю со всякими ajax-запросами. За все полтора месяцы сверстал ровно 3 странички, точнее даже не сверстал, а переделал.
>>665567
#704 #665445
>>665420
А сколько там юристы за консультацию берут? С деньгами чето вообще не айс пока, зп только через 2 недели.
>>665458
#705 #665451
>>665417
А что будет когда после 27 пойдешь за военником?
>>665455
#706 #665455
>>665451
Ничего не будет, потому что я за ним не пойду. Во-первых, нахуй он не нужен, во-вторых сейчас все равно дают какую-то вшивую справку. Но даже если бы и пошел - тоже ничего не было бы. Живу по прописке, не скрывался, повесток не получал, идите нахуй.
Олсо я был бы и не против отслужить inb4 быдло, но они ведь даже не стараются.
#707 #665458
>>665445
Спроси отца, может у него есть кто сведущий, пусть узнает.
А так раньше около 500р. было. Сейчас вряд ли больше. У тебя вопрос простецкий. Просто действующий положняк надо уточнить.
>>665462>>665469
#709 #665462
>>665458
Да что там уточнять, в его ситуации даже штраф надо еще умудриться получить. Никуда он не пойдет, в общем, все норм. Своими условными сроками пусть студентов на отчислении пугают.
#710 #665469
>>665458
Ну ладно, схожу. Так-то я даже готовился, собирал справки, по документам вообще непризывное есть. Но на деле почти никаких проявлений и на комиссию думаю нахуй пошлют.
Короче особо рисковать не хочу, очень уж хреново будет там еще год проебать.
#711 #665546
>>665459
держи.
>>665547
#713 #665567
>>665436
>>665398

Программист хуйней занимался у другого анона - n-день-кун. Он там поверх верстки ебашил бутстрап от чего люто пригорало у анона.
Но он давно уже не появлялся у нас, либо не отписывался просто.
#714 #665671
>>665547

А все, ты с дисплеем ничего не делал. Спасибо.
>>665681
#715 #665681
>>665671
дисплей просто не анимируется
#716 #665683
>>665434
бамп вопросу. Как получить текущую ширину элемента в пикселях?
>>665684
#717 #665684
>>665683
Докьюментейшен, мазафака, кэн ю юз ит? https://developer.mozilla.org/ru/docs/Web/API/HTMLElement/offsetWidth
>>665871
#718 #665871
>>665684
Спасиб, бро, но к сожалению, не работает. Кто бы что ни говорил, а без жкверьки сейчас никак нельзя - был использован метод element.width().
Можете полюбоваться на плоды моих кривых ручонок.
http://codepen.io/frollodecol/pen/mEKgaK?editors=1111
>>665894
#719 #665881
Блин, какой-то странный курс в htmlacademy - "Кекстаграм: Эпилог. JavaScrip". Хз стоит ли его проходить и время тратить, там как-то всё СЛИШКОМ поверхностно. Кто-проходил, будет ли там что-то полезное кроме Javascript?

P.S. Заметьте, не интенсив, а именно платный курс на сайте.
#720 #665889
>>665881
насколько он поверхностный? Если там показывается как по нажатию на элемент поменять класс какому-нибудь элементу, то для версталы этого вполне достаточно.
>>665896
#721 #665892
>>665881
Кстати дополнение к вопросу, возможно ли как-то сохранить задания из этого курса себе на комп, но так чтобы они работали (т.е сами страницы и их функционал)? Т.е нужно сохранять css, js, и html-код?

Ибо мой премиум-акк скоро закончится, а в будущем при изучении JS - хотелось бы пройти данный курс.
>>665914
124 Кб, 1794x686
#722 #665894
>>665871

> никак нельзя


Можно.
А твой код можно сократить раз в 5, но мне лень.
Добавь хоть проверку на макс.ширину, а то совсем пиздец.
>>665914
91 Кб, 648x586
#723 #665896
>>665889
Ну вот например самое первое задание.
#724 #665914
>>665892
>>665894
можно, конечно, но с жкверькой всё читаемей и проще, и поддерживается она лучше. Хотя я, конечно, офигел, когда узнал, что codepen не поддерживает querySelector
>>665923>>665940
#725 #665923
>>665914
Просто я сначала хотел скипнуть данный курс, а потом подумал что я в принципе знаю что такое условные операторы, циклы (даже как-то давно до замыкания дошел, но с тех пор всё забыл) и почему бы не пройти, тем более что подписка уже через 12 дней заканчивается.
#726 #665940
>>665914
C чего ты взял, что не поддерживает?
http://codepen.io/anon/pen/oLyKWB
>>665953
#727 #665953
>>665940
у меня в консоли выводилось, что я использую неизвестный метод. Может, конечно, и я тогда где-то прокосячился.
>>665957
#728 #665957
>>665953

Скорее всего накосячил, так как для барбершопа я делал поп ап по примеру академии и кодпен нормально все прожевал.
>>665974
#729 #665974
>>665957
вспомнил, где я прокосячил! Не поставил document. Ну и хрен с ним.
>>665979
#730 #665979
>>665974
лол
#731 #666110
>>665414
пока ты не расписался за повестку лично, это не уклонение, а так да, рано или поздно на работу к тебе придут.
#732 #666131
УСТАНОВИ ТЫСЯЧУ ЗАВИСИМОСТЕЙ И ЗАВИСИМОСТЕЙ ЗАВИСИМОСТЕЙ, ВЫЕБИ СЕБЯ В СРАКОТАН КОНФИГОМ, НАПИШИ КОНФИГ ДЛЯ КОНФИГА, СКОНФИГУРИРУЙ КОНФИГ ДЛЯ КОНФИГУРАТОРА КОНФИГОВ, ЧТОБЫ КОНФИГ ПОДКЛЮЧИЛСЯ В КОНФИГ, THEN GOTO: 1, REPEAT, KILL YOURSELF, УФФ ТЕПЕРЬ МОЖНО И КОД ПИСАТЬ, ВРОДЕ РАБОТАЕТ)))

Ебать, какая же уебанская инфраструктура у жаваскрипта, просто пиздец.
>>666165>>666179
#733 #666165
>>666131

Тащемта везде нужно рабочее окружение настраивать. Если тебе лень, то есть куча готовых решений, где уже все настроено, бери да пользуйся.
21 Кб, 652x100
#734 #666166
Короче не смог осилить до конца этот Javascript на htmlacademy, они как-то слишком дохуя быстро ускоряются и действительно крайне поверхностно всё предоставляют, хотя поначалу казалось что вот-вот будет подробный разбор свойств и тому подобное. Короче это будет единственным курсом на который я положил хуй.
#735 #666179
>>666131
yo huitaName
npm install
npm run

ты че первый день разработкой занимаешься ? В питоне virtualenv на фронте npm
#736 #666193
>>665202
Я смотрел, рассказывает, все что написано в учебнике, дает задание - сделайте задания из глав таких то, если будут вопросы спросите на след. лекции и разберем. В след. лекции у него спрашивают, он чо то отвечает, объясняет и опять пересказывает учебник. Единственный плюс для меня покупать такой курс, в его ответах на вопросы по заданиям из учебника, а так можно и без него попробовать все пройти.
22 Кб, 734x91
#737 #666214
Почаны, что делать? В общем подал резюмеху в местную конторку. А эта конторка есть филиал, сама она с Амурики, а тут и в России так понимаю дешевая раб. сила. Так вот предлагают аутсорсером быть (хотя написано что без опыта на эту должность не берут, а я таковой есть). Так вот что ей ответить? Мол конечно я хотел в офис, но согласен на частичную?
Просто я ни разу не работал по этой специфике и боюсь жестко обосраться, ведь это единственная контора в городе (лютая мухосрань) и боюсь другого шанса не будет. Как по грамотней ответить?
>>666405
#738 #666307
http://puu.sh/qiqFE/aae8ab8f35.jpg
Аноны, кто в веб-студиях работает. Как устанавливается вот этот модуль? Он бесплатен?
>>666498
#739 #666403
>>665881
А где этот курс то? а то у меня последний в Кексби это курс про формы.
>>666800
#740 #666405
>>666214
Ты претендуешь на роль спеца, который крепко стоит на ногах? Тебе давали тестовые задания?
Могу тебе вот, что подсказать: Если они знают, что у тебя нет опыта, то так им и скажи: Поскольку у меня, на первых порах, могут возникнуть вопросы по работе. Будет очень здорово работать в команде с людьми, которые смогут что-то подсказать. И у которых можно будет чему-нибудь научиться. Полноценная работа в офисе в этом смысле предпочтительней.

Кто что думает?
>>666446
#741 #666446
>>666405
Я примерно так и написал, мол работа в команде будет лучшим вариантом для меня, что без "поддержки" старших не добиться цели стать профессионалом.
#742 #666498
>>666788
#743 #666635
Народ, а если мы имеем такую структуру, то какие классы по БЭМу присваивать h3,p,a? Я, например, не присваиваю, но только что задумался над этим моментом.

section class='about'>
<ul class='about__list'>
<li class='about__list-item'>
<h3></h3>
<p></p>
<a href=""></a>
</li>
</ul>
</section>
>>666680>>666684
#744 #666680
>>666635
Я все тайтлы выношу в отдельный компонент, например, и соответственно задаю им class="title title--small". С обычным текстом таже история, "text text--gray". Не знаю, по бэму это или не по бэму, но удобно.
#745 #666684
>>666635
heading, paragraph, link, чё тут выдумавыть?
Ты даёшь имя по исполняемой роли, по значению. Если сеошник говорит, что надо срочно h3 заменить на h1 или вообще любой другой тег, то ты должен иметь возможность сразу это сделать и больше ничего не менять.
#746 #666720
всем ку. потихоньку въезжаю. поясните за адаптивность плиз. почему некоторые юзают бутстрап, а другие медиа-запросы. что лучше? мне кажется с медиа ебаться надо пиздец, типо ксс писать по 2-3 раза для разных экранов, а в бутстрапе все само. я прав? или сетку бутстрапа бывает не подогнать под макет?
>>666728
#747 #666728
>>666720
чо бля?
Бутстрап использует готовые решения (у них так же на медиазапросах всё основано, алло!). Классов накидал и довольствуйся.
А если самому всё писать начинаешь понимать что к чему всё устроено, епта
#748 #666788
>>666498
есть ли у них конкуренты?
>>666801
#749 #666790
>>658070
ебать, у меня моник такой же
#750 #666796
У кого нибудь бывало, что NPM не устанавливает плагин? То есть устанавливает, но в пэкедж не записывает его, и при выполнении пишет, что такой плагин не найден.
Он заебал уже сука, через раз так делает пидар ебанный. Я уже в ручную вписал его в пэкедж, а ему поебать вообще, в папке с модулями он есть
#751 #666800
>>666403
Сразу после первого курса Кексби
#752 #666801
>>666788
глупый вопрос, не отвечайте. Разумеется, есть.
#753 #666813
Кто нибудь пользуется svgStore? Он же делает спрайты, которые браузеры не видят, как этим пользоваться
#754 #666821
Может кто объяснить, почему вторая анимация не срабатывает? Она должна срабатывать, когда в форму пустой или не полной (без логина или пароль) отправляешь. Делал всё как в интенсиве. Почему-то обе анимации не могут срабатывать.
>>666822
#755 #666822
>>666821
http://practice.adr.com.ua/barbershop/index.html
вот всё на хостинге.
фикс
>>667548
474 Кб, 1226x542
#756 #667096
Как хуита на пике называется? Гуглю карусель, находит обыкновенные слайдеры.
Может есть у кого линк на такую хрень, о том как верстать такое.
>>667416
#757 #667118
а перекат будет?
>>667127
118 Кб, 1146x938
#758 #667127
>>667118
Нет
0 Кб, 106x67
0 Кб, 107x80
#759 #667206
Аноны, хелп. При переносе строки в саблайме у меня пик1, что в настройках поменять чтоб переносилось как на пике2? На работе у меня автоматом переносится как на пике 2, а дома хз что сделать..
>>667210
#760 #667210
>>667206
Выпиливание настроек саблайма и его переустановка помогла, так что похуй уже.
#761 #667250
Кто-то проходил базовый по JS? Кто что скажет о нем? По программе интенсива выглядит довольно уныло на фоне таких же курсов от Кантора по его же книге. И когда к нему можно приступать, после базового или лучше продвинутого?
#762 #667314
Ну чо сходил я в контору (всем похуй). О галпах-хуялпах там даже не слыхивали. В общем работают они c хуй пойми какой цмс, своя вроде. Дали толмуд про xsl и пару подсказок куда копать. Еще xml надо подтянуть. Пиздец в общем. Блять в каждой шаражкиной конторе по смоему ебанутые.
>>667317>>667330
#763 #667317
>>667314
xsl, xslt этим вообще что-нибудь нормальное делается? Для чего применяют?
#764 #667330
>>667314
вообще, галп переоценен. Проще пользоваться всевозможными сервисами.
Единственное место, где он оправдан - вёрстка лендингов в промышленных масштабах.
Либо как какая-то промежуточная хрень, которая впоследствии всё-равно допиливается.
#765 #667369
Парни посоветуйте нормльный пагин саблайма для работы с фтп. Чтобы залогинился и прям на сервере редактировал файлики.
>>667372
#766 #667372
>>667369
я Filezill'у использую. Не очень удобно, конечно, но жить в целом можно.
#767 #667416
>>667096
табы может быть, tab tabs
>>667484
23 Кб, 377x330
#768 #667484
>>667416
Не, эта штука крутиться как карусель, и блок какой-то резиновый, как я понял, продукты за границу уходят и выходят с другой стороны. А табы для сортировки этого говна, как я понял.
хуй знает, как найти такое говно.
35 Кб, 500x320
#769 #667517
Гуглю как написать слайдер, находит жкури, думаю ну хуй с ним, посмотрю, там блядь для одного слайдера одну библиотеку и два файла нужно подключить, ну ебать, гляну жс, сам перепишу, открыл, а там 1350 строк, ебать блядь.
Почему так все? Это нормально, так и должно быть? Поясните неофиту. Мне просто нужно, чтобы жс менял местами блоки, какой пиздец.
#770 #667548
>>666822

Наконец двач завелся, смотри в сторону CSS. Если анимацию с классами уберешь вниз стилевого файла все заработает, только кнопки могут поехать..
>>667567
#771 #667567
>>667548
Да, я утром сегодня уже исправил. У меня пробел в теме о специфичности, видимо. Не подскажешь, почему так произошло? Удивлен, что мне ответили, ибо на все мои существенные вопросы тут вообще никто не реагировал. Обсуждают параллельно несусветную хуйню.
>>667587>>667600
#772 #667587
>>667567

Двач сломался, я с утра видел твое сообщение.
>>667600
#773 #667594
Аноны, можно ли средствами одного лишь css сделать так, что без наведения изображение - чёрно-белое, а вот при наведении становится цветным?
Пока вижу только один способ - иметь две картинки, и менять их при наведении. Но должны ведь быть способы попроще. Может, жквери плагин какой?
>>667608>>667612
#774 #667600
>>667567
>>667587

Там на самом деле все просто, окно сначала должно появиться, т.е. по логике сначала .modal-content-show должен быть добавлен, а потом .modal-error, а у тебя было наоборот. Поменяй правила местами и все будет норм.

Отклеилось.
>>667627
#775 #667608
>>667594

Можно одним изображением - спрайтом, только менять позишен.
>>667802
#777 #667627
>>667600
оно именно так и появлялось, ничего ж не изменилось ни в скриптах, ни в html. Лишь правильно в css ниже разместил. Ему что-то мешало, выходит?
>>667633
#778 #667633
>>667627

Скорее всего анимация перекрывалась другой анимацией. И нижеидущая не срабатывала.
>>667638>>667639
#779 #667638
>>667633
в инспекторе она была перечеркнута. Ну, ладно, js изучать еще только предстоит. Я хочу закрепить базовый, сверстать всё таки кроме барбершопа макет. Седону эту верстать резиной или с медиаквери? Чет как-то вообще про это не было сказано, видимо лично у наставников.
>>667649
#780 #667639
>>667633

>Вышестоящая не срабатывала


самофикс
#781 #667649
>>667638

Попробуй еще статично сверстать самостоятельно, пусть ту же седону. Потом адаптив и резину будешь прикручивать.
>>667657>>667666
#782 #667657
>>667649
статично это без адаптивности? Так а там макет в 2 вариантах, 760 пикселей и 1200
#783 #667666
>>667649
есть ли конфа в телеграме с анонами, который фронтендом занимаются, до этого какая-та хуйня попадалась.
>>667668>>667699
#784 #667668
#785 #667699
>>667666
Есть конфа в Дискорде, но она родилась мёртвой.
Лучше пиши всё в треде. Другим тоже интересно и полезно может быть.
>>667799
#786 #667712
Аноны, только вкатываюсь в верстку, объясните за препроцессоры CSS (да и другие), т.е они как бы повышают уровень абстракции и вводят возможно какие-то новые функции (только непонятно как), и тем самым это самым облегчают написание кода? Т.е если сейчас я пишу что-то на чистом CSS, то далее при изучении препроцессоров написание кода будет намного легче?

Я возможно не очень хорошо разбираюсь в CSS, но вроде он итак не супер сложный.
>>667713>>667721
#787 #667713
>>667712
препроцессор берет твой scss файл и преобразует его в css например для того что бы сделать хуйню адаптивной ты должен разделить ширину которой он должен быть на ширину родитель и умножить на 100 ( чтоб привести к процентам )
так вот твой препроцессор видит такую строчку
width: 50 / 500 100%
ипреобразует ее в такой css
width: 10%
можно написать css функцию ( прости господи )
типа toPercents($target, $context){
@return $target / $context
100 * 1%
}
и юзать ее типа того:
width: toPercetns(50, 500);
в css будет
width: 10%
куча короче примеров и препроцессоры дефакто стандарт современной веб разработки, так что знать тебе один из них придется сейчас живые только 2 Less и Sass лезь sass-scss.ru
и читай что зачем и нах
это sass доки по лесс тоже должно чето быть а тут тебе заябуться обхяснять но короткий ответ :
Да нужны

> но вроде он итак не супер сложный.


для этого препроцессоры и придумали
алсо: сверстай 10 макетов и у тебя язык не повернется так сказать
>>667715
#788 #667715
>>667713
сорян за кучу ошибок я в говно, суббота ж епта
#789 #667721
>>667712
иными словами это middleware между файлом в котором ты пишешь с читаемым синтаксисом и вызодным .css файлом
зачастую препроцессоры и вендорные префиксы сами расставляют типа ты пишешь
transition: all .3s ease-in
а в css получается
-moz-transition: all .3s ease-in
-o-transition: all .3s ease-in
-webkit-transition: all .3s ease-in
-ms-transition: all .3s ease-in
transition: all .3s ease-in

что позволяет существенно сократить всю хуйню так что обязательно обмажься одним из них
>>667732
#790 #667732
>>667721

> middleware


Ты так всех ньюфагов распугаешь.
#791 #667799
>>667699
Тут редко отвечают на вопросы. Гараздо интересней обосрать человека за использование сасса, а не лесса и наоборот.
#792 #667802
>>667608
я это и имел в виду
>>667612
спасиб, ознакомлюсь.
14 Кб, 221x228
#793 #667825
Короч аноны, поделюсь болью. Я уж тут отписывался, работаю пару месяцев верстальщиком. Надо будет верстать социальную сеть, сука. Причем макеты прислали в скетче блять каком-то, его переконвертили в пдф, а я должен каждый макет конвертить сука в псд, а конвертится он пиздец хуево, слои блять где-попало, еще и каждый макет конверить по отдельности и сука макетов 200 штук в перемешку с мобильными версиями, в итоге надо блять среди них будет искать какой к какому относится ПИЗДЕЦЦЦЦЦ.
>>667878
#794 #667876
Ребята, насколько хуево жить без вышки фронэндеру?
Сам я хоть и устроился, но чувствую себя очень неловко, потому у всех коллег есть вышка, а у меня нихуя (отчислили с 4-го).
Не хотел восстанавливаться, потому что надо деньги будет платить и вообще меня передергивает от этой преподши, из-за которой меня числанули (один долг ей не сдал). Опять ведь придется идти к ней, просить пересдачу, могу еще раз не сдать...
И вообще смотрю везде пишут, что без вышки ты говнокодер и вообще иди нахуй из профессии. Да и корочки сейчас нет только у самого отбитого быдлана. Получается, что я самый ущербный что ли?
Да и вообще нужны фундаментальные знания о программировании и желательно 4 годика практики, какой предостаточно у студентов. Я же 4 года учился на технической, но почти не связанной с погромированьем специальности (преимущественно преподавали различные курсы высшей математики).
Как думаете, есть ли жизнь без вышки в хардкорном фронтэнде?
>>667920
#795 #667878
>>667825
Поставь Avocode, нарезай из него. Кончится ознакомительный - регай новую почту.
>>667883
#796 #667883
>>667878
Забыл написать, авокод эту хуйню конвертиррованную не открывает, на 50% останавливается.
>>667903
251 Кб, 870x1023
#797 #667900
посоны помогите! настраивал gulp и stylus. после команды gulp styl выдает ошибку module.js:327
throw err;
^

Error: Cannot find module 'gulp-data'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (C:\Users\PCPC\Desktop\myproject\gulpfile.js:2:12)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
>>668050
#798 #667903
>>667883
Он же скетч должен без конвертации жрать.
>>668576
#799 #667920
>>667876

Думаю тут скорее дебилами выглядят придурки с вышкой.
>>667947
#800 #667947
>>667920
Почему?
>>668038
19 Кб, 949x292
#801 #668010
Прикрутил вот этот слайдер http://bxslider.com/, у меня на странице их выходит две штуки, один обычный сверху, другой карусель как на пике, у плагина один css файл, в нем я изменил кнопки лево\право.
Такой вопрос, можно как-то назначить эти кнопки, как я на пике отметил? Это придется в жс менять что-то? Я пробовал им давать классы, как у кнопок слайдера, но нихуя не работает.
>>668159>>669514
#802 #668038
>>667947

Фронтэнд одна из самых быстроразвивающихся сфер, тут знания каждые несколько лет полностью устаревают, так что никаких актуальных и полезных знаний в ВУЗе ты получить в принципе не можешь.
>>668039
#803 #668039
>>668038
+ максимум, что из "фронтенда" там учат - это html, где все стили в атрибутах, так как методички не обновляли со времём появления css. Трустори
>>668131
#804 #668050
>>667900
ты в галпфайле указал gulp-data, но не установил его через нпм
>>668142
#805 #668124
Что надо знать-уметь, чтобы пилить пиздатые сайтики на различных CMS и их самостоятельно всё и вся в них настраивать? А то уж больно много заданий на биржах по ним вижу.
>>668127
#806 #668127
>>668124
да уж, 3\4 проектов это еще и еботня с php и wordpress.
#807 #668131
>>668039
Но там же дают базу, типа всякие алгоритмы, основы программирования, БД.
>>668133>>668134
#808 #668133
>>668131
1. Какие типовые алгоритмы тебе пригодятся во фронтенде никакие, блядь
2. Что такое основы программирования? Теория, которая познается из википедии/Первых страниц циспа за пару недель чтения в метро
3. Тебе нужны базы данных? Не нужны

Хотя если ты ленивый даун с гуманитарием головного мозга, тогда может быть 5 лет долбежки по совковой методике тебя немного дисциплинируют, да.
>>668141
#809 #668134
>>668131
Наоборот же, не дисциплинируют, а еще больше сдеградируешь, если будешь согласно учебному плану и ничего сам.
#810 #668141
>>668133
А что делать после 30 лет?
>>668173
31 Кб, 604x462
#811 #668142
>>668050
ага. не надо было переменную с датой вобще указывай. в итоге я хуй забил на галп и щас вебпак по кантору прикручиваю.
>>668183
#812 #668159
>>668010
Бамп вопросу.
#813 #668173
>>668141
Ипотека, кредит, личинка, веревка, мыло.
#814 #668183
>>668142
Зачем тебе вебпак?
Олсо у Кантора куча недочетов и подводных камней, я почти два дня мучился.
>>668249>>668252
#815 #668188
Как почистить гитхаб от говна?
>>668234>>668244
#816 #668234
>>668188

>Как почистить иерусалим он неверных?


DEUS VULT!
простите
#817 #668244
>>668188
Без сожжения старого не народится нового.
32 Кб, 224x604
#818 #668249
>>668183
ты не можешь в галпе порядок склейки указывать
Ты не можешь в коде написать require("img.jpg") и получить строку url фотки
[16:56:43] Иван Вольнов: Которую вебпак сам сожмет и нужное место при сборке кинет
В галпе ты не можешь подключить css файл в яваскрипт
Не можешь подключать в яваскрипт любые файлы любых. Форматов
Не можешь читать их содержимое в явпскрипте
И.т.п.
Галп просто склеивает файлы и больше ни че не умеет
>>668277>>668417
#819 #668252
>>668183
+мне братишка помогает который шарит да и на дваче норм советуют
#820 #668277
>>668249
И тебе все это нужно, или тебе просто делать нехуй?
>>668302
#821 #668302
>>668277
блядь нужен универсальный инструмент. яначал осваивать галп, но усомнился в его универсальности по вышеуказанным причинам. время свое я какраз таки тратить не хочу. поэтому выбрал вебкак
>>668309>>668419
#822 #668309
>>668302
Универсальный инструмент для чего, для того, чтобы стили собирать? Вставка картинок/свг и т.п. осуществляется плагинами postcss, которые инклюдятся в конфиг галпа двумя строчками. Использовать вебпак для этого - все равно что танком поле пахать.
Олсо большую часть функционала можно и даже проще делать на галпе. Да даже реакт можно на галпе собирать. Про совместное использование галпа с вебпаком умолчу, т.к. знаю только теоретически.
А впрочем...

> начал осваивать галп


> усомнился


Вопросов больше не имею.
>>668310
105 Кб, 811x579
#823 #668310
>>668309да неебу я. мне знакомый посоветовал. я в вебе 4й месяц
>>668311
#824 #668311
>>668310
А если тебе другой знакомый посоветует собирать вручную на npm-скриптах ты и в пользе вебпака усомнишься?
>>668314>>668316
#825 #668314
>>668311
при достаточных аргументах с его стороны то возможно
#826 #668316
>>668311
говорю ж 4й месяц учу эту кухню
>>668320
#827 #668320
>>668316
4 месяца и без галпа? А я думал это я слоупок.
>>668334
#828 #668334
>>668320
базовый жс ксс и хтмл.
#829 #668417
>>668249
Знакомый твой наверно классный спец, но тебе он хуйню посоветовал. Вебпак для пердолинья с жс, перечитай свой пост, все, что ты описал про хитровыебаный жс, но т.к. ты базовый цсс и хтмл, тебе галпа будет за глаза. А с вебпаком ты только время потеряешь, потому что жс у тебя на нуле и будешь ты ебаца нихуя не понимая что происходит, ибо даже галп не осилил, где большинство тасков это объявление переменных и пайпы в нужно порядке расставить.
#830 #668419
>>668302

> время свое я какраз таки тратить не хочу


Это так не работает, во фронтенде ты должен знать все, кроме разве что совсем вышедшей из моды хуйни типа гранта или эмбера. Ты ведь даже не понимаешь пока, о чем идет речь, если собираешься использовать вебпак вместо галпа, лол.
>>668583
#831 #668576
>>667903
Если у тебя мак.
>>669250
#832 #668583
>>668419

>совсем вышедшей из моды хуйни


>эмбера



Погоди, что? Эмбер на данный момент возможно лучший из фреймворков. Ангуляры и реакты - не более, чем хайп.
>>668780>>669082
#833 #668584
Посоны, покупать подписку на академии, чтобы проходить платные задания или оно того не стоит?
>>668801
#834 #668780
>>668583
Опять срач хочешь устроить, шакал ебучий?
>>668825
#835 #668797
1) Где на дваче собираются дизайнеры?
2) Знаю вёрстку, bootstrap, хочу вктиться в вэб-дизайн и UI дизайн, где этому учиться? Если есть много разных htmlacademy, то где UI-academy?? и как их искать?
>>668837
#836 #668801
>>668584
Платные есть годные, тот же Кексби. Но и без них можно выжить.
#837 #668825
>>668780
Нет. Просто выявил инвалида.
#838 #668826
Фронтаны, такая ситуация. Я устроился на работу, где можно капчевать нонстопом, нужен только свой ноут или нетбук. Мне неохота проебывать столько времени зря и идеально хочу совместить это с версткой макетов и дальнейшему угару по фронту, но в железе не очень шарю. Какой НАИБОЛЕЕ бюджетный вариант ноутбука или нетбука (если последние еще выпускаются) подойдет для верстки и фотошопа, чтобы не висло все намертво?
>>668827
#839 #668827
>>668826
Любой асус за 25-30.
>>668828
#840 #668828
>>668827

>25-30



Я тотал нищеброд, мне бы в пределах 10-15...
>>668834>>668837
#841 #668834
>>668828
Ты год то знаешь какой на дворе? За 250 баксов захотел приличный ноут? Копи. Скупой платит дважды.
#842 #668837
>>668828
avito -> lenovo thinkpad t420 или около того. Я свой за 14к взял.

Алсо, двачую вопрос >>668797
>>668845
#843 #668845
>>668837
В каком году?
>>668850
#844 #668850
>>668845
https://www.avito.ru/sankt-peterburg/noutbuki/lenovo_thinkpad_t420_raznye_622180145
i5-2520M(2.5GHz) 4GB RAM 320GB 7200rpm HD 14in 1366x768 LCD Intel HD Graphics CDRW/DVDRW Intel 802.11agn wireless WWAN Bluetooth 1Gb Ethernet UltraNav Secure Chip Fingerprint reader Camera 6c Li-Ion Win7 Pro 64-15500руб

Это 20 секунд гугла. А, если основательно поискать, то можно что получше найти.
>>668854
#845 #668854
>>668850
А где гарантия, что он рабочий, и что это не серая партия, которая наебнется через полгода использования?
>>668867
#846 #668867
>>668854
Гарантия - привилегия тех, кто готов въебать +10к на покупку нового в магазине. Но запрос был другой.
#847 #668920
Что-то смотрю продвинутый интенсив и не могу сказать что он прям супер полезный. Всё что они говорят можно было бы сократить раз в 10, а некоторое вообще выкинуть. В итоге лучше самому загуглить все эти темы, чем смотреть тягомотину по 2 часа.
>>669051
#848 #668966
Вставил скрипт попапа академии барбершопа на остальные страницы, но он почему-то не работает.
В консоле - popup.js:3 Uncaught TypeError: Cannot read property 'querySelector' of null
>>668968>>668982
#849 #668967
Господа, подскажите пожалуйста: макет резиновый, под какие несколько !главных! значений ширины view-port делать адаптивность?

800 и 320?
>>668980
#850 #668968
>>668966

> на остальные страницы


Ты его там прописал вообще?
>>669201
#851 #668980
>>668967
Чо бля? Ты про query'с? 320-720-1200, но у всех по разному.
>>669139
#852 #668982
>>668966

Код в студию
>>669201
#853 #669051
>>668920
poddvachnu. ya ves vecher proebivay na vebinar, hotya tri zhe znanija mojno poluchit za pol chasa kopaniya v gugle
#854 #669082
>>668583
А чем он лучший?
Из любопытства спрашиваю, если что. Сейчас реакт на волне хайпа колупаю.
>>669333
#855 #669139
>>668980
Да, про @media.
Это понятно, что у всех по разному, просто хочется выделить несколько размеров, под которые подходит наибольшее количество мобильных устройств (планшеты, мобилки и т.д.)
>>669143
#856 #669143
>>669139
Возьми с бутстрапа размеры.
#857 #669201
>>668968
>>668982
вставил как и в index.html перед /body
<script src="js/popup.js"></script>

http://codepen.io/Vostokov/pen/ZOrzxL
>>669212
#858 #669205
Бля хули говорить то? Отправил резюмэху в одну контору, они рассматривают только частичную занятость. Я говорю мол нихуёво было бы в офисе посидеть. Сказали возмоджно в будущем. Контора не местная, но офис есть. И вот теперь боюсь обосраться. Поддержите советом что ли.
Думаю после ответа "Нету" на вопрос про опыт зависнет молчание и мы вам позвоним.
>>669206>>669224
2 Кб, 514x48
#859 #669206
>>669205
Отклеилось
>>669224
#860 #669212
>>669201
все, ясно, я же модальное окно вставил только в индексе
2 Кб, 622x29
#861 #669224
>>669206
>>669205
Мне пизда.
#862 #669245
>>669224
Крепись братишка.
#863 #669250
>>668576
Вот пидоры.
#864 #669255
>>669224
Вы же по скайпу будете, ну потрясёшь яйцами перед вэбкой, ну может пальчик в попку засунешь. И всё. В реале-то и в рот, и в жопу ебут, иногда, после жопы, не вытирая, в рот кладут спускать. Поэтому, их, кстати, двое, по количеству собеседуемых отверстий. Бабу обычно втроём собеседуют.
#865 #669259
Аноны, кто знает, как получить ширину маргинов и паддингов в пикселях?
>>669290>>669300
#866 #669290
>>669259
Поточнее. Откуда получить? С макета псд, в браузере?
>>669300
#867 #669300
>>669259
Ну и мудак же я. Сам бы на такой вопрос даже реагировать не стал.
>>669290
в браузере, получить через js ширину маргинов и паддингов. Причём в css они заданы в процентах, а нужны в пикселях.
Гугл предлагает подключать жквери.
Алсо, проблему решил и без получения ширины отступов.
#868 #669333
>>669082
Для меня это в первую очередь структурность. Convention over configuration. Легко вкатиться в практически любой проект + буст к производительности.
>>669391
#869 #669391
>>669333
Почитал про эмбер, что-то как-то непонятно, рано мне еще в такое лезть, конечно.
А почему все обмазываются реактом? Почти не видел вакансий, где делают акцент на эмбере, зато ангулар/реакт в каждой второй.
>>669417
#870 #669417
>>669391
Ангуляр хоть сразу понятен зачем и как, а реакт хуй пойми куда, слишком пердолиться приходится, залупа какая то.
>>669419>>669465
#871 #669419
>>669417
Сам по себе реакт тоже очень понятен, а вот когда к нему редакс прикручиваешь, начинается какая-то психоделия.
69 Кб, 658x794
#872 #669450
Ананасы, не могу найти причину почему форму react не показывает. http://codepen.io/ogurchik/pen/VjGkbx
Как сделать так что бы при нажатии кнопки submit в одном модуле, модуль создаль совершено другой модуль и отрисовал его в соверщено другом divе?
#873 #669465
>>669417
>>669450

>залупа какая то


Не удержался, извини.
#874 #669514
>>668010
в документации должно быть когда подключаешь слайдер указать какие классы отвечают за навигацию
>>669518>>669675
#875 #669518
>>669514
Сразу видно, что ты-то много хуёв пересовал. Вытри ротик, сперма присохла :)
168 Кб, 1920x1080
#876 #669527
>>669450

> модуль


> другой модуль


Не понял, что тебе нужно.

Во-вторых, теги надо закрывать.
В-третьих, бабель надо подключать.
И зачем ты ворошишь мертвый 0.11 реакт?
>>669551
#877 #669528
>>669450

>Ананасы, не могу найти причину почему форму react не показывает


В консоль смотри, ты не поставил закрывающийся слеш в инпут.
http://codepen.io/Ykro314/pen/BzOyXq
>>669533
#878 #669533
>>669528
реакт 2009-ым живет?
>>669535
#879 #669535
>>669533
Вообще там уже давно ЕС6 во все поля, тот анон просто некрофил, или угорает по-хардкору.
49 Кб, 453x604
#880 #669551
>>669527

>Не понял, что тебе нужно.


Вот что то типа этого.http://codepen.io/ogurchik/pen/VjGkbx
#881 #669576
Как верстать седону и глейси? выбирать любой макет, 760 или 1200?
>>669655
#882 #669655
>>669576
Зависит от твоего монитора. Если нищеёб, верстай 760.

На самом деле разные размеры для адаптивной вёрстки. Ты до этого ещё не дошёл. Пока делай десктоп-фёрст 1200.
#883 #669657
Ебаный реакт.
Ебаные хипсторы.
Ебаное говно.
Пойду на завод.
>>669670>>669729
#884 #669670
>>669657
Не трави душу. Я блядь из хохланда, у нас тут даже заводов нет.
>>669673
#885 #669673
>>669670
Да я лучше собственный завод построю. Это же просто пиздец, на реакте надо писать под миксом афганского героина и амфетаминов. Иначе я не представляю, как в голове держать датафлоу всего этого говна через компоненты в компоненты компонентов компонентов контейнер и диспетчер нахуй блядь редьюсер экшн сука обновляем стейт сторконфиг провайдер, и роуты не забыть прописать)))
Впизду.

На самом деле нет, просто у меня от жары кипят мозги и припекает в одном месте.
>>669695>>669760
50 Кб, 640x480
#886 #669675
>>669514
Читал, нет такого. Через разработчика смотрел какие классы нужны, прописывал их нов се равно нихуя. Не знаю, как с этим совладать.
>>669747
#887 #669695
>>669673
А у меня дико бомбит что в документации весь код порезан на мелкие кусочки и приходиться все писать самому, и блять даже возвращаться на предыдущие странички. Сука, я весь горю блять от этого.
#888 #669729
>>669657
Лолблять, на прошлой недели устроился на завод, трусори.
олдфаг треда
>>669730>>669791
#889 #669730
>>669729

>*стори

#890 #669747
>>669675
юзай slick slider
>>669909
#891 #669760
>>669673
Лан, смотрю https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree и вроде как все проясняется потихоньку.

Нахуй завод.
#892 #669791
>>669729
Кем?
54 Кб, 619x314
#893 #669839
Все эти расчеты коэффициентов сжатия и тд. вообще нужны на практике?
>>669845
#894 #669845
>>669839
Флексы для того и созданы, чтобы не грузить мозг вычислением ебучих пикселей. На практике все подбирается опытным путем за пару минут (с учетом адаптивности).
>>669853
#895 #669853
>>669845
Ну вот я подумал что если так подробно всё рассказывают - значит нужно будет. А я просто поверхностно прошелся по данным формулам и не стал понимать что к чему по большому счету.
Формулу flex-grow ещё понял вроде, а flex-shrink - не очень.
#896 #669866
Короче, такая хуйня. Есть задание: Отобразить список сообщений. Сообщение имеет следующие данные отправитель, дата и время и тело сообщения. В списке отобразить дату и время и отправителя. По наведению на отправителя отобразить тело сообщения. Сообщения загрузить из файла. Все запилил, кроме пункта с наведением. По моему замыслу на каждый элемент с именем вешается функция, которая добавляет или убирает класс .visible на соответствующий элемент с сообщением. Проблема в том, что какого-то лешего в toggleMessage(i) передается i=3. Нихуя не понимаю, почему так и как заставить это работать должным образом. Код тут: https://jsfiddle.net/x6rf5bq8/3/
#897 #669909
>>669747
Два дня ебался с этим, страшно что-то другое смотреть уже.
137 Кб, 1208x776
89 Кб, 894x389
#898 #669917
Аноны, объясните плз почему второй голубой блок не растягивается от flex-grow: 3; ?
По сути не указывать всем элементам flex-grow: 1, то всё вроде получается. Но я всё равно не пойму в чем дело.

И почему nth-child не работает в данном коде (2е изображение), то ли я забыл как этот псевдокласс работает, то ли чего-то не понимаю.
>>670041
#899 #670041
>>669917
.brick-layout div:nth-child(2)
#900 #670079
>>669224
Парни помогите. Где-то тут мелькала ссылка с часто задавемыми вопросами на собесе.
>>670169
#901 #670134
Аноны, подскажите, можно ли как-то получить ширину скроллбара конкретного браузера, не создавая на страничке пусть и на доли секунды левый непонятный элемент, как вот в этом решении:
https://learn.javascript.ru/task/scrollbar-width
#903 #670183
>>670169
Заебись. До собеседования 10 минут. Но, спасибо энивей, на будущее подготовлюсь.
>>670248
#904 #670248
>>670183
отпишись как все прошло
>>670328>>670383
#905 #670328
>>670248
Отлично, взяли! Собеседование было уморительно, я забыл, что такое бордер-бокс! Технический директор насупился, покраснел и сказал - ничего, научим! Потом встал из-за стола и подошёл вплотную ко мне, так что его ширинка была на уровне моей головы, начал гладить своей ширинкой меня по лицу, потом взял мою руку и положил на член, я чувствовал, как он встаёт, своей рукой! Мне было страшно, что сейчас меня выебут, но я не смог совладать с собой и расстигнул ширинку, потом достал его огромный член и запихал себе в рот, начал сосать да подсасывать, надеясь, что он быстро кончит, и я смогу убежать, но минут через 10 яростного сосания он сказал: "Введение в html ты знаешь на отлично, теперь проверим css", потом повернул меня спиной к себе, спустил мне шорты, смачно плюнул на мою дырку и начал ебать меня, я ему подмахивал попкой, надеясь, что вот теперь он кончит, но тут в переговорную зашёл какой-то работник, мне стало стыдно!! Директор: "Нам повезло! Проверим, как ты работаешь в команде, Петя, устрой ему обед!" Петя достал свой член и начал ебать меня в рот, слава богу!! быстро кончил, я откашлялся и кое-как проглотил его сперму, вздохнул с облегчением, но тут директор достал член из моего зада, развернул меня и сразу воткнул мне в рот, я чувствовал говно во рту, но сосал, а потом он кончил, да так, что сперма, аж через нос полезла, как сопли, я кое-как отплевался, а когда вытер лицо футболкой, директор мне дал приказ о назначении меня стажёром! Вот так я получил работу специалиста. Было сложно, но я справился.
#906 #670357
>>670328
Спасибо за подробный рассказ.
Тебе теперь пол-треда завидует.
#907 #670364
>>670328
Эх, вспоминаю, как я устраивался, всё точно так же! Один в один! Странно, что тестовые задания год от года не меняются.
769 Кб, 1440x900
#908 #670370
как верстать эту хуйню?
флексами с кучей дивов?
>>670432
#909 #670375
>>670328
Тебе ещё повезло, тебя по ЖС не прогнали!
#910 #670383
>>670248
Ну как по мне так пиздец.
В скайпе были баба хрюша (с которой я общался на счет всего), главный верстала (их лидер как я понял) и директор офиса моего города. В общем по началу хр говорила об устройстве их фирмы, как работают и прочее. Я слушал и мычал. Потом дали слово мне "РАССКАЗАТЬ О СЕБЕ", ну я за 5 минут до начала что-то начеркал, промямлил (я это в основном и делал, ибо скилла общения слюдьми на уровне рыбки). Потом дали слово главному верстале. Спрашивал:
-какие проблемы решает тег picture
-какие задачи решал с помощью grunt/gulp, что использовал
-что нужно сделать чтобы запретить пользователю ресайзить экран на мобилках (тут я заглох, но сказал что "надо что-то написать в теге мета наряду с width=device-width и initial-scale =1.0", он сказал а ну да там брбрбрбрбрбр, норм - ответил)
-про jquery спросил чем пользовался
-и опять jquery (точно не помню вопрос): есть группа ссылок, которые появляются динамически (по ajax), так как к ним подобраться чтобы всегда по клику что-то происходило. В общем ответ заключался в том чтобы присвоить именно контейнеру (ссылок) обработчик события .on() и что-то про live(). Но тут я заглох потому что даже понятия не имел об этом, сказал "не знаю"
-спросил за сколько я сделал (по часам) макетнейм, потом показал свой и сказал за сколько бы я его замутил (говорил что оценивает понимания работы)
Что-то еще спрашивал - всё забыл от страха.
После слово взял директор моего местного офиса. Тут он начал спрашивать где я работал, сколько, что делал и прочее. В общем Лучше бы я сказал что нигде не работал. По итогу он определил что в команде я не работал, но я этого и не скрывал.
В общем собес вышел минут на 30-40 пиздежа. Сказали в течении 2-3х дней скажут что-нибудь.
Вот сейчас хр спрашивает на мои ожидания по оплате - как в офисе, так и на удалёнку. Я так понимаю им по часовую ставку говорить а не оклад?
>>670328
Это не я.
>>670390
#911 #670390
>>670383
Ах, еще про флексы был вопрос. Какие положения могут быть блоков по горизонтали. Я сказал что только щупать их начал, мол по свойстам не скажу. Просто объяснил на пальцах как их расставить можно. благо помню еще что-то с flex frog или что-то там.

Итог: сам себя бы на удалёнку бы себя не взял. Еще юный, без опыта. Но вот стажировочку бы оформил в офис.
>>670403
#912 #670395
Братки, вчера начался интенсив базовый в хтмлакадеми, в которой я себя собсно и запилил, думал повыливать оттуда вебинары, так они заливают их в vimeo с приватными настройками (пишет Because of its privacy settings, this video cannot be played here.)
Есть идеи как эту тему обойти?
>>670401>>670402
#913 #670401
>>670395
Он и же видео тебе потом дадут.
#914 #670402
>>670395
а зачем?
в шапке есть базовый интенсив прошлый за 2016 год.
Вряд ли он устарел.
#915 #670403
>>670390
40р в час норм для 120к мухосрани?
#916 #670412
>>670403
И должна ли часовая ставка быть больше на частичной занятости?
Я это спрашиваю даже не для себя, а для всех. Каждый может столкнуться с такой ситуацией.
#917 #670418
>>670403
40 рублей час
1600 рублей в неделю
6400 рублей в месяц.

Или ты хохол?
>>670428
#918 #670422
>>670403
7к/мес.?
тебе в толока тред с такими вопросами.
>>670428
#919 #670428
>>670422
>>670418
Бля перепутал. 90р в час для офиса.
>>670429>>670430
#920 #670429
>>670428
ну 16к для мухосрани стажером еще куда ни шло.
#921 #670430
>>670428
с другой строны, что тебя ждет на этой работе?
какое там может быть развитие?
говноленды верстать?
лучше пиздуй в обл.центр хотя бы, ищи там работу
>>670436
#922 #670432
>>670370
Энибади?
#923 #670436
>>670430
Ну как сказать. Я писал до этого, главная контора в США, там заказчиков и ищат, делают веб-проекты и мобильные приложухи на htmlcssjs. Филиалы есть в россии, въетнаме, казахстане. И да ни SEO, продвижением и лендосами они не занимаются. Думаю это лучше чем пилить сайтецы на simple CMS
>>670455
#924 #670455
>>670436
если тебе норм что это скорее всего бодишоп, который на тебе просто рубит бабки - то вариант неплохой, мб интересный опыт, попробуй, потом отпишись
>>670466
#925 #670466
>>670455
Что ты подразумеваешь под бодишоп? Первый раз слышу.
>>670484
#926 #670484
>>670466
в прошлом треде вроде скидывали видос
про ребят, которые на ламбо ездят зарабатывая на такой хуйне
грубо говоря продают твой код заказчику за 30$/час, тебе платят 90р/час
ну это частности
вот еще статью почитай
https://habrahabr.ru/post/289760/
84 Кб, 700x680
#927 #670525
Кто работает с gulp, подскажите.
Например, запускаю я команду которая включает в себя gulp.watch и консоль становится недоступной(то есть что бы ввести новую команду мне нужно остановит запущенный процесс и только тогда можно вводить)
Так и должно быть или это у меня где-то косяк?
>>670527
#928 #670527
>>670525

Так и должно
>>670536
#929 #670536
>>670527
Спасибо. Первый раз пользуюсь, думал где натупил.
#930 #670556
можно в двух словах нахуй галп?
>>670560>>670562
#931 #670560
>>670556

Для сборки проекта, спрайты, минификация js css файлов, соединение всех файлов js и css в один, автопрефиксы css -moz- -webkit- итд, сервер и livereload, watcheru, для препроцессоров.
>>670723
#932 #670562
>>670556
Картинки оптимизирует (не надо тащить картинки на сторонние сервисы и пердолиться руками)
Компиляция jade/scss/stylus/less... в css (не надо скачивать отдельные программы для этого и пердолиться руками)
Приписывает браузерные префиксы -mox -webkit -o -ms (не надо о всех знать и пердолиться руками)
"Живое обновление" в браузере после сохранения (не надо постоянно жать ф5 и пердолиться руками)
Минимизация стилей, джс (не надо пердолиться руками)

Это малая толика.
>>670723
#933 #670563
спасибо, аноны, завтра буду туторы смотреть
#934 #670635
перекат делайте
#935 #670690
>>665385
Пиздец, завидую, вы уже по несколько месяцев работаете, сколько 3-4 анона? Хотя я с вами начинал помню еще с ноября. У меня вечная прокрастинация, проблемы с баблом и дома, вечно дергают туда сюда а сьебатся от родителей на сьемную немогу, чтоб лампово зависать над учебой. Приготовь пожрать к батиному приходу, он приходит пиздит вечно недовольный, выгулять собаку, сходить к бабуле и тд. Приходится уже год пытаться по чуть чуть учить, но это все хуйня, так дела не будет.
#936 #670723
>>670560
>>670562
Я не тот анон, но у меня тоже вопрос. Как галп соотносится с вебпаком? Я немного покопался и понял, что в принципе, что на том, что на другом можно делать аналогичные таски/задачи. Вопрос толкьо в пердолинге. Почему все "отцы" подряд говорят, что они разные программы и их задачи не пересекаются и их, мол, вообще можно вместе использовать. Ведь пересекаются же? Тот же бабель, объединение жс можно установить на галпе, а минификацию и прогонку автопрефиксером у вебпака.
100 Кб, 1006x756
#937 #670796
Актуален и правоверен ли список, анончики?
>>670818
#938 #670807
Бамп
#939 #670818
>>670796

>front-end developer


>nodejs


Да хули его пихают везде!
>>670940
#940 #670860
Пацаны, не могу разобратся по чему учить, в гайде есть курсы, есть базовый интенсив видео есть интенсив тоже видео.
Я вот значит это скачал из гайда, ньюфане пойдет? http://nnmclub.to/forum/viewtopic.php?t=999246
Или курсы с сайта сначала пройти?
>>670885
#941 #670885
>>670860
к 3му интенсиву нужно пройти все базовые курсы.
иначе понимать интенсив будешь очень плохо и придется гуглить и разбираться по ходу него.
Аноним #942 #670940
>>670818
Ну дабы быть хоть более-менее фулстак пацаном.
Аноним #943 #670977
.size(@width; @height) {
width: @width;
height: @height;
}

.square(@width) {
.size(@width; @width);
}

Поясните за примеси, нихуя не пойму что это за .square и зачем в него передавать примесь .size с двумя ширинами? И почему именно @width;@width, а не просто @width?
>>670985
Аноним #944 #670985
>>670977
Вроде понял, типо с помощью .size создаются прямоугольники, а .square передает одинаковые атрибуты в .size создавая тем самым квадрат.

Смутило именно одинаковые атрибуты @width, но как-то не подумал что в теле новой примеси это уже другие атрибуты.
#945 #671005
объясните нуфагу как тред перекатить, почему всё время пишет что сообщение слишком длинное, хотя оно входит в 15к символов как бы.
>>671025
#946 #671025
>>671005
не умеешь - не берись
>>671083
#947 #671083
>>671025
не умеешь- научись.
тежело тебе наверное по жизни с таким девизом, да?
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 30 августа 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /wrk/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски