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

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

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

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

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


Можно.

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


Можно.

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


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

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


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

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


Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0

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


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

>Могу ли учить верстку/JS после работы по 2 часа?


Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.

>Слышал что для устройства на работу нужно портфолио.


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

>Подскажите хостинг/сайт/место где все эти проекты держать?


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

>Могу ли я спросить что-то в треде?


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

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

>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.


Почему существуют рестораны и кулинария?? Есть же доширак.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>585195 (OP)
>>589276>>590185
#2 #589196
Котаны-котята, что значит верстка динамических визуальных компонентов (select, datepicker, tree и т.д.) применительно к любому из популярных фреймворков – Angular / React / jQuery?
В вакансии написано.
>>592577
#3 #589198
>>589145
Не хочу наглеть, но ты неплохо соображаешь. Ответишь еще на пару вопросов?
>>589201
#4 #589199
>>589148
Не понял. Можешь кинуть эту статью?
#5 #589201
>>589198
Я думаю, тут полно анонов, которые в разы больше знают, так что задавай, кто-нибудь и ответит. Лучше что бы это было несколько ответов, ибо один единственный ответ - не всегда истина.
#6 #589206
Что скажете про csshat pnghat emmet и всё такое, если я совсем барбершопный нуб?
#7 #589220
>>588558
>>588559
>>588560

Спасибо!
Госпади! вежливый и по делу ответ, я точно на дваче? или вы тут всех адекватов саккумулировали?

> СПЕЦИАЛИСТ



ссылку?
>>589253>>589280
#9 #589276
>>589180 (OP)
Аноны, смотрю тут видео про модульные сетки и не совсем понятно.
Там спикер говорит что типо уменьшается окно браузера - уменьшается колонка и ее содержимое, в кач-ве примера <i> изменяется. А что будет если изображение будет в колонке? Как оно изменяться будет?
>>589385>>590144
#10 #589280
>>589220

>или вы тут всех адекватов саккумулировали?



Ну, тут действительно хороший коллектив подобрался, рабочая атмосфера тоже на уровне. С чем это связано — не знаю, но я только рад.
>>589340>>589343
#11 #589319
>>589253
Добавлю, что игорь борисов на мой взгляд лучший рассказчик.
#12 #589327
Если я верстаю неадаптивно, стоит ли прикрутить к body min-width эдак в тысячу пикселей, чтобы страницу не попидорасило?
>>589333>>589437
#13 #589333
#14 #589335
Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить? При наличии портфолио конечно
>>589337>>589390
#15 #589337
>>589335
Можно идти нахуй.
>>589343
88 Кб, 535x473
#16 #589340
>>589253
>>589280

Еще одно, это мну нужно устанавливать все браузеры?

портабельные версии подойдут?
#17 #589343
>>589337

>можно идти нахуй


>>589280
накаркал.
>>589346>>589348
#18 #589346
>>589343
Да ладно, от редких вскукареков никакой тред не застрахован.
#19 #589348
>>589343
Cпрашивает он, блядь, про фриланс, после продвинутого. Щенок ебаный, птенец, нихуя не знает, НИХУЯ, а уже фрилансить хочет.
>>589351>>589377
#20 #589351
>>589348
Тогда ответь, что делать после продвинутого?
#21 #589354
>>589351
Читать допы, верстать и не задавать больше тупых вопросов.
Ты НИХУЯ не знаешь.
#22 #589357
>>589351
да не слушай ты его. ересь порит какую-то. на фриланс можешь хоть сейчас идти, главное, чтобы ты ВЫПОЛНЯЛ работу в СРОК. А там хоть гуглом обмажься, когда верстать будешь
#23 #589364
>>589357
Спасибо.
#24 #589365
>>589357

А если не на фриланс? Что с работой в реале? Как оценить свои знания, и понять, что можно идти на собеседование?
>>589390>>589393
#25 #589367
>>589357
В том-то и дело, блядь, что эту работу выполнять работу точно в срок он не будет.
Господи, блядь, ну куда вы лезете впереди паровоза
>>589378
#26 #589377
>>589348
чет ты мне напомнил его
https://www.youtube.com/watch?v=9UmRw_QiAAk
#27 #589378
>>589367

>Я уже сделал второй facebook, instagram, портирую GTA 5 на JavaScript и ничего с этого на заработал, а вы все лезете впереди паровоза!

300 Кб, 1920x1080
#28 #589381
Аноны в чем косяк, второй день не могу подобрать значение?
>>589414>>589426
#29 #589385
>>589276
Ты про адаптивный имг? Я чет не совсем понял.
#30 #589387
Анусы, жрать совсем нечего, из умений могу только сделать 5-ти страничную сайт-визитку. Можно с этим завалиться куда-нибудь? Хотя бы интернет отплатить.
>>589394
#31 #589390
>>589365

>А если не на фриланс? Что с работой в реале? Как оценить свои знания,


Фрилансом, лол. Или сделай проект какой-нибудь для себя. Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио. Алсо, если, вообще нет идей того, что можно сделать самому, то можешь стучаться с поиском работы в разные веб-студии и настойчиво предлагать сделать тестовое задание. Некоторые, не очень хорошие студии могут тебе даже продакшн спихнуть.

>>589335

>Я правильно понимаю, что после продвинутого интенсива можно идти фрилансить?


Ты неправильно немного ставишь вопрос. Ну откуда мы знаем, можно тебе или нельзя идти фрилансить? Человек сам определяет для себя уровень своих знаний и то, сможет ли он эти знания применить. Это как пикаперы, которые проходят сотни тренингов за сотни тысяч рублей, но всё равно остаются всратыми девственниками и ещё убеждают себя "ну вот ещё к этому схожу, он-то точно норм".

Алсо, третий рабочий день подходит к концу. Сегодня я половину дня ебланил, сидя в этом треде, или листая хабр. Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.

Через часик поеду за баблом от клиента. Господи, как же хочется съесть шаурмы. Вот просто до ужаса. Если мы с ним договоримся на 50%, то я тут же, сука, пойду и куплю себе сочную шаурму, со свининой, острым соусоми без лука. И буду счастлив.

3-й день-кун
#32 #589393
>>589365
Берешь заходишь на ХХ.ру, читаешь требования. Обычно нужно: знания хтмл, цсс, жс, жквери, гит.это такие требование в дс к версталам
>>589402
#33 #589394
>>589387
нет
#34 #589399
>>589390
Анон, не забудь, что я жду от тебя стори о том, как ты устроился. Запилишь сегодня вечерком? Тоже хочу на днях вкатываться, портфолио доверстываю.
>>589401
#35 #589401
>>589399
расскажи че верстаешь.

тоже скоро собираюсь
>>589405
#36 #589402
>>589390

> Блог себе запили. Или сайт-статейник. Потом, при устройстве на работу будешь показывать как пример из портфолио.



