М.Двач / Работа и карьера

Этого треда уже нет.
Это копия, сохраненная 2 июня 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

199 Кб, 805x443

62 Кб, 845x415

11 Кб, 1200x630

Front-end thread №2 13 Апр, 22:44 #532095 В конец треда | Веб

front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

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

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

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

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

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

>Пришел ли кто-то из нашего треда к успеху?
Да, и не один а двое, азазазза, кхм.

>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.

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

>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.

>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.

>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.

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

Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.

=====================

Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.

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

Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.

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

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

Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Верстка по БЭМ
http://habrahabr.ru/post/203440/

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

Гайд от анона по гитхабу:
http://randomfederation.github.io/

Шпаргалка от Громова по гиту
http://nicothin.pro/page/git

Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM

Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131

Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp

Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609

Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking

Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>523507 (OP)

Ответы>>539591>>544834>>545221

177 Кб, 993x743

13 Апр, 23:58 #2 #532172

чет пиздец какой-то. Дизайн уровня ноль

Ответы>>532323>>543249

14 Апр, 02:52 #3 #532323

>>532172
зато везде отображается одинаково

14 Апр, 03:40 #4 #532326

Дайте обратную связь, кому не лень https://gitanon.github.io/
Разное отображение я сам вижу, не старался сверстать pixel perfect все проекты, поэтому такое можно не писать, только если совсем ни в какие ворота. Верстка конечно пиздецовая, пока верстал сам многое понял. Больше интересуют ваши наблюдения по структуре проекта, галпфайлу, подключению фраймворков и т.п..
Шрифт подключился только на фаундейшине, до него я думал все нормально, а оказалось, что нет. Исправлять не охото, на новых макетах внимательней буду.
После верстки макета удаляете папку node_modules? В ней файлы маленькие, но на диске больше места занимают из-за кластеров большого размера, чем файл. У меня на порядок больше места на диске занимает, чем есть по факту.

Ответы>>532331>>532363

14 Апр, 03:57 #5 #532331

>>532326
я удивляюсь, как легко html-academy внесли в верстку css-слайдеры с использованием input+label. это же пиздец, семантика в жопе. элементы формы вне формы. и всем нормально

Ответы>>532389>>532397>>532767

14 Апр, 08:17 #6 #532363

>>532326
>После верстки макета удаляете папку node_modules?
В папку с проектом кидаю симлинк, сама же node_modules лежит в другом месте

14 Апр, 09:10 #7 #532389

>>532331
На продвинутом Громов говорил что слайдеры пилите на js

14 Апр, 09:29 #8 #532397

>>532331
Семантика, хуянитика. Работает? Работает. Тормозит сайт? Не тормозит. Что еще надо?

Ответы>>532661>>533538

14 Апр, 13:02 #9 #532603

Подскажите пожалуйста, что вписать в пользовательский CSS чтобы изменить размер шрифта на борде?

Ответы>>532605

14 Апр, 13:05 #10 #532605

>>532603
Всё, не надо, нагугули сам.

14 Апр, 13:27 #11 #532616

http://www.youtube.com/watch?v=SvuSZkIYTM0

Ответы>>532649>>532700>>532784>>532796>>532961>>532976

14 Апр, 13:56 #12 #532638

Как реализовать это задание :
Блок 4 фиксируется при скролле до момента когда блок 7 будет в 20 пикселях снизу от него
?
Двачик, помоги

14 Апр, 14:08 #13 #532649

>>532616
Начал смотреть - хорошо, хоть добил вышку, лол

Ответы>>532708

14 Апр, 14:25 #14 #532661

>>532397
двачую пацана

Ответы>>533538

14 Апр, 14:42 #15 #532685

Прошел базовый интенсив. Сверстал пару макетов, можно уже браться за js ?

Ответы>>532696

14 Апр, 14:47 #16 #532696

>>532685
Сам то как чувствуешь. Все устаканилось? Руку набил? Если уверен, то можешь переходить в продвинутому. Только учти, что там верстать учить не будут. Там будет рассказывать про подходы и технологии, которые ты внедришь в свой процесс верстки

49 Кб, 343x266

14 Апр, 14:50 #17 #532700

>>532616
Вот и тут подтверждение того, что в шапке написано.
На скрине минимальная почасовка с очень поверхностным знанием всего, которая в видосе.

Ответы>>532703>>532768

36 Кб, 334x252

14 Апр, 14:54 #18 #532703

>>532700
В догонку

14 Апр, 14:59 #19 #532708

>>532649
Здесь всегда подразумевается вышка связанная с ИТ? Заканчиваю техническую, но не ИТ просто.

14 Апр, 15:37 #20 #532767

>>532331
ты удивишься, но по спеке поля ввода не обязаны находиться внутри формы

14 Апр, 15:38 #21 #532768

>>532700
> bootstrap: 20hrs
> JS: 108hrs
Чет в голосину с этих хохлолекторов.

Ответы>>532773

14 Апр, 15:42 #22 #532773

>>532768
Я тоже нихуя не понял, жс типа хуйня такая, а на вонючий будстрап 20 часов, че?

14 Апр, 15:47 #23 #532784

>>532616
да в пизду, час жизни тратить на бесполезный пиздежь, лучше поделать че-нить.

14 Апр, 15:57 #24 #532796

>>532616
чо там вкратце?

Ответы>>532803

14 Апр, 16:04 #25 #532803

>>532796
Да херня, не стоит потаречнного времени. Хорошо, что фоном смотрел - ничего нового

14 Апр, 16:49 #26 #532855

Есть какая-нибудь программа которая показывает, сколько времени я обучался тому то или тому то, сколько времени я верстал и т.д. ? С подсчетом времени и статистикой.

Ответы>>532882>>532949

14 Апр, 17:00 #27 #532882

>>532855
Если нет, то напиши.

Ответы>>532906

14 Апр, 17:11 #28 #532906

>>532882
Я не умею.

Ответы>>532926>>532936

14 Апр, 17:33 #29 #532926

>>532906
Есть трекеры времени проведенного в разных программах/сайтах.
Или по технике помидорок ты каждый раз отмеряя помидор можешь тоже потом анализ делать.
Ну и я надеюсь ты не собрался прям до секунды вымерять, ибо час часу рознь. Справедливо как для разных людей, так и для одного человнка в разных состояниях.
Твоя задача получить знания и навыки, а не набить почасовку. Ее можно использовать просто как косвеный показатель.
Надеюсь, мысль ясна

14 Апр, 17:45 #30 #532936

>>532906
https://toster.ru/q/22115
Тогда может это поможет?

14 Апр, 17:57 #31 #532949

>>532855
Я использую вот это
http://www.teamviz.com/
Полностью под реквест не попадает, ведь разрабатывалась больше как менеджер помодорок. Но есть профиты типа отслеживания количества тасков, длительности, удобный подневный репорт по затраченному времени, с графиком.

14 Апр, 18:06 #32 #532961

>>532616
Заебись. Вышки нет и не собираюсь. Походу мир ебанулся

Ответы>>532980>>533000

14 Апр, 18:16 #33 #532976

>>532616
А без диплома бакалавра вообще никак? Мне нужно потратить время на изучение CSS, JS etc, а потом еще пять лет протирать штаны в вузе, получая специальность, не имеющую никакого отношения к frontend, просто, чтобы бумажка была?

Ответы>>532980>>533000

14 Апр, 18:19 #34 #532980

>>532961
>>532976
Нахуя вы вообще это видео смотрите?Нахуй диплом никому не нужен.

Ответы>>532989

14 Апр, 18:28 #35 #532989

>>532980
слышал много кококо, что он нужен именно для руководящих должностей

Ответы>>532991

14 Апр, 18:31 #36 #532991

>>532989
У нас тут альфачей дохуя я смотрю?Многие еще блять не работают даже.

14 Апр, 18:32 #37 #532993

двач, есть предложение идти в конторку верстаком за 25-30к/мес. подвох в том, что там нихуя не оформляют, деньги будут наликом выдавать на руки лол хочу вкатиться для получения опыта, для портфолио хуле
нормальный предложений не поступает, только такая шляпа

Ответы>>532996>>533004

14 Апр, 18:34 #38 #532996

>>532993
Сейчас работаю в такой веб-студии не версталой, полёт нормальный, з\п платят каждый месяц. Смотри на руководителя, если мутный, то нахуй надо.

Ответы>>533012

14 Апр, 18:37 #39 #533000

>>532961
>>532976
Блядь, этот семинар для доверчивых хохлов и прочих долбоебов. Чего только стоит "JS: 100 часов", лол. Осваиваете нужны стэк технологий, идете на работу, набиваете опыт. Там если буедт нужно - можно будет сдать какой-нибудь говно-экзамен или получить сертификат. Никому нахуй не нужен диплом говновуза.

14 Апр, 18:38 #40 #533004

>>532993
Алсо, ты там будешь верстать говномакеты от говнодизайнеров, так что для портфолио это будет полной хуйней

Ответы>>533012

14 Апр, 18:43 #41 #533012

>>532996
в этом плане мне все понравилось, >>533004
ну тогда просто опыт.

тут смотрю уже фронтед тред дохуя, в оп посте верстки хоть и советовали устраиваться в ковнонторы за нихуя

14 Апр, 20:35 #42 #533148

Как же я заебался с этим вордпрессом просто пиздец... Верстка блять легко давалась, а тут нихуя не понятно и не логично, нормальных гайдов на завезли к тому же, приходится каждый шаг гуглить.

Ответы>>533193

14 Апр, 21:01 #43 #533193

>>533148
ты чо вордпресс это вобще изи для даунов. ты чего?
>нормальных гайдов на ютубе нет
ты чего?

Ответы>>533198

14 Апр, 21:03 #44 #533198

>>533193
Ладно, запили мне гайд как в слайдер запилить html верстку и чтоб она не наебнулась.

Ответы>>533202

14 Апр, 21:04 #45 #533202

>>533198
Разумеется это слайдер на вордпрессе, чтобы клиент мог редактировать.

14 Апр, 23:22 #46 #533426

Где искать работу версталой? Я хуею, даже на джунов вакансий нет, всем нужны JS/Node/React/Angular, а если не знаешь - пошел нахуй.

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

Ответы>>533444>>533454>>533469>>533470

14 Апр, 23:41 #47 #533444

>>533426
два чаю этому господину. сам сейчас готовлю страницу на гитхабе, типа портфолио хз. собираюсь спамить городские вебстудии своими просьбами взять хоть на пол ставки для получения опыта, просто не верю, что все (а их в дс2 предостаточно) ответят отказом.

в местом епаме есть вакансия на джуна.. с опытом работы 3-6 лет и полным набором технологий.

Ответы>>533454>>549460

14 Апр, 23:44 #48 #533452

1. А есть у местных верстал заготовки для проектов? Поделитесь/расскажите, что там у вас.

2. Юзал prepros и less файлы заебись автокомпилировались. Переставил прогу заново - нихуя не хочет делать. Двач, я наверн тупой, подскажи в чем дело.

14 Апр, 23:45 #49 #533454

>>533426
>>533444
IE-9 поддерживаете? на jquery что-нибудь можете написать? уровень зп какой хотите?

14 Апр, 23:58 #50 #533469

>>533426
Без JS нигде. Хотя иногда встречаю вакансии уровня "кроссбраузерная верстка, IE8, бутстрап, верстка шаблонов под 1сбитрикс, пхп, мускуль, хуй 19 сантиметров 20к/мес". ДС

Ответы>>533540

15 Апр, 00:00 #51 #533470

>>533426
Зачем тебе верстка? Это же просто дно. Дрочи яваскрипт вместе с перечислеными фреймворками, от сылай резюме в нормальные компании.

Ответы>>533595

43 Кб, 720x540

15 Апр, 02:22 #52 #533513

Реквестирую годный гайд по адаптивной вёрстке без отсебятины, точно и по делу, крайне желательно на русском, видео-курс был бы идеален. Благодарю. Пик-рандом

Ответы>>533539

15 Апр, 07:39 #53 #533538

>>532397
>>532661
вот из-за таких ребят веб постепенно скатывается в жопу

15 Апр, 07:41 #54 #533539

>>533513
хуерстаешь сначала так, чтобы верстка под мобильники не ехала. 1 блок на 1 строку. потом добавляешь медиа-запросы, в которых уже задаешь размеры отдельным блокам, допиливаешь верстку до состояния макета. ну вот так как-то

Ответы>>533541>>533563

15 Апр, 07:47 #55 #533540

>>533469
это где-нибудь в мухосранских говноконторках часто так. ищут человека-оркестра, уровень знаний которого как раз на говноконторку. в нормальных конторах держат нормальных фронтов для клиент-сайда. но эти, пускай даже джун, фронты обладают хорошим таким стеком известных им технологий. и получают, например, в ДС3 от 45-60к, в ДС от 80 и выше.

15 Апр, 07:47 #56 #533541

>>533539
ну и используй медиа-запросы с min-width, а не с max-width

15 Апр, 10:07 #57 #533563

>>533539

Кстати, по-поводу прогрессивного энхансмета, неужели удобнее в медиа запросах потом выстраивать полную страницу, там же придется дохуя всего дописывать, разве не легче с полной опускаться?

Ответы>>533572>>533574

23 Кб, 360x547

15 Апр, 10:09 #58 #533567

Делаю техномарт из курса хтмлакадемии.
Там надо сделать вот такие чекбоксы и радио.

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

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

Ответы>>533572>>533578>>533659

15 Апр, 10:18 #59 #533572

>>533563
Это два разных подхода к адаптивности. Описанный аноном Mobile First позволяет телефонам не грузить большие картинки и прочие ресурсы десктопной версии.

>>533567
label:before {
content: "\kod-symvola";
display: inline-block;
font-family: tvoy-iconic-font;
font-weight: normal;
font-style: normal;
}

Ответы>>533582

15 Апр, 10:22 #60 #533574

>>533563
PE - это не mobile first

15 Апр, 10:24 #61 #533578

>>533567
в 6 уроке базового интенсива есть дополнительное видео по кастомизации чекбоксов и радиокнопок

так же в дополнительных материалах к интенсиву есть видео про кастомизацию с помоощью шрифта тоже

научитесь смотреть хотя бы ту инфу, которую вам дали, я уже молчу про гугление

15 Апр, 10:27 #62 #533582

>>533572
> label:before {
>content: "\kod-symvola";
>display: inline-block;
>font-family: tvoy-iconic-font;
>font-weight: normal;
>font-style: normal;
>}

Так и думал. Там просто все эти параметры красиво лежат в одном файле. Думал обойтись без копипаста. Спасибо.

> в 6 уроке базового интенсива есть дополнительное видео по кастомизации чекбоксов и радиокнопок
Спасибо, посмотрю.

15 Апр, 10:52 #63 #533595

>>533470
Бля, надо еще верстку выдрочить, адаптив изучить, потом уже яваскрипт. Думал, может яваскрипт выучу, когда уже реальный опыт буду подучать, но судя по всему хуй там.

15 Апр, 12:09 #64 #533659

>>533567
>подскажи как стилизовать
А в чем проблема? Лейблам в хтмл присвой классы соответствующие символам. Потом стилизуй как label::before

76 Кб, 1280x720

15 Апр, 15:27 #65 #533853

Не падать! Всем смузи за счет коворкинга.

Ответы>>533891

15 Кб, 386x338

15 Апр, 16:12 #66 #533891

>>533853
Уй как няшно выглядит прямо ням ням.

15 Апр, 17:05 #67 #533940

https://code.visualstudio.com/
Тут релиз произошел. Какие думки?

Ответы>>533947>>533966>>534088

15 Апр, 17:09 #68 #533947

>>533940
внешний вид один в один как саблайм

15 Апр, 17:36 #69 #533966

>>533940
Вангую отсутствие ламповых плагинов