Думаю с идеей что именно сделать проблем не будет, но это же нужно будет вывести в "рельный" интернет - а это деньги :(

>>589393

> хтмл, цсс


По этим двум вопросов особо нет

> жс, жквери



Года на это хватит, чтоб получить нужные для реальной работы знания?
я понимаю что люди разные и все такое, но так на вскидку
>>589403
#37 #589403
>>589402
Я же не знаю, как ты учишь. Год вообще это как бы дохуя на самом деле.
>>589408
#38 #589405
>>589401
Пинк адаптивно и резиново, сверстал все сайты с базового, сделал одну небольшую приложуху на чистом JS, ну и портфолио, но там простенький одностраничник.
Осилил книгу Кантора еще.
>>589409
#39 #589408
>>589403

> Я же не знаю, как ты учишь



А я вообще не приступал еще, на сколько я понял, тут минимум два нюфага спрашивают, я и еще один.

Я из конца прошлого треда, только заргался на htmlакадемии. Приступить смогу через дня два три. Просто интересно, вот и спрашиваю.
>>589411
#40 #589409
>>589405
А ну у меня тоже самое, в принципе. Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.

Че за приложение сделал?
>>589484
#41 #589411
>>589408
Ты 29 летний с вагоном свободного времени?
>>589415
#42 #589414
>>589381
Никто не знает или все зарплату пересчитывает?
>>589417>>589418
#43 #589415
>>589411

> Ты 29 летний с вагоном свободного времени?


Да
>>589435
#44 #589417
>>589414
Найди готовое решение в интернете, да посмотри в чём у тебя было расхождение, что ты как маленький.

Серьёзно, аноны, почему большинство людей ведут себя как маленькие дети? Они не умеют искать информацию, не умеют решать собственные проблемы. Задают какие-то совершенно глупые вопросы, вроде "можно ли после интенсива идти во фриланс". Почему так?
>>589421>>589427
#45 #589418
>>589414
читаю шапку.
#46 #589421
>>589417
Я вот тоже никогда не понимал, почему вместо гугла спрашивают на двачах.
#47 #589422
>>589390

>Дизайнер придумал адовую хуйню: слайдер, в котором две большие картинки, одна из которых затемнена. А внизу миниатюры. Так вот, при клике на миниатюру, она появляется в большом расширении, а слева появляется затенённая предыдущая картинка. Я хуй знает как это запилить, пытался с помощью slick slider, которым обычно пользуюсь, но что-то не получилось. Видимо придётся поставить ещё один говноплагин, если не найду какого-нибудь решения на jQuery.


Можешь сюда закинуть как это должно выглядеть, а то я изучаю сейчас все эти jQuery и хотел бы сделать для практики что-то подобное, вечерком бы этим ради любопытства занялся. Я планирую понаезжать на работу в ДС через полмесяца верстальщиков/фронтэндером.
>>589432
#48 #589426
>>589381
зачем ты сначала написал паддинг 5? а потом каждой стороне написал 15?
нормальный паддинг подбери, видно же что большие отступы
>>589436
#49 #589427
>>589417
я бегло погуглил на ища решения, но вспомнил воркач и грешным делом подумал, что подскажут без изъебств. Ошибся с кем не бывают
#50 #589432
нарисуй в пейнте, я не прошу готовый дизайн, я его сам сделаю >>589422
#51 #589435
>>589415
хуя, а я 28 летний, но в js у меня уже познания имеются. Главный совет, если начал учить - не забивай на это, а то все пойдет по кругу как у меня, и тебе года не хватит. А так, это займет какое-то количество месяцев.
>>589472
156 Кб, 1920x1080
#52 #589436
>>589426
Добра тебе
>>589448
#53 #589437
>>589327
Можно не задавать, если у тебя у центровщиков прописан размер. А он как правило, прописан. Эффект тот-же.
Но в качестве перестраховки можно задавать.
>>589441
#54 #589441
>>589437
А мета вьюпорт всегда надо указывать?
32 Кб, 559x174
#55 #589448
>>589436

Зашел попробовать...
#56 #589472
>>589435

Спасибо, обнадежил! Успехов тебе.

Думаю часов по 5-6 в день хватит на это. До конца лета у меня каждый день свободен, ну может еще месяц-два потом.
>>589488
#57 #589484
>>589409

>Я допиливаю жс к макетам. +еще парочку может запилю, если не лень будет.


Я тоже думаю склепать еще че-нить на бутстрапе+жкувери, типа познать как это делается в конторках.
Да приложуха простецкая, небольшой калькулятор.
Так тоже всякие велосипеды, типа слайдеров, на чистом писал, ну задачки от Кантора прорешал где-то 90%.
#58 #589488
>>589472

Да, еще вопрос. Вот в этой академии все через сайт делается, там окно с кодом + окно с результатом. Такой себе IDE для верстальщиков. Но вот я уроки эти пройду, в чем потом работать? Есть такое что то, чтоб сразу результат посмотреть, ну как d IDE для программистов? Или как вообще верстальщик верстает и смотрит что он наверстал?

На вскидку не вспомню, есть это в пасте или нет.
#59 #589491
>>589488
в шапке же редакторы
>>589495
#60 #589495
>>589491

Так там вроде просто текстовые редакторы?
>>589503
#61 #589503
>>589495
нет, не просто. это тебе сейчас надо вбивать несколько значений, а когда ты будешь верстать страницы, то у тебя на порядок больше строчек кода будет. а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кода
>>589519
#62 #589506
>>589488

>Есть такое что то, чтоб сразу результат посмотреть


alt+tab в браузер или 2 монитор
#63 #589508
>>589488
Grunt+LiveReload или как-то так, не помню уже название таска. Вряд ли тебе эти слова сейчас о чем-нибудь скажут, лол, потом поймешь.
#64 #589519
>>589503

> а там идет подсветка синтаксиса, автодополение и т.д., что облегчает читаемость кода



Это ясно, я имею в виду сразу посмотреть что я накодил, уже непосредственно как это будет в интернете.

Ну так на вскидку, когда-то я краем глаза читал про верстку там что то про джумлу бла-бла-бла, и подымали свой "сайт" на Денвере чтоб мол смотреть что они сверстали.
>>589531>>589583
#65 #589531
>>589519
видел плюс-минус подобную реализацию только в "Coda", но там это было сделано через встроенный браузер.
Наверно, с реализацией трудно. Ибо каждый браузер по-своему отражает информацию. Нет единого стандарта в браузерах.
>>589542
#66 #589542
>>589531

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

Вообще план такой:
Академия, видео курс один, второй, жс, жквери - все это время делаю что-то(что? сайты, макеты? я еще так и не понял) -> чувствую себя уверенно -> делаю портфолио, ищу работу, иду на собеседование.
>>589558>>589560
#67 #589553
Котаны, помогите доверстать таблицу к пинку. Нужно чтоб при разрежении >320px убирались слова внутри ячеек, а оставались только картинки (там галочки и крестики).
Еще не понимаю пока как сделать ее слайдером тянущимся до 320px. Как ЖСом ее двигать понятно, но вот как увязать изменение позиции с увеличением ее размеров, ну в общем, вы наверное поняли...
>>589555
#68 #589555
>>589553
Кодепен отклеился http://codepen.io/coalalala/pen/dXPBjX
#69 #589558
>>589542
макеты - это и есть сайты. у тебя картинки, а ты их "оживить" должен.
#70 #589559
>>589206
бамп
>>589741>>589770
#71 #589560
>>589542
портфолио можно сделать на гитхабе.
Туда и зальешь свои сверстанные макеты.
#72 #589583
>>589519
SublimeText + LivePage для хрома. Активишь на своей страничке лайфпейдж и в саблайме когда ctrl+s нажимаешь страничка в браузере сразу обновится со всеми изменениями.
#73 #589609
Блять посоны, скажите пожалуйста, я один с такими дебилами работаю, или это норма??
Заказчик, будучи вроде как айти конторкой, то есть смыслит в технологии. Требует какую-то хуету.
Яркий пример. Хочет слайдер, чтоб красиво переключался слева направо. И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.
То же самое касается трехуровневых менюшек.
Хочет чтобы они красиво показывались, но при этом в каждом уровне должен быть кастомный скроллбар, который внезапно тоже не способен функционировать без оверфлов хидден. А значит надо либо отказываться от идеи, либо писать отдельные меню и искуственно их позиционировать через ебучий джс.
>>589624>>589637
#74 #589624
>>589609

>И при этом хочет чтобы наводясь на каждый элемент слайда(в слайде по 8 картинок товаров), по ховеру под картинкой появлялся всплывающий блок с информацией по товару. Все бы ничего. да вот только в нижнем ряду всплывающий блок не может нормально отображатся, потому что вываливается за пределы слайдера, а на нем висит overflow hidden. Что логично, ибо иначе его не реализовать.


Мне кажется это сделать не трудно. Достаёшь хтмл из слайдера, и вставляешь в любое место на странице. Надо писать дополнительный скрипт конечно же.
>>589652
#75 #589637
>>589609
так и не понял почему что-либо вываливается. Асолютно позиционировать ховер подсказку относительно изображения не варик что ли
>>589652
#76 #589652
>>589637
Видимо задание в макете предполагает что контейнер не обрезает ничего, то есть не имеет установленным оверфлоа. Когда он есть, спозиционированный блок, к примеру, под картинкой, попросту не будет виден за его границами, либо будет виден только частично.
>>589624
Этот прав, в том плане что вариант рабочий, но получается что на ровном месте надо писать дополнительный скрипт, провоцирующий кучу перерисовок в браузере, просто для того чтобы совладать с одним ебучим ховером.
мимо
>>589661>>589691
#77 #589661
>>589652
бля там пусть наедет на изображение, немного прозрачности и ок, товар-то без ховеро весь виден, навел инфу прочитал, убрал картинку полностью видно
>>589664>>589668
#78 #589664
>>589661
либо на жсе написать, вообще же изи.
#79 #589668
>>589661
Я бы с радостью, но в макете четко указано как должно быть. Это не учебный проект, где можно просто взять и сделать как хочешь.
>>589674
314 Кб, 1680x1050
#80 #589670
Поясните нубу, как задавать это расстояние правильно?
Паддином синего блока или красного? Или вообще маргином?
>>589680>>589693
#81 #589674
>>589668
ну тогда js, блок подсказки создай скрой, по наведению показывай, контент надписи можно тянуть от итема товара, или как там сделано кароче ты понял.
#82 #589680
>>589670
паддинг синего, что бы при любом контенте внутри никогда ничего не прилипало к его краям
#83 #589691
>>589652
ничего там перерисовываться не будет, ибо появляющийся блок вне потока, если я правильно понимаю как это должно выглядеть. А пара строчек лишнего жса еще никому не помешала
#84 #589693
>>589670
Дело вкуса. Если у элемента будет текстовый контент, тогда нужен падинг. Если в элементе будут только другие не текстовые элементы, то можно без падинга.
#85 #589702
http://black-mask.org/
http://recipebook.io/
http://giroscooters.ru/
начинающий веб-разработчик вкатился. Рейтаните мои сайтики.
53 Кб, 1403x381
#86 #589705
Котаны, ну что, никто не хочет помочь с таблицей?
http://codepen.io/coalalala/pen/dXPBjX
Нужно сделать как на пике.
>>589710>>589712
#87 #589706
>>589702
Меня укачало.
>>590129
#88 #589707
>>589702
Бля, ну нихуя себе начинающий. Чето мне расхотелось со своими говеными пинками и седонами пытаться вкатиться.
>>590129
#89 #589710
>>589705
Хотя бы подскажите как это примерно реализуется, если лень в говнокоде разбираться.
>>589779
#90 #589712
>>589705
Я бы сделал два разных компонента. Какого-то особого смысла выебываться и пытаться упихать таблицу в слайдер я не вижу.
>>589713>>589714
#91 #589713
>>589712
Разумеется, разной должна быть только обертка, а внутренности можно и нужно переиспользовать.
>>589716
#92 #589714
>>589712
То есть сделать тупа два варианта таблицы, и каждый на свое разрешение показывать? А как быть со слайдером - он должен тянуться, но при этом у меня меняются координаты позиционирования, соответственно мне надо как-то указывать в процентах, что ли, когда буду скрипт писать...
>>589720
#93 #589716
>>589713
И как это реализуется, что-то не могу понять?
>>589720
#94 #589719
Больше всего, блядь, ненавижу, когда даунские разработчики в макетах для верстки вместо текста пишут Lorem upsum. Сука.
#95 #589720
>>589714
Ну и чем проблема написать тянущийся слайдер?

>>589716
Через общие шаблоны.
>>589723
#96 #589723
>>589720
Ну ладно, что-нибудь придумаю.

>Через общие шаблоны.


А можно поподробней, для тупых?
>>589725
#97 #589725
>>589723
Ну, jade там, jsx или ангуляровская ебота. Я не знаю что ты используешь. Или ты хедер и футер со страницы на страницу копипастишь?
>>589732
#98 #589732
>>589725

>jade там, jsx или ангуляровская ебота


Эти слова мне ничего не говорят, разве что про ангуляр слышал.

>Или ты хедер и футер со страницы на страницу копипастишь?


Ну да.
>>589757
120 Кб, 716x768
10 Кб, 967x63
#99 #589733
>>589702

>http://black-mask.org/


>6.8мб


>300 килобайт стилей


>1 мегабайт джс


>5 мегабайт картинок


Многовато. Маленькие картинки можно сжимать как ебучих шакалов, всем на них похуй. Со стилями и скриптами у тебя тоже походу кавардак.
#100 #589734
>>589702
Как делать такие сайты, чтобы прокручивалось вниз на целые секции?
>>590129
49 Кб, 150x150
#101 #589738
>>589702

>http://black-mask.org/


на десктопе такой сайт хочется поскорее закрыть, а на мобилке так сразу же.
>>589740>>590129
#102 #589740
>>589738
Продающая страница.
#103 #589741
>>589559
бамп
>>589770
#105 #589754
>>589702
Бля, че вы троллите, поясните за уровень этих сайтиков. Это же вообще топ-вышка-сайты или нет? Я вот например хуй знает как такое верстать сейчас, после четырех макетов и двух интенсивов.
#106 #589757
>>589732
Тебе по-моему рановато в программирование слайдеров.
>>589780
#107 #589758
>>589754
Это достаточно шаблонные сайтики. Вот пример топов.
http://void.hi-res.net/
http://www.because-recollection.com
#108 #589760
>>589754
Где ты там топ-вышку увидел? Обычные говнолендинги с джиквери-плагинчиками.
#109 #589762
>>589702
Пилю такое за час-полтора на бутстрапе+готовые жиквери плагины. Хуита/10
>>591587
#110 #589763
>>589754

>поясните за уровень этих сайтиков


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

Глянул сайты - няшно, пиздато, плавно, на моём Кор2Дуо пашет нормально да и вообще заебись, а скорость загрузки на своих 16 мегабитах я вообще не заметил.

Но они все какие-то... одинаковые, что ли. Видос или пикча на заднем фоне, пара форм на первом плане, всякая хуйня по бокам, панель наверху.
#111 #589767
>>589758
Примеры топов это vk.com, fb.com и me.com. А у тебя какая-то пыщ-пыщ ебота, которая даже на мобиле не открывается.
>>589773
#112 #589770
>>589206
>>589559
>>589741

ну раз ты >совсем барбершопный нуб
то забудь про эти названия, пока опыта не наберешься.
еммет чуть ли не мастхев, хотя кому то и обычного автокомплита хватает.
плагины для фш, считаю лишними, тк и без них все легко и просто + они еще и платные
#113 #589773
>>589767

> vk.com


Вот это точно не топ с их кривым юзабилити на новом дизайне и топорным дизайном на старом дизайне.
>>589777
#114 #589774
>>589758
Первое сказало что у меня говнобраузер а второе вообще не открылось.
>>589778
#115 #589775
Чёт смотрю макеты в интернете для верстки и так грустно становится. Везде то эти хуелендинги, то блять айфоны которые картинкой сука целые а на сайте они смещены вниз так что нижней части не видно, то блять потом у этого айфона оказывается 6 разных задников и они должны меняться. И самое пиздатое что ты хуй знаешь как это верстать, в особенности если у тебя макет под 1600пх а разрешение на ноуте меньше.
#116 #589777
>>589773
Мы про фронтенд-разработку говорим или про мифическое кривое юзабилити?
>>589783
464 Кб, 1920x1080
#117 #589778
>>589774
Удваиваю. Дауны, которые не поддерживают последнюю лису идут нахуй.
>>589799
#118 #589779
>>589710
oveflow: hidden
#119 #589780
>>589757
Ну на чистом жс я свои велосипедно-костыльные писал, про ДОМ знаю, на жквери тоже прикручивал слайдер и, в-принципе, разобрался, как он работает.
Неужели должен все это

> jade там, jsx или ангуляровская ебота


знать чтоб сверстать такой простой слайдер-табличку? Просто я не очень понимаю, что имеется ввиду под "общими шаблонами".
#120 #589783
>>589777
Да, я в глаза продолбился, думал, что речь про хипстодизайн.
#121 #589793
>>589758

Первый не работает, а второй да, охуенен. Даже не представляю, как такое сделать. Интересно, сколько на него времени потратили.
#122 #589799
>>589778
Это говно даже IE не открывает. Пиздец, они обрубили половину потенциальной аудитории.
#123 #589801
>>589754
У меня одногруппник-еблан клепает такие шаблонные сайтики по 10к+ за штуку, перерисовывает немножко дизайн в фотошопе и рубит бабосы, а я тут сижу учу джабаскрипт и аякс, то там, то сям, и до сих пор не могу никуда вкатиться.
>>589812
#124 #589812
>>589801
Сук, чет у меня тоже безысходность, столько всего учить еще до устройства на работу, а сколько уже времеии потратил... Обидно будет, если так и не устроюсь на работу. Хотя нравится этим заниматься всем, причем не говнецо клепать, а что-то сложное делать.
>>589827
#125 #589819
>>589758

>http://www.because-recollection.com


О Боже, что это? Зачем это? Это охуенно!
713 Кб, 799x445
#126 #589827
>>589812
А мне предлогали, но я не могу преодолеть себя и выйти из дома. Что-то типа контент менеджера, говорит работы на два часа, прийти в офис разместить пару новостей на сайте и т.д. так как им лень этим заниматься.
#127 #589835
Котаны, что такого сверстать, чтобы не стыдно было приложить к портфолио?
>>589842>>589909
#128 #589841
Лоллирую с себя.
Нихуя, считай, не умею, а заказов уже навалило пиздец, ничего не успеваю.
Тут-то и понимаешь, что в айти надо было еще раньше идти.
>>589860
#129 #589842
>>589835
Реальный проект.
>>589897
#130 #589845
>>589758
Я кончил.
#131 #589846
Дайте макет для верстки. Только для даунов совсем. Чтобы не ебаться с адаптивностью и резиновостью или как там это называется. Хочу руку набить и в продвинутое лезть.
>>589848
#132 #589848
>>589846
в шапке
>>589851
#133 #589851
>>589848
Если ты про макеты от академии, то нет.
>>589852
#134 #589852
>>589851
почему?
>>589855
#135 #589855
>>589852
Потому что они просто шароебятся по таким же сайтам, по каким шароебился я и выбирают первый попавшийся. Как такие верстать я не знаю.
>>589857
#136 #589857
>>589855
Ну так смотри интенсив, блять
>>589858
#137 #589858
>>589857
В базовом совсем для даунов, их все я сверстал.
#138 #589860
>>589841

Где заказы взял?
>>589862
#139 #589862
>>589860
То там, то сям. Все по знакомству.
#140 #589895
Поясните мне за модульную верстку блоками. Я правильно понимаю, что таким блокам просто задаётся процентный видтх и всякие паддинги, чтобы конкретно ширину в пикселях не задавать и они по браузеру тянулись? А если в таких блоках будет изображение, как оно себя вести будет?
#141 #589897
>>589842
Типа сверстал десяток хуевых страничек - взяли на работу, и там уже чему-нибудь да научишься?
>>589935
#143 #589935
>>589897
У знакомых поспрашивай. Ты охуеешь сколько вокруг разных мелких веб-конторок. Кто-то да подкинет реальную работу за еду.
>>589950
#144 #589942
Да подкиньте макет уже. Чтобы я не охуел.
>>589975
#145 #589950
>>589935
Кстати да. До сих пор никакие академии не проходил и вообще на стадии влажных фантазий. Друг учил верстать пару недель несколько лет назад и потом я тупо всем говорил что планирую изучать "сайтостроение". С тех пор уже три одностраничника делал друзьям не за еду а зза 3-5к. Знакомства решают. Это да.
258 Кб, 865x488
#146 #589971
И сразу вопрос. Как эту выступающую хуйню правильно верстать? Маргином что ли?
#147 #589973
Аноны, подскажите, а как сделать блог без использования WordPress и PHP?

Имею ввиду, как вообще сделать систему, чтобы клиент мог сам что то добавлять на сайт?

WordPress не подходит так как в нем не могу понять как нормально настроить дизайн.
>>589981
#148 #589975
>>589942
Что же вы такие беспомощные.
Вот, держи, специально для тебя выбирал:
http://freebiesbug.com/psd-freebies/allenia-psd-website-template/ — Это чтобы ты охуел

http://freebiesbug.com/psd-freebies/shophia-ecommerce-template/ — Это чтобы ты потренировал верстку быдломагазинов

http://freebiesbug.com/code-stuff/elegant-free-html-psd-portfolio-template/ — Это простенький, но зато с адаптивностью
>>589976>>589978
#149 #589976
>>589975
Ох какой простой легкий. ОТ души
>>589977
#150 #589977
>>589976
Сразу скажу, что там нужен жабаскрипт (без него будет нелепо смотреться) и дизайнер немного уебан, под мобилку макет не отрисовал.
#151 #589978
>>589975
Спасибо, анон!
>>589980
#152 #589980
>>589978
Не за что. Если решишь верстать алению - советую не заморачиваться с перестройкой сетки, я вот заебался и не осилил. Хотя сейчас, наверное, осилю, js прокачал немного, но мне лень.
#153 #589981
>>589973

>не могу понять как нормально настроить дизайн


Ты сформулировал слишком сложную для тебя задачу.
#154 #589982
>>589971
можешь маргином, можешь позиционированием
7 Кб, 246x194
#155 #589983
Хотите знать, что такое дизайнер-уебан? Вот вам цветовая схема проекта.
С заказчиком еще не говорил, но уже обобщил это говно до 7 цветов.
>>589985
#156 #589985
>>589983
50 оттенков серого)))))0
>>589987
#157 #589986
>>589971
Мне кажется, что если у тебя контента на странице будет меньше чем на макете, то тогда этот выступ исчезнет.
#158 #589987
>>589985
Ты как никогда прав.
#159 #589988
>>589971
Я бы псевдоэлементом белую полоску прилепил.
#160 #589995
Посоны, решил вкатиться в этот ваш фронтенд, но охуел на этапе выбора технологий. Это актуальный стек? Реакт, реду(а)кс, вебпак. Что еще?
#161 #589997
>>589995
Может стоит с верстки вкатиться?
#162 #589998
>>589995
Для прошлого года актуальный.
118 Кб, 1146x938
#163 #590001
>>589995
А какая у тебя база то? Если ты опытный похапэ/пифон/руби погроммист и надеешься вкатиться в джс за неделю-месяц, потому что "ну эт легкий язык для даунов, ну там баннеры клепать, формочки подсвечивать)))", то я тебя разочарую.
>>590047
#164 #590006
>>590000
Недавно переписали весь фронт на мобх и собственную либу vDom + ролл ап сборка с шатанием дерева. Граф ещё используем, но это такое, мне кажется с хттп2 рест лучше будет, привычней как-то.
>>590142
61 Кб, 317x372
#165 #590007
>>590005
Мне просто нравится картинка.
А еще у меня странная мечта погрузиться в лисп.
#166 #590010
А еще я сейчас пилю свой велосипедо-слайдер с опциями и охуеваю немножко. Наверное, мое поделие можно будет занести в палату мер и весов индусского кода.
#167 #590013
>>590009
Потому что можем!!
Ну а реально там конечно не с нуля написана. Где-то на 500 loc чужого кода, в том числе дифф алгоритм. Просто такая политика компании, использовать in house штуки по возможности. Плюс она быстрая , оптимизированная (раза в 4 быстрее реакта), правда не все возможности далеко есть, но для наших конкретных целей то что нужно.
>>590050
#168 #590027
>>589971
Если ты еще здесь, анончик, то меня твой вопрос реально заинтересовал. В итоге смог реализовать вот так.
http://codepen.io/anon/pen/xOGxJx?editors=1100
На заполнение контента реагирует положительно
#169 #590047
>>590001
Писал фронтенд 8 лет назад (ололо, шестой осёл), после ушел в другую предметную область.
#170 #590050
>>590013
Вы уперлись в скорость реакта? У вас самописные ОС, IDE, браузер, либы?
>>590052
#171 #590052
>>590050
Либ да, есть несколько. Всё остальное нет конечно, лол. Хотя пара плагинов есть для атома самописных.
Был фронт на реакт+редакс, вот решили переписать на mobx, он сам по себе быстрее редакса раза в 2, ну а держать реакт даже смысла не осталось почти, т.к. все стейтлесс на 90%. Наша либа весит 5кб по сравнению с 40кб (не помню 40 или 48 весит реакт) реакта.
>>590053
#172 #590053
>>590052
Какой объем кодобазы был? Что-то тормозило?
>>590058
#173 #590058
>>590053
Слушай, хз, точно не скажу. Размер конечно бандла вебпака был 200к loc примерно. Т.е. около 6 мегабайт. Но он конечно в чанках отдавался.
Да, подтормаживание было. Например при сортировке в реальном времени. Допустим есть 300 неких объектов, которые в виде списка выводятся на страницу. Список сам виртуализированный, но в памяти то весь объект лежит всё равно. И есть десяток фильтров, и вот в прямом эфире должны они фильтроваться и отрисовываться, да ещё с FLIP анимацией простенькой. Т.е. там условно юзер потянул за ползунок цены, и пошла поехала фильтрация. Вот эта тема лагала, приходилось на все ползунки дебаунс ставить. Сейчас не лагает.
>>590061
#174 #590061
>>590058

>конечного бандла


быстрофикс
#175 #590063
Запилила для дипломной работы, жду нормальной критики: https://sevenka.github.io/cn-department/
Страницы частично генерятся на Jekyll https://jekyllrb.com/
на главной странице gh-pages скачанная страница с ужасной версткой, скоро там будет нормальный сайт
#176 #590065
>>590063
Вылизал бы тебе писечку, Окси!
>>590066
25 Кб, 240x320
#177 #590066
>>590065
Забыл подписаться.
Безрук
>>590069
#178 #590067
>>590063
Слайдер очень странно работает, резко дергается и картинки не сразу появляются.
>>590070
#179 #590069
>>590066
лол, поржала, спасибо :D
>>590090
#180 #590070
>>590067
тестили с парнем на разных устройствах, все было ок :(
>>590075>>590089
#181 #590074
>>590063

Что за движок? Откуда генеряться другие страницы?
>>590076
#182 #590075
>>590070

>с парнем


Бля, пацаны, отступаем.
#183 #590076
>>590074
статический генератор, ссылка была в посте, напишу ещё раз https://jekyllrb.com/
>>590079
#184 #590078
Что-то тред дохуя популярен. Откуда такой наплыв?
>>590083
#185 #590079
>>590076

А, все, спасибо
#186 #590080
>>590063
Слайдер с кругами какой-то унизительно медленный.
#187 #590083
>>590078
В сезон отпусков у бездельников случается подрыв от осознания собственной беспомощности. Сезон стимулов!
>>590086
#188 #590085
>>590063
Галерея выглядит отвратно из за белых оступов. Понятное дело, что решения с помощью css нету. Но все-таки можно это исправить с помощью JS.
#189 #590086
>>590083
А разве он уже начался?
>>590092
#190 #590089
>>590070
Слушай, давай я тебе помогу, расскажу как сделать слайдер крутой и.. wait a second

>с парнем


Да пошла ты нахуй селедка ебаная!
#191 #590090
>>590069
Максимальное время транзишнов 400мс, у тебя слайдер дцпшник.
>>590091
#192 #590091
>>590090
могу объяснить только тем, что с большей скоростью не успеешь прочитать самую длинную надпись под картинкой
>>590095
#193 #590092
>>590086
Ну многие на май берут чтоб вместе с первомаем и девятомаем был охуенный месяц. Куча знакомых разлетелось кто на кипр кто в испанию. Фоточки-зависть-кладбище-пидор.
#194 #590095
>>590091
Не таймер на переходы, а время самих переходов.
>>590105
#195 #590097
А, еще фон хедера так сильно не жми, артефакты слишком бросаются в глаза.
#196 #590098
http://glivera-team.github.io/how-to/2016/05/02/how-to-start.html

Что скажите?

нюфаг этого треда
#197 #590099
>>590098
говно
#198 #590101
>>590098
У нас шапка пизже.
#199 #590105
>>590095
вылечила слегка ДЦП
#200 #590106
Поясните за jade, надо вкратце ознакомляться или нет, а то что-то в треде стали часто упоминать его.
>>590108>>590110
#201 #590108
#202 #590110
>>590106
В любой сфере "ознакамливаться" нужно с фундаментальными принципами, а не инструментом который позволяет быстрее верстать опытным спецам и осваивается за день максимум.
#203 #590125
>>590098
текст телеги должен состоять ровно из одного предложения - "идите нахуй, верстал уже и так как собак нерезанных".
#204 #590129
>>589706
>>589707
>>589734
>>589738
>>589751
>>589754
на самом деле, это сайты, которые делает какой-то школьник-хохол за еду. Вчера ради интереса зашёл посмотреть группы верстальщиков в вк на предмет работы, там и обнаружил этого кадра. Такую йобу он готов сделать за 50 долларов, и это ещё с адаптивом.
Кстати, вчера удалось здорово его потроллить, предложив работу с бюджетом в 40к только на офин фронт-енд, лол с тех. заданием, в котором сверстать нужно было, обязательно используя препроцессор less, бэм-нейминг и в котором было запрещено использование жквери. Пояснял ему, что он говнокодер, что я, как бэк-енд разработчик лол, буду ругаться на его говно матом и желать ему смерти, что если он не перестанет говнокодить, то всю жизнь будет работать за еду. Спросил, чем флексы лучше флоатов, чем флоаты лучше флексов, зачем нужны спрайты, как отцентровать блочный строчной элемент по вертикали он, кстати, честно сказал, что не знает и не пошёл гуглить. В итоге ссылки на три интенсива показал. Такие дела.
#205 #590133
>>590129
Добра тебе.
Сука пиздец, разрушили страну и теперь за еду работают сук.
>>590137
87 Кб, 1280x506
#206 #590136
Котаны, расскажите кулсторей про собеседования и как нашли работу.
Хожу, обиваю пороги, наблюдаю какой-то пиздец. Либо откровенное днище, которые вроде могут тебя взять, но то высылают не то тестовое, то тупят по несколько дней, то не отвечают. То готовы сразу тебя взять, после пяти минут устных переговоров.
Разумеется, у днище-компаний процветает полный пиздец - ни систем контроля версий, ни препроцессоров, нихуя, в общем.
Либо есть модные конторы, с печеньками и игровыми-массажными-залупными комнатами, у которых нормальный набор технологий, но таких великовозрастных долбоебов без опыта как я, не рассматривают.
А работа нужна, ибо на жрат уже денег нет. Идти в говно-контору и набивать там опыт, стараясь свалить при первом удобном случае, или еще попытать счастья?
Пикрил - верстка одного из сайтов, который сделала одна из контор, куда я ходил.
#207 #590137
>>590133
доску перепутал?
#208 #590139
>>590136
Какой лвл то? Может ты себя накручиваешь по поводу возраста.
>>590148
17 Кб, 300x300
#209 #590142
>>590006
То чувство, когда в других языках это всё называется библиотекой.
#210 #590143
>>590136

> Пикрил

>>590145
#211 #590144
>>589276
Смотря как задан width. Если в % то будет уменьшаться. Если в px, то вылезет за пределы колонки.
353 Кб, 1330x875
#212 #590145
>>590143
я так понимаю это из того же разряда
#213 #590147
>>590146
что было в резюме?
#214 #590148
>>590139
27
Да, наверное, накручиваю, причина скорее в том, что я потратил очень много времени на разбор всего этого барахла, нужно быстрей искать работу, а вокруг какое-то дикое говно. Подкатывает уже депрессивное состояние. Не рассчитал я со временем, да.
#215 #590150
>>590146
Хм, я тоже могу поотвечать на такие охуительные вопросы. Только никто не звонит.
#216 #590152
>>590149
Ну не траль плис.
#217 #590156
>>590153
Функция сохраняет переданные в нее переменные при ее вызове.
Там довольно муторное определение, если без гугла, то я бы как-то так ответил.
#218 #590158
>>590155
Ну это шутка такая же. Расскажи в кратце про пет-проекты. Плюс у тебя, оказывается дохуя опыта в IT, а это же решающий фактор.
>>590157
Сохранить данные в этой функции, тот же счетчик по вызовам этой функции.
#219 #590162
>>590160
Я тоже спать пойду, завтра подумаю. Я бы сказал, что ради ограничения области видимости, чтобы не перетереть переменные ненароком.
#220 #590166
Котаны, поясните, в рамках БЭМа для текущей страницы в главном меню можно использовать просто дополнительный класс active, или нужно изъёбываться и к классу .top-menu__top-nav__item добавлять ещё модификатор .top-menu__top-nav__item--active вторым классом?
>>590167
#221 #590167
>>590166

> top-menu__top-nav__item


разве может быть два элемента у блока?
>>590168
#222 #590168
>>590167
сам не знаю, но мне это показалось логичным.
>>590169
#223 #590169
>>590168
кури документацию. Если у тебя __top-nav это навигация, то это уже отдельный блок внутри top-menu, а не элемент. Лучше так:
<top-menu__top-nav>
<top-nav__item></>
</>
>>590170>>590189
#224 #590170
>>590169
Понял, спасибо.
#225 #590171
Аноны, как думаете, почему добавление псевдоэлемента after урезает ширину контента, задаваемую автоматически? С псевдоэлементов before почему-то такой проблемы не возникает.
#226 #590173
Аноны, что прошли Кантора, это нормально, что я не решаю половину его задач. После каждой главы руки все сильнее опускаются, чувствую себя тупым пиздец. Вроде все решения разбираю, и когда возвращаюсь через пару дней, то могу сам решить. Но все равно напрягает, что я ни хуя не могу сам осилить.
>>590187
#227 #590179
Аноны, посоветуйте какую-нибудь линейку для винды, чтоб можно было по хоткеям измерять расстояния в браузере.
#228 #590185
>>589180 (OP)
Книжки O'reilly кстати помогают - которые "веселенькие", с картинками на манер фильмов 60-х годов и т.д.. Ну там правда многие момент опускаются, но в целом для нуба самое то.
#229 #590187
>>590173
Нормально. У меня так же было.
#230 #590189
>>590169
Анон, как думаешь, может вообще не стоит делать вложение блоков друг в друга на уровне селекторов?
>>590190
#231 #590190
>>590189
Не понял. Ты не хочешь один блок в другой вкладывать? Почему?
>>590192
#232 #590192
>>590190
Не, в бэм-нейминге я думаю просто не делать селекторов уровня block__block, а если нужно будет кастомизировать именно вложенный блок, буду либо применять модификатор, либо вложенность в селекторах.
#233 #590197
Читаю ваш тред и хуею. В наше время совсем не осталось способов делать легковесный accessible веб без зондов-мокрописек которые заставляют тормозить браузер и жрать оперативу гуглоподелие? Или этим занимается бэкенд?
#234 #590204
Котаны, я так понимаю, адаптивные сайты верстают все на бутстрапе, а не вручную через медиа-выражения?
>>590215
#235 #590207
Господа, поставил карусели бустраповской позицию абсолют, а следующий элемент, который после нее идет, имеет позицию релатив. Если след. элементу ставлю позицию тоже абсолют, то ушки у карусели работают, а если релатив, то не работают. В чем проблема?
#236 #590215
>>590204
Ну, я, например, да. Можешь только сетки из него вытащить. http://getbootstrap.com/customize/
#237 #590232
Верстаны, какую ширину надо задавать боди, чтобы на разных мониторах верстка смотрелась вменяемо? По ширине макета max-width? Или ничего не задавать?
>>590235
#238 #590234
Котаны, как работает этот треугольник, что-то я вообще не понимаю https://codepen.io/rqrqrqrq/pen/NrWXbQ
?
#239 #590235
>>590232
1000 пикселей. Если хочешь, чтобы вёртску не пидорасило, когда пользователь уменьшает экран, используй min-width.
#240 #590237
Верстаны, почему могут не работать спрайты при hover'e? Сталкивался ли кто-нибудь с подобной проблемой?
#241 #590239
>>590234
Алсо, перепишите мне его на sass позязя, а то в less вообще не секу.
#242 #590240
Утро в тредик, ребзя. А нашим дальневосточным анонам хорошего рабочего дня. Верстальщик-четвёртый-день-кун проснулечки, лапками потягулечки, глазки сонненькие.

Такой пиздец под утро приснился. Снилось, что я вижу ту WEBM-ку из русского сериала, которая С ПЮРЕШКОЙ, С ПЮРЕ-ЕШКОЙ! Только она задрапирована красным цветом, а на лица мужиков наложены эффекты и они замогильным голосом разговаривают:
— Да ты поторопись, у нас сейчас обряд! Жертвоприношение!
— С грешниками?
— С блудницами, с блудни-ицами!

И я в охуевании просыпаюсь.

Тут один анон просил рассказать, как я устроился. Няш, прости, вчера на радостях, что получил бабло от заказчика, даже за комп не садился. Штуку потратил на еду, забил крупами и овощами всю кухню, купил мяска, фруктов, в общем, заебок теперь с едой. Закинул на интернет, на телефон, отдал долги какие смог. Короче, почувствовал себя человеком, в кои-то веки.

Так вот, история про устройство. Я просто мониторил HH как-то и увидел вакансию "HTML-верстальщик". Требования там были небольшие, зарплата от 25К, ну и я и отправил им резюме, накатав к нему сопроводительное письмо, а-ля "Заинтересовала ваша вакансия, бла-бла-бла... что я фрилансер, который, в данный момент, ищет стабильную работу в веб-студии".

Потом мы списывались уже по почте, они прислали мне тестовое задание на вёрстку главной страницы интернет-магазина (сделал ~ за 7-8 часов и то не до конца), кстати, я думал, что это очередные кидалы и мною сделанная страничка пойдёт в продакшн, но как оказалось нет (за что этим ребятам жирный плюс), она уже у них была свёрстана и они сравнивали мою вёрстку и их спеца. Моя им очень понравилась, их не смутило, даже то, что я не доделал до конца, короче, пригласили меня в офис.

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

Беседовали мы недолго, минут 20 где-то. Спросили обо мне, моих скиллах, образовании. Но последнее уже так, на уровне "за жизнь". Спросили, сколько я в теме веба. И сказали выходить в понедельник.

Ну я и вышел. Лол.

Всё, посоны, опаздываю уже, голову даже не успеваю помыть, с этим вашем тредом, лол, остальное допишу потом, уже на работе.
#242 #590240
Утро в тредик, ребзя. А нашим дальневосточным анонам хорошего рабочего дня. Верстальщик-четвёртый-день-кун проснулечки, лапками потягулечки, глазки сонненькие.

Такой пиздец под утро приснился. Снилось, что я вижу ту WEBM-ку из русского сериала, которая С ПЮРЕШКОЙ, С ПЮРЕ-ЕШКОЙ! Только она задрапирована красным цветом, а на лица мужиков наложены эффекты и они замогильным голосом разговаривают:
— Да ты поторопись, у нас сейчас обряд! Жертвоприношение!
— С грешниками?
— С блудницами, с блудни-ицами!

И я в охуевании просыпаюсь.

Тут один анон просил рассказать, как я устроился. Няш, прости, вчера на радостях, что получил бабло от заказчика, даже за комп не садился. Штуку потратил на еду, забил крупами и овощами всю кухню, купил мяска, фруктов, в общем, заебок теперь с едой. Закинул на интернет, на телефон, отдал долги какие смог. Короче, почувствовал себя человеком, в кои-то веки.

Так вот, история про устройство. Я просто мониторил HH как-то и увидел вакансию "HTML-верстальщик". Требования там были небольшие, зарплата от 25К, ну и я и отправил им резюме, накатав к нему сопроводительное письмо, а-ля "Заинтересовала ваша вакансия, бла-бла-бла... что я фрилансер, который, в данный момент, ищет стабильную работу в веб-студии".

Потом мы списывались уже по почте, они прислали мне тестовое задание на вёрстку главной страницы интернет-магазина (сделал ~ за 7-8 часов и то не до конца), кстати, я думал, что это очередные кидалы и мною сделанная страничка пойдёт в продакшн, но как оказалось нет (за что этим ребятам жирный плюс), она уже у них была свёрстана и они сравнивали мою вёрстку и их спеца. Моя им очень понравилась, их не смутило, даже то, что я не доделал до конца, короче, пригласили меня в офис.

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

Беседовали мы недолго, минут 20 где-то. Спросили обо мне, моих скиллах, образовании. Но последнее уже так, на уровне "за жизнь". Спросили, сколько я в теме веба. И сказали выходить в понедельник.

Ну я и вышел. Лол.

Всё, посоны, опаздываю уже, голову даже не успеваю помыть, с этим вашем тредом, лол, остальное допишу потом, уже на работе.
>>590242
#243 #590242
>>590240
Спасибо няш, это я тебя тут сижу жду, думал что уже не напишешь.
Запиливай дальше, как приедешь, еще сколько тебе лвл и прочее, с какими скиллами вкатывался, есть ли вышка и т.п.
#244 #590250
Ух, сверстал наконец-таки главную barbershop'a на флексах и по бэму. Рейтаните
http://frollodecol.github.io/barbershop/index.html
#245 #590251
>>590063
сколько времени ушло?
>>591082
#246 #590255
>>590250
ты на фон две картинки положил, которые смело можно было в одну обьединить
>>590271
21 Кб, 375x174
#247 #590256
>>590250
ТАК ВЕРСТАЮТ
ТОЛЬКО МУДАКИ
>>590268
401 Кб, 1266x403
#248 #590258
>>590250
И за это кому-то платят зарплату? Серьезно?
>>590261>>590267
#249 #590261
>>590258
С чего капчуешь?
#250 #590267
>>590258
посмотрел со всех браузеров, даже с ослика, даже с тора - всё нормально.
#251 #590268
>>590256
пофиксил
#252 #590270
Лиса 110% масштаб
#253 #590271
>>590255
подумал, что место дороже будет. Две объединённые картинки даже в жпеге больше весят.
#254 #590277
Проблема на 110%, отформатируй столбцы эти чуть пошире
>>590280>>590283
#255 #590279
>>590234
защеку тебе пояснил "котан")))
#256 #590280
>>590277
Нашёл, правда, у меня на 110% всё тоже работает норм, на 90% и 80% первый и третий блок чутка поднимаются. Думаю, это некритичная издержка флексов и с ней можно жить.
#257 #590283
>>590277
Просто если я отформатирую чуть пошире, возможно опять что-то произойдёт, уже на другом масштабе.
#258 #590292
>>590286
спасибо, анон. Там надо использовать align-items: top
#259 #590304
>>589006
А как кастомную отметку сделать на карте в Нердс? И зависит ли это от того, чью карту брать, гугла или яндекса?
Или метка сверху ставится абсолютным позиционированием? Но ведь эта большая метка должна двигаться вместе с картой при ее перетаскивании мышкой?
#260 #590311
кум, которому пару тредов назад должны были прислать тестовое задание из маркетологической конторы, репортинг.