15 Апр, 19:33 #70 #534061

Вопросец по адаптиву. Стоит ли ограничивать рамки действия медиа запроса. Т.е.
@media screen and (min-width: 320px) and (max-width: 700px)
или просто
@media screen and (min-width: 320px)

Просто некоторые свойства унаследуются от предыдущего и хорошо это или плохо не пойму. Если что применяю mobile first

Ответы>>534066

15 Апр, 19:47 #71 #534066

>>534061
Зависит от конкретного случая. Если медиа запрос без max-width поможет избежать повторения кода - да будет так.

28 Кб, 560x118

28 Кб, 558x115

15 Апр, 19:56 #72 #534074

Может будет полезным. В общем пытался накатить адаптивные пикчерз. Но вот не судьба - не работает, ну как 1 запрос работал, а остальные нет (пик 1). Минут 30 убил на то чтобы разобраться.
В общем никто мне не сказал что запросы нужно ставить в порядке убывания (пик 2). Всем удачи.

Ответы>>534537

15 Апр, 20:29 #73 #534088

>>533940
Николай Громов
Поставил Visual Studio Code. Попробую сделать с ним один проект.
сегодня в 15:01

Николай Громов
Нет, пользоваться Visual Studio Code не буду. Там нет настроек Emmet-а.
три часа назад

15 Апр, 21:12 #74 #534138

Читнул тут Громова про свг-спрайты, где он предлагает ныкать спрайт в разметку и вставлять где надо через use:

http://nicothin.pro/page/svg-sprites

А что если нужно бэкграундом поставить свг, и чтобы это был тоже спрайт?

Ответы>>534166

15 Апр, 21:25 #75 #534166

>>534138
Не получится так, свг спрайт кардинально отличается от обычного пнг спрайта, это и не спрайт вовсе по сути, а просто набор кода..

Ответы>>534277

15 Апр, 21:51 #76 #534277

>>534166
Почему, вот же чувак юзает точно так же, как пнг

https://www.liquidlight.co.uk/blog/article/working-with-svgs-in-sprites/

Судя по всему, будет какбе 2 спрайта, один в разметке, один файлом.

827 Кб, 1440x900

15 Апр, 22:24 #77 #534337

Бля, пацаны, понимаю, что я вас уже заебал с этим проектом, но у меня еще один трабл. Как сделать эту разноцветную линейку в футере как на макете? Поясню идею дизайнера: вот эти вот оранжевый-синий цвета имеют фиксированную ширину в 672px, а красный слева и фиолетовый справа соответственно, растягиваются уже по ширине окна браузера, то есть фиксированный width не имеют.
Я так думаю, что это нужно как-то через позишн делать или бефор/афтер, но как именно – не понимаю.
Буду рад любой наводке или ссылке в гугол.

Ответы>>534342>>534346>>534347>>534424>>534697

15 Апр, 22:27 #78 #534342

>>534337
Делаешь двухцветный красно/фиолетовый блок на 100% шириной, внутри него отцентрированный блок (можно псевдоэлементом) фиксированной ширины с пятью остальными градиентами. Куда проще-то?

Ответы>>534345>>534367

15 Апр, 22:28 #79 #534345

>>534342
>двухцветный красно/фиолетовый блок
Градиентом естественно цвета, забыл написать, но думаю и так ясно

15 Апр, 22:31 #80 #534346

>>534337
2 бэкграунда наложи друг на друга и сделай оверфлоу хидден.

15 Апр, 22:31 #81 #534347

>>534337
бля бро, ты чё на белоленточную хуету работать начал?

15 Апр, 22:55 #82 #534367

>>534342
Бля братан, ты гейней! Хуй знает, почему я сам до этого не допер. Наверное, нужно давать отдых мозгам.
Пойду закажу пиццу и посмотрю пару серий Офиса или Клиники.

15 Апр, 23:33 #83 #534424

>>534337
Градиентом

Ответы>>534431

15 Апр, 23:38 #84 #534431

>>534424
Ты тупой штоле, уже ответили выше.

16 Апр, 01:52 #85 #534519

на stackoverflow за такие вопросы с ноги прописывают, спрошу тут

Какой жквери слайдер предпочитаете использовать? Мне важно, чтобы был адаптивным (не обязательно, могу и сам допилить), не нужно было указывать жестко ширину и чтобы поддерживал HTML-CSS в слайдах (а не только картинки).

Ответы>>534520>>535078>>535140

16 Апр, 01:56 #86 #534520

>>534519
slick

16 Апр, 03:48 #87 #534537

>>534074
это полифилл с жс или браузер без жс такое понимает?

Ответы>>534573>>534636

16 Апр, 08:26 #88 #534573

>>534537
Думаю jade, шаблонизатор хтмл, но не уверен

Ответы>>534636

88 Кб, 239x301

31 Кб, 242x159

16 Апр, 09:36 #89 #534635

У меня тут ебанутый вопрос для вас, как сделать, чтоб текст выходил за рамки блока?Сейчас как пикрелейтед1, нужно как пикрелейтед2

Ответы>>534639>>535080

16 Апр, 09:42 #90 #534636

>>534573
>>534537
Да, это jade

16 Апр, 09:44 #91 #534639

>>534635
Дрочишь пиксель перфект? Уеби с ноги дизайнеру за такое.

Ответы>>534641

16 Апр, 09:46 #92 #534641

>>534639
Не дрочу, просто на 2пике лучше смотрится же, а дизайнеру я с ноги уже 50 раз уебал, макет - говнище ебаное.

16 Апр, 09:47 #93 #534643

Я похоже совсем захерел. Вот есть макеты. Как читать на них подписи?
320 - так должен выглядеть макет от 0-320рх? или от 320-до следующего(тут 700рх)
700 - от 320-700 или выше 700рх? и т.д.

Ответы>>534647

33 Кб, 579x164

16 Апр, 09:48 #94 #534647

>>534643

16 Апр, 11:16 #95 #534697

>>534337

Вырежи картинку и залей сюда http://www.colorzilla.com/gradient-editor/ , оно сгенерирует тебе код.

16 Апр, 12:04 #96 #534726

Смотрю все адаптив крутят в бутстрапе. Какое видео не глянь - сетка бутсрапа. Вот вопрос - стоит ли дрочить самому сетку или сразу на фреймворк перекатываться?

Ответы>>534737

16 Апр, 12:20 #97 #534737

>>534726
Я конечно полный нуб в верстке, но думаю, что
Что бустрап, что скелетон не дают возможность очень точно сверстать любой макет. Мне кажется, есть макеты, которым будет тесно в системе из 12 колонок. Я бы их использовал в первую очередь для создания сайта с нуля, т.е. когда фреймворк выбран осознанно, и макет уже верстается с его учетом. Ну или когда макета нет вообще.

16 Апр, 12:35 #98 #534742

А вообще если и так норм верстается, страп нужно знать или нахуй не надо.

Ответы>>534747>>534960

16 Апр, 12:40 #99 #534744

Вопрос к опытным господам.

Сортировка в катологе продуктов, например по стоимости, по популярности, ну и заодно по возрастанию и по убыванию. Имеет ли смысл сделать ее радиобаттонами?
Посмотрел примеры нескольких магазинов, везде делают ссылками.

Если радиобаттноны в этом случае недопустимы, то почему? Какие проблемы возникнут перед бэкэндщиком, чтобы привязать сортировочные скрипты к их состоянию?

Ответы>>534753

16 Апр, 12:42 #100 #534747

>>534742
Нужно уметь верстать, и делать это хорошо. Бутстрап просто надстройка стилей, плюс залоченная сетка работающая везде. Он бывает полезен когда надо быстро без макета склепать каркас для приложухи, и тебе лень пердолиться с дизайном.
Я вообще его не учил. Пишу на пьюр ксс, юзаю флексы, брат жив, зависимость есть. От бутстрапа с его кучей говноклассов, непонятным наследованием и прочими приветами слегка подташнивает.

Ответы>>534765

16 Апр, 12:47 #101 #534753

>>534744
Ссылки универсальнее. Тем более что сортировку можено пилить и на клиенте и на сервере.
В любом случае там скрипт основывается на клику по кнопке с айди/классои/дата-атрибутом.
Дальше уже принимается решение. Либо на клиенте все пересортировывается и перерисовывается исходя из доступных данных, либо найди отсылается на сервак, а он уже респонсит пересортированным джсоном/готовой страницей.

Ответы>>534757

16 Апр, 12:53 #102 #534757

>>534753
Если обобщить, то радобаттонами все-таки можно сортировку делать, но не принято?

Ответы>>534766

16 Апр, 13:07 #103 #534765

>>534747
Бутстрап можно самому "приготовить" подключив только нужное и юзая миксины, где необходимо - таким образом разметка будет чистой. Но большинство почему-то его юзает в чистом виде и тогда да, всплывает классянка.

16 Апр, 13:09 #104 #534766

>>534757
В базовом js радиобатонами сделана фильтрация например. Как там сказано - для того, чтобы вам попроще было. Но видимо можно.

85 Кб, 700x575

16 Апр, 14:44 #105 #534828

Ответы>>534852

16 Апр, 15:20 #106 #534852

>>534828
Лютый БУТСТРАП дизайнера чую я.

16 Апр, 16:53 #107 #534901

Со мной какая-то хуйня постоянно происходит. Сижу без денег, думаю сейчас бы работенку за еду и жизнь была бы в каеф. Сейчас деньги есть (работы не появилось), смотрю вакансии - мало платят, уже выёбываюсь. Как побороть это?

Ответы>>534923>>534996

16 Апр, 17:33 #108 #534923

>>534901
Никак, это здоровое чувство, будешь устраиваться за дешево - будешь делать хуже не только себе но и остальным, ибо работодатели борзеют

16 Апр, 18:22 #109 #534960

>>534742
>страп нужно знать
А что там знать? Что там учить? Вы так говорите "учить бутстрап", будто это что-то сложное. Если умеешь нормально верстать, тебе и так все с первого раза будет понятно.

16 Апр, 20:03 #110 #534996

>>534901
Не демпингуй зарплаты, будь нормальный посоном.

16 Апр, 22:41 #111 #535078

>>534519
owl-slider. самое то, адаптивный, поддерживает не только картинки, но и прочую муть, очень удобен. http://www.owlcarousel.owlgraphic.com/

16 Апр, 22:43 #112 #535080

>>534635
это ошибка дизайнера, не нужно повторять такое в верстке, у нас на работе за такое пиздят. ну и обговори это с дизайнером, вдруг все-таки не ошибка.

Ответы>>535102

16 Апр, 23:43 #113 #535102

>>535080
и если не ошибка - отпизди

17 Апр, 01:23 #114 #535140

>>534519
Заюзал swiper, брат жив, зависимость есть. Но он на флексах, так что иедебилы сосут хуи.

40 Кб, 480x547

17 Апр, 07:17 #115 #535207

Расскажу ка я вам занимательную историю.
Вчера гулял со своей тян в ТРЦ Караван на героев труда в Харькове . Во время прогулки мы решили присесть, суток переложить вещи и т.д. Сели на лавочку. Сидим, сидим и тут мне в ухо попадает обрывок фразы: на-на-на-на-на.... препроцессоры
Я такой напрягся и думаю ы надобно послушать. Поворачиваю голову и вижу что за мной сидят два чувака. Один молодой - типичный двощер анимешник нестриженый, с засалеными волосами, в какой-то одежде стремной, немытый... и такой же как первыйзасаленый и т.д. тольуо старше, лет так 35.
Вот они сидят и старший грузит нашего брата всякими тупыми вопросами, типо: почему лучше чистый css, а как то, а как се.
И тут я понимаю что это ничего иное, как собеседование! Блин! Собеседование на верстальщика без опыта, в ТРЦ в субботу вечером!
Короче. Не буду рассказывать как я прозревал с вопросов и что думал об этом работодателе. Скажу лишь что наш брат держался молодцомну как молодцом. Молодцом для омежки и мямлил по теме. Хоть и без уверенности.

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

мотивационный пик с котиком, всем в этом треде

Ответы>>535208>>535224>>549466

17 Апр, 07:47 #116 #535208

>>535207
>Расскажу ка я вам занимательную историю.
>Вчера гулял со своей тян в ТРЦ Караван на героев труда в Харькове . Во время прогулки мы решили присесть, суток переложить вещи и т.д. Сели на лавочку. Сидим, сидим и тут мне в ухо попадает обрывок фразы: на-на-на-на-на.... препроцессоры
>Я такой напрягся и думаю ы надобно послушать. Поворачиваю голову и вижу что за мной сидят два чувака. Один молодой - типичный двощер анимешник нестриженый, с засалеными волосами, в какой-то одежде стремной, немытый... и такой же как первыйзасаленый и т.д. тольуо старше, лет так 35.
>Вот они сидят и старший грузит нашего брата всякими тупыми вопросами, типо: почему лучше чистый css, а как то, а как се.
>И тут я понимаю что это ничего иное, как собеседование! Блин! Собеседование на верстальщика без опыта, в ТРЦ в субботу вечером!
>Короче. Не буду рассказывать как я прозревал с вопросов и что думал об этом работодателе. Скажу лишь что наш брат держался молодцомну как молодцом. Молодцом для омежки и мямлил по теме. Хоть и без уверенности.

>З.ы. Я уверен, что человек о котором я пишу один из нас. И если ты прочтешь эти строки - прошу, отпишись. Расскажи че как, как прошло, что это за гомнофирма такая, что даже собеседование нормально провести не может.
>И даже если ты прочтешь это в архиве - отпишись в действующем на тот момент треде

>мотивационный пик с котиком, всем в этом треде

ты тоже из Харькова? я не один тут такой? По поводу собеседования это не я, но я сижу тут тоже, если есть желание у верстанов с Харькова, можно пересечься

Ответы>>535209

17 Апр, 07:51 #117 #535209

>>535208
в общем, если желающие есть, пишите на мыло elhobb'q%itdecheapskateANUSgm%WlailPUNCTUM/>Hcom
ps я не пью, так что ради в говно со мной пересекаться смысла нету. Но попиздеть о том о сем люблю

Ответы>>535848

17 Апр, 09:11 #118 #535219

http://nicothin.github.io/idiomatic-pre-CSS/

17 Апр, 09:39 #119 #535224

>>535207
ебаный стыд.
блять, да скоро можно будет к любому бомжу в парке подойти и завести разговор про сраные препроцессоры и сборщики.

17 Апр, 13:27 #120 #535346

Ананасы, нид хелп, нужно чтоб в футере и хедере в зависимости от того, на какой странице мы находимся присваивался класс .active в менюхе. Как это сделать? Как это загуглить я хз.

Ответы>>535396>>535455

17 Апр, 14:06 #121 #535368

Привет, может не совсем в тему, но такой вопрос: Какую CMS интернет магазина выбрать для создания шаблона по готовой верстке?

надизайнил и заверстал сайт по доставке суши.
- Главная / каталог товаров
- корзина / оформление заказа / оплата
- текстовая страница / акции / доставка и тд.

Сейчас есть html+css+js. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7).

Цель:
1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге.
2. добавить шаблон на templatemonster.com / themeforest.net
Поэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.

Выбираю между:
joomla / prestashop / opencart / magento

В соседней ветке посоветовали WP + woocommerce, но мне кажется, это извращение, т.к. есть готовые движки для ИМ.

У кого есть опыт создания шаблонов, что посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?

Ответы>>535370>>535457

17 Апр, 14:09 #122 #535370

>>535368
Сколько не смотрел, большинство выбирают opencart и bitrix, так что выбор у тебя один...

Ответы>>535392>>535843

17 Апр, 14:26 #123 #535392

>>535370
>>большинство выбирают opencart и bitrix
ты имеешь ввиду разработчиков или клиентов?

>>Сколько не смотрел
А где ты смотрел? Можно чутка подробнее?

А сам делал шаблоны для ИМ?

Ответы>>535566

17 Апр, 14:34 #124 #535396

>>535346
Если у тебя под каждую страницу свой хтмл, то просто на нужной вешаешь класс.
Если так не прокатывает, пиши проверку по location или еще как-то и вешай ее на событие DOMContentloaded

Ответы>>535564

17 Апр, 15:54 #125 #535455

>>535346
это уже работа бэкендера. твоя - лишь сделать так, чтобы при добавлении нужного класса что-либо происходило (добавить стили в css).

Ответы>>535464>>535564

17 Апр, 15:55 #126 #535457

>>535368
ты прав, вопрос совсем не в тему.

17 Апр, 16:07 #127 #535464

>>535455
Какого еще бекэндера? Это чистый фронтенд, ты о чем вообще?

Ответы>>535510

17 Апр, 17:07 #128 #535510

>>535464
Нет. Это чистой воды бекэнд.

Ответы>>535517

17 Апр, 17:16 #129 #535517

>>535510
Я тебе даже поясню, потому что мне нехуй делать:
выполнить твою задачу можно, только узнав URL текущей страницы. УРЛки обрабатываются на бекэнде.
То есть, там в роутере прописано, какую страницу выплевывать на /index.php, какую на /profile.php и т.д.
Будет вполне логично, если добавление классов, зависимых от УРЛ, будет также происходить на бекэнде (в шаблонизаторе).

Конечно, у тебя есть возможность узнать URL и на стороне клиента. http://javascript.ru/window-location
Но для этого, тебе придется добавить js-костыль, который будет срабатывать на каждой страничке и проверять урл, и в зависимости от него динамически добавлять класс.
Подумав хорошенько, ты сам поймешь, что наиболее логичным вариантом является именно отработка таких моментов на бэкенде (для чего тебе шаблонизаторы-то вообще тогда придумали, а?), потому что УРЛы и роутинг у тебя по-любому отрабатываются на бэкенде, значит и все, на них завязанное, должно быть там же. Просто потому что это логично.
А то получается, что основной шаблон у тебя строится на бэке, а какие-то классы в менюхе добавляются через какой-то js костыль, это путаница, это неочевидно, из-за таких костылей и не любят веб-макак.

Ответы>>535596>>535616>>535836

17 Апр, 18:23 #130 #535544

Анон помоги с версткой интернет магазина
http://joxi.ru/V2VKKMwI0DJ40A
Как вообще адаптивно верстаются такие вещи?
Я не прошу расписывать все, а только основные моменты.
Полагаю верхний блок с лайками прилипить абсолютно.
img display:block;width:100%;height:auto;
Как заставить все блоки красиво сужаться?

Ответы>>535602

17 Апр, 18:54 #131 #535555

Ахуеть, не было две недели наверное, уже перекатились во фронт-енд-треды и один даже уже уплыл. Хули вы такие быстрые?
Зачем так сделали? Был же нормальный симбиоз верстка здесь + js в pr.

Ответы>>535579

17 Апр, 19:10 #132 #535564

>>535396
>>535455
Спасибо, тащемта я и бэкенд сейчас пилю, оказалось что это само в вордпрессе генерится, остаётся только стили переименовать.

17 Апр, 19:12 #133 #535566

>>535392
> А где ты смотрел? Можно чутка подробнее?
Работаю в веб-студии 600к город, проводили исследование конкурентов.

17 Апр, 19:23 #134 #535579

>>535555
Ты что, так же илитнее звучит, тут на самом деле до сих пор верстку дрочим.

Ответы>>535582

17 Апр, 19:25 #135 #535582

>>535579
Ну ладно.
Хочу вот сверстать лендинг, до этого только обыкновенные многостранички верстал.
Как там это делается - просто делаешь кучу блоков на всю ширину друг под другом? Это же легко?

Ответы>>535841

17 Апр, 19:55 #136 #535596

>>535517
Все это конечно хорошо, но с чего ты взял что я строю шаблон на беке? Я предпочитаю это делать на клиенте, там же оставлять всю прочую дом зависимую логику. В большинстве случаев сервер мне просто присылает данные в сыром джейсончике. А дополнительно дергать его из-за одного ебучего класса - дебилизм. 2016 на дворе если что.

Ответы>>535705

17 Апр, 19:59 #137 #535602

>>535544
Шакал, на твоем скриншоте нихрена не разглядеть. Какие лайки, какой верхний блок? Там какие-то скукоженные кроссовки и толстовка. Кидай нормальный скрин или пример верстки.
А вообще все просто. Если делаешь мобайл-ферст, то хуячишь, допустим, враппер, ему задаешь 320-480(min и max-width соответственно, чтоб не пидарасило. Но можно и без мин.). Все эти блоки с кроссовками-хуевками на 100% ширины друг под другом. Для планшетов-десктопов перестраиваешь сетку.

17 Апр, 20:00 #138 #535603

Котаны, нужно сверстать сайт-портфолио+блог. Верстать и JS писать я умею, но вот как это все должно работать на стороне владельца (того, кто будет вести сайт), слабо представляю.
Я так понимаю .нужно все это дело будет посадить на какой-нибудь движок и залить на хостинг? Смогу ли я это сделать, если не знаю пыхи? Вроде как никакого сложного взаимодействия с сервером у такого сайта быть не должно.

Ответы>>535615

17 Апр, 20:12 #139 #535615

>>535603
> Смогу ли я это сделать, если не знаю пыхи?
Да, пили на вордпрессе.

Ответы>>535617

17 Апр, 20:13 #140 #535616

>>535517
>потому что УРЛы и роутинг у тебя по-любому отрабатываются на бэкенде
Как там в 2008? По чем доллар?

Ответы>>535619>>535710

17 Апр, 20:14 #141 #535617

>>535615
А человек без знания верстки потом сможет просто наполнять его без задней мысли?

Ответы>>535618

17 Апр, 20:15 #142 #535618

>>535617
Да, если нормально сделаешь и объяснишь че как.

17 Апр, 20:16 #143 #535619

>>535616
>почем

17 Апр, 22:08 #144 #535705

>>535596
Пока ты варишься в дивном ангулар и реакт мирке, 95% сайтов сайтов работают на обычных цмс, ещё 4% на фреймворках.
Строить обычный сайт на ангуларах - ерунда и баловство.

Ответы>>535735>>535840

52 Кб, 604x413

17 Апр, 22:12 #145 #535710

>>535616
Тем временем в реальном мире
>AngularJS is used by 0.4% of all the websites whose JavaScript library we know. This is 0.3% of all websites.
http://w3techs.com/technologies/details/js-angularjs/all/all>>535616
>Twitter объявил об очередной смене архитектуры: генерация страниц теперь будет осуществляться на стороне сервера, а не на стороне клиента.

Ответы>>535735>>535836

17 Апр, 22:36 #146 #535735

>>535705
В моем дивном, как ты выразился реакт мирке, деву платят от 15 бачей в час. Что там у цмсомакак с их днищеклиентами, мне честно говоря, вообще поебать.
>Строить обычный сайт на ангуларах - ерунда и баловство.
Это уже от сайта зависит. Хотя не отрицаю, что он больше ориентирован на веб-приложухи либо сайты с подобными направлениями.
>>535710
Топ кек. Выкатил новость за 12 год и рад. Все зависит от используемого стека технологий, задач, реализации, перспектив разработки и прочего-прочего. Только тогда решается, какой подход выбирать. Твои доводы ты уж прости ничего отражают.

2519 Кб, Webm

17 Апр, 23:29 #147 #535786

> Знание и опыт работы с HTML5, CSS3, jQuery, PHP;
> Участие в обсуждении финальной реализации и архитектуры проектов;
> Грамотная письменная речь
> Целеустремленность, жизнерадостность
> Обязательно выполнение тестового задания.
> 15000 рублей
> Москва

Ответы>>535795>>535797>>535801

17 Апр, 23:48 #148 #535795

>>535786
пруф

Ответы>>535800

18 Апр, 00:02 #149 #535797

>>535786
пруф.
натыкался сегодня на вакансию начинающего версталы в ДС, 50к обещали.

Ответы>>535800

18 Апр, 00:11 #150 #535800

>>535795
>>535797
Серфил hh, ссылочку не сохранил, вакансия начало апреля.

18 Апр, 00:20 #151 #535801

>>535786
Целеустремленный к ним явно не пойдет. А вот жизнерадостность на этой работе не помешает, да)

18 Апр, 00:50 #152 #535809

Спрощу у продвинутых анонов, у меня стоит ИЕ10 необновленный, тестирую проекты в основном на нем. Интересует поведение флексов.
Отличается ли оно от поведения в ИЕ11? К сожалению и тот и другой поставить, насколько я понимаю, без танцев с бубном нельзя.

Ответы>>535820

18 Апр, 01:19 #153 #535820

>>535809
Лучше поставь 11 и тести в режиме совместимости с 10, но это все равно не даст 100% гарантии. Если сильно горит, поднимай виртуалки

Ответы>>535940

18 Апр, 02:26 #154 #535836

>>535517
>>535710
ананасы, я тут задумался, как поисковики считывают spa-angular приложения? вроде же с этим какой-то головняк, ведь с ангуляром по-другому генерятся страницы

18 Апр, 02:31 #155 #535840

>>535705
логично, блядь, 95% сайтов нахер не сдался ангуляр, ведь это обычно какие-нибудь засранные онлайн-магазины на YII или Joomla, либо лендинги на wordpress или вообще без движка с одним php-файлом отправки сообщения на электронку.

angular же используется для качественных сайтов, у которых уже охуенная аудитория, либо для сайтов, которые вот-вот должны стрельнуть.
мимо

18 Апр, 02:33 #156 #535841

>>535582
да, это пиздец как легко, многостраничники верстать тяжелее, там есть разные aside и прочая муть, а в лендингах знай себе хуярь section и классы к ним добавляй

18 Апр, 02:34 #157 #535843

>>535370
говно или говно. охуенно, че. недавно проходил собеседование, охуел, что кто-то еще на битриксе пишет и считает это крутым

18 Апр, 02:35 #158 #535848

>>535209
вангую страшного, с сальными волосами дрища с кривыми зубами и заиканием/картавостью.

18 Апр, 05:38 #159 #535860

Посоны, а если в ТЗ не сказано о использовании сторонних свистелок вроде бутстрапа и жквери, например, могу я их использовать? Разумеется, что это не повлияет на внешний вид. Ну там не будет бутстраповских кнопочек итд. В ТЗ явно не указано, что нельзя использовать. Не забракуют мою верстку, если там будет сетка на бутстрапе и слайдер на жквери? Иди делать лучше все на ванильном хтмл/ксс?

Ответы>>535863

18 Апр, 05:51 #160 #535863

>>535860
это как бы нормально, что ты юзаешь jquery и bootstrap-grid, если хочешь. у тебя есть задание: сделать верстку. если там явно не указано, что нельзя применять что-либо, то можешь слать все на хуй, ведь тебе нужны фреймворки для увеличения скорости верстки, кроссбраузерности и прочего говна. например, практически все слайдеры сейчас работают на jquery, без него ты создашь лишь говно-css-слайдер. короче, тут все ограничивается лишь тем, какие фреймворки тебе нравятся, а какие нет.

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

18 Апр, 10:21 #161 #535940

>>535820
До этого у меня стоял 11ый. В нем флексы вроде неплохо работали, а вот в режиме совместимости с ИЕ10, он показывал как раз хуйню. Потому что часть багов которая была, к примеру, с кофликтом flex-basis и box-sizing, в нем не отображалась. Да и вылетал он у меня каждые 3 минуты. Потому собственно и обнулил до десятки.

18 Апр, 13:52 #162 #536163

юзаете gulp?

Ответы>>536255

18 Апр, 15:08 #163 #536255

>>536163
да

Ответы>>536322

18 Апр, 15:38 #164 #536322

>>536255
А почему не грант?

Ответы>>536345>>536351>>536360>>537103

18 Апр, 15:48 #165 #536345

>>536322
3ms компиляции стилей и прочего против двух секунд задержки прежде чем увидишь изменения в браузере. Галпфайл выглядит по-человечески.

мимо

18 Апр, 15:50 #166 #536351

>>536322
На этапе обучения лучше забить на дрочь этой всей фигни и юзать то, что легче и быстрее. А то проебешь дохуя времени, пердолясь с каким-нибудь вебпаком и в итоге поймешь, что он тебе нахер не нужен, лол. Как работу найдешь - тебе там популярно объяснят, что они юзают, как и для чего.
А еще галп легче настраивается и раз в 10 быстрее работает.
бывший грантоюзер, безработный

Ответы>>536365

18 Апр, 15:54 #167 #536360

>>536322
Могу и грант заюзать (в интенсиве его разбирают больше, поэтому его первым и изучил).

Можешь глянуть вот видос сравнения гранта и галпа да и сама серия скринкастов хорошая у Кантора

https://youtu.be/uPk6lQoTThE

Громов, кстати, тоже уже на галп перешел.

18 Апр, 15:56 #168 #536365

>>536351
Или потратить день на освоение гранто-галпов и настройку окружения под себя и в будущем сэкономить уйму времени на том, что делал бы ручками.

Ответы>>536779

6 Кб, 301x168

18 Апр, 16:00 #169 #536375

Приглашаю верстальщика со скиллами на подработку 3000 руб/нед.

lancemorrisEU:1949ANUSgma^-ZilPUNCTUMc_@0om

Ответы>>536380>>537127>>537142

18 Апр, 16:05 #170 #536380

>>536375
описывай че делать надо будет

Ответы>>537105

126 Кб, 886x602

18 Апр, 16:36 #171 #536453

Сразу обрадовался, а потом прослезился.

Ответы>>536475>>536480

18 Апр, 16:46 #172 #536475

>>536453
кек

18 Апр, 16:49 #173 #536480

>>536453
Что за сайт?

Ответы>>536486

18 Апр, 16:51 #174 #536486

>>536480
да попросили сделать двухстраничный лендинг, ну я его в бесплатном конструкторе за полчаса и ебанул, рекламу вырезал и все.

18 Апр, 20:09 #175 #536674

Народ, ткните меня пожалуйста носом в подходящий jQuery плагин: нужно запилить вертикальную карусель для картинок различных габаритов и ориентации (портретная и ландшафтная).
На экране планшета должна быть в центре одна картинка, а сверху и снизу по кусочку предыдущей и следующей картинки.
Ковырял slickSlider, он шикарен для горизонтальных вещей, у него огромное количество опций, но для вертикалки он не допилен.

Ответы>>536681>>537228>>537272

18 Апр, 20:12 #176 #536681

>>536674
да, попутно еще ковырял jCarouselLite и смотрел кучу других плагинов. У большинства из них нет возможности сделать вертикальную карусель вообще.

18 Апр, 21:20 #177 #536779

>>536365
Грант/галп настраиваются за пару часов, еще час-другой можно потратить на ВНИКАНИЕ, и собственно все. Я к тому, что смысла сходу лезть во всякие вебпаки и вообще всячески обмазываться хипстерской хуйней не нужно.

Ответы>>536868

18 Апр, 21:26 #178 #536784

Надо ли учить php чтобы полноценно изучать CMS или можно без него?

Ответы>>537102>>537152

18 Апр, 22:10 #179 #536868

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

19 Апр, 04:34 #180 #537102

>>536784
можно без него

19 Апр, 04:59 #181 #537103

>>536322
gulp быстрее

19 Апр, 05:09 #182 #537105

>>536380
верстать, хули тебе непонятно, пидор. будешь как сука горбатиться 6 дней по 8 часов за 3к в неделю.

Ответы>>537136

19 Апр, 07:41 #183 #537127

>>536375
что-то дохуя мало в неделю. вангую, придется пидориться с какой-нибудь хуйетой, за которую нормальный верстак берет 6к в неделю