в общем, прислали мне эти маркетологи ЛЕНДОСИЩЕ НАХУЙ, пнгшка для пиксель-перфекта например вышла в 16000 пикселей высотой. я заебался уже тогда, когда прокручивал его в фотошопе (открылся он кстати только со второго раза). алсо куча всякой шняги на жс, счетчик обратного отсчета, калькулятор параметров товара, слайдер, картинки товаров на попапе по клику. еще в калькуляторе кастомизированная форма, селекты и чекбоксы, которые без всяких хитроблядых хаков не застилизуешь.

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

насчет адаптивности сразу понял, что даже если и осилю, времени уйдет просто дохуища, поэтому от этой затеи отказался.

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

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

такие дела.
#260 #590311
кум, которому пару тредов назад должны были прислать тестовое задание из маркетологической конторы, репортинг.

в общем, прислали мне эти маркетологи ЛЕНДОСИЩЕ НАХУЙ, пнгшка для пиксель-перфекта например вышла в 16000 пикселей высотой. я заебался уже тогда, когда прокручивал его в фотошопе (открылся он кстати только со второго раза). алсо куча всякой шняги на жс, счетчик обратного отсчета, калькулятор параметров товара, слайдер, картинки товаров на попапе по клику. еще в калькуляторе кастомизированная форма, селекты и чекбоксы, которые без всяких хитроблядых хаков не застилизуешь.

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

насчет адаптивности сразу понял, что даже если и осилю, времени уйдет просто дохуища, поэтому от этой затеи отказался.

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

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