19 Апр, 08:11 #184 #537136

>>537105
Пошел нахуй пидорашка, только и умеете что обзывать людей

Я вообще спрашивал что за проект, ибо пробил его мыло - он пилил борду типа и искал исполнителей в js треде

Ответы>>537207

19 Апр, 08:22 #185 #537142

>>536375
Что именно надо делать? Какие технологии надо уметь кроме html/css?

19 Апр, 09:12 #186 #537152

>>536784
Если полноценно, то нужно знать функции самой цмски и основы пэхапэ

19 Апр, 10:40 #187 #537206

Охуенно
https://tproger.ru/digest/top-20-web-sites-2016/

19 Апр, 10:43 #188 #537207

>>537136
ты че, мразь, охуел, выблядок ебучий?

19 Апр, 11:40 #189 #537228

>>536674

bxslider, не?

19 Апр, 12:33 #190 #537272

>>536674
fotorama посмотри.

19 Апр, 15:16 #191 #537471

Ну вот и настал момент истины.

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

Походу, это оно, анончики. Пора увольняться. Это была моя первая работа, проработал на ней с начала 2012 года аж, устроиться было очень трудно. Но перспектив я в ней больше не вижу. Меня от нее тошнит, и только возвращаясь домой, и открывая видео интенсивов и Brackets я успокаиваюсь и начинаю учиться с удовольствием.

Средств мне хватит на год безработицы.
Теопения тянки хватит на месяца 3-4.
За это время я должен добить резиновую верстку, склепать сайт-портфолио, сверастать еще пару макетов, упороться JS по хардкору и найти работу в этой сфере хотя бы на $200/месяц.

Завтра все решится, пойду скорее всего относить заяву на увольнение в связи с переездом, чтобы потом не батрачить еще 2 недели.

Пожелайте мне удачи, или просто напишите что-нибудь. Мне нужна ваша поддержка.

Ответы>>537505>>537511>>537553>>537566>>538027

19 Апр, 15:41 #192 #537505

>>537471
Кем работаешь?
Алсо, по идее повестка теперь может считаться врученной.
Если они там акт-хуякт составят, конечно, что ты отказался ее принять.

Ответы>>537544

19 Апр, 15:45 #193 #537511

>>537471
пасан
у тебя всё получится
всем двачем будем держать за тебя пальцы

Ответы>>537544

19 Апр, 16:05 #194 #537544

>>537505
Инженегр на большом предприятии.
Если я ничего подписывать не буду, то и врученной она быть не может. Факт вручения не может быть отслежен.

>>537511
Спасибо

Ответы>>537599>>537829

19 Апр, 16:21 #195 #537553

>>537471
Конечно поддержу. Удачной службы в армии!

Ответы>>537562

19 Апр, 16:26 #196 #537562

>>537553
И тебе того же, доброжелатель.

430 Кб, 924x877

19 Апр, 16:27 #197 #537566

>>537471
Желаю удачи, анончик.

Посоны, помогите. Нужно сделать редизайн и сверстать карточки товаров для отзывчивого сайта. Возникла проблема с кнопкой "купить" и отсутствием состояния hover на touch-устройствах. Набросал 3 варианта решения поставленной задачи со своими плюсами и минусами.

1. Всегда отображать кнопку.
+ нет проблем с hover
+ положительно влияет на конверсию
- кнопка многократно повторяется, к тому же на реальном сайте она красная

2. Показывать по наведению
+ нравится заказчику
+ нет монотонного повторения
- функционал завязан на состоянии, которого в принципе нет на мобильных устройствах

3. Убрать кнопку
+ нет монотонного повторения
- чтобы добавить товар в корзину, нужно сделать на один переход больше

Ответы>>537569>>537581

19 Апр, 16:29 #198 #537569

>>537566
>3. Убрать кнопку
>+ так же нет проблем с hover

Вопрос: как реализовать второй вариант, чтобы все правильно работало на touch-устройствах?

19 Апр, 16:40 #199 #537581

>>537566
Так на тач устройствах вроде состояние ховер появляется при таче. Или у тебя сама карточка является ссылкой и при нажатии перенаправление будет?

Ответы>>537600

19 Апр, 16:46 #200 #537587

https://twitter.com/cssunderhood/status/722382995404009472

19 Апр, 16:59 #201 #537599

>>537544
Просто возьми да откоси.

Ответы>>537688

19 Апр, 17:00 #202 #537600

>>537581
>Или у тебя сама карточка является ссылкой и при нажатии перенаправление будет?
Когда тыкаешь пальце в фотку, которая обернута в ссылку, тень и кнопка появляются на долю секунды и затем сразу происходит переход на страницу товара.

Ответы>>537605

19 Апр, 17:05 #203 #537605

>>537600
Ну в js треде ссылку как раз про ховеры на тачах кидал только что буквально кто-то. Продублирую тут:

http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/

110 Кб, 800x1143

19 Апр, 17:50 #204 #537652

https://www.youtube.com/watch?v=ioh_Edl8LlA

а ну пацаны
какие ваши аргументы ?

Ответы>>537655>>537668>>537689>>541569

19 Апр, 17:57 #205 #537655

>>537652
нихуя не слышно

Ответы>>537704

19 Апр, 18:04 #206 #537668

>>537652
Видел давно. Чувак то сам занимается фронтендом, причем судя по пьянкам-гулянкам не слишком то и яро.
А так его поддерживаю, нехуй сюда идти. НО! если только тебе это не ппц как нравится и ты готов постоянно въебывать.

Ответы>>537708

19 Апр, 18:25 #207 #537688

>>537599
На работу повестки приходят. Как откашивать?

19 Апр, 18:26 #208 #537689

>>537652
Посмотрел пока 2 минуты, не убедительно.

19 Апр, 18:34 #209 #537704

>>537655
там всё норм со звуком

19 Апр, 18:35 #210 #537708

>>537668
у меня вышки нет
работы в моём городе нету даже с вышкой
либо на госе за 15
либо на рынке продавать носки

вкатываюсь понемногу, других вариантов пока не вижу

Ответы>>537725

19 Апр, 18:42 #211 #537725

>>537708
В дс едь

Ответы>>537732>>537733

19 Апр, 18:47 #212 #537732

>>537725
живу в Крыму
У нас тут типа свежий воздух
и маленькие зп

А у вас там смог, и большие зп

19 Апр, 18:49 #213 #537733

>>537725
что лучше для начинающего прогера хуюгера
Москов, или Петерсборг ?

Ответы>>537840>>537844

19 Апр, 19:48 #214 #537829

>>537544
Увы, анон, но ОТКАЗ ОТ ПОДПИСАНИЯ повестки де-факто и де-юре является свидетельством того, что тебя застали с поличным и уведомили должным образом. Так что теперь ты это самое, уклонист самый настоящий. Хотя, на самом деле, всем похуй, максимум штраф 500руб впаяют.

Ответы>>537877

19 Апр, 19:53 #215 #537840

>>537733
В ДС2 дешевле жильё и транспорт, ближе ехать до работы. В маааааскве больше вакансий.
Алсо, начинающие имхо особо нахуй не нужны ни там, ни там.

19 Апр, 19:56 #216 #537844

>>537733
Питер уныл и уебищен, зато там клевый исторический центр.
Москва огромна и охуенна, зато набита хачами и истеричными снобами.
Как говорится, сорта говна. Где найдешь работу - туда и едь.

Ответы>>537853

19 Апр, 19:58 #217 #537853

>>537844
>исторический центр
Оверрейтед говно, состоящее из развалюхи, засранные дворы и толпы, просто ёбаные толпы выползающих GOOLYAT хипстеров. Ненавижу эту парашу, но живу, потому что работа в пешей доступности.
А ещё в центре нет нормальных магазинов - только хачёвские закутки 24 часа, и пафосные бутики ЛЕРУА ХУЙПИЗДАЧЕ с бабскими шмотками по цене самолёта.
мимо

Ответы>>537866>>538003

89 Кб, 604x453

19 Апр, 20:05 #218 #537866

>>537853
>Ненавижу эту парашу, но живу
>ДС-2
Что-то подпекает мне с таких сообщений.
мимо-мразеподзалупинск-кун

Ответы>>537876

19 Апр, 20:10 #219 #537876

>>537866
Я к тому, что центр - сраная параша по сравнению с цивильными спальниками (Просвет, Коменда, Йухо-Запад, Парнас). Где есть и магазины для чего-нибудь купить, и парки/большие дворы с зеленью для погулять, и наконец дома, в которых штукатурка не сыплется на голову.

Ответы>>537926>>538177

19 Апр, 20:10 #220 #537877

>>537829
Я ведь в украхе, тут немного подругому это все. Тут отказ от подписания оформляется представителем военкомата со свидетелями и этим всем.

19 Апр, 20:36 #221 #537926

>>537876
>Просвет, Коменда, Йухо-Запад, Парнас
Быдлан детектед
Нахуй твоя окраина никому не нужна, ты бы ещё девяткино предолжил. Отпустить девушку одну до метро вообще невозможно ни в одном из этих районов

Ответы>>537947>>537948>>541502

19 Апр, 20:48 #222 #537947

>>537926
Омеган, хорош уже проецировать свои проблемы на других.

19 Апр, 20:48 #223 #537948

>>537926
Да и нет у тебя никакой девушки.

Ответы>>537969

19 Апр, 21:13 #224 #537969

>>537948
Омеган, хорош уже проецировать свои проблемы на других.

19 Апр, 21:49 #225 #538003

>>537853
Я просто не хотел провоцировать любетелей болотного антуража. Меня лично Питер бесит, пиздец. 50% времени живу в Питере, 50% в ДС-кун

19 Апр, 22:11 #226 #538027

>>537471
Не скажу что успех тебе обеспечен, но если будешь усердсвовать и ответственно к этому отнесешся, то все получится.
мимо верстальщик на удаленке

Ответы>>538039>>538051

19 Апр, 22:19 #227 #538039

>>538027
Ты именно верстальщик, не front-end?

Ответы>>538053

19 Апр, 22:29 #228 #538051

>>538027
Вангую, что получаешь не меньше 70к, да?

Ответы>>538055

19 Апр, 22:30 #229 #538053

>>538039
Я сам не знаю кто я, в том плане что должность не описывалась. Задачи получаю, больше верстальные, на мой взгляд, потому что JS в них оче базовый. Щас проекты идут такие, что клиентской логики маловато, а ту что посерьезнее пишет кодер на ангуляре.
Впрочем, работаю я недавно, постоянно развиваюсь, так что все ще впереди.

Ответы>>538056

19 Апр, 22:30 #230 #538055

>>538051
Пока что 6 бачей час.

Ответы>>538067>>538071>>538074>>538076

19 Апр, 22:32 #231 #538056

>>538053
Где нашел удаленку? Первая работа верстальщиком? Какими скиллами обладал, когда устраивался?

Ответы>>538084

19 Апр, 22:37 #232 #538067

>>538055
Всегда было интересно как работодатель измеряет работу в часах. Сам оценивает, или вы автоматизировали этот процесс? Ну не под честное же твое слово.

Ответы>>538084

19 Апр, 22:38 #233 #538071

>>538055

Сколько в день часов? И 5 дней в неделю?

Ответы>>538084

19 Апр, 22:39 #234 #538074

>>538055
Хаха, угадал. Норм устроился, наёбывай дальше работодателя.

Ответы>>538084

19 Апр, 22:40 #235 #538076

>>538055
Как выводишь?

Ответы>>538084

19 Апр, 22:48 #236 #538084

>>538056
>Где нашел удаленку?
Вышел на одного человечка, а потом все закрутилось.
>Первая работа верстальщиком?
Почти
>Какими скиллами обладал, когда устраивался?
Отличный HTML/CSS. JS на уровне простой приложухи с вводом/сохранением/рендером. Адаптивность, флексы, весь зоопарк инструментов, кроме разве что вебпака ну и всякого по мелочи.
>>538067
От менеджера все зависит. Можно и под честное, можно и под всякие проги типа вотчера с апворка, который снимает с рандомным интервалом в ~10 минут твой экран, и если в рабочее время у тебя на экране не код, а треп в вкашечке, то 10 минут своего времени можешь смело удалять, никто тебе за них не заплатит. В конце концов есть определнный набор тасков, коммиты, по ним сразу видно, работал человек или хуйней страдал.
Я не халтурю, если где-то по времени затягивается, сразу предупреждаю. Стараюсь жесткие затупы, когда к примеру, час-два уходит на то чтобы разобраться на stackoverflow, че за хуйне и что с ней делать, вообще не учитывать как рабочее время. Хотя возможно, это не сильно правило.
>>538071
По разному.
>>538074
В чем наеб? Ангулярщик у нас, насколько я знаю, от 15ти получает. Послушай тех же типочков из академи. Они сами говорили что совсем базовая верстка стоит от 300 рублей. А это считай уже 4 зеленых бумажки.
>>538076
Это не имеет значения. Все обсуждается. Но в любом случае ребятам, ориентирующимся на удаленку советую заготовить кошелек на одном из популярных ресов. В приоритете киви, пэйпал, яндекс, возможно вебмани или еще что-то. Для зарубежных пайонир или пэйпал.

Ответы>>538090>>538091>>538092

19 Апр, 22:50 #237 #538090

>>538084
>Это не имеет значения.
Не боишься налоговой, когда будешь покупать тачку?

Ответы>>538108

19 Апр, 22:51 #238 #538091

>>538084

>По разному

ну а примерно в среднем, ну?

Ответы>>538108

19 Апр, 22:51 #239 #538092

>>538084
Лол, верстала за 70к и ещё на стаке в чем-то разбирается, пиздец, ну харе заливать

Ответы>>538108

19 Апр, 22:58 #240 #538108

>>538090
Вот когда всерьез задумаюсь над ее покупкой, тогда и буду решать. Пока обхожусь великом.
>>538091
Все от задач зависит. Иногда вообще не работаю, иногда по 6 часов. В среднем от 3-5. Если меньше, толком и не сделаешь ничего. Это только кажется, что все охуеть как быстро. А как сядешь проект ковырять, уточнять таски и рисовать три перпендикулярные зеленые линии прозрачным цветом, то сразу понимаешь - это тебе не уютненькие учебные макетики на гитхабик заливать.
>>538092
Понятия не имею откуда ты взял цифру в 70к.

Ответы>>538175

19 Апр, 23:16 #241 #538131

_____________________

Пасаны, есть вопрос.

23 года, без вышки.
Изучаю программирование html5, css3, java
Хочу и дальше этим заниматься ( имею ввиду развиваться в этом направлении )

нужно ли вкатываться в вышку ?
http://sevsu.ru/admission/item/270-informatsionnye-sistemy-i-tekhnologii-bakalavriat

30 000 в год на заочном

закидайте ссаными тряпками штоле ...

Ответы>>538148>>538149>>538211>>538298

19 Апр, 23:24 #242 #538148

>>538131
Я бы не стал на это тратить время.
Вообще, посмотри требования в вакансиях. Насколько часто упоминается вышка. Отсюда и пляши.

19 Апр, 23:25 #243 #538149

>>538131
Если планируешь переезжать в другую страну, то стоит.

19 Апр, 23:56 #244 #538175

>>538108

Долларов 180 в неделю примерно получается?

19 Апр, 23:58 #245 #538177

>>537876
приветик с коменды в этом треде))))))))

20 Апр, 00:10 #246 #538180

Кек. Пришел недавно с работы - писал в треде пару раз, я тот анон, который знает основы html/css, но уже ищет работу (и я таки ее нашел - шаражкина контора без оф устройства и прочей стабильности). Вакансия была типа верстала/контент менеджер. Сегодня фиксил блоки флоатнутые влево блоки, верстал таблички и постигал основы нескольких cms. Сказали, что через некоторое время доверят верстать сайт. Только они собирают их на бутстрапе, но я надеюсь, что запилю охуенный адаптив и без него, главное потом грамотно натянуть все на cms.
Охуел с цен на бизнес-ланч, по идее, если я буду его брать каждый день на протяжении месяца, то мне даже не хватит потенциальной зп на другие блага, до этого просто работал в общепита - кормили бесплатно
Такие дела.

Ответы>>538222

20 Апр, 01:04 #247 #538211

>>538131
> овладевают практически всеми современными языками программирования: Object Pascal, C/C++, PHP, Java, JavaScript, SQL, Lisp, Prolog, GPSS, HTML, XML, VHDL, Assembler
> assembler
> lisp
> C
Ну хуй знает, техническую вышку для фронтендеров требуют разве что совсем отбитые работодатели, а за бугром всем будет похуй на эту шарагу.

Ответы>>538212

20 Апр, 01:10 #248 #538212

>>538211
таки да

20 Апр, 02:57 #249 #538222

>>538180
совет от бывалого версталы. бери еду с собой из дома, иначе охуеешь платить. я по собственной дурости сливал почти половину зп на еду мухосрань, of course

20 Апр, 08:52 #250 #538272

Ребят, запилите книжек почитать для нуба по хтмлу и кссу. А то в универе интернет не во всех аудиториях работает.

Ответы>>538274>>538301

20 Апр, 08:55 #251 #538273

Простите, но мне кажется что пинк и седона из продвинутого слишком сложны для освоения адаптива. Где можно найти нормальные простенькие макеты?

20 Апр, 08:57 #252 #538274

>>538272
Серия "A Book Apart".

20 Апр, 09:24 #253 #538298

>>538131
>html5, css3, java
нахуя тебе java и html + css? ты в веб идешь или джавистом?

Ответы>>538300

20 Апр, 09:27 #254 #538300

>>538298
апплеты похоже будет делать

Ответы>>538302

20 Апр, 09:28 #255 #538301

>>538272
http://frontendbookshelf.ru/
выбирай что нужно

Ответы>>538304

20 Апр, 09:29 #256 #538302

>>538300
обычно, когда люди вкатываются в программирование, они путают js и java. думаю, анон путает

20 Апр, 09:30 #257 #538304

>>538301
так я флэннагана и не осилил, 3 раза пытался вкатиться и не смог. вроде и не сложно пишет, но как-то заебывается

Ответы>>538306>>538351

20 Апр, 09:30 #258 #538306

>>538304
это я про продвинутое руководство

Ответы>>539720

20 Апр, 10:03 #259 #538340

Какой самый базовый стек технологий, чтобы устроиться на работу во фронт-энде?
CSS + HTML + элементарный JS - этого хватит?
Насколько критично знание препроцессоров?
Нужно ли с самого начала уметь в сборщики (Gulp, Webpack)?
React, Angular, JQuery?

Ответы>>538345

20 Апр, 10:10 #260 #538345

>>538340
js должен быть очень хорош. элементарный js+jquery - это все еще уровень верстальщика

Ответы>>538349

20 Апр, 10:15 #261 #538349

>>538345
Разве "очень хороший" JS - это уже не уровень middle как минимум?

Ответы>>538352

20 Апр, 10:16 #262 #538351

>>538304
Там же не только книги по js. И не только Флэнаган

20 Апр, 10:17 #263 #538352

>>538349
Ну хз, лично у меня ощущение что джун от мидла отличется только годами опыта. А список требований одинаковый лол

мимо

Ответы>>538594>>538633

20 Апр, 13:38 #264 #538594

>>538352
Опытом, знаниями, скоростью разработки.

20 Апр, 14:04 #265 #538633

>>538352
Отличить просто, если дать одну и ту же задачу мидлу и джуну, то выполнят они ее оба, только вот джун пока гуглит сидит и ебется с косяками мидл наученный опытом уже все сделает 3 раза.

101 Кб, 1024x683

20 Апр, 14:08 #266 #538635

По БЕМ может элемент иметь одновременно класс и модификатор?
Например:
<a class="social-links__item social-links__item--twitter"></a>

Ответы>>538638>>538671>>538784>>543155

20 Апр, 14:13 #267 #538638

>>538635
Методология предоставляет тебе возможность делать так как ты хочешь, но чтоб это оставалось читаемо. Это читаемо мимопроходящим? Придерживаться полностью всему бэму есть смысл только идя на работу в яндекс, в остальном это ненужно. Смысл в уходе от каскадирования при сохранении читаемости и логической зависимости элементов. А то заебали со своим бемом, боятся дефис лишний поставить, ебать грех на душу от владыки священного писания.

Ответы>>538641

20 Апр, 14:18 #268 #538641

>>538638
Окей, спасибо. В принципе, ты прав. Просто я только начал его использовать, вот и заморачиваюсь.

20 Апр, 14:54 #269 #538671

>>538635
Не может.
social-links__item--twitter должен наследовать свойства из social-links__item, если не выполняется это условие, значит ты не правильно используешь бэм.

Ответы>>538761

20 Апр, 15:33 #270 #538718

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

20 Апр, 16:05 #271 #538761

>>538671
А я читал таки наоборот, если использовать только методологию, то такой вариант имеет право на жизнь.

Ответы>>541611

20 Апр, 16:20 #272 #538783

Пацаны, слушайте прохладную.
Я решил открыть еще один репозиторий на гитхабе, создал его, но вместо того, чтобы тыкнуть на сетап ин десктоп просто в приложении создал папочку и скинул туда файлы. Потом все-таки понял, что сделал не так, и нажал на этот чертов сетап ин десктоп. Ну, содержимое папки у меня, соответственно, обнулилось. И, в общем, я реально скинул туда все, а не скопировал.
Походил кругами по комнате, попил чайку.
Сейчас сижу с охуевшим лицом и представляю, как просижу 3 дня и 3 ночи за переверсткой уже почти готового макета.
В чем смысл-то. Всегда делайте резервные копии.

Хотя может оно и к лучшему, один хуй хотел на флексах сетку переверстать.

Ответы>>538788>>538793>>539718

20 Апр, 16:20 #273 #538784

>>538635
Да. Не правильно если у тебя модификаторы отдельно от элемента или блока где-то встречаются

20 Апр, 16:22 #274 #538788

>>538783
Вывод - юзай консольку для гита. Перед тем как вбивать команду - подумаешь что и для чего тебе надо сделать.

20 Апр, 16:23 #275 #538793

>>538783
урок в другом, use git bush

20 Апр, 16:24 #276 #538796

https://habrahabr.ru/company/mailru/blog/282027/
Видели уже? Интересно, когда эта хуитка станет доступна разработчикам учитывая тормознутость вэтрицэ - черз 10 лет. И как ее можно будет использовать. И зачем.

Ответы>>538853

20 Апр, 17:04 #277 #538853

>>538796
Судя по твои последим двум предложениям, ты нихуя не понял из статьи, но у же что-то ждешь.
Вот это, как раз про тебя и про меня
>«Мне это не нужно! Я просто делаю обычные веб-страницы, а не пытаюсь хакнуть внутренности браузера или сделать что-то крайне экстравагантное, экспериментальное или суперсовременное». Если вас посетили подобные мысли, то я настаиваю на том, чтобы вы пока отложили этот текст и тщательно изучили технологии, используемые вами для создания сайтов в последние годы.

20 Апр, 18:41 #278 #539061

Задал вопрос в JS треде, но меня там проигнорировали. Спрошу здесь.

Вопрос от ньюфага по поводу обработчиков событий на клиенте.
Какая самая лучшая практика по навешиванию множественных обработчиков на однотипные элементы.
Например, есть у нас некая борда, со списком тредов. В каждом треде есть поле для ввода поста/кнопка/whatever, на него нужно повесить обработчик, который что-то там делает.
Прослушиваемых элементов, как и тредов, может быть очень много.

Какой вариант в таком случае предпочтительнее?? Собирать все нужные поля со страницы в массив, проходится по нему циклом и вешать на каждое событие. Использовать делегирование на документе? Писать мелкокласс под элемент и затем инициализировать столько его копий сколько потребуется? Может какие-то другие практики?

Ответы>>539617>>539966

20 Апр, 18:47 #279 #539078

https://twitter.com/cssunderhood/status/722748447506501632

https://twitter.com/cssunderhood/status/722750636991774720

10 Кб, 1595x50

20 Апр, 19:11 #280 #539129

Сап верстач, есть один градиент, как мне его просто и без задней мысли запилить через CSS?

Ответы>>539135>>539149

20 Апр, 19:15 #281 #539135

>>539129
Снял цвет по двум границам, задал направление.

Ответы>>539148

20 Апр, 19:20 #282 #539148

>>539135
Нашел в итоге генератор из пикч в градиенты, лол.

Ответы>>539151

20 Апр, 19:20 #283 #539149

>>539129

colorzilla, картинку закинь туда и оно выдаст код

Ответы>>539151

20 Апр, 19:21 #284 #539151

>>539148
>>539149
Спс, уже нашел)

20 Апр, 22:18 #285 #539591

>>532095 (OP)
Нихуя не понял, почему в шапке фронт-енд треда первая пикча - скриншот сублимы с питоном?

Ответы>>539632

20 Апр, 22:32 #286 #539617

>>539061
Честно говоря нихуя не понял что тебе нужно. Ты динамически создаешь элементы и спрашиваешь как к ним вешать обработчики?

Ответы>>539685

20 Апр, 22:32 #287 #539618

Как быть, если font-weight:300 или lighter не отображается на safari и фаерфаксе и опере.
В общем, отображается только на хроме.
Шрифт подключал из гугл фонтс.

Ответы>>539713>>539844

125 Кб, 1250x833

20 Апр, 22:41 #288 #539632

>>539591
это тест на самого внимательного долбаеба который тратит свое время на вглядывание в мелкие элементы прикрепленных пикч, ты прошел. Поздравляем.

20 Апр, 23:01 #289 #539685

>>539617
Постараюсь объяснить получше. Меня интересуют хорошие практики по отлову событий на множественных элементах, к примеру, кликов на кнопке.
Например, есть у нас форум, на каждом посте у него висит кнопка ответа. Она делает одно и то же. Но этих кнопок столько, сколько постов, то есть сотни.
Как лучши их обработать?
Поймать все кнопки через querySelectorAll, а затем циклом навесить на каждую обработчик? Или заюзать делегирование с одним обработчиком по клику на документе вроде этот вариант получше, но я не уверен, что ловить каждый клик по документу для нескольких, пусть и десятков, кнопок == хорошо? Что производительнее?

Ответы>>539711

20 Апр, 23:17 #290 #539704

Блять, с шрифтами помогите

20 Апр, 23:23 #291 #539711

>>539685
Делегирование вполне ок. На производительность забей
хуй. Но делегирование конечно не на документе, а на контейнере с постами

20 Апр, 23:25 #292 #539713

>>539618
Смотри какие форматы шрифтов подключены, смотри какие форматы шрифтов поддерживают какие браузеры, смотри как ты юзаешь font-face, и какое использование поддерживают какие браузеры. Ищи несоответствие между этими параметрами. Совсем не можешь в логику, глупенький?

Ответы>>539744>>540797

20 Апр, 23:28 #293 #539718

>>538783
Какую-то хуйню ты сделал. Ты через десктопную прогу делал? В корзину эти файлы не попали? Посмотри историю гита, может там остались они.

20 Апр, 23:30 #294 #539720

>>538306
Может подробное руководство?
Забей, эта книжка чисто чтобы траллить лалак на собесах. Почитай "сильные стороны" и "шаблоны" и хватит.

21 Апр, 00:14 #295 #539744

>>539713
Какие форматы, какой фонт-фейс.
Говорю, из гугл фонт шрифт подключен. Шрифт РАБОТАЕТ ВО ВСЕХ БРАУЗЕРАХ. 300 или lighter не во всех работает, вот в чем проблема.

Ответы>>539840>>539888>>540797

21 Апр, 08:58 #296 #539840

>>539744
Ссылку на шрифт кидай.

Ответы>>540797

21 Апр, 09:02 #297 #539844

>>539618
если подрубал через google-fonts, то он еще и в ie не работает. совсем не работает. лично я решил эту проблему подключением font-face в css, так как требовалась поддержка ie. правда, я еще и подрубил через google-fonts шрифт, чем не горжусь

Ответы>>539888>>540797

21 Апр, 11:06 #298 #539888

>>539844
>>539744
и да, у меня тоже была проблема с 300 и lighter. решил именно подключением локадьных шрифтов в css.

Ответы>>540797

514 Кб, 978x808

1440 Кб, 1415x939

21 Апр, 12:52 #299 #539959

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

Ответы>>540008>>540081

21 Апр, 13:01 #300 #539966

>>539061
я бы юзал jquery, если он используется:
$('.elem').each(function(){
$(this).on('click', function(){
тело функции
})
})

по сути, это тот же пробег по массиву, только не на нативе. думаю, при динамически подгружающихся элементах будет косяк, потому надо будет заново инициализировать функцию. ну и все равно по скорости это будет О(n*n), но я не вижу вариантов быстрее. то есть, я вообще не вижу других вариантов для подобного. и не вижу смысла в делегировании, ведь тогда вешать придется на body. и скорость работы, как мне кажется, будет еще меньше, ведь для начала надо будет проверить, что target == elem, а потом уже либо выйти из функции, либо продолжить выполнение.

21 Апр, 13:33 #301 #540008

>>539959
Я наверное даун, но не понимаю, что там происходит. По клику на маленькой фотографии появляется большая? Тогда почему на первом скрине две колонки, а на втором три? Или это вообще две разные страницы, но тогда в чем суть вопроса?

Ответы>>540067>>540070

21 Апр, 14:03 #302 #540067

>>540008
это прайслист. большие блоки появляются только при большом разрешении, при маленьком исчезают. проблема в том, что в одном месте блок показывается слева, а в другом справа, через каждые 4 блока.

Ответы>>540070>>540097

21 Апр, 14:04 #303 #540070

>>540067
>>540008
а маленькие блоки выстраиваются в 2 колонки при разрешении <1024. а при разрешении <768 выстраиваются в одну

Ответы>>540074

21 Апр, 14:06 #304 #540074

>>540070
и из-за этих больших блоков с сеткой происходит лютейший пиздец при разных разрешениях. флексбоксы не предлагать, так как требуется поддержка >=IE-9.

Ответы>>540084

21 Апр, 14:09 #305 #540081

>>539959
Не совсем понял вопрос, но на всякий случай отвечу, что через флексы.

Ответы>>540084

21 Апр, 14:11 #306 #540084

>>540074
>>540081

Ответы>>540092

21 Апр, 14:18 #307 #540092

>>540084
Ну так и не верстай эти выебоны для старых браузеров значит. Делай простую сетку, в чем проблема?
Про прогрессивное улучшение в курсе?

Ответы>>540095

21 Апр, 14:20 #308 #540095

>>540092
ну да, так и скажи заказчику, лишишься заказа. а на деле, это не такая уж и сложная верстка, если заюзать js.

21 Апр, 14:21 #309 #540097

>>540067
Раз большой блок (судя по фото) относится к конкретному маленькому, то пусть будет с ним в одной обертке. На большом разрешении тянешь обертку на всю ширину, а сам большой блок делаешь видимым. Маленький блок в обертке остается таким же.

Ответы>>540101>>540105>>540128

21 Апр, 14:23 #310 #540101

>>540097
большой не относится к маленькому, это просто отдельный блок по типу рекламы.

Ответы>>540105

21 Апр, 14:24 #311 #540105

>>540101
>>540097
действительно относится, вот это я тупанул. блядь, спасибо, анон, буду менять

Ответы>>540128

21 Апр, 14:51 #312 #540128