такие дела.
>>590349>>590477
#261 #590337
Ребят , адаптивно почти не пробовал верстать, совсем чуть чуть. Хотят взять в хорошую контору, но там будет адаптив по любому. Идти или без хороших навыков адаптива не справлюсь?
>>590343
#262 #590342
>>590136
Если опыта именно работы в конторе нет - начни с чего-нибудь. Конечно крутым ребятам не нужен чувак без опыта работы, которого только учить придется хуй знает сколько времени. А так будет рабочий опыт, портфолио по-толще и знание как делать не надо.
#263 #590343
>>590337
Ты дурак?
>>590348
#264 #590348
>>590343
спс
>>590351
#265 #590349
>>590311
А мне на неделю дали задание заверстать интернет-магазин. Тестовое оплачиваемое, конечно. Адаптив, страниц штук 10. Тоже понял что оьосрался со сроками, 1 день настраивал галп, разбирался с bootstrap-sass и его структурой, чутка начал верстать хедер. Второй день - заверстал футер, долго ебался с навбаром, т.к. тот никак не хотел работать, собирал картинки для ебаного спрайта. Сейчас уже третий день, а готов по сути только футер, и половина хедера. Обещал им сегодня прислать главную страницу готовую. Чувствую, обосрусь.
>>590353
#266 #590351
>>590348
Не за что. Берут - иди. Работодатели осознают риски взять новичка гораздо лучше тебя. Для них это бабки, а тебе все равно опыт в копилку.
#267 #590353
>>590349
Это понятно. Просто переезд в другой город, и если обосрусь, то потеряю работу, на которой нахожусь сейчас.
#268 #590380
Хм, последние ~3 треда много стало историй о собеседованиях и даже о работе, хотя до переименования во фронтенд-тред тут все верстали нердс и барбершоп, а работа была чем-то уровня слухов.
Аноны прогрессируют и это очень радует, жаль что я полгода назад забил и придется начинать почти с нуля, понимаешь всю катастрофу проебанного времени.
>>590384>>590697
#269 #590384
>>590380
Да ну нахуй, это же хуево. Итак работы нет, еще и все лезут сюда, как тараканы.
Я вот вообще не понимаю как в такой конкуренции жить. Это же вечно будешь бояться за свою жопу, каждый день придется учить новые фреймворки, а к 30 годам станешь никому не нужным куском говна и тебя заменят на 18-летнего джунеора с двумя высшими образованиями, который верстает лет с 5.
#270 #590387
>>590384
Зато Альцгеймера не заработаешь.
>>590397
#271 #590392
Почти доверстал таблицу пинка, понимаю, что без кода со скриншотом иду нахуй, но не могли бы вы хотя бы примерно подсказать, как сделать так, чтобы на разрешении до 700px (планшетного), столбцы тянулись на всю ширину страницы?
Пытался задать td {width:100vh} и в процентах, но получяется какая-то лажа полнейшая.
>>590393>>590401
10 Кб, 520x482
#272 #590393
>>590473
#273 #590397
>>590387
Жрать-то что будем?
>>590394
То есть если углубляться в хардкорный ЖС и интерфейсы, а не верстать лендинги на жкувери, то можно заработать на хлебушек с маслицем?
#274 #590401
>>590392

>width:100vh



vh это же высота.
>>590418
#275 #590418
>>590401
Точно, спасибо, анон!
#276 #590453
Аноны, потратил на вёрстку главной барбершопа, статичную, целых 10 часов с небольшими перерывами. Я потерян?
#277 #590455
>>590384

>Я вот вообще не понимаю как в такой конкуренции жить.


Какой конкуренции то блять? Ты с ней где-то сталкивался? Локтями с кем-то за вакансию толкался? Тебя уволили из офиса со словами "да вас фронтендеров на одну вакансию по сто штук, найдем другого"?
Потому что если нет, то ты просто ноешь без причины.
>>590467
#278 #590462
Читаю доуи по бэму, там они учат отделять модификатор от элемента одинарным подчёркиванием, на курсах академии учили отделать модификатор двойным тире. Как думаете, кого слушать?
#279 #590467
>>590455
Ною потому что на мой миллионник 1 вакансия верстальщика, и та от 1года опыта работы. Остальные фронт-енде вакансии с охуительными для нуба требованиями и, опять же, с опытом работы.
>>590476
#280 #590473
>>590393
В общем сделал я ее тянущейся, но!
Как теперь сделать, чтобы ЖС отсчитывал ее offsetWidth в момент клика по навигации и соответсвенно правильно промерял координаты.
А то у меня вроде примерно хорошо прокручивает, но только дернешь разрешение, то он все еще по старой прокручивает и получается немного неточно.
Если кто-то что-то понял, подскажите, как быть, а то я думаю забить уже.
#281 #590476
>>590467
Так что тебе мешает получить этот опыт работы?
И должность верстальщика, который круглыми сутками занимается переводом из psd в html тебе самому не нужна.
>>590511
#282 #590477
>>590311
А сколько там зп обещают?
>>590508
#283 #590483
Парни, как задать цвет от изначального цвета? Поясняю:
есть две одинаковые кнопки, но с разным цветом рамок. Хочу чтобы при наведении они чуть меняли цвет своих рамок, но не хочу прописывать отдельные классы для этого. Вроде бы через гба как - то можно было
#284 #590507
Flexbox в 2016-м — нормально? Заказчик не шарит, просит принять решение самому. Посмотрел поддержку на caniuse: с десктопными браузерами все ок, а мобильные — хуй знает. У меня самого допотопный телефон, не понимаю, нормальные люди обновляют свои смартфоны так же как обычные пекарни?
http://caniuse.com/#search=flexbox
>>590692
#285 #590508
>>590477
либо препроцессоры, либо opacity.
не совсем понял тебя
>>590725
142 Кб, 2554x2035
#286 #590511
>>590476

>Так что тебе мешает получить этот опыт работы?


1. Без опыта меня не возьмут на работу.
2. Чтобы получить работу, нужен опыт.
3. Go to п.1.
>>590517
#287 #590517
>>590511
Но ты можешь получить опыт, не работая в конторе. Можешь освоить интенсивы, можешь фрилансить. Можешь хоть свой проект пилить и самостоятельном онетизировать. Всё в твоих руках.
>>590524
#288 #590524
>>590517
Да ладно, я знаю что ною как уебок, просто давеча турнули с вышки 4 курс, были надежды что она компенсирует недостаток опыта.
>>590533
#289 #590533
>>590524
не компенсирует
>>590562
#290 #590562
>>590533
Ну и хуй с ней тогда, наверное даже восстанавливаться не буду. Все равно специальность не нравилась.
#291 #590584
мля, я такую хуйню наверстал, зак наверняка пошлет с оплатой. ну а че он думает можно красиво сверстать целых 7 страниц всего за три дня еба. у меня уже киста в жопе образовалось от круглосуточного верстания за монитором.
>>591033
14 Кб, 731x121
7 Кб, 383x95
#292 #590593
Верстач, что за хуйня? Почему оно настолько по-разному отображается?
#293 #590637
>>590384
Чего их учить, за день разбираются и за неделю обкатываются. По сравнению с необходимым базовым стеком это так, ерунда.
>>590642
#294 #590640
>>590234
Ты че пинк верстаешь? нахуя там градиент?
http://codepen.io/pidaraha/pen/vKOXVj
Используй трансформ
>>590663
#295 #590641
Пиздец, какой-то три дня из кожи вон лезу и верстаю, зак пишет, что у них штатный верстала этим занялся уже. Я больше без предоплаты нихуя не возьму на этом фл.ру.
>>590649
#296 #590642
>>590637
два чая этому, фреймворки учат не потому что это модно, а потому что надоедает писать одно и то же и понимаешь, что с помощью фреймворка сделаешь всё гораздо быстрее.
#297 #590649
>>590641
А мне дали предоплату, но я все равно по срокам обосрусь. Придется, чувству, все вернуть.
#298 #590663
>>590640
Ну ебать, спасибо. Столько-то ебался с этими треугольниками, а оказывается все так просто.
>>590686
#299 #590686
>>590663
На самом деле, я хотел еще в прошлом треде ответить на твой вопрос: "как сделать такой кривой блок".
Но потом какой-то анон кинул решение с градиентом. Я посмотрел его, проиграл и мне стало лень отвечать.
>>591005>>591041
39 Кб, 634x430
#300 #590692
>>590507
Нормально, у меня даже на нокле 920 с мобильной шиндой нормально открываются криво сверстанные на флексах макеты.
#301 #590697
>>590380
Какая работа еще маня? Весь мой успех: верстка рассылки за 500 рублей, хоть про-аккаунт окупился. А сейчас меня зак без предоплаты вообще кинул, мразь, когда я уже пол-сайта сделал.
>>590723
#302 #590701
>>590234
Я щас тебе в жопу котана засуну, школомразь ебливаия, если еще раз "котаны" напишешь, сучка.
#303 #590703
>>590701
Ну ты чего, котан-коняра?
#304 #590723
>>590697
>>590701
Мсье, приложите пакетик льда к вашему le perdaque
#305 #590725
>>590508
Я про обещанную зарплату, если возьмут. Просто интересно, на какой уровень ты сейчас претендуешь.
>>590746
#306 #590745
>>590701
Лол, котан, я всегда почему-то в версткач-треде, обращаюсь к анонам "котаны". Чет вообще проиграл с тебя.
#307 #590746
>>590725
я промахнулся, анон, не тебе ответил.
Кстати, по поводу js хотелось бы вставить три копейки. Те, кто сильно зависит от мотивации - ни в коем случае не учите learn.javascript.ru в самую первую очередь. Вместо того, чтобы оживлять страницы, вы будете херачить относительно сложные скрипты, и при это примерно пару месяцев, пока не дойдёте до второго раздела, так и не будете понимать, зачем, собственно, это всё нужно. Лучше начните с того же интенсива от академии, или ещё чего подобного, и только потом переходите к Кантору.
>>590752
#308 #590752
>>590746
Я первую часть учебника вообще не очень понял, особенно что там ближе к концу идет, т.е. всякие тонкости языка и т.п.
А потом из-за этого у меня возникали часто трудности со второй частью, хотя в работе с ДОМ почти ничего сложного и нет.
Хочу вот второй раз прочитать этот учебник, уже на понимающую более-менее голову.
#309 #590774
Котаны, прописал в gitignore все папки, которые мне не нужны, а он все равно все подряд заливает ("git add ." пишу).
В чем может быть причина?
>>590897>>590900
#310 #590840
Посоны, может кто-то ответить почему медиавыражения не применяются при смене ориентации девайса? И что делать чтобы они применились.
Заказчик требует.
Использую запись типа
@media ( max-width:470px )
При перезагрузке все заебись, а когда меняется ориентация девайса - не срабатывает.
>>590851
#311 #590851
>>590840
@media screen and (orientation: landscape), screen and (min-width: 480px) { ... }
>>590853>>590871
#312 #590853
>>590851
только свои параметры подставь
#313 #590864
Привет, верстаны. Посмотрите, пожалуйста, на мою верстку. Она фиксированная и несложная, но у меня все равно есть ощущение, что я наговнокодил. Интересует вот что:
1) Код? Более менее адекватный? Или можно плакать?
2) Как выглядит сайт на вашем разрешении? У меня на 1366 все хорошо.
3) И, наверное, самый важный вопрос. При обычном масштабе основное содержание примерно равно горизонтальному главному меню, но если чуть приблизить, на 110%, то основное содержание становится меньше. Я думаю, что это из-за центровщика, но не понимаю каким образом так получается и как это исправить.
4) Ну и вообще хотелось бы побольше обоснованной критики и замечаний.
http://escapiuw.bget.ru/
#314 #590871
>>590851
можно ж короче это записать
@media (min-width: 480px) and (orientation: landscape) { ... }
#315 #590876
Палю годноту флексы
http://rgho.st/8y9gwn7TS
>>590905
#316 #590895
Все меня заебало. Отослал рассылку через gmail, нормально все там у тега img src стоит и картинки на сервере. Присылают грят, у них *сервер емейл). картинки которые через img прописаны не грузятся. да ебаны в рот почему у меня все грузится? Попытался бэкраундом к колонкам таблиц поставить, вообще все поехало. ну нахуй эту верстку за 500 рублей сраных, два текста бы уже написал и меньше парился.
>>590905
168 Кб, 768x592
#317 #590897
51 Кб, 529x310
#318 #590898
>>590864
Ширина экрана x1287 горизонтальная прокрутка.
Код тоже хреновый. Куча заданных ненужных размеров.
Алсо пикрелейтед.
Подробнее расписывать - нету времени.
>>590921
#319 #590899
Почему раньше в корневой папочке node_modules были записаны только мои плагины, а теперь там сразу же после установки лежит куча говна?
14 Кб, 289x751
#320 #590900
>>590774
Бля, ну серьезно, он опять сука пушит 400 мегабайт. Я уже и через rm почистил, все равно он сука не игнорирует то что прописано.
#321 #590902
Это же ебать как неудобно теперь
307 Кб, 1920x1080
#322 #590905
>>590864
Дальше не смотрел. Никогда не задавай размеры боди.
>>590876
А ты быстр.
>>590895
Вангую кривые пути.
>>590906>>590924
#323 #590906
>>590905