>>540097
>>540105
Можно совсем упороться
http://codepen.io/kotokrad/pen/KzBPvE

Ответы>>540132

21 Апр, 14:55 #313 #540132

>>540128
я упоролся по-другому, написал скрипт, который удаляет большие блоки при малом разрешении, а при большом ставит их на место.

Ответы>>540143

21 Апр, 14:58 #314 #540143

>>540132
Это же делается одним медиа запросом.

Ответы>>540150

21 Апр, 15:01 #315 #540150

>>540143
я считал этот блок самостоятельным элементом, а оказалось, что он лишь часть другого блока. кроме того, я показал это нескольким знакомым прогерам, все точно так же посчитали его самостоятельным элементом.

21 Апр, 18:58 #316 #540781

Платиновый вопрос: где/как лучше тестить сетку в ие8/9? Неужели придется ставить виртуалку ради поддержки этой древней параши?

Ответы>>540794>>540796

829 Кб, 1882x924

21 Апр, 19:10 #317 #540793

аноны, не взяли на удаленную работу из-за "явной недоработки".

Ответы>>540811>>540921>>541498>>541607

21 Апр, 19:11 #318 #540794

>>540781
раньше были проги для тестирования верстки в ie, но где-то все проебалось

21 Апр, 19:14 #319 #540796

>>540781

В ИЕ11, через F12 эмулятор открой, и там выбираешь любую версию ИЕ

Ответы>>540803

21 Апр, 19:14 #320 #540797

>>539713
>>539840
>>539844
>>539888
>>539744

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

21 Апр, 19:20 #321 #540803

>>540796
Пиздец, вот я идиот. Спасибо.

21 Апр, 19:25 #322 #540811

>>540793
>флексбоксы не предлагать, так как требуется поддержка >=IE-9.
ожидаемо, лол
Исправить эту хуйню дело пары минут.
Походу ты им просто за бесплатно что-то сделал

21 Апр, 20:08 #323 #540921

>>540793
Не расстраивайся из-за этих уебков, ты хороший верстала.

21 Апр, 20:11 #324 #540927

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

Ответы>>540940>>540946

21 Апр, 20:15 #325 #540940

>>540927
флексы или вот еще:

https://css-tricks.com/fluid-width-equal-height-columns/

Ответы>>541101

21 Апр, 20:17 #326 #540946

>>540927
div в div + position relative + position absolute. или просто на js напиши скрипт, который изменяет высоту 2 блока в зависимости от высоты 1.

Ответы>>541101

21 Апр, 20:22 #327 #540957

в теме не нашел, но искал по ключам, собственно, вопрос.
Есть интенсивы, лютая годнота, спасибо всем. Первую часть досмотрел. Где брать те макеты из проектов?
UPD. Лол, перед отправкой решил взглянуть на корень папки с видосами, нашел. Запощу, чтоб такие как я знали ответ.

21 Апр, 21:20 #328 #541079

http://joxi.ru/BA0vvwxsBbMxbm
Судари может есть какой-то хак с компоновкой слоев чтоб наложить лого на бордер и получился разрыв. Пока только додумался абсолютным позиционированием.

Ответы>>541095>>541243

21 Апр, 21:26 #329 #541090

Как думаете, 4 адаптивных макета + седона (единственный макет, который я нашел с готовыми свг) достаточно для портфолио? А то я заебался верстать в никуда, хочу уже упороться джс по-хардкору.

Ответы>>541661

21 Апр, 21:30 #330 #541095

>>541079

Можно еще отрицательным маржином

9 Кб, 640x480

21 Апр, 21:31 #331 #541101

>>540940
>>540946
Забыл сказать что 2 блок выше первого и просто применить высоту второго блока к первому не получится.
Ну хотя там может нужно значение типа 1=2-отступ у 1.

Ответы>>541241

21 Апр, 22:50 #332 #541241

>>541101
Нихуя толком не понятно что ты хочешь, если честно.Тебе нужно, чтобы нижняя граница первого блока совпадала со второй? Тогда inline-block + vertical-align:bottom тебе в помощь.

21 Апр, 22:51 #333 #541243

>>541079
А чем тебя относительное поцизионирование не устраивает? Ебашишь пикчу по центру, потом с помощью top/bottom подтягиваешь ее наверх.

22 Апр, 02:38 #334 #541498

>>540793
визуально в макете шрифты больше, можно было бы залечить про разный рендер шрифта в зависимости от ОС и браузера, но нахуй таких. Мелкий косяк, который легко фиксится, называют "явной недоработкой".

22 Апр, 04:13 #335 #541502

>>537926
Лол ну охуеть просто, кул стори.

22 Апр, 08:20 #336 #541542

http://codepen.io/bloomber/pen/NNBdwW

Может кто помочь? Почему четвёртый блок съезжает вниз (под первым)? Весь мозг сломал.

Ответы>>541550

29 Кб, 976x301

22 Апр, 08:47 #337 #541550

>>541542
Инлайн-блоки выровнены по базовой линии. Задай для них кастомный vertical-align, например bottom.

Ответы>>541579

22 Апр, 09:38 #338 #541569

>>537652
>пока вы станете кодером, вам будет уже 30
что не мешает многим выходить за год на полтора-два килобакса, кек

44 Кб, 530x604

22 Апр, 09:50 #339 #541579

>>541550
сенк, бро

22 Апр, 10:13 #340 #541607

>>540793
тебя просто наебали на бесплатную вёрстку

22 Апр, 10:18 #341 #541611

>>538761
Ты прав, щас почитал про это все. Твой вариант правильный, так и надо делать.

22 Апр, 11:31 #342 #541661

>>541090
Та бля, не заморачивайся хуйней, я вообще ни одного не верстал в портфолио, сходу взял дорогой заказ. Главное скилл.

Ответы>>541669>>541673

22 Апр, 11:41 #343 #541669

>>541661

На какой бирже?

22 Апр, 11:49 #344 #541673

>>541661
кул стори

22 Апр, 15:17 #345 #541947

Есть что-то подобное для js?
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material/blob/master/articles/чем-заняться-после-интенсива/article.md

22 Апр, 16:25 #346 #542051

Чо то мое обучение затянулось.. Уже два месяца как хуйней страдаю, даже интенсив сраный не прошел. Пиздец. Может это не мое? Блять, какой же я жалкий.

Ответы>>542113

22 Апр, 17:08 #347 #542113

>>542051
Не жалуйся - лучше занимайся (если действительно интересно и хочешь разобраться, если нет - то не стоит и время тратить)
Я вот вчихляю сижу в ооп на js (7-8 урок в базовом по js). Вроде сама концепция понятна относительно проста и ясна, материалы из допов понял, но вот в его объяснения кода проекта чет не могу въехать. Проще самому написать, лол

Ответы>>542639

25 Кб, 375x500

22 Апр, 17:17 #348 #542125

Вставляю части текста с Фотошопа в проект (Ctrl+C Ctrl+V), текст написан капслоком, есть ли способ сделать его обычным?
Вообще как вы работаете с контекстным текстом, тупо перепечатываете?

Ответы>>542147>>542153

22 Апр, 17:34 #349 #542147

>>542125
Я набираю более 500 знаков в минуту на русском и английском - проблем с перепечатыванием нет. Но большие участки могу и скопировать (естественно быстрее будет).

Поэтому тоже присоединюсь к вопросу - было бы весьма удобно

Ответы>>542153

22 Апр, 17:40 #350 #542153

>>542125
>>542147
Блять ну 1 ссылка же в гугле

22 Апр, 21:06 #351 #542394

Будьте так добры, скиньте ссылку на годный пиратский фотошоп CC 2016, где бы работал экспорт в web без ебатни с ctrl+shift+alt+s и тримера.

Ответы>>542396>>542399

22 Апр, 21:08 #352 #542396

>>542394
Avocode

22 Апр, 21:09 #353 #542399

>>542394
Так он же платный. Или там можно создавать бесконечные аккаунты после окончания пробного периода?

Ответы>>542400

22 Апр, 21:10 #354 #542400

>>542399
> можно создавать бесконечные аккаунты после окончания пробного периода
This.

51 Кб, 1085x664

22 Апр, 21:13 #355 #542405

Аноны, нужна ваша квалифицированная помощь! Откуда взялось расстояние между блоками?
Вот код http://codepen.io/anon/pen/EKpoQO?editors=1100

Ответы>>542409>>542419>>542424

22 Апр, 21:16 #356 #542409

>>542405
Блять короче я долбоеб, уже сделал.

Ответы>>542419

22 Апр, 21:25 #357 #542419

>>542405
>>542409
А как сделал? Самому интересно.

Ответы>>542421

22 Апр, 21:26 #358 #542421

>>542419
А, понял. Маргин у h1.

22 Апр, 21:29 #359 #542424

>>542405
На странице должен быть только 1 заголовок <h1>.

><p>Мы гарантируем, что Ваши данные не будут переданы третьим лицам</p>
Я бы этот текст оформил в <strong>

Ответы>>542427

22 Апр, 21:31 #360 #542427

>>542424
в HTML 5 может быть дохуя h1, почитай теорию, да и мне похуй собственно на семантику в этом проекте, мне за него 3к заплатят, а там еще дохуя внутренних страниц делать, пиздос.

Ответы>>542430

22 Апр, 21:32 #361 #542430

>>542427
> в HTML 5 может быть дохуя h1
Только если они в <article>

22 Апр, 23:24 #362 #542540

>Пасаны

где можно почерпнуть знаний
- продвижение ТМ в сети интернет, модерация сайта,

киньте тредик нужный

23 Апр, 02:10 #363 #542594

Верстаны, как заверстать гексагоны как на этом макете
http://www.psdchat.com/resources/templates/freebie-hexal-portfolio-template/

Еще подкиньте ссылок с макетами хард-левел, а то все эти однотипные лендинги и интернет-магазины остоебенили, хочется вдохновения в веб гуе и более сложных задачек.

Ответы>>542599>>542614>>542646>>542845

23 Апр, 02:30 #364 #542599

>>542594
Удваиваю просьбу, если кто подкинет ссылочку на интересные и сложные макеты с адаптивностью - буду должен что-нибудь благодарен.

23 Апр, 03:23 #365 #542614

>>542594
>Верстаны, как заверстать гексагоны как на этом макете
Делаешь пикчи вряд в одном диве, затем в другом, затем в третьем. Потом с помощью отрицательных маргинов или position:relative + top/bottom приводишь их в тот же вид, что и на макете.

Ответы>>542645

23 Апр, 05:00 #366 #542639

>>542113
По базовому просто лекции смотришь или делаешь еще что то?

23 Апр, 05:20 #367 #542645

>>542614
Мдаа.

23 Апр, 05:21 #368 #542646

>>542594
Учитесь гуглить уже. Простейший запрос hexagon css дал мне ссылку на целый сайт http://csshexagon.com

23 Апр, 08:37 #369 #542688

Как сохранить эффект hover несколько секунд? Выпадающее меню отстоит на несколько пикселей, пока мышка проходит эти пиксели, меню исчезает.

Ответы>>542709

23 Апр, 09:04 #370 #542709

>>542688
у тебя ошибка в верстке выпадашки, тебе не поможет задержка hover. сделай при помощи bootstrap dropdown

Ответы>>542752

23 Кб, 489x423

23 Апр, 10:00 #371 #542742

Почти завидую вам, ребята, вашей энергии, вашему энтузиазму. Вроде знаю все популярные джс фреймворки, вёрстку, а делать портфолио охоты никакой.
Откуда вы берете энергию на всё это?

Ответы>>542751

23 Апр, 10:16 #372 #542751

>>542742
Начинаешь делать — энергия появляется. Свыше она не снисходит.

23 Апр, 10:19 #373 #542752

>>542709
В смысле ошибка? Нет там ошибки. Меню оформлено так, что пункты имеют маргин т.е. белую обводку примерно 5 px. С чего мне не поможет задержка если пользователь уже успеет навести мышку на уже выпавшее окно? Как раз таки задержка и поможет.

Ответы>>542754

23 Апр, 10:21 #374 #542754

>>542752
Если дропдаун - потомок элемента, на котором делаешь ховер, такой проблемы не возникнет

Ответы>>542767

23 Апр, 10:47 #375 #542767

>>542754
Он имел ввиду что-то типа такого наверное
Попробуй навести на синий блок

http://jsbin.com/qonafokubo/edit?html,css,output

Ответы>>542772>>542774>>542776

360 Кб, 2560x1440

newbie 23 Апр, 10:49 #376 #542770

Доброго времени суток.
Парни, есть ли в этом треде те кто только начал постигать верстку до 2х недель от старта и желает найти соответствующее своим навыкам окружение для совместного продвижения в этой области?
Из пожеланий только адекватность, дружелюбность и целеустремленность.
Если таковые все же найдутся, то буду рад составить компанию и оказаться всяческую помощь в силу возможностей для достижения поставленных целей.

Ответы>>542771>>543160>>543182>>550576

23 Апр, 10:51 #377 #542771

>>542770
Лол, тут уж таких ньюфагов нет наверное, все уже как минимум базовые курсы и интенсив прошли.

Ответы>>542773

23 Апр, 10:52 #378 #542772

>>542767
А зачем делать расстояние между блоками? В чем профит? Если бы мне нужна была белая полоска между ними я бы тупо через бордер сделал, и всё нормально бы работало.

Ответы>>542775>>542776>>542794

newbie 23 Апр, 10:52 #379 #542773

>>542771
Мало ли, вдруг какой-нибудь бедолага забредет и захочет присоединиться.
Но благодарю за информацию.

23 Апр, 10:59 #380 #542774

>>542767
спасибо.

Ответы>>542777

23 Апр, 11:00 #381 #542775

>>542772
есть макеты в которых например фон не однотонный или меняется и вот такое расстояние между пунктом на который наводишь и блочком который появляется

Ответы>>542796

23 Апр, 11:00 #382 #542776

>>542767
Ну если так, то http://jsbin.com/mosanadibi/1/edit?html,css,output

Хотя >>542772 прав, лучше так не делать.

Ответы>>542779>>542794

23 Апр, 11:01 #383 #542777

>>542774
За что спасибо - я просто проблемку проиллюстрировал. Как ее решать я сам хз. кроме как вместо ховера юзать клик

Ответы>>542794

23 Апр, 11:05 #384 #542779

>>542776
Во, гуд.

23 Апр, 11:20 #385 #542794

>>542777
>>542776
Пожалуй ты прав, лучше сделать просто>>542772
бордер. Похоже display со свойством transition несовместим?

Ответы>>542798

23 Апр, 11:22 #386 #542796

>>542775
Прозрачный бордер?

Ответы>>542799

23 Апр, 11:23 #387 #542798

>>542794
>несовместим
Да. Нет промежуточного состояния между разными display.

23 Апр, 11:23 #388 #542799

>>542796
Херово что при этом нижний непрозрачный 1px бордер ломается и удлинняется

23 Апр, 12:21 #389 #542845

>>542594
Как раз сейчас на js его леплю, сетку сделал, но это пол беды как видно из макета это еще и галерея-слайдер
На css не взлетит

Ответы>>542998

23 Апр, 12:34 #390 #542862

ребят, че делаеть, если в фаерфаксе свг отображается с артефактами?
В других браузерах все нормально

23 Апр, 13:15 #391 #542902

Посоветуйте бесплатный хостинг для теста простеньких страничек, пожалуйста.

Ответы>>542905

23 Апр, 13:19 #392 #542905

>>542902
gh-pages

Ответы>>542907>>542970

23 Апр, 13:21 #393 #542907

>>542905
Спасибо большое.

23 Апр, 14:24 #394 #542970

>>542905
Все, я расстроился, понял насколько я тупой.
Ничего не получается, не синхронизируется.

23 Апр, 14:41 #395 #542998