> а ты быстр


Так я уже давно её к себе забрал, просто только сегодня воспользовался. Как по мне - годнота.
>>590907>>590908
#324 #590907
>>590906
Так вот, хотелось бы поделиться с менее осведомлённым аноном, не всё же мне только вопросы задавать.
>>590908
#325 #590908
>>590906
>>590907
Ну просто эту шпаргалку уже раз 5 в тредик вкидывали. Хотя ты прав, лучше больше, чем меньше, хорошая штука.
#326 #590921
>>590898
Куча заданных ненужных размеров? Например?
На пике у тебя масштаб 100%? Потому что у меня такое только на 33%. Блять, я так заебался постоянно косяки подобные править.
#327 #590924
>>590905
Я уже вообще не понимаю, где и что нужно. Першин в интенсиве же говорил, что нужно. И без фиксированного размера у меня шапка улетает в сторону при изменении масштаба. Просто пиздец. Я запутался.
>>590944
#328 #590929
>>590250
Ты актив кнопкам не прописал.
#329 #590936
Почему никто не любит пилотов, юзающих дронов?
>>590937
#330 #590937
>>590936
Упс мисанул тредом.
#331 #590944
>>590969
#332 #590957
В WP треде спрашивать бесполезно, там никого нет. Спрошу тут.

Как, КАК редактировать адреса ссылок в WordPress? Я не понимаю их логики. Допустим, есть сайт www.site.com. У него есть страницы, которые нужно чтобы в ссылках назывались 0, 1, 2, 3 и так далее. Но чтобы перед номером страницы всегда стояло /articles/. Т.е. финальный вариант ссылок на страницы должен именть вид www.site.com/articles/0, www.site.com/articles/1, www.site.com/articles/2 и тому подобное. Как это сделать?
>>590960
#333 #590960
>>590957
Ну не в ворд прессе это папки. Папка артиклес, а в ней файлики. Мб в вордпрессе тоже есть папочки для страниц или группы?
>>591016
#334 #590969
>>590944
В том - то и дело, что мой хедер не в центровщике
>>590974
#335 #590974
>>590969
Пересмотри интенсив, ты все сделал неправильно.
Можешь вообще каждому элементу прописывтаь width 1300; margin 0 auto; если хочешь.
>>590982>>590984
#336 #590982
>>590974
Почему неправильно? Есть хедер и основное содержание. Хедер должен растягиваться, основное содержание должно центроваться. Я не выебываюсь, просто мне нужно понять
>>590984>>590992
#337 #590984
>>590974
>>590982
Как отправил сообщение, так дошло. Задаем контейнер внутри мэйна, а не самому мэйну, и тогда все будет заебись, я прав?
>>590992
#338 #590992
>>590982
>>590984
Зачем тебе в этой верстке тянущийся хедер вообще? Задавай ему размер и центровку, или запихивай все в общий враппер, где будет центровка с размером.
А так да - пишешь что-то типа
<header><div class="header-content"></div></header>, хедеру задаешь фон, например (если хочешь, чтобы он на весь экран был), контенту размеры и маргин 0 авто, профит.
Ты прописал размеры в боди и у тебя все разваливается к херам, контент съезжает влево на большом мониторе и вообще все грустняво.
Это же все на барбершопе разбирается, ты его не верстал, что-ли?
#339 #590996
>>590992
Блин, какой-то я косноязычный, лол, сам себя читаю и охуеваю.
Вот, например, простенький макет верстал когда-то, фон на всю ширину, контент центрируется http://acilsd.github.io/olivia/
Там правда флексы-хуексы, но суть не меняется.
#340 #590999
>>590992
Да вообще, глядя на его сайт, хочется взять, удалить и заного написать, чем разбирать его ошибки.
>>591001>>591028
#341 #591001
>>590999
Я когда-то так и сделал со своей седоной, так что это не самый худший вариант.
#342 #591005
>>590686
Да градиентом норм, ему же советов али еще проще, через псевдоэлементы.
#343 #591007
Аноны, немного флейма, но надеюсь не погоните.
Уволился с работы прошлой, есть 1-2 месяца, чтоб выучить верстку, js (да, я охуел, лол), чтобы устроится на 35к в ДС.
Не буду спрашивать, реально ли это, т.к. надеюсь на лучшее. Так вот, к сути. Учил кто-либо из ва успешно по 8-12 часов в день? ПОнимаю ,что все субъективно, но просто интересно.
Есть еще всякие ноотропы, но планирую ограничиться 3-4 кружками кофе.

Двачую анона в начале, что адекватный тред.
#344 #591012
>>591007
Css-html за 2 месяца реально даже по 6 часов в день и без всяких ноотропов. А вот js уже нет.
>>591017
#345 #591014
>>591007
За 2 месяца ты научишься делать шаблонные действия, уровня сверстать лендинг на бутстрапе и прилепить к нему jq-плагинов для красивостей, на 35к это не катит даже в ДС.
JS ты точно не освоишь за это время, а вот верстку на хорошем уровне (включая кастомные сетки, флексы, анимации, автоматизацию, кроссбраузерность и прочее) - сможешь.
>>591017
#346 #591015
>>591007
js с версткой за это время не выучишь.
#347 #591016
>>590960
Не знаю. Я вообще с ним впервые работаю. И ничерта не получается. Пиздец, я уже ненавижу ВордПресс. Постоянные проблемы на пустом месте. В чем вообще такая грандиозная проблема дать пользоватлю возможность обозвать URL как ему захочется? Пиздец.
>>591050
#348 #591017
>>591014
Я пока что полный нуб в терминологии, но первый пункт-это верстка + js?
Судя по второу пункту верстка будет еще ок, но для ДС-мало?

>>591012
Спасибо, анон
>>591044
381 Кб, 1366x768
#349 #591025
>>590992
Я все макеты верстал и походу во всех такие ошибки делал, хотя смотрел с разных устройств и везде они хорошо выглядели. Зачем хедер тянущийся? Ну, смотри на пик. Я решил, что это вполне себе нормальное решение.
>>591044
#350 #591028
>>590999
Лучше бы указал на конкретные ошибки, чем просто так пиздел.
#351 #591033
>>590584

Зачем брал такой заказ, сразу же понятно, чем это обернеться
#352 #591034
>>591007
Устройся пока на другую работу. Хоть 2/2 грузчиком/официантом. Главное, чтобы на еду хватало. Всё свободное время уделяй вёрстке. Как почувствуешь уверенность, покидай резюме и портфолио по конторкам ДСа. Когда подпишешь с ними договор, тогда и увольняйся.
1-2 месяца по 12 часов в день это очень тяжело. Время будет идти, а денег прибавляться не будет. Это очень сильно давит.
Да и вообще, низкоквалифицированная и низкооплачиваемая работа гораздо сильнее мотивирует быстрее всё выучить и устроиться в тёплый офис за х2+ предыдущей зарплаты.
>>591038
#353 #591038
>>591034
Спасибо.
Была мысль вернуться в одну контору сап, где я работал. Месяца 2-3 там посидеть, в тепле и все такое, заодно учить.

А можно найти учеников, лол. Еще раз спасибо.
#354 #591041
>>590686
Я и сам уже отказался от градиентов, они на маленьком dpi дают "лесенку" что-ли. Но я сделал через псевдо с бордерами.
>>591064
#355 #591044
>>591017
Первый пункт это все сразу на убогом уровне, такое в принципе нигде не нужно, разве что на фл.ру лендинги за косарь верстать.
Второй пункт - верстка на хорошем уровне (2-3 месяца в зависимости от твоих способностей), дальше за месяц осилишь основы джса (самые-самые основы) и уже можно будет рассылать резюмешки (я примерно на таком уровне, разве что в js продвинулся чуть дальше, могу свои велосипеды писать).
>>591025
Ну вот открыл я твой сайт на 24 дюймах и все уехало влево.

> вполне себе нормальное решение


Не вижу обоснованности, дизай сайта убог. Зеленая полосочка явно не тянется на всю ширину, фон всего контента - белый.
>>591059
#356 #591050
>>591016

Крепись, это только начало. Я с этой хуйней имел дело два раза за последние полтора года. У меня до сих пор лежит на локальном серваке сайт, который пилил для себя, но так и не допилил. И я как только я думаю, что может попробовать еще разок, меня аж трясет.
#357 #591059
>>591044
Вы заебали, я понял, что моя верстка полное говно. Может кто нибудь ответить, что сделать, чтобы сайт более менее выглядел?
- ширину из боди убрал.
- убрал центровку мейна и добавил его контенту.
#358 #591064
>>591041
Зачастую правильное решение приходит после того, как другое - доказало свою неэффективность. Полезный опыт в любом случае.
Я уже схоронил десяток решений для нетривиальных дизайнерских прихотей , с которыми в будущем могу столкнутся. И решить их уже не займет много времени.
>>591116
#359 #591073
>>591059
добавь на кликабельные элементы
cursor: pointer
>>591129
24 Кб, 452x227
#360 #591076
Товарищи, вот это говно как верстать?
Была идея две колонки с текстом зафлоатить одну налево, вторую направо, а второй псевдоэлементами палки нахуярить. Есть лучше варианты? Потому что мне мой кажется каким-то неандертальским.
#361 #591078
>>591059
У тебя макет под какое разрешение? На 24 дюймах открыл правда на 1600 на 900 и по горизонтали полностью в экран не влезло.
>>591110
#362 #591080
>>591076
SVG прямоугольники просто. В плане полосок.
>>591081
#363 #591081
>>591080
Бля, а что если их засунуть в отдельный див, и каждой палке задавать процентный видтх? Как на колонке справа, где текстом написаны проценты?
>>591084
#364 #591082
>>590251
в общем в неспешном темпе где-то неделя ушла, при этом пришлось резко разбираться с генератором, т.к. он изначально не планировался
#365 #591083
>>590864
боже какой пиздец.
>>591129
#366 #591084
>>591081
С свг тоже так можно.
>>591085
#367 #591085
>>591084
Хорошо, а тексты в колонки и зафлоатить?
>>591092>>591105
#368 #591092
>>591085
Вероятно да.
#369 #591105
>>591085
Гибкая коробка
>>591108
#370 #591108
>>591105
Я не понял, о чём ты. Только флоаты и инлайн-блоки знаю. Пока лезть дальше не хочу.
#371 #591109
>>591059
Ну хули ты хочешь.
Какого хуя ты верстаешь под x1366?
У меня, например, x1366, но панель задач не внизу, а сбоку, поэтому мой вьюпорт - 1280px. Из за этого у меня горизонтальная прокрутка.
А как быть людям к которых экран еще меньше? Ладно там хипстеры на макбуках должны страдать, НО БЛЯТЬ ТЫ ЧЕ СУКА НЕ УВАЖАЕШЬ ВЕТЕРАНОВ?
>>591129
#372 #591110
>>591078
1366 х 1700
>>591113
#373 #591112
Снова реквестирую бесплатный плагин для фотошоп для получения css теней и градиентов одним кликом.
>>591211
#374 #591113
>>591110
Какое то нестандартное...
#375 #591116
>>591064
Согласен.
Просто сделать фон задав элементу фон казалось, хмм, семантичнее что-ли, лишние сущности не плодятся.
Кто ж знал, что при отрисовке псевдо-элементов сглаживание работает, а на градиенте рубит по-пиксельно.
#376 #591124
>>591059
Ничего. Не обижайся, но это надо полностью переверстать.
>>591126>>591129
#377 #591126
>>591124
Я ему тоже самое сказал, но он назвал меня пиздуном
>>591132
#378 #591129
>>591073
Есть же. На ссылках и кнопках.
>>591083
Ты пидор.
>>591109
А как блять верстать, если макет по ширине 1366? Я же не буду искусственно блоки ужимать.
>>591124
Мне не обидно, но я хочу узнать о своих ошибках, чтобы не допускать их. И ты какой - то категоричный совсем. По гуглу сайт набирает 85 баллов, валидатор ошибок не видит.
http://escapiuw.bget.ru/
Поправил. Так лучше?
>>591142>>591162
#379 #591132
>>591126
Я же сказал, что понимаю, что верстка хуевая, но не понимаю почему именно. А вы говорите надо переделывать полностью, но, блять, почему? Что такого ужасного?
#380 #591133
Котаны поясните пожалуйста, почему джиквери плагины подключаются записью типа
$(".some-plugin-class").initFunction();
Но я не могу то же самое сделать на нативном. То есть я не могу сделать так
var plugins = document.querySelectorAll(".some-plugin-class");
for( var i = 0; i < plugins.length; i++ ) {
plugins.initFunction();
}
и т.д.
>>591144>>591152
332 Кб, 1920x1080
#381 #591142
>>591129
Нет, не лучше. Пикрелейтед.
Если ты подождешь пару часов, пока я тут не закончу ебаться с патентами по просьбе la Maman, то я тебе подробно распишу.
>>591151>>591162
#382 #591143
Как придумать дизайн портфолио?
>>591149>>591767
#383 #591144
>>591133
может надо так:
plugins.initFunction();
мимо ньюфаг
>>591145>>591152
#384 #591145
>>591144
блять
plugins.initFunction();
исправил
>>591152
#385 #591149
>>591143
Остановись. Сядь. Закрой глаза. Представь, что ты американский хипстер из Силиконовой долины с зп около 10 к грина в месяц, пользуешься только продукцией Эпл, голосуешь за Хилари, и у тебя отбелен анус (не спрашивай).