>>542845
Анон, если еще какие годные макеты видел, кидай сюда!

23 Апр, 16:45 #396 #543155

>>538635
>social-links__item social-links__item--twitter
Какое же говно этот ваш бем.

Ответы>>543193>>543211>>543472

23 Апр, 16:49 #397 #543160

>>542770
Я непротив с начала апреля почитываю по часика 3-4 в день.
Ты бы ссыль какую приклеил, где найти тебя.

23 Апр, 17:17 #398 #543182

>>542770
У меня есть желание. Я уже 2 месяца изучаю ее блять. Хуйней какой-то занимаюсь. Только сетки стал изучать. Пиздец короче.

23 Апр, 17:30 #399 #543190

Аноны, а можно как нибудь :hover и :active повесить на псевдоэлементы ::before и ::after? Сверстал стрелочки в нердсе псевдоэлементами, а как на них ховер повесить не знаю.

Ответы>>543234>>543241

23 Апр, 17:33 #400 #543193

>>543155
Это просто ты слишком тупенький для такой элементарной и полезнейшей фичи как БЭМ-именование классов.

Ответы>>543204>>543267

23 Апр, 17:48 #401 #543204

>>543193
>элементарной
Согласен. Кстати, каменный топор - тоже элементарный.
>полезнейшей
Для кого? Для актёров, которым нужно изобразить опухшие глаза? Бесспорно.
--__-_-____---_-_

Ответы>>543208>>543472

23 Апр, 17:54 #402 #543208

>>543204
То есть для тебя это сложно и непонятно? Ты не можешь разобраться, где ставить подчеркивания, где дефис, где два дефиса? Поздравляю, ты ретард! Начальник цеха Иван Саныч на сталелитейном заводе ждёт тебя с нетерпением.

Ответы>>543229>>543267

23 Апр, 18:02 #403 #543211

>>543155
Тоже так думал, бро. Посмотри продвинутый интенсив, там как раз хорошо объясняется, почему БЭМ - годнота. В связке с препроцессорами, конечно.

Ответы>>543212

23 Апр, 18:03 #404 #543212

>>543211
А где его можно посмотреть? Ссылки у опа протухли.

Ответы>>543228

23 Апр, 18:20 #405 #543228

>>543212
Ничего там не протухло.

23 Апр, 18:20 #406 #543229

>>543208
Я и в брейнфаке могу разобраться. Вопрос в том, нужно ли это?

23 Апр, 18:23 #407 #543234

>>543190
Бамп вопросу.

Ответы>>543235>>543241

23 Апр, 18:27 #408 #543235

>>543234
Создай профиль в стековерлоу, задай там этот вопрос, собери тысячи голосов, стань знаменитым и успешным.

23 Апр, 18:35 #409 #543241

>>543190
>>543234
15 секунд в гугле по запросу 'hover state to pseudoelements'.

139 Кб, 1600x2400

23 Апр, 18:44 #410 #543249

>>532172
Зато на разработку ушло больше чем ты заработал за всю свою жизнь.

23 Апр, 18:59 #411 #543267

>>543208
>>543193
О, да у нас тут фанатик.

Ответы>>543272

23 Апр, 19:06 #412 #543272

>>543267
>РРРЯЯЯ ВЫ ФАНАТИКИ
Тупенький не осилил годную технологию и начинает пищать от беспомощности. Найс.

Ответы>>543292>>543297

23 Апр, 19:34 #413 #543292

>>543272
>годную
это лишь твое мнение

Ответы>>543298>>543472

23 Апр, 19:36 #414 #543297

>>543272
Не проецируй свою злобу на других. Я-то спокоен, в отличие от тебя.
>не осилил
Осилил, осознал её говнистость и выкинул на помойку.

Ответы>>543298

23 Апр, 19:40 #415 #543298

>>543292
И ещё тысяч других фронтендеров.

>>543297
>в отличие от тебя
А вот и проекции пошли.

>осознал её говнистость
Не надо маневров, плиз. Так и скажи - не осилил.

Ответы>>543307>>543308

23 Апр, 19:50 #416 #543307

>>543298
Обоссался - сиди молча, обтекай.

Ответы>>543312

23 Апр, 19:51 #417 #543308

>>543298
Обоссан.

Ответы>>543312

41 Кб, 550x550

23 Апр, 19:57 #418 #543312

>>543307
>>543308
>этот баттхёрт
Порватки, плиз. Приложите ледку.

Ответы>>543409

23 Апр, 20:15 #419 #543322

Есть кто проходит интенсив по js ? Имеет смысл его покупать? Или такая же хуйня как с базовым по html/css ? Я только продвинутый прошел.

Ответы>>543353>>543361>>543689

23 Апр, 20:45 #420 #543353

>>543322
Хуита, платить смысла нет. Еще и лектор время тянет, смотрел в х2. Ах, да, очень долго смиялся, когда на 2-й лекции "студентам" за 15 минут "рассказали" про объекты, а потом полтора часа рисовали квадраты на канвасе)))

23 Апр, 20:49 #421 #543361

>>543322
С торрентов качни.

23 Апр, 21:12 #422 #543401

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

Ответы>>543440

23 Апр, 21:16 #423 #543409

>>543312
Ну не бомби ты так. Подумаешь, посмеялись над твоим бемом, не унижайся.

Ответы>>543446>>543472

3 Кб, 238x146

23 Апр, 21:31 #424 #543440

>>543401
вырезать нужно со всеми наложениями

23 Апр, 21:33 #425 #543446

>>543409
>неосилятор продолжает рваться

Пока ты рвешься, мог бы потратить время на освоение БЭМ-именования.

23 Апр, 21:54 #426 #543472

>>543292
>>543204
>>543155
>>543409
Спешите видеть, долбоеб ИТТ! Не осилил БЭМ и начал гундеть. БЭМ однозначно нужен на больших проектах, там без него никак. Но он отсасывает на мелких проектах уровня лендингов или онлайн-магазинов с несколькими шаблонами. Попробуй написать что-нибудь типа того же фейсбука или втентаклика, и ты всосешь со своей каскадностью.
мимо верстаю больше 2 лет

Ответы>>543681

23 Апр, 23:06 #427 #543594

А тут есть помидоры?

Ответы>>543638

24 Апр, 00:32 #428 #543638

>>543594
Конечно. Все топовые собираются в этой помойке.

24 Апр, 05:53 #429 #543681

>>543472
>ты всосешь
Ты всосёшь.

24 Апр, 07:00 #430 #543689

>>543322
Как раз таки его и стоит покупать, потому что посмотрев лекции нихуя не запомнится, а задания по нему только на интенсиве можно выполнить. Сам смотрю его и не знаю, как попрактиковаться. Выразительный ЖС еще читаю, но там как то полунеосиляторски идет.

Ответы>>543692>>543717

24 Апр, 07:12 #431 #543692

>>543689
Хз, я вот и без покупки практикуюсь. Кто хочет - будет делать. Кто не особо и хочет - найдет причину, чтобы не делать

Ответы>>543717>>543731>>543970

24 Апр, 09:37 #432 #543717

>>543689
>>543692
Если деньги не проблема, то определенно стоит пройти, к приобретенному материалу иное отношение.
А вообще второй анон прав.

24 Апр, 10:31 #433 #543731

>>543692
Как практикуешься?

Ответы>>543971

24 Апр, 11:28 #434 #543754

Громов, сука, пидор, не мог в офисе трансляцию вести. Пиздец, второй интенсив смотреть невозможно из-за хуевых разрешения и звука.
Да, я ничего не заплатил и жалуюсь, я знаю.

Я вот что не пойму - посмотрел уже 4 видео продвинутого. Что они там вообще верстают? Первая половина интенсива - чисто введение в инструментарий, нихуя про адаптивность не говорят. Как можно начинать верстать, если не знаешь, что должно получиться в результате? Им их кураторы это рассказывают, что ли?

Ответы>>543908>>543974

24 Апр, 11:30 #435 #543756

Думаю страницу портфолио специально склепать на бутстрапе. Хорошая идея? Типа, вот вам и статика, вот вам и адаптивность, а само портфолио как бы покеазывает умение работать с самым популярным фреймворком.

24 Апр, 13:52 #436 #543839