Потом открой глаза и придумывай дизайн, памятуя об этом образе.
#386 #591151
>>591142
Буду очень благодарен тебе. Конечно подожду.
>>591306
#387 #591152
>>591145
>>591144
лол, почему квадратные скобки не отображаются.
>>591133 я так понимаю, что у тебя индекс в квадратных скобках присутствует.
>>591156
#388 #591154
А если логотип в хедере сделан текстом, его каким тегом оформлять?
>>591157
#389 #591156
>>591152
Да, это особенность двача.
#390 #591157
>>591158>>591188
#391 #591158
>>591157
Там просто есть в ul вкладочка "home" а я подумал что две ссылки на главную как-то тупо.
Хотя тоже хотел тупо в ссылку засунуть.
428 Кб, 1919x1042
#392 #591162
>>591129
>>591142
в хроме нормально
в сафари пикрелейтед
#393 #591188
>>591157
Чому не в h1>a ?
Где вообще юзают h1? Он же должен быть один на страницу, а часто больше всего под него подходит лого.
>>591191
#394 #591191
>>591188
А что если лого, скажем и в футере тоже?
>>591217
#395 #591211
>>591112
Этот что ли?
https://csshat.com/
>>591610
#396 #591217
>>591191
Ну в h1 основное лого, в нем блок лого просто в ссылке. Соотв в футере просто блок лого.
#397 #591253
Я чёт нихуя не понимаю.
Какие-то перепроцессоры, эммиты, авокоды... а тогда нахуя хмтлакадеми свой интенсив продаёт? Если есть всякие штуки, которые все практически делают за тебя, в чём работа верстальщика-то потом будет заключаться?
Короче пиздец, поставил эммет и теперь вместо того чтобы думать, как сверстать тот или иной элемент я ебусь с семантикой эммета.
#398 #591256
>>591253

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


>всякие штуки, которые все практически делают за тебя


Ты не ведаешь, что говоришь

>я ебусь с семантикой эммета.


потерпи, это многократно окупится
>>591260
#399 #591257
>>591253
Это лишь инструменты, никто за тебя ничего не сделает, лишь упростят работу.
#400 #591260
>>591256
Блять, вот я только что зашел на страницу какого-то чувака из ХМТЛ, который говорит что АВОКОД это супер-пупер-мега-ультра-хардкор маст хев. Пиздец.
#401 #591268
>>591253

>нахуя хмтлакадеми свой интенсив продаёт



ну сам-то подумай.
#402 #591275
gulp-autoprefixer на какие версии или проценты у вас настроен? Бля, даже когда дефолтные >1% он префиксы практически никогда не ставит.
>>591366
153 Кб, 1056x501
#403 #591283
Пацаны, как такие фичи правильно делать? картинка бэк или как-то задавать цвета и поворачивать слои в цсс, поясните плиз?
#404 #591287
>>591283
я это делал фоновым градиентом
>>591289>>591392
#406 #591289
>>591287
А под углом как сделать?
#407 #591290
>>591283
Скидываю еще раз.
http://codepen.io/pidaraha/pen/vKOXVj
>>591296>>591392
#408 #591293
>>590129
Я бы с ним подружился, пояснял бы ему за основы и прочие ништяки, а он мне пояснил бы как прикручивать плагины такие.
>>591581
#409 #591296
>>591290
Благодарю.
>>591288
>>591298
#410 #591298
>>591296
Подписывайся, ставь лайки. В дальнейшем там будет много полезного контента. нет
#411 #591303
>>591288
говно какое-то, а не градиент
#412 #591306
>>591151
Ну вот как-то так
http://codepen.io/anon/pen/vKOmxb
>>591314
#413 #591307
>>591303
я тоже хуячил бэкграунд-градиентами такие линии, но они ебано смотрятся, с какими-то зубцами. особенно в хромоногом.
>>591369
#414 #591308
>>591303
Так это не градиент, ньюфаня
#415 #591309
>>591303
это ты какое - то гавно, а не градиент
#416 #591314
>>591306
Я бы отсосал тебе, если бы был пидором. Спасибо. Но. Тебе совсем делать нехуй что ли?
>>591319
#417 #591319
>>591314
Ага
>>591341
#418 #591330
>>591076
Это похоже на таблицу.
#419 #591332
Что после базового интенсива делать?
>>591337>>591582
#420 #591337
>>591332
Продвинутый
>>591343
#421 #591341
>>591319
Есть парочка вопросов.
1) Почему ты изменил цвета с хекса на ргб? Имеет какое - то значение или тебе просто больше так нравится?
2) Почему размер контактов 1030 - это пиздец?
Хуево рассчитанный размер? Или то что я вообще его задал?
3) И не совсем понял насчет центровщика, смотри, ты задал его в 1366, но ведь это вся ширина макета, а мэйн контент занимает 1240. Задать специальный центровщик для мэйна?
>>591357>>591359
#422 #591343
>>591337
Бля.
#423 #591345
Ребзи, вот сейчас смотрю базовый интенсив (5 урок), в голове полная каша состоящая из свойств, тегов и прочего, к макетам пока не притронулся, ибо все вперемешку. Это норма или я тупой и мне нихрена не светит?
>>591348
#424 #591348
>>591345
Ты курсы проходил?
>>591353
#425 #591353
>>591348
пробовал восемь курсов, из них только 4 первых закончил полностью
>>591356
#426 #591356
>>591353
Я хз, тупой ты или не тупой, но с таким отношением к делу можешь уебывать и не мечтать о профессии.

>пробовал восемь курсов


>из них только 4 первых закончил полностью

>>591363
#427 #591357
>>591341
И вдогонку:
4) 1366пх ширина сайта, значит на меньших мониторах будет появляться полоска прокрутки?
Даже у меня на 1366 возникает
>>591359
#428 #591358
ПОЧЕМУ ЕБУЧИЕ ПРЕФИКСЫ НЕ СТАВЯТСЯ!!!
#429 #591359
>>591341
1. Просто я сижу на своей любимой древней лисе, они твои хексы перевела в ргб.
2. Потому что. У тебя каждый контакт - отдельный блок, можно добавлять еще блоки, вот я открыл филиал этой шараги в урюпинске, и... дальше думай сам.
3. Я задал 1366 от балды. Можешь вообще без центровщика, весь контент засовываешь внутрь одного дива с классом wrapper, врапперу задаешь размеры.
>>591357
Да, у тебя фиксированная верстка, сначала с ней разберись, попытка что-то резиново тянуть тут только все усугубит.
>>591364
#430 #591363
>>591356
думаешь, сперва нужно их полностью пройти?
#431 #591364
>>591359
Спасибо за помощь, мужик!
#432 #591366
посоны, вы че, а? >>591275
вы дефолтный используете и не пишете аргументы?
>>591377
#433 #591369
>>591307
епта, сейчас вгляделся в свой макет и там правда есть зубчики, ужос
#434 #591377
>>591366
пиши last 2 version и не еби мозги.
>>591380
#435 #591380
>>591377
лучше уж ничего не писать, мне кажется, версии пару раз в месяц выходят
#436 #591390
>>589702
ахуенный шутник, всех затралел.
#437 #591392
>>591283
>>591287
>>591288
>>591290
Зачем выебываться? Посмотрите, как здесь это сделано. Дешево и сердито.
http://7sait.spb.ru/portfolio/mobile-systems/redesign-amrest-mobile/
>>591395>>591419
#438 #591395
>>591392

Ну да, как вариант, просто картинкой, как в седоне с теми треугольниками
#439 #591410
прошёл курсы, скачал и прошёл два интенсива, сверстал барбершоп и пинк, как мне теперь в базу выпускников попасть? https://nexus.htmlacademy.ru/
>>591411>>591412
#440 #591411
>>591410
Заплатить.
#441 #591412
>>591410
ты забыл денежки занести им, чтоб в базу попасть. А вообще эта хуета тебе ничего не дает. Сейчас каждый шакал на инфо бизнесе этом деньги делает, у каждого школа выпускников. На работу пойдешь тебя не в базу будут искать, а дадут тестовое и посмотрят как ты обосрешься, и поебать там сколько ты курсов прошел.
>>591416
#442 #591416
>>591412
Двачую. Всем хороша академия кроме нелюбви к бущенному трапу. Пидоры блядь. Весь интенсив в уши дули, мол бутстрап это для нубов. И что я слышу от первого чувака, который мне ответил по поводу вакансии на мыло?!! Покажи макетик на бутстрапе!
71 Кб, 1304x256
#443 #591419
>>591392
Просто охуеть как дешево!
#444 #591488
Слушайте, продвинутый интенсив невозможно слушать. Звук как из сортира, микрофон скрипит, пердит и хрипит. Есть какая-то альтернатива подобному? Вот я прошёл базовый, по какой программе дальше двигаться?
>>591491>>591493
#445 #591491
>>591488
Как вариант, просматриваешь презентации из продвинутого, все допы и начинаешь верстать адаптив.
>>591492
#446 #591492
>>591491
Просто там шаринг экрана, которого естесно нету в пдфах.
Текстовые лекции может почитать на том же самом вебрефе?
#447 #591493
>>591488
Это наверное кто-то на свой мик писал то что из колонок идет, лал.
733 Кб, 720x718
#448 #591496
Котаны, поясните за ASP.NET, в некоторых вакансиях встречается. Нахуй он нужен и кому? Что это вообще?
>>591505>>591506
#449 #591505
>>591496
Это бекэнд, типа фреймворка от Майкрасофта.
#450 #591506
>>591496
это редкий бэкэнд, насколько я понимаю, дорогой аналог php
>>591507
#451 #591507
>>591506
для илиты
>>591512
#452 #591512
>>591507
именно, когда слышу "дотнет", я сразу понимаю кто в этом мире хохяин и кто я.
405 Кб, 1007x813
#453 #591523
Охуеть, тред в /wrk лучше чем треды в /web
Котаны, поясните за жс фреймворки. Какой перспективно учить? Скажу сразу, не работал не с одним, но неплохо знаю нативжс и жквери.
Если быть точным, то выбор:
- Angular/Angular 2 - второй вроде в бете, если начинать пердолится в первый, будет ли актуально? Ссыкотно учить то, что скоро скурвится в deprecated, хотя бесполезным всеравно не назвать
- ReactJS - вроде как популярней, проще, более гибкий. Но это со слов всяких васянов. Я так понял, сам по себе мало полезен, нужен в связках с чем то еще типа Redux
- ExtJS - вообще хуй знает, но попадались вакансии по работе на нем.
- Backbone - васяны говорят утрачивает популярность и применяется в основном для небольших приложений/решений. Почему - не знаю. Может анон пояснит.

Вобщем, кто в теме, работал с чем то (или со всем вместе) - поясните по хардкору. Куда направить усилия чтоб, скажем, потратив полгода на изучение (в свободное от основной работы время офк) не остаться в состоянии "ну да, чет там читал про %фреймворк_нейм%", а реально апнуть навык.
>>591578
#454 #591538
По поводу дноработ не согласен, ну по крайней мере если у тебя не железная воля. Даже с графиком 2/2 есть шанс, что оставшиеся два выходных ты будешь тупить за пекой, смотреть в потолок и вообще оправдывать свою лень тем, что ЭТО ЖЕ МОИ ВЫХОДНЫЕ.

Имхо, если финансы позволяют мамка кормит и из дома не гонит, лучше учить фронтенд, не занимаясь ничем другим.
#455 #591540
>>591538
Согласен, особенно если работа связана с физ. трудом, то хер ты че на выхах сделаешь
#456 #591548
>>591538

>мамка кормит и из дома не гонит



При таких условиях выучишь дай бог лет за 10. После того, как выперли из универа за низкую посещаемость офк, сидел месяца 4 на шеях у мамы. Мотивации 0.
Впрочем, мб я один такое ленивое гавно
Хватило ума свалить в миллионник, снять кв и устроиться на гавно-работу. Сначала, мясником на крытом рынке, лол, 6/1 с 7 утра (приёмка тушек) и до 7 вечера + дорога туда/обратно ~2 часа. Вот это жопа, да. Выдержал немного, чуть больше месяца. Благо платили ежедневно. Потом работал официантом 2/2. Тотальная лафа после предыдущей работы, но ноги также сильно ныли к концу смены и напоминали, что неплохо бы сменить профу. Тут уже и времени свободного было прилично. Хотелось бы закончить словами "а теперь я мидл-фронтендер с релокейшном в бездуховную", но увы.
Свободное время потратил на изучение онлайн-покера. Однако сейчас покер медленно, но верно умирает. А я всерьёз подумываю кэшаутнуть все деньги, заблокировать свои акки и пойти куда-нить мыть толчки 2/2, чтобы вновь мотивировать себя на быстрое и старательное обучение. В этот раз уже вёрстки.
>>591552>>591641
#457 #591550
Насколько полезен Jade в мелких и средних проектах? Насколько силен профит от юзанья его?
#458 #591552
>>591548
Html-academy \не вкатило?
>>591556
#459 #591556
>>591552
Вкатило, почему же. Я насчёт мотивации тут распинаюсь.

Прошёл всё, что есть по вёрстке на codeacademy. dash.ga.co кстать из шапки тоже очень понравилcя. Есть много того, чего нет на CA. На фрикодкэмпе зависал активно с месяцок. Добрался до algorithmic scripting. Прошёл курсы на сайте хтмлакадеми, начал смотреть базовый. Всё это происходило с перерывами в пару месяцев из-за отсутствия мотивации.
Нужно выбросить себя в херовые условия, тогда и зашевелюсь. По-другому у меня не получается
>>591801
#460 #591578
>>591523

Реакт учи. Ну и можешь второй ангуляр потихоньку. Первый смысла нет, т.к. он уже устарел и его используют скорее по инерции.
#461 #591581
>>591293
он бы подумал, что ему эти всякие основы не нужны.
#462 #591582
>>591332
только перед продвинутым сверстай все макеты из базового, чтоб руку набить.
#463 #591583
>>590129
Пиздец.
#464 #591585
>>590129
Пиздец, с такими школьниками можно и не соваться в индустрию. Пойду в пятерочку.
>>591589
#465 #591587
>>589762
зис.
#466 #591589
>>591585
там нет ничего сложного, а сделал он это, наверняка, по урокам с ютуба.
>>591592
#467 #591591
>>589702
хах, адапитвность гугл карты не осилил.
#468 #591592
>>591589
там ничего сложного, все на готовых плагинах я знаю, но сам факт, что сраный школьник делает такое за 50 баксов, что же он будет делать и за сколько в мои 30? И это пока я целый месяц трачу время и рву жопу на фл.ру в надежде взять заказ хотя бы за 500. наверное, зря я все это делаю, надо было себе мужа-спонсора искать, как мамка советовала, а не строить из себя сильную-независимую женщину.
>>591593
#469 #591593
>>591592

>представиться тян на анонимной имиджборде


это не очень хорошо, не делай больше так, пожалуйста

>что же он будет делать в свои 30


он не знает, что такое спрайты, он не знает, что такое флексы, то, что он может делать такое сейчас, не даёт ему особых преимуществ перед адекватными разработчиками.
>>591594>>591595
#470 #591594
>>591593
Спрайты вроде скоро устареют, не?
>>591596
#471 #591595
>>591593
и ещё не забывай, что он хохол и для него это треть нормальной зарплаты взрослого. Индусы тоже вот демпингуют, уже лет как тридцать, но работы у грамотных разработчиков от этого не убавилось.
#472 #591596
>>591594
Вполне возможно, эту технологию вполне можно автоматизировать.
>>591597
#473 #591597
>>591596
Не в этом смысле. Типа новый протокол передачи данных на пороге какой-то http новой версии и там все эти запросы на сервер будут уже как-то оптимизированы и спрайты будут не нужны.
>>591598>>591607
#474 #591598
>>591597
Думаю, так оно и будет. Уже сейчас сборщиками все картинки можно связть в одну, а потом дать браузеру разобраться с ними.
#475 #591607
>>591597

В http2 запросы не последовательные, а параллельные. Это круто конечно, но фиг знает когда это можно будет полноценно использовать.
>>591609
#476 #591609
>>591607
Вот да точно.
#477 #591610
>>591211
он платный
>>591624
#478 #591624
>>591610
хотя всё нормально, нашёл на торентах и установил. Как стану успешный разработчком куплю я серьёзно
#479 #591640
>>591538
Человек который будет в выходные тупить за пекой тем более будет тупить за пекой если его никто никуда не гонит. Тут вопрос безвольного хуйла, которое непонятно как будет учиться, а затем непонятно как будет работать и непонятно как на работу устроится.

Лучший вариант - это на старой работе накопить денег на 3-6 месяцев и сесть захардкорить.
#480 #591641
>>591548
А что там с покером сейчас? Почему он умирает?
>>591687
#481 #591642
>>589206
csshat - мастхэв, для всех, даже для конченых нубов. Поставил пиратский плагин и чуть не обкончался от его охуенности. Качай на рутрекере, версию 2.1, она прямо в первой выдаче от гугла.
#482 #591687
>>591641
потому что число долбоёбов, которые хотят там заработать, стало гораздо больше числа долбоёбов, которые приходят просто чтобы поиграть.
>>591742
130 Кб, 778x302
#483 #591741
Котаны, как сделать тянущийся на всю ширину адаптивный треугольник, который закрывает сверху карту в пинке?
Пока что-то невнятное получается: http://codepen.io/coalalala/pen/wWapQO
#484 #591742
>>591687
Ну и что? Очевидно даже если там останутся одни долбоебы хотящие заработать, уровень у них будет разный и кто-то все равно непременно отожмёт деньги и всех остальных за столом.
>>591747>>591748
#485 #591747
>>591742
много факторов. Все действенные стратегии уже есть везде в открытом доступе, в покере очень много решает автоматизация.
#486 #591748
>>591742
ну и удача, разумеется. У просто прошаренного игрока есть неиллюзорный шанс обыграть гуру, даже на долгосрочной перспективе.
>>591749
#487 #591749
>>591748
У нас такой в магаче отписывается. Мол удачка закончилась - помогите.
#488 #591762
>>591076
Лол, всегда проигрываю с этой хуйни. Как вот вы проценты знания оцениваете у себя? 58% JQuery, вообще охуеть. Типа выучил 58% плагинов или что?
#489 #591767
>>591143
Я просто вводил в гугле: "front-end dev potfolio" или что-то типо того, и пиздил у всех что понравилось.
>>591770
#490 #591770
>>591767
У Лебедева.
81 Кб, 768x1024
#491 #591776
Ананасы кто может по хардкору пояснить за цены на верстку или ссылку дать? Пробовал гуглить разбег дикий и посты 2000 года, хотелось бы сегодняшние знать. Да и многим будет полезно и интересно, сколько просить за вертстку той или иной стр или проекта целиком. По детальнее если возможно
>>591779>>591838
#492 #591779
>>591776
Видел Барбершоп у академии? Вот на все 4 страницы или сколько их там человек на окладе в 20 к должен затратить 10 часов своего времени. Вот и считай короч.
>>591787
#493 #591784
за lp дают 15$ это же ппц, еще админку ему прикрути и отправку форм на mail, к посту о ценах на верстку
#494 #591787
>>591779
ну они говорили тип брать по 200 р/час на барбер уходит 10ч и отсюда 2к, нв веблансере сейчас смотрю заказы и цены.
>>591790
#495 #591790
>>591787
Врут пидары. Они про бущенного трапа мне врали!!! ГРРРРР!!!!
>>591793
#496 #591791
>>591741
ты сука тупая мразь уже всех заебала тут! Хули ты по всякой хуйне спрашиваешь нас? САМ ДЕЛАЙ БЛЯТЬ, ИНАЧЕ ТЫ НИХУЯ НЕ ЗАПОМНИШЬ И НЕ ПОЙМЕШЬ, КАК ТЫ ЭТО ДЕЛАЛ!
>>591792
#497 #591792
>>591791
Тихо, тихо. Он же заикаться потом будет.
#498 #591793
>>591790
Нихуя я не понял
#499 #591799
есть тут аноны, которые подключали бутстрап через галп?Также хотел бы узнать такую штуку, пытался верстать помню на бутстрапе, и он ставил например черный фон в хедере, перекрывая мои стили. Как это устранить, кроме как внутри файлов все менять?
#500 #591801
>>591556
Мотивация нужна тем, кто вкатывается в айти (и фронтенд в частности) ради мифического бабла и вылезаторства. Мне вот просто дико доставляет копаться в коде, ловить ошибки и фиксить флексы под ие10 (кроме шуток, это прикольно). Я так даже несколько отклонился от программы обучения и две недели потратил на рельсы, просто потому что это классно.
>>591995
#501 #591814
>>591741
Видишь непонятную хуйню?
Не знаешь, как ее сделать?
Что-то куда-то красиво выступает?
Неоднородная адаптивная маска?
Непонятная загогулина?
Быть может, странная тень, которая не совсем тень?
Дизайнер ебанулся?
Семь бед — один ответ:
П С Е В Д О Э Л Е М Е Н Т
С
Е
В
Д
О
Э
Л
Е
М
Е
Н
Т
>>592026
#502 #591830
Только что досмотрел базовый интенсив. В при
557 Кб, 2333x3500
#503 #591838
>>591851
#504 #591851
>>591838
7500 рублей
>>591877
#505 #591877
>>591851
это тип ты в месяц столько зарабатываешь?
>>591879>>591896
#506 #591879
>>591877
весткой?
#507 #591896
>>591877
иди нахуй тоже, как этот даун >>591741. тебе сказали 7500 зарабатывает верстала, что тебе еще надо? Думал тебе тут назовут сумму в пять нулей? Пошатнул твой мирок? Иди нахуй короче
#508 #591904
Платина, но всё же.
Расскажите, какой вы используете препроцессор.
Как думаете, какой препроцессор будет полезнее мне, если в дальнейшем я собираюсь серьёзно учить и бэк-енд?
>>591980
#509 #591980
>>591904
Исторически так сложилось, что scss используют те, кто любит грамотный стиль кода. Лесс используют тупые пезды и выпускники различных говнокурсов. А стайлус используют те, кому хочется выебнуться. Еще есть сасс-петушки, но не стоит вскрывать эту тему.
На самом деле похуй, различия минимальны.

> собираюсь


Судя по тому, что ты спрашиваешь, какой препроцессор КАСКАДНЫХ ТАБЛИЦ СТИЛЕЙ будет полезен для бэкенда, тебе предстоит еще довольно долго собираться.
>>592003>>592008
#510 #591995
>>591801
Да тебе в чем угодно было бы колупаться классно и скажи мне что я не прав.

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

Что до мотивации, то мне вспоминается цитата Лебедева на тему как себя мотивировать. Да никак, оставайтесь в жопе! Деньги вам дадут, перестанете быть уебками, хуле вам ещё надо, пидоры?
>>592032
#511 #592003
>>591980
и чем это сцсс лучше сасс? вообще не вижу разницы кроме, что надо ставить {} в сцсс, а в сасс не надо.
>>592032
#512 #592008
>>591980

>будет ползен для бэк-енда


просто хотелось бы взять препроцессор, который по структуре своего кода ближе к серверным языкам, чтоб потом их изучение стало проще и интуитивнее.
>>592030>>592032
#513 #592021
Парни, подскажите мне какой нибудь жквери плагин, чтобы при клике на маленькое изображение открывалось большое. Или как такое написать?
#514 #592026
>>591814
Двачую
#515 #592030
>>592008
бери наиболее популярный - scss/less. Я взял scss, так как он был самым популярным, ну а также, в отличие от стилуса, он похож на css и совместим с css.
#516 #592032
>>591995

> не платили


Ну вот и вся суть - ты сюда лезешь ради денег, поэтому тебе нужна мотивация. Не как что-то плохое, просто у меня другая ситуация. Мне нравится фронтентд, я могу 5 часов колупать рандомную js библиотеку без какой-либо мотивации сверху или те же 5 часов верстать какую-нибудь концептуальную хрень на флексах, и чтобы она на ие10 нормально работала.
>>592003

> надо ставить


2016 год, фигурные скобочки и двоеточия проставляются автоматически во всех нормальных редакторах (и в ненормальных тоже, я вот на атоме сижу). scss лучше сасса хотя бы тем, что он полностью совместим с обычным цсс, плюс приучает к нормальному код-стайлу.
>>592008
Тогда scss. Там и переменные строго объявляются, и экстенды есть, и прочие плюшки, и сам по себе выглядит более "строго". лесс более раздолбайский и вообще как-то неприятно выглядит, чем-то на пэхапэ похож, повсюду @, странные миксины, вот это вот все.
Я вообще попробовал все. Мне понравился scss и stylus, остановился на первом, т.к. он намного более распространен.

А вообще все это вкусовщина, не надо думать, что я тут с пеной у рта доказываю крутизну scss.
>>592104>>592105
#518 #592104
>>592032

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



Я вообще не понимаю о чем ты. Я тоже легко могу потратить на изучение фреймворка из чистого интереса много часов. Но интерес мой будет происходить из мотива, сделает ли этот фреймворк мою работу быстрее/лучше/качественнее или хотя бы даст понимание каких-то новых принципов, которые можно встроить в работу. Если я заранее буду знать, что этот фреймворк - говно без задач написанное инвалидами для инвалидов (это просто пример, ничего конкретного ввиду не имею) то мой интерес испарится и будет только скука.
#519 #592105
>>592032
И да, разуй глаза, мне не нужна мотивация.
#520 #592577
>>589196
Тебе придется делать кастомные селекты, input'ы и прочую формочную поебень на js и jquery вместо того, чтобы пользоваться готовыми инструментами html5. И реализовывать это придется на angular и react. Енджой ер 2006
#521 #592586
>>589351
После продвинутого пиздуй учить js, потому как без него ты практически нигде не нужен, почти все заказы по верстке на фрилансе требуют js
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 4 июля 2016 года.

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

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