Хочу работать верстальщиком :( Но у меня уже есть основная работа, не хочу её бросать :( Можно ли работать верстальщиком по выходным :(

Ответы>>543841>>543846>>543852

24 Апр, 13:55 #437 #543841

>>543839
Пиздец говноед

Ответы>>543844

24 Апр, 14:03 #438 #543844

>>543841
:(

Ответы>>543849

24 Апр, 14:05 #439 #543846

>>543839
фриланс, не?

24 Апр, 14:11 #440 #543849

>>543844
\^_^/

24 Апр, 14:13 #441 #543852

>>543839
Можно, разрешаю.

24 Апр, 15:08 #442 #543899

Пацаны, если делать секту с помощью float, то всем блокам нужно задавать ширину? Так же учили в академии? Я просто вспомнить не могу.

Ответы>>544049

24 Апр, 15:22 #443 #543908

>>543754
> второй интенсив смотреть невозможно
Продвинутого? Там звук пиздец просто.

24 Апр, 15:48 #444 #543919

В галпе есть толковый аналог грант-лоад-таскс?

Ну чтобы не было такого списка
var hui = require("gulp-hui");
var zhopa = require("gulp-zhopa");

нашел какой-то гайд
https://www.youtube.com/watch?v=HOYTEy2rlw8

Но это какой-то странный вариант, надо смотреть, какие начинаются с gulp-, какие нет.

Ответы>>543929

24 Апр, 16:02 #445 #543929

>>543919
только gulp-load-plugins

24 Апр, 17:02 #446 #543956

Есть у кого свёрстаный адаптив пинк? Хочу посмотреть.

24 Апр, 17:23 #447 #543970

>>543692
Выполняю задания с интенсива

Ответы>>543971>>544066

24 Апр, 17:24 #448 #543971

>>543970
Это сюда >>543731

24 Апр, 17:28 #449 #543974

>>543754
Макеты верстают. Первую половину пыхтят над мобильной версией. Когда рассказывают про адаптивность сетки тогда и подключается планшетная.

24 Апр, 17:34 #450 #543977

Аноны, можно ли как-нибудь в фотошопе расставить много полосок, над которыми будет отоброжаться длина в пикселях? Сейчас чтобы измерить какой-нибудь паддинг, переключаюсь в фш, отмеряю линейкой нужный кусок, переключаюсь в css и вписываю куда надо, а так бы вначале расставил сразу все измерительные полоски и простым альтабом узнавал бы нужную инфу.

Ответы>>544071

24 Апр, 18:49 #451 #544039

Помогите залупоглазому найти ссылку на макеты psd.

24 Апр, 18:55 #452 #544049

>>543899

Нет не обязательно, если там есть контент, он сам будет нужной ширины

24 Апр, 19:15 #453 #544066

>>543970
Где ты их взял?

Ответы>>544112

24 Апр, 19:26 #454 #544071

>>543977
Да.

Ответы>>544105

311 Кб, 598x427

24 Апр, 19:31 #455 #544077

Пацаны, а курсы это хуита для лохов?

24 Апр, 19:38 #456 #544084

Антоны, поясните за Авокод. Вчера просил тут поделится фотожопом с работающим экспортом одной кнопкой. Да и в принципе мой уже немного устарел и нужен по новее.
Предложили использовать Авокод, я решил его попробовать.
Но что-то он совсем сырой. Высоту строк у одиночных слов не показывает; шрифт: вместо PT Sans Narrow, показывает просто PT Sans; сохранять с изменением качества у JPEG он тоже не способен.
Может, это я просто еще не разобрался, или он и вправду на всё это не способен?

Ответы>>544106>>544108

24 Апр, 19:51 #457 #544105

>>544071
how?

10 Кб, 249x213

24 Апр, 19:59 #458 #544106

>>544084
Нашел где можно посмотреть используемые в макете шрифты, и там действительно указан PT Sans Narrow, но вот если у нас в макете также будет PT Sans Caption, то при наведении на текст, мы всё еще будем видеть только пикрелейтед, или же там будет конкретно указан PT Sans Caption или PT Sans Narow?

24 Апр, 20:03 #459 #544108

>>544084

А он есть крякнутый разве?

Ответы>>544110>>544111

24 Апр, 20:05 #460 #544109

Антуаны есть еще пара вопросов:
1.Есть ли прога, которая будет показывать очертания тегов и их название\класс\id типа как в интенсиве, на первых видео?
2.Как верстаются всплывающие подсказки при наведении на элемент? Вангую что псевдоэлементами при hover, но неясно как сделать их заползающими на другие элементы.

Ответы>>544113

24 Апр, 20:05 #461 #544110

>>544108
Если ты про Авокод, то я на триале (только сегодня начал).

24 Апр, 20:05 #462 #544111

>>544108
Регайся каждые 15 дней и всё.

24 Апр, 20:05 #463 #544112

>>544066
В интернете искал. Немного поищешь - тоже найдешь

Ответы>>544481

24 Апр, 20:06 #464 #544113

>>544109
> неясно как сделать их заползающими на другие элементы.
z-index жи

24 Апр, 22:31 #465 #544348

Зачем нужен авокод когда есть брэкетс и просматривалка на сайте creative cloud?

Ответы>>544355

24 Апр, 22:35 #466 #544355

>>544348
>брэкетс
Зачем нужно это глючное говно? Алсо, там супер обрезанная версия CC

Ответы>>544360

24 Апр, 22:40 #467 #544360

>>544355
И чем он глючный?

Ответы>>544398

24 Апр, 23:11 #468 #544398

>>544360
Я другой анон, но согласен что брекетс хуйня, а если поставить 3-4 плагина то вообще дико лагать начинает. В сравнении с ним вебшторм куда шустрее и фич больше. За остальные проги не поясню

208 Кб, 1305x767

24 Апр, 23:27 #469 #544411

Только что протестил этот плагин от адоб для брекетс. Всё те же претензии что и к Авокоду. Не дает выбрать качество картинки jpeg. Также не может правильно определить тип шрифта в семействе PT Sans (Narrow или Caption - он не видит). Размер шрифта, внезапно, он мне выдает 6px, вместо 16px.
Пипетку я тут так и не нашел...
А сам по себе брекетс как текстовый редактор для верстки, меня устраивает полностью.

Ответы>>544427>>544468

25 Апр, 00:04 #470 #544427

>>544411
В брекетсе плохо распознаются шрифты с академовских макетов. Тащем, это единственный глюк, который я в нем нашел.

Что интересно, неакадемовские макеты он читает гораздо лучше. Так что повод задуматься о кривости рук дизайнера.

25 Апр, 01:55 #471 #544468

>>544411
А хули у тебя в font-weight числовое значение? Мне советуют там писать только bold или default, наебывают?
>А сам по себе брекетс как текстовый редактор для верстки, меня устраивает полностью.
Попробуй webstorm, базарю понравиться, я начинал с брекетса и вроде норм было, но после того как поюзал несколько дней шторм возвращатся в эту хуиту перехотелось. Тем более там много плюшек для JS, типа автодополнения, подсказок, рефакторинга и т.д.

Ответы>>544472>>544482

25 Апр, 02:20 #472 #544472

>>544468
> А хули у тебя в font-weight числовое значение?
Так это адоб автоматически взял значение.
>Мне советуют там писать только bold или default, наебывают?
Да хз... Я сам в смятении. Обычно пишу тоже буквами. На базовых интенсивах чувак пишет цифрами.

25 Апр, 02:54 #473 #544481

>>544112
Почему в тред не выложишь, чтоб в шапку добавили?

25 Апр, 02:58 #474 #544482

>>544468
Вот, кстати, только что нашел хоть какое-то обоснование на счет font-weight
1 минута 42 секунда (на всякий случай).
https://youtu.be/9b4KSCT0Ey8?t=1m42s

25 Апр, 04:43 #475 #544497

Как некоторые пишут css без точки-запятой и скобок? Предпроцессор какой?

Ответы>>544499>>544506

25 Апр, 04:53 #476 #544499

>>544497
>Предпроцессор какой?
sass

Ответы>>544500>>544502

25 Апр, 04:54 #477 #544500

>>544499
А less так не может?

Ответы>>544503

25 Апр, 04:55 #478 #544501

Вопрос от дауна, адресованный тем, кто проходит/смотрит джаваскрипт-интенсив от кокоакадемии:
Как вы настраивали свое рабочее окружение?
В верстке все было легко, галп+плагины=профит, а тут уже на 3-м уроке затирают про джсоны, еслинтконфиги, вебпак, локальный сервер, при этом инфы никакой не дают. Еще и структура их учебного проекта (кексобукинг или как его) немного ебанутая. Я в смятении.
Если бы платил за этот курс, то охуел бы, лол, 99% всей инфы все равно черпается у фленагана+лернджс. Пока что решаю задачки по теории в атоме+script (запуск кода прямо в редакторе через ноду).

Ответы>>544607

25 Апр, 04:55 #479 #544502

>>544499
Я загуглил и у сасс/лесс скобки везде

Ответы>>544503

25 Апр, 04:58 #480 #544503

>>544500
less нет. Но не вижу в этом проблем. Все эти знаки автоматом ставятся.
>>544502
это scss

sass, как сказал Громов, старый и используется крайне редко

http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html

Ответы>>544505>>544509>>544570

25 Апр, 05:01 #481 #544505

>>544503
В смысле автоматом? Я заебался каждый раз ставить скобки и точку запятой.

Ответы>>544507

25 Апр, 05:05 #482 #544506

>>544497
http://stylus-lang.com/

Ответы>>544509

25 Апр, 05:07 #483 #544507

>>544505
Ну полу-автоматом. Один раз на скобку нажал - получил открывающую и закрывающую. А ';' ставится либо емметом либо автокомплитом

25 Апр, 05:10 #484 #544509

>>544506

>>544503
Я точно видел в каком-то видео, как хуй писал на less и не ставил скобки и тз.

Ответы>>544513

25 Апр, 05:11 #485 #544510

В чем профит предпроцессор, переменные, вложенность и все?

25 Апр, 05:15 #486 #544513

>>544509
Хотя нет, это сасс был.
А почему считаю сасс хуже чем лесс?

Ответы>>544548

25 Апр, 05:55 #487 #544519

А разве нет плагина для less, который бы позволял писать без скобок?

Ответы>>544540

25 Апр, 07:27 #488 #544540

>>544519

Зачем, если есть стайлус

25 Апр, 07:55 #489 #544548

>>544513
Вообщет наоборот - самый популярный по разным голосовалкам это scss

Ответы>>544549

25 Апр, 07:59 #490 #544549

>>544548

http://www.internet-technologies.ru/articles/article_1950.html

Ответы>>544571

25 Апр, 08:35 #491 #544570

>>544503
Громов на продвинутом говорит, что синтаксис Sass устарел, и никак не обосновывает, чем же он плох. Потом говорит, что не любит Sass (имея в виду синтаксис SCSS) за вещи наподобие @include clearfix, якобы писать слишком много. Хотя в Sass то же добавление миксина выглядит как +clearfix.
Простите, подгорело.

Ответы>>544610

25 Апр, 08:40 #492 #544571

>>544549
Я на вот это отвечал
>А почему считаю сасс хуже чем лесс?

Ответы>>544576

25 Апр, 08:57 #493 #544576

>>544571

Ладно.

25 Апр, 10:01 #494 #544607

>>544501
Эту хуйню не стал проходить, там настолько поверхностно, что смотреть можно только для того, чтобы понять, как примерно происходит работа фронтенда на реальном проекте, знаний особых интенсив не дает. Сам же собираю все через галп, и, при необходимости, сервер на том же галпе запускаю. Олсо, на винде стоит openServer, а на линуксе lamp.

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

Ответы>>544609>>544639>>545195

25 Апр, 10:04 #495 #544609

>>544607
>на линуксе lamp
Найс рофлишь, братишь.

Ответы>>544612

25 Апр, 10:04 #496 #544610

>>544570
Пишу на stylus, потому что это у него самый удобный синтаксис. Иногда приходится пересаживаться с less и sass. Вот тогда печет от того, что синтаксис уродский какой-то.

25 Апр, 10:05 #497 #544612

>>544609
Что не так?

Ответы>>544647

25 Апр, 10:43 #498 #544639

>>544607
Ну я вот прошел пока 6 уроков делая код и магию + параллельно пару простеньких дополнений написал для сайта, на котором зависаю, и примитивного бота (все по материалам этого интенсива). Хз на счет поверхностности, но Кантора читать всего все-равно буду, хоть кусками и так читал ибо в интенсиве дают на него ссылки

25 Апр, 10:51 #499 #544647

>>544612
lamp уже включается в себя линукс.

10 Кб, 180x178

25 Апр, 13:24 #500 #544834

>>532095 (OP)
Пагни, поясните за ajax. Посмотрел htmlacadeny курс продвинутый там где о прикладном javascript-e, вроде все понятно, решил протйти вот этот курс для закрепления https://learn.javascript.ru/ajax-intro
Вопрос возник такой: вот делаю я что-то через аякс, что-то отправляю итд. В курсе выше есть написан код ответа сервера. На деле же примеры могут быть разными, а бекенд ни писать ни изучать желания нет. Как проверить рабочий ли код на практике? Или оставлять такие вещи бекендщикам?

25 Апр, 13:34 #501 #544850

Почему в продвинутом интенсиве говорят начинать верстку адаптивных сайтов с мобильной версии, а не с полноценной десктопной? Разве не проще написать кол полностью, уже в зависимости от ширины вьюпорта убирая некоторые элементы?

И второй вопрос. Дайте ссылку где почитать, или абисните на пальцах, как пишутса медиа-правила с учетом мобильников с разрешением экрана больше, чем даже в моей пеке. Нет никакого смысла же писать все эти правила для экранов 764рх, 920рх и т.д., если в какой-нибудь Xperia Z5 разрешение уже 4к.

Ответы>>544856>>544859

25 Апр, 13:39 #502 #544856

>>544850

Первый вопрос тоже интересен.
А по второму - там берется ширина экрана устройства а него разрешение

Ответы>>544859>>544865

25 Апр, 13:40 #503 #544859

>>544850
>>544856
>с мобильной версии
это подход Mobile first. Есть другой, по которому начинаешь верстать >с полноценной десктопной

Ответы>>544864

25 Апр, 13:43 #504 #544864

>>544859

Да. Но почему то сучки всякие делают упор именно на мобаил фирст

Ответы>>545581

25 Апр, 13:43 #505 #544865

>>544856
>ширина экрана устройства
ОК, ширина экрана какого-нибудь Samsung Galaxy S6 сейчас 2560х1440рх. Как задать медиазапрос, чтобы на экране этого мобильника, верстка сжималась до moble-версии?

Ответы>>544868

25 Апр, 13:45 #506 #544868

>>544865

Нет епта, это разрешение экрана, а ширина экрана гэлэкси с6 = где-то 480 пикселей.

Открой инструменты разработчика в хроме и там эмуляция мобильных устройств, посмотри какой оно ширины

Ответы>>544872

25 Апр, 13:48 #507 #544872

>>544868
Храни тебя Господь и Дева Мария!

25 Апр, 13:58 #508 #544881

Читаю статью на английском "Less лучше, и больше похож на бдудщие изменения в CSS, но SCSS популярнее, поэтому лучше выберите его".

Смотрю запросы на hh:
- Less - 824 вакансии;
- Sass - 472 вакансии;
- SCSS - 123 вакансии;
- Stylus - 84 вакансии.

Выходит, в рамках СНГ имеет смысл сделать выбор в сторону Less?

Ответы>>544883>>544891

25 Апр, 14:00 #509 #544883

>>544881
Это же не кресты. Имеет смысл изучить и то, и другое.

25 Апр, 14:06 #510 #544891

>>544881

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

Ответы>>544894

25 Апр, 14:10 #511 #544894

>>544891
Смотря, наверное, какие именно функции ты используешь.

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

Ответы>>544945

25 Апр, 15:15 #512 #544945

>>544894
Для начинающего версталы таких кейсов раз два и обчелся. Больше напрягаться нужно для того чтобы их придумать. Так что об этом можешь не беспокоится. Less и Sass так и вовсе практически 2 брата близнеца.

25 Апр, 15:32 #513 #544967

Аноны, от скуки залез в сурсы двача. Поржал с js и комментариев. Советую.

Ответы>>544970>>544977

4 Кб, 429x54

25 Апр, 15:33 #514 #544970

>>544967

3 Кб, 245x35

25 Апр, 15:34 #515 #544977

>>544967

Ответы>>545123

25 Апр, 16:35 #516 #545123

>>544977
говнокод в тредю все в колпачекю

Ответы>>545127

22 Кб, 509x216

25 Апр, 16:36 #517 #545127

>>545123

25 Апр, 17:27 #518 #545195

>>544607
Про поверхностность согласен, я сам больше по кантору+фленагану изучаю, а в интенсиве, как раз-таки, хотел глянуть реальный ПРОЦЕСС, но нихуя не понятно и нихуя не объясняется. Зачем там локальный сервер, как его настраивать под фронтенд для выдачи тех же кукисов? Придется самому пердолиться.
Вообще уже что-то мотивация на дно укатила, верстку я освоил полностью (практически), а на джс завис, уже месяц фактически "учу" и по-прежнему нихрена не знаю.

Ответы>>545215

25 Апр, 17:51 #519 #545215

>>545195
У меня с js такая же хуйня была. Только у меня после 3 месяцев было такое же чувство, будто я нихрена не знаю. А потом произошел резкий рывок за пару дней, я понял, что могу сделать вот это, вот то, знаю, что это такое, что то, спокойно читаю код и понимаю, что происходит. А до этого была паника, я думал, что просираю свое время, пердолясь с js и нихуя не понимая. думал даже бросать, считая, что ничему не научился. а сейчас понимаю, что я за полгода прогрессировал так, как не прогрессировал до этого за год на работе верстаком.

Ответы>>545220

25 Апр, 17:54 #520 #545220

>>545215

Вот ты можешь мне помочь, перепост с программача:

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

https://jsbin.com/luyeguyedu/1/edit?html,js,output

Ответы>>545229

283 Кб, 1920x1025

25 Апр, 17:54 #521 #545221

>>532095 (OP)
Почему в шапке так часто упоминается Javascript, неужели без него в верстке никак?
http://motherfuckingwebsite.com/
http://bettermotherfuckingwebsite.com/
https://oktell.ru/

Ответы>>545235

25 Апр, 18:08 #522 #545229

>>545220
ну, начнем с того, что если ты делаешь слайдер не для себя, а для какого-нибудь сайта, то не создавай велосипеды, прикрути уже готовый слайдер.

А во вторых, если уж ты делаешь его для себя, то можешь сделать так: при клике на следующий слайд текущему задаешь какой-нибудь класс, в котором прописана opacity: none + transition: opacity. Потом делаешь задержку например 500 (setTimeout) и после задержки следующему добавляешь класс shown (или какой передвигает слайд). потом предыдущему добавляешь класс, который делает display: none. И все. После обнуляешь все классы и начинаешь по-новому. Геморно, но прокатит.

Еще как вариант можешь накатить белый фон к слайду, тогда он будет закрывать предыдущий. Это проще, но в случае чего у тебя появятся белые квадраты, если картинка в слайдере черная, например.

Ответы>>545241

25 Апр, 18:12 #523 #545235

>>545221
а третья тут при чем? там вовсю js + bootstrap

Ответы>>545260

25 Апр, 18:15 #524 #545241

>>545229

Как обнулить классы?

images1[index1].removeAttribute('class', 'active'); вот эта строчка обнуляет класс актив, но эта же строчка не обнуляет класс show, и я не пойму как его обнулить. Уже и в элсе пихал и куда угодно, не хочет его убирать.

Мне интересно вот конкретно на этом примере. Видишь, вроде как первый круг идет нормально, слайды типа накладываются друг на друга, но класс show не обнуляется, и в итоге на втором круге показывает только самый верхний слайд, вот конкретно в этой ситуации можешь подсказать как его обнулить?

Ответы>>545244>>545256

25 Апр, 18:16 #525 #545244

>>545241

>images1[index1].removeAttribute('class', 'active'); вот эта строчка обнуляет класс актив, но эта же строчка не обнуляет класс show

В смысле, аналогичная строчка с указанием класса show имелось ввиду.

25 Апр, 18:21 #526 #545256

>>545241
используй не removeAttribute, а classList для работы с классами. а вообще, перебирайся на jquery, там цепочка действий есть, удобнее будет.

Ответы>>545262

25 Апр, 18:23 #527 #545260

>>545235
Она и с выключенными скриптами идет и без флеша и даже шевелится.

Ответы>>545279>>545311>>545317

25 Апр, 18:25 #528 #545262

>>545256

>classList
И так и так пробую.

>перебирайся на jquery

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

Ответы>>545318

25 Апр, 18:32 #529 #545279

>>545260
http://www.dwavesys.com/d-wave-two-system
Как и здесь.

Ответы>>545317

25 Апр, 18:44 #530 #545311

>>545260
блядь сука. посмотрел твой код, не обижайся, но верстку тебе надо учить. все можно было сделать лучше, тебе кейфрэймсы не нужны, есть же трансишн + overflow: hidden для контейнера. тогда не понадобится скрывать img при помощи display none. достаточно всем картинкам задать position relative + right -100%.

также не обязательно позиционировать картинку относительно li-шки.

Ответы>>545318

25 Апр, 18:50 #531 #545317

>>545279
>>545260
Ничего особенного в этом нет. Нормальные сайты и должны работать без js в случае чего. Коряво, но работать. А еще поддерживать IE. Но в современном фронтенде без js никак.

Ответы>>545346

25 Апр, 18:50 #532 #545318

это >>545311

тебе >>545262

25 Апр, 19:06 #533 #545346

>>545317
А можно конкретный пример задачи в которой без js никак.
я новенький

Ответы>>545366

25 Апр, 19:15 #534 #545366

>>545346
слайдер, раскрывающийся блок, выпадающее меню, много чего еще

Ответы>>545368

25 Апр, 19:16 #535 #545368

>>545366
А посложнее чего?

Ответы>>545384

25 Апр, 19:31 #536 #545384

>>545368
загрузка новых сообщений в этом треде без перезагрузки страницы

Ответы>>545385

25 Апр, 19:32 #537 #545385

>>545384
о да, вот это охуенная тема.

25 Апр, 20:27 #538 #545460

Где посмотреть правильную верстку седоны с бэмом и всей хуйней?

25 Апр, 21:34 #539 #545573

https://2ch.hk/wrk/res/545572.html (М)
https://2ch.hk/wrk/res/545572.html (М)
https://2ch.hk/wrk/res/545572.html (М)
https://2ch.hk/wrk/res/545572.html (М)
ПЕРЕКАТ

25 Апр, 21:43 #540 #545581

>>544864
потому что сейчас все больше юзеров заходят в интернет с лопат...

29 Апр, 00:02 #541 #549460

>>533444
>джуна
>с опытом работы 3-6 лет
Лольнул. Епам такой епам.

29 Апр, 00:08 #542 #549466

>>535207
Саша?

30 Апр, 13:28 #543 #550576

>>542770
Я в потоке. Как связаться?

Ответы>>550582

30 Апр, 13:34 #544 #550582

>>550576
Создай в телеграмме конфу.

Тред утонул или удален.
Это копия, сохраненная 2 июня 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion