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

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

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

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

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


Можно.

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


Можно.

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


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

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


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

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


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

>Слышал что нужно портфолио, подскажите хостинг/сайт/место


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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>492412 (OP)
#2 #500910
>>500885 (OP)
А зачем нужен gulp-sourcemap? В интенсиве есть про это?
#3 #500913
Кто-нибудь еще записался на интенсив в апреле?
>>501141
#4 #500914
>>500870
Не особенно. Самый бюджетный i3 сэнди и 8гб дешевой RAM.
74 Кб, 453x604
#5 #500920
Привет анон. Прочитал шапку и тред.

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

спрашивал в программаче, посоветовали вкатиться во фронт-энд. Настроен я более чем решительно. Моя задача- начать зарабатывать.

Но я походу пошел не с той стороны. А именно начал изучать жс по http://learn.javascript.ru. Как думаешь анон, наверное сначала стоило заняться освоением html/css и верстки в целом?

Думал освоиться с этим, сделать проект для портфолио и начать ходить на собеседования. Может быть html и css стоит заняться уже во время создания своего проектика?

Как думаете, 2.5 месяца достаточно для этого?

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

объебался и запостил этот посто в жс-тред на программаче. Неудобно вышло.
#6 #500925
>>500920
Еще раз блядь напиши, заебали уже одно и то же спрашивать. Не ебем мы сколько тебе времени надо. Фронтенд начинается с H+C. Не думай, что в верстке нет нюансов и там все изи бризи, что на ходу все выучишь, лол. Про задачи сам думай, ебет что ли кто-то как ты материал воспринимаешь и закрепляешь и запоминаешь и готов реализовывать потом.
#7 #500931
>>500920
Думаю лучше освоить html, css, позже js. Наверстай говна поначалу, а потом делай портфолио. Может тебе и хватит времени если въебывать будешь как черт и всё понимать. Лично я не проходил всякие задачки на сайтах и прочее. тупо начал смотреть интенсив и вкатываться потихоньку. (на счет зада думаю что есть иногда в них смысл, т.к узнаешь некоторые фишки)
>>500933
#8 #500933
>>500931
окей, спасибо. Просто думал пойти именно как программист. Одностраничные приложения, вот это все.
>>500941
#9 #500936
>>500920

>Прочитал шапку и тред.


В шапке написано сколько времени нужно.

Начать нужно с html/css.

>И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи?


Это твое портфолио.
#10 #500941
>>500933
Сам подумай, что ты сможешь сделать как чистый программист во фронтенде без знаний верстки? Циферки в консоль выводить?
#11 #500948
>>500885 (OP)
шалом, я вот залил верстку для потфолио https://github.com/LitvinenkoEvgeny/portf.github.io
че то не отображается по адресу https://LitvinenkoEvgeny/portf.github.io
поясните ЧЯДНТ
>>500959>>500978
#12 #500949
>>500885 (OP)
LitvinenkoEvgeny/portf.github.io котоны, по какой ссылке искать сайтец то ?
>>500950>>500958
#14 #500958
>>500949
Ни по какой. Ты не залил его на хост, ты просто создал репозиторий. Гугли gh-pages
#15 #500959
>>500948
Все сделал не так.

Неверное название репозитория, должно быть LitvinenkoEvgeny.github.io или любой projectname.

Пытаешь зайти по неверному адресу, нужно заходить по LitvinenkoEvgeny.github.io или соответственно LitvinenkoEvgeny.github.io/projectname.

Проект находится в ветке master, а должен в gh-pages.

Ты как вообще мануал-то читал?
>>500962
#16 #500962
>>500959
https://pages.github.com/
шаг 4 там push -u origin master
>>500963
#17 #500963
>>500962
Ок, значит это только к страницам проектов относится.
#18 #500978
>>500948
Кароче поясняю так, как хотел бы чтоб мне объяснили, когда я с этим ебался. У тебя есть локальный проект HUI допустим, ты его комитишь, пушишь на удаленку и он у тебя есть на гитхабе удаленно, так же как и локально на пеке. Чтобы что-то захостить !нужно в твоем проекте HUI создать новую ветку gh-pages (git branch gh-pages -> git checkout gh-pages ->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. -> git merge master -> смержил и теперь эти ветки одинаковые -> перед пушем git commit -> git push -origin gh-pages. Теперь твое говно захостилось на HUI.github.io
#19 #500990

>ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой.


Это неправда, ветка отпочковывается от текущего состояния и git merge там делать не нужно.

Алсо, в твоем примере не упомянуто, что название репозитория на гитхабе должно быть hui.
#20 #500997
>>500978
Спасибо анончик, все запустилось.
#21 #501000
>>500978
Если хотите просто лить в pages для создания превью, то все гораздо проще делается.
Просто создаешь новую ветку прямо в интерфейсе на сайте с названием gh-pages. Вуаля, все готово.
Если ветку надо обновить, просто заходим в create pull request, выбираем ветки для сравнения, сравниваем бранч pages с мастером или любым другим актуальным рабочим билдом и мерджим, тоже в интерфейсе. Вот и все.
>>501007
#22 #501007
>>501000
Не заебешься каждый раз обновлять-то? Проще всего выпилить с гитхаба и из локального репоизтория ветку master и разрабатывать прямо в gh-pages.

Если проект более сложный, то можно выливать поддерево в отдельную ветку командой git subtree push --prefix build origin gh-pages (здесь выливается папка build).
>>501016
#23 #501011
>>500978
оговорился немного. При создании gh-pages ветки она будет не пустой, а будет копией mastera на момент создания, но так как разработку логичнее вести в мастере, то мержить потом все равно придется. Это Если конечно не хостить готовое, у меня какая-то привычка сколько сделал-столько захостил. На андроиде там загрузить посмотреть, то се.
#24 #501016
>>501007
В моем случае gh-pages нужен только для портфолио, вернее для отображения проекта в инете, а разработку веду на локальном сервере нодовском.
Поэтому работаю через master и дополнительные бранчи. Когда конкретный кусок сделал, тогда уже, если надо обновляю. К тому же, в pages я заливаю уже почти готовый или готовый проект, который разве что требует допила. Смысл постоянно обновляться в pages?
142 Кб, 900x900
#25 #501023
кстати, а что думаете об этом курсе: http://www.w3schools.com ?
Курс от организации занимающейся стандартизацией веба.
>>501027
#26 #501027
>>501023

>The site derives its name from the World Wide Web (W3), but is not affiliated with the W3C.

>>501030
5 Кб, 250x202
#27 #501030
>>501027
ебать я лох. А я повелся в свое время.
>>501031
#28 #501031
>>501030
Как справочник он полезен, как курсы - хз.
>>501034
#29 #501034
>>501031

> Как справочник он полезен


да я смотрю сейчас все как справочник полезно. Html не какая-то алхимическая наука и почти все подобные сайты говорят одно и то же.
>>501038>>501039
#30 #501038
>>501034
Я не только о верстке. В нем лаконично перечислены JS методы, без кучи потробностей как в мозилле, и без отсебятины как в большинстве сайтов ру сегмента.
Если нужен справочник по верстке - используй css-tricks.
>>501046
#31 #501039
>>501034
ну а истина в последней инстанции конечно же только спека

мимо
63 Кб, 604x403
#32 #501046
>>501038

> как в большинстве сайтов ру сегмента


вот кстати да. Поэтому тот же htmlbook мне в свое время дико не понравился.

> используй css-tricks


Хорошо, учту.

Вообще, за последние пару дней мне столько советов дали, что голова кругом идет. Кучу вещей надо освоить. Единственное что радует что все довольно подробно растолковано да и в принципе сказывается опыт.
#33 #501139
Значение переменных в зависимости от вьюпорта можно менять?
>>501239
#34 #501141
>>500913
Зачем? Можно бесплатно посмотреть.
16 Кб, 400x400
#35 #501224
Решил попробовать разделять лесс-файлы в соответствии с бэм-блоками. Сделал и подключил main.less, в него импортирую блоки header.less, footer.less и т. д. А если надо повесить шрифт на body, для него тоже получается пилить отдельный файл штоле? Или в том же main.less прописать?
#36 #501230
>>501224
Думаю в мейне.
#37 #501233
>>501224
ну например в scaffolding.less как у Громова было
#38 #501239
>>501139
Нет. Не забывай, что все компилируется в самый обычный css, где вообще нет понятия переменной.

Используй vw и vh.
>>501242
#39 #501242
>>501239
лол, надо полагать он подразумевал переменная в разработке, а не функционале, не?
#40 #501254
В шапке написано что 2 часа после работы погоды не сделают. А сколько нужно? При этом что бы через час голова не пухла. Перерывы там.
>>501259>>501261
#41 #501259
>>501254
ну я часов 6 в день хуярю без учета перерывов. Голова пухнет даже с перерывами, а хули делать.
#42 #501261
>>501254
Мне похуй. Занимаюсь сколько могу. Хочешь сказать мне нужно отказаться от этого?
>>501263
#43 #501263
>>501261
Это уж только тебе решать надо оно тебе или нет.
#44 #501436
>>501224
font-face надо всегда в fonts.препроцессор
#45 #501448
Объясните такую простую вещь как хостинг и домен. Где вы верстаете свои пробные макеты? Знакомый посоветовал установить локальный сервер и делать все на нем. Я скачал xampp, но честно говоря нихуя не понял. Как быть? Или все таки потратить 100 рублей на хостинг? Объясните совсем ньюфагу.
#46 #501451
>>501448
gh-pages
#47 #501458
>>501448
Нахуя хостинг для верстки пробных макетов? Хостинг нужен для составления портфолию, ссылку на которое уже будешь кидать работодателю.
>>501462
#48 #501462
>>501458
А как мне посмотреть то, что я верстаю? Я глянул вводный раздел интенсива и они как раз разбирали хостинг.
>>501468
#49 #501467
>>501448
Используй Github Pages.
#50 #501468
>>501462
Локально в браузере же.
#51 #501481
>>501448
Для верстки тебе этого не надо. Большинство редакторов имеет лайвпревью. Либо встроенное, как в брекетсе, либо в качестве аддона.
Можешь вообще сломать систему и тупо перед началом работы закидывать свой index.html в браузер, а затем уже верстать.
Еще вариант - локальный сервер. Но опять же для верстки не нужно ничего больше чем показано здесь https://learn.javascript.ru/ajax-nodejs
#52 #501484
Может спрошу немного не по теме, но подскажите, на каком уровне нужно знать верстку, чтобы зарабатывать примерно 8к?
>>501492>>501499
#53 #501492
>>501484
а мы не знаем, дружок.
контор дохуя, требования и нужды у всех разные.
и многим чистые верстаки уже давно нахуй не нужны.
>>501496
#54 #501496
>>501492

>многим чистые верстаки уже давно нахуй не нужны


Особенно с уровнем знаний на 8к, лел
#55 #501499
>>501484
Всё ещё дрочите вёрстку, долбоёбы? Какого это, осознавать, что есть такие иждивенцы вроде меня, которым можно ничего не делать, и у них всё будет?
мимо живу с мамкой, ем её борщи, поясняю за жизнь младшему брату
#56 #501500
>>501448
Xampp очень простой, два часа на изучение уйдет. По любому придётся это знать.
#57 #501503
>>501499
Где-то я тебя уже видел. Рад за тебя, продолжай в том же духе)
>>501586
#58 #501523
>>501499
Батя бы гордился тобой.
>>501586
#59 #501538
>>501499

>дрочите вёрстку


у нас тип хобби такое.
>>501586
#60 #501554
>>501224
я все общее выношу в common.scss а шрифты fonts.scss думаю и в main импортирую, думаю и в less так можно
#61 #501586
>>501503
>>501523
>>501538
почему я не слышу слов зависти? Вы же по-любому мне завидуете, разве нет?
>>501609
#62 #501609
>>501586
борщ говно, а младшие братья нахуй не нужны. dixi.
>>501632
#63 #501632
>>501609

>нахуй не нужны


на хуй как раз и нужны
76 Кб, 900x742
#64 #501705
Ну что же аноны, сегодня за послеобеденное время прошел. 5 из 18.

На самом деле для меня хтмл, не нов, но все-равно с ним я не работал.
>>501906>>503051
#65 #501743
Как обычно принято стилизовать свгшки?

Что-то посмотрел на громовские примеры, он прикрутил width и height прямо в хтмл.

http://codepen.io/nicothin/pen/qbmwNP?editors=100

Не западло ли здесь просто навесить на свг какой-нибудь класс и через css менять у него width, height, fill и т. д? Что-то по-моему так никто не делает.
>>501837
#66 #501837
>>501743
Смотри интенсив дальше.
Размеры надо дублировать в хтмл, чтобы в дальнейшем какие-нибудь долбоебы не поменяли мелкую картинку на огромную, например, что похерит верстку.
45 Кб, 499x499
#67 #501843
ПРИШЁЛ НА РАБОТУ НЕДЕЛЮ НАЗАД
@
ПЕРВЫЙ ОФИС ЗА 26 ЛЕТ
@
КОМПАНИЯ ОТМЕЧАЕТ СВОЁ ДЕСЯТИЛЕТИЕ
@
СКУШАЛ КУСОЧЕК ТОРТА, СТОЯ У СТЕНЫ
@
ПОСИДЕЛ НА СТУЛЕ
@
ПОШЁЛ ДОМОЙ ИГРАТЬ В ВОВ
@
ПОСИДЕЛ НА ДВАЧИКЕ
>>501908>>501940
#68 #501906
>>501705
Продолжай в том же духе!
#69 #501908
>>501843
это успех!
#70 #501940
>>501843
Эта корпоративная шиза меня убивает.
#71 #501966
Вопросец. А что именно нужно кидать в github? Исходники (less, bower, gulp и т.д.) или готовый вариант (чисто html, css)? А может и то и другое?
>>501979>>502018
#72 #501979
>>501966
Смотря куда апплаишься. В зависимости от требований. Что за вопросы блядь тупые. Ты ребенок чтоли? Кому твой компилированный копипаст в ксс нужен?
>>501989
#73 #501989
>>501979
Ну я не думаю gh-pages заведёся с stylus
#74 #502018
>>501966
бля чувак ну полюбому dist в ветку gh-pages кидай че ты тупишь то ?
#75 #502024
Ребят, подскажите плагин для ST3 что бы он мне либо выводил список из моих переменных, либо автодополнял, когда я ввожу $. Есть вот такой https://github.com/MaciekBaron/sublime-list-stylesheet-vars , но если мои переменные в другом файле, то он их не находит.
>>502032
#76 #502032
>>502024
двачую, сам хз. приходится переключать файлы, чтобы найти переменную
#77 #502033
ПИЗДОС, сгорела мамка, утянув за собой проц (судя по всему, на другой мамке он не заводится). Посему мне минимум недели две сидеть на некропекарне (селерон е1600, 2гига оперативки). Думаю поберечь нервы и сесть плотно за теорию JS. Или я не прав и надо продолжать верстать, превозмогая десятиминутное обновление лайвпревью?
>>502036
#78 #502036
>>502033
попробуй browser sync
#79 #502110
Тупой вопрос.
Допустим, есть фильтры товаров для магазина (чекбоксы и радиобаттоны). Интуиция подсказывает, что надо их делать ul. Но смысла в этом особого не вижу. Хотя видел как такое делают другие. Так вот, надо их обрамлять в список, и есла да, то зачем?
>>502116
#80 #502113
верстаны, го в скуп обмениваться опытом . я сейчас верстаю адаптивные сайты в портфолио на LESS, с использованием gulp. Js на уровне написания простых скриптов, XMLHttp request запросов и подключения плагином jquery вкупе с комфортный работой с командной строки. использую emmet и sublime text, знаю фш на уровне верстальщика. с вордпрессом работать пока не пробовал.
В общем - обмен опытом - очень полезная штука, да и возможность поболтать с людьми, близкими по духу, будет радовать.
мой скайп lad77752
>>502128
#81 #502116
>>502110
Это, типа, семантично. Никакого другого смысла нет.
#82 #502128
>>502113
может лучше реально конфу телеграмма создать как уже предлагали раньше? А то уже не первый раз предлагают куда-либо перебраться и там чатиться
>>502131
#83 #502131
>>502128
го в скуп сначала а если взлетит перекатимся. Я тогда создам если взлетит в скупе
>>502626
#84 #502145
Мы тут хикки, вы о чем. Еще унизят за то что глупые вопросы задаю.
>>502146>>502233
#85 #502146
>>502145
в как ты будешь в жизни продвигатся если ты хикка? ты ж нахуй не будешь нужен никому с таким характером
#86 #502233
>>502145
тут адекватные люди сидят, в треде дохуя тупых вопросов задаетсяда я и сам иногда задаю, аноны все равно отвечают и помогают
#87 #502626
>>502131
Нахуй этот скайп, он неудобный.
20 Кб, 398x182
#88 #502670

>Работу находим в конторках и крупных фирмах.


Возможно ли устроится без диплома? Дело том, что я великовозрастный хикки без полного среднего образования( не полное среднее), поэтому от ваших ответов зависит, буду ли я изучать верстку.
>>502676>>502679
#89 #502676
>>502670

>от ваших ответов зависит, буду ли я изучать верстку


значит тебе не надо изучать верстку и вообще все, что связано с разработкой тоже
>>502682
#90 #502679
>>502670
Смотри вакансии. Например, для джунов и стажеров часто встречаю требования высшего айти или технического образования. По сути оно и нахрен никому не нужно, но, я так понимаю, это один из множества фильтров для неадекватов и просто тупых, чтобы не тратить на них время.
>>502913
#91 #502682
>>502676
Двачую.
Если тема интересует - ты бы уже сидел, смотрел интенсивы и проходил курсы. Если просто хочется денег или найти хоть какую-то работу - не стоит даже начинать.
>>502908
#92 #502766
Что за хуйня? Когда измеряю линейкой шрифт - есть одна высота, во вкладке Character - другая. Единица измерения точно пиксель.
>>502772
#93 #502772
>>502766
Высота шрифта это еще и отступы сверху и снизу от самого шрифта.
>>502873
#94 #502789
Поясните, что это значит весь код не могу скопировать, курсы сука платные, и там блять картинки не вставлены в итоге нихуя не видно

for (var i = 0; i < controls.length; i++) {
controls.innerHTML = controls.dataset.filter;
clickControl(controls);
}

controls это переменная, что значит controls? И вот эта строчка еще не понятна, что происходит? i < controls.length
>>502791>>502794
#95 #502791
>>502789
controls это переменная, что значит controls - пофиксил вопрос
#96 #502794
>>502789
блять забейте короче, какого хуя код не показывается, че тут макака натворила пиздец
44 Кб, 548x499
#97 #502800
Вот короч, что происходит под цифрой 1?Что происходит когда мы указываем рядом переменную в квадратных скобках(цифра2)
#98 #502820
>>502800
for – это цикл, итерация. Ты задаёшь параметры (начальная инкрементируемая переменная ; условие, до которого будет происходить цикл; как инкрементировать)
controls – выбрать объект из массива controls под индексом i
>>502850
#99 #502822
>>502800
у тебя есть коллекция controls
controls.length - количество элементов в ней (ну или последний элемент + 1)
controls - ты берешь i-й элемент коллекции.

Если ты такие основы не знаешь - то иди и читай их. Хотя бы на том же learn.javascript.ru или любую другую книгу для новичков или курс
>>502850
#100 #502827
>>502800

>курсы сука платные


>этот код

#101 #502850
>>502820
Спасибо
>>502822
Спасибо

> Если ты такие основы не знаешь - то иди и читай их


В продвинутых курсах думал все объяснят, но вот эти моменты проигнорировали, вот и не понятно.
>>502864
#102 #502864
>>502850
В базовом или продвинутом интенсиве это есть вроде бы в разделах по js. Ну и само-собой в интенсиве базовом по js это тоже есть. Там разжевано
>>502868>>502872
#103 #502868
>>502864
Я похоже не верно пошел изучать, я сделал так базовые курсы -> базовый интенсив -> продвинутые курсы а надо было как?
>>502889
#104 #502872
>>502864
Алсо, работы с циклом в базовом интенсиве нет, там только найти переменную убрать\добавить класс
#105 #502873
>>502772
Как тогда правильно всякие паддинги считать? Подбирать?
>>502883
#106 #502883
>>502873
На интенсиве чувак говорил: из высоты шрифта вычитаешь размер шрифта, делишь на 2 это будут внешние отступы сверху и снизу для твоего шрифта. А знакомый верстала говорил мне считать отступы по высоте палочки, которая появляется, когда ты печатаешь.
>>502899
#107 #502889
>>502868
Да норм все. Просто я эти курсы прошел по акции в январе, когда уже немного знал js, поэтому как бы не заметил недосказанностей.
#108 #502899
>>502883
спасибо
#109 #502908
>>502682
Интересует, но если для работы требуется диплом, то смысла начинать нет.
#110 #502913
>>502679
Меня больше всего интересует нужно ли будет показывать при устройстве на работу документ об образовании или нет.
>>502922
#111 #502922
>>502913
Чувак фронт-енд - это айти. Где ты видел чтобы при приеме на работу айтишники смотрели в первую очередь на такую хуйню как диплом?
Человек может иметь три диплома, но если он не умеет делать то что должен, то может сразу идти нахуй.
#112 #502925
Устроился без вышки фронтендером в дс за 30к, ушел через 2 недели по-собственному. На собеседовании спрашивали что угодно, только не про диплом.
>>502932
#113 #502932
>>502925
Нахуя ушел-то?
>>502942
#114 #502942
>>502932
30к.
Давно протухшие и, самое главное, сложные и неудобные в использовании технологии.
Овердохуя джунов, что дает очень "интересный" эффект вкупе с предыдущим пунктом.
Низкие требования к продукту, чуть ли не до абсурда доходит.

Атмосфера там довольно ламповая, но мне надо расти, а не проебывать время. Если интересно, могу ПОДКИНУТЬ ссылку на вакансию и рассказать, что говорить на собеседовании - мне не жалко для анона.
#115 #502996
lad77752 добавляйтесь в скайпу конфу
108 Кб, 889x964
#116 #503051
Сегодня всего три главы прошел. Чет я лажать начинаю. Хотя вроде полдня просидел за курсами.
>>501705
#117 #503134
>>502942
Тогда молодец, все правильно сделал. Ссылки не надо, спасибо.
#118 #503154
>>502942
Сколько тебе лет?
>>503351
#119 #503167
>>502942
Хуй знает, у меня первая работа была за 30к, норм
#120 #503169
>>502942

На каком уровне знал ЖС и какие нибудь фреймы, что уверенно шел на фронта?
>>503351
#121 #503274
СУКА КАК ЖЕ У МЕНЯ БОМБИТ, ХТМЛАКАДЕМИ ТАКОЕ ГОВНО ПИЗДЕЦ, НИХУЯ НЕ ОБЪЯСНИЛИ ТЕПЕРЬ ДЕЛАЙТЕ ЗАДАНИЕ ГДЕ ПОЛОВИНА КОДА НЕ ПОНЯТНА НИХУЯ
>>503278
#122 #503278
>>503274
Расслабься, значит не твое просто)
>>503280
#123 #503280
>>503278
Конечно не мое, ведь обьяснить нихуя мы не можем, оказывается не мое, пошли нахуй, все остальное нормально шло но тут они пиздец нахалтурили, даже комменты закрыли, пидоры.
>>503283>>503289
#124 #503283
>>503280
Еще и на форуме пишут - ЕТА АЗНАКАМИТЕЛЬНЫЙ КУРС ПАДРОБНЫЕ КУРСЫ СКОРА ДАБАВИМ))))
113 Кб, 370x309
#125 #503288
Вот, ананасы, смотрите кто сможет сделать как на пикрелейтед? http://codepen.io/anon/pen/jqBVbR
#126 #503289
>>503280
Что конкретно не получается?
>>503290
#127 #503290
#128 #503291
>>503288
Разумеется при помощи JS
#129 #503292
>>503288
А, вспомнил, эт лнгкое задание. у тебя функции сет колор и намбер вызывай их.
>>503293>>503294
#130 #503293
>>503292
Я уже от жара пердака уже видимо совсем нихуя не понимаю, он разве не вызваны?
#131 #503294
>>503292
Я ща с планшета. Доберусь до компа через минут 10 и наваяю тогда, если не разберешься или кто не поможет
>>503296
#132 #503296
>>503294
Сможешь в скайпе объяснить? Если не трудно, конечно.
>>503298
110 Кб, 1428x726
#133 #503298
>>503296
на, сделал с комментами
>>503302
#134 #503302
>>503298
Спасибо!Но ты не сохранил похоже, ничего не отображается.
>>503303
#135 #503303
>>503302
ну да, на скрине весь код.
Перепечатаешь)
>>503304
#136 #503304
>>503303
Лол, это весь код который надо было дописать?Охуеть. Чувствую себя ничтожеством.
>>503305
#137 #503305
>>503304
Я же говорил, что там легко)
>>503306
#138 #503306
>>503305
Ты JS на learn javascript учил?
>>503309
#139 #503309
>>503306
Еще нет, его досконально не читал) Учу 20 день. (с начала марта) Смотрю интенсив по js (там в допах ссылки на статьи по теме урока на learn.javascript.ru), и айти бурсу еще смотрю)
https://openssource.info/threads/itbursa-professionalnye-javascript-kursy-2015.8358/
>>503314
#140 #503314
>>503309
Спасибо!Добавил в закладки!
#141 #503351
>>503154
22
>>503169
Cам JS знаю хорошо, DOM API сильно похуже. На собеседовании спрашивали в основном по ООП.
>>503413
#142 #503413
>>503351

>На собеседовании спрашивали в основном по ООП.


Тогда всё правильно сделал, что свалил.
>>503416
#143 #503416
>>503413

Почему?
#144 #503434
добавляйтесь в скайп-конфу верстальщиков и фронтэндеров. lad77752
>>503436>>503437
#145 #503436
>>503434
сколько уже народу?
#146 #503437
>>503434
Вы там голосом общаетесь?
>>503439
#147 #503439
>>503437
5 человек на данный момент. из них вчера активных 3 то есть я и еще двое.
нет мы переписываемся но может будет и голос под настроение.
>>503440
#148 #503440
>>503439
Смысл конфы если можно писать в тред?
#149 #503446
более личное общение. Возможность поговорить голосом. В скайпе люди более открытые чем на анонимной борде. Плюс больше ламповости.
>>503447>>503734
#150 #503447
>>503446
но мне пох. Взлетит не взлетит это чисто эксперимент. скорее всего здохнет конфа конечно но значит, так и надо
#151 #503455
Аноны веб мастеры.Кто нибудь из вас фрилансит?Или вы ток в офисе просиживайте.Имхо в рашке в офисе сидеть себя не алеть.Даже индусы больше получают
#152 #503464
Есть набор элеменов блока с разными фонами (не только картинка, а еще всякие градиенты и т.п.). Как по БЭМ их называть, давать каждому свой модификатор?
#153 #503722
Посоны, помните тут недавно было обсуждение специфичности? И многим было интересно перетрет ли вложенность классов селектор по id.
Короче, сегодня читая книгу по jquery наткнулся на абзац в котором написано:
"Говорят, что правило с 255 классами будет выше по приоритету, нежели правило с одним id, но надеюсь, такого кода в реальности не существует."

Короче мне стало интересно, и я сгенерил такую страницу. Результат можете наблюдать вот тут:
http://jsbin.com/hoturasusi/edit?html,css,js,output

Вот такая вот фигня)
>>503738>>503775
#154 #503734
>>503446

>В скайпе люди более открытые чем на анонимной борде


Чего блядь?
#155 #503738
>>503722
блин тупанул)
>>503775
#156 #503775
>>503722
>>503738
Вот. А то чет тупанул)

http://jsbin.com/hoturasusi/edit?html,css,js,output

так что нифига не перетирается). Если кто заметит ошибку - черкните
>>503834
#157 #503791
Парни, кто на хтмлакадеми занимается. Вы конспектируете или ебашите по памяти?
#158 #503804
>>503791
Сначала конспектирую, потом ебашу по памяти
#159 #503834
>>503775
Это очень странно. По идее класс добавляет 10 очков "Specificity", а айди всего 100. Поэтому должно быть достаточно 10 классов всего, но почему-то не работает.
#160 #503846
>>503834
Не 10 очков, а вот так
0-1-0
Ты не правильно понял
>>503882
#161 #503882
>>503846
Это ты не правильно понял, читай внимательней спецификацию.
>>503884>>503902
640 Кб, 1024x768
#162 #503883
Очередной платиновый вопрос. Есть седона - https://ayrgrant.github.io/sedona/
Тут как бы шрифт PT Sans и размер шрифтов 14 px, но когда я выставляю такой шрифт у меня на странице это выглядит как говно. Когда выставляю для заголовка font-weight: bold- выглядит ужасно. Что автор сдеалал что бы его шрифты выглядели так няшно?
#163 #503884
>>503882
Лол, мдя...
>>503902
111 Кб, 1350x626
#164 #503902
>>503882
и да, может тебе не понятно будет почему я лольнул вот здесь >>503884
поэтому прилепляю скриншот спеки

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

https://www.w3.org/TR/css3-selectors/#specificity
>>503905>>503906
#165 #503905
>>503902
А теперь реши следующий ребус
.0.1.2.3.4.5.6.7.8.9 a=0 b=10 c=1 -> specificity = ???
>>503916
#166 #503906
>>503902
Лол, ты даун? Там тебе черным по голубому всё написано, ты даже читать не умеешь штоле?
>>503909
#167 #503909
>>503906
Это ты даун
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.

Читать умеешь? Я и писал ему 0-1-0. А не 10 очков. Подход с 10 очками не правильный ибо ведет к недоразумениям, которые он и написал, что 10 классов перебьют айди
>>503912
#168 #503911
>>503791
Ни то, ни другое, всегда если что-то не помнишь можно загуглить, все запоминать не обязательно.
#169 #503912
>>503909
Давай, ответь, сколько будет тут, либо ты пидораха тупая
.0.1.2.3.4.5.6.7.8.9 a=0 b=10 c=1 -> specificity = ???
#170 #503916
>>503905
Если a=0, b=10, c=1
То специфичность 0-10-1

Что такое .0.1 и т.д. у тебя я так и не понял
>>503918>>503921
#171 #503918
>>503916

>Что такое .0.1 и т.д. у тебя я так и не понял


Это просто классы. Ты пиздец тупой.

>Если a=0, b=10, c=1


>То специфичность 0-10-1


Теперь одной цифрой это напиши, как в спецификации. И сделай вывод, тупое ты хуйло
#172 #503921
>>503916
На сайте, который ты скинул, по другому пишут:
LI.red.level / a=0 b=2 c=1 -> specificity = 21 /
Одним числом, получается анон >>503834 прав
>>503924
#173 #503924
>>503921
Ох блядь. Смотрите у нас есть 1 класс и 1 элемент
0-1-1
Вы хотите писать 11?
Окей, у вас есть 10 классов и 1 элемент
0-10-1
Как вы будете писать?
>>503927>>503931
#174 #503927
>>503924
Бля, ты просто безмозглое чмо, посмотри на ссылку сначала, которую ты скинул, уёбище.
>>503931
#175 #503931
>>503927
Ответь на вопрос сначала вот этот >>503924
>>503935
#176 #503932
Анон, который говорит про систему очков прав. НО! система очков не десятичная, за первую графу дают сразу 65536 очков, за вторую 256, за третью - всего 1 очко. Поэтому 256 классов должно быть достаточно, чтобы переписать один id, странно, что в жсбине это не работает.
>>503935>>503941
#177 #503935
>>503931
Пидораха, я тебе тот же вопрос задаю, я ебал, как можно быть таким долбоёбом как ты?
>>503932
Спасибо за разъяснение. Меня этот пидор пиздец взбесил.
#178 #503941
>>503932
Блядь, я им и объясняю, что >>503834
вот это не правильно. Потому что блядь не 10 очков
А какое-то чмо еще и выступает
>>503943>>503946
#179 #503943
>>503941
Нет, он вполне правильно говорит. Просто в большинстве браузеров используется система с 65536, 256 и 1 очком, но в спецификации ничего про это не сказано, это просто вопрос реализации. Можешь написать свой браузер, где будет 100-10-1 очков и это будет всё согласно спеке. Ты не прав, извини.
>>503950
#180 #503946
>>503941
Нахуй иди, мразь, тебя рылом в говно ткнули, а ты ещё выёбываешься.
#181 #503950
>>503943

>в большинстве браузеров используется система с 65536, 256 и 1 очком


>чувак пишет о выдаче классу 10 очков


>говоришь ему, что он не прав


>ты сам оказываешься не прав


Охуеть у вас логика. Браво
>>503955
#182 #503955
>>503950
Ты думаешь, что вот это твоё объяснение что-либо проясняет?

>Не 10 очков, а вот так


>0-1-0


"а вот так" это как? Ты ничего не объяснил, сразу начал флеймить, если ты знал про 256 очков, мог бы сразу сказать. Не думаю, что ты разбираешься в вопросе, просто хочешь потроллить. Подход с очками как раз таки правильный, просто там другая база, не 10. Может еще-то используется 10, это не важно, суть от этого не меняется вообще.
>>503959>>503963
#183 #503959
>>503955
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
>>503964
#184 #503963
>>503955

>Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.


Ну и лол? Сам подход с очками правильный. Ты реально идиот, правильно про тебя тут написали уже. Я сваливаю.
>>503964
#185 #503964
>>503963
Ой, промазал. Это >>503963 тебе, дебилушка >>503959
#186 #503968
Кстати, в примере спеки на вк3 используется база 100-10-10, понятное дело, что многие думают изначально путаются, надо бы им поменять пример.
>>503969
#187 #503969
>>503968
Точнее 100-10-1
быстрофикс
>>503973
#188 #503973
>>503969
Сам же блядь пишешь через дефис и доказываешь что я не прав, когда пишу 0-1-0. Зато право тело, которое считает что 10 классами можно перебить айди. Кто из нас еще тролит?
>>503974>>503980
#189 #503974
>>503973
Я ушел. Ну вас нахер. Считайте дальше как вам вздумается. Используйте вместо конкатенации сложение и т.д.
>>504000
#190 #503980
>>503973
Идиот, я пишу сколько очков даётся за каждую колонку.

>Зато право тело, которое считает что 10 классами можно перебить айди.


Да, по примеру на сайте вк3 так можно сделать. Но в браузерах по-другому всё. Кстати, сейчас прочитал, что вроде в опере, например, другая база, не 65536-256-1, а больше.
В общем, ты тупое быдло, которые не разобравшись, начинает троллить других. Я тебе уже 10 раз объяснил, как это работает, любая макака бы уже поняла.
#191 #503989
Аноны, заебался без цели верстать,короче думаю договориться с одним зоомагазином, в который сам хожу сделать интернет магазин.В городе порядка 10 а может и больше магазинов,сайт есть только у одного.По поводу баба, думаю решить,что по результат реализации сайта и получения/не получения заказов, попросить небольшой процент с интернет клиентов либо просто продать полностью интернет магазин хозяину.
Цели какие: улучшение навыков верстки, (хочу все это адаптивным сделать) свистоперделки js, вьехать в БД, частично Php, админку сделать, семантику для продвижения. Думаю если даже не удастся вырубить бабла, то такой сайт с большим стеком технологий можно использовать при трудоустройстве,а не всякую хуйню двустраничную. Что ананас как мой план охуенный?сегодня уже приступил к выполнению,если есть интерес могу заливать на гитхаб, на обозрение,ну и для критики.
>>503996
#192 #503996
>>503989
Заебался без цели верстать?Иди устраивайся на работу в говноконтору, там тестовое задание сделаешь и будешь зарабатывать
>>504002
#193 #504000
>>503974
Там и нужно использовать сложении. Складывают все столбцы с друг другом, за первый дают x^2 очков, за второй x^1, за третий x^0. Ананасы всё верно тебе говорили, непонятно, чего ты взорвался.
#194 #504002
>>503996
Если бы был варик с гавно конторой,то я бы уже там верстал
#195 #504016
>>503791
Я конспекитровал. Сидел на работе, проходил и записывал все в блокнот. Потом дома как-то сел, в ворд все записи перевел.
#196 #504019
Какой-то совершенно тупой спор насчет специфичности.
Сколько вйди не юзай - встроенные стили не перебить. Сколько классов не юзай - айди не перебьешь. И никакое количество тегов в селекторе не перебьет класс. Вот и все, что нужно знать про специфичность.
>>504025
#197 #504025
>>504019
Как раз таки всё это можно сделать.
>>504055
#198 #504055
>>504025
Даже если можно - это не имеет никакого значения. Даже если у элемента 20 классов - это уже значит, что верстал долбоеб. Не говоря уже про мифическую возможность перебить по специфичности айди с 256 классами.
>>504065
#199 #504065
>>504055
На специфичности построена вся каскадная модель ксс. Про неё нужно знать.
>>504546
53 Кб, 907x940
#200 #504110
Осталось совсем немного до окончания базового курса.
#201 #504153
Как верстать кроссбраузерно, если в сафари и фоксе разный размер у пикселей?
>>504154
#202 #504154
>>504153
С чего ты взял? Пиксель это характеристика экрана, а не браузера.
>>504162
#203 #504162
>>504154
ну я вот поставил у родительского элемента паддинги, и они были разные в разных браузерах. потом сделал паддинги у дочернего ul и элемент стал одинаковым.
>>504164>>504171
#204 #504164
>>504162
Бляяяя причем тут пиксели и паддинги? Ебать ты лох
>>504177
#205 #504171
>>504162
Нихуя не понял. Давай код.

Скорее всего у каких-то элементов разные дефолтные паддинги. Сделай * {padding: 0; margin: 0} и посмотри на результат.
>>504172>>504178
#206 #504172
>>504171
* {padding: 0; margin: 0;}

Проебал вторую точку с запятой.
#207 #504177
>>504164
портфель собрал?
>>504181
#208 #504178
>>504171
делал уже.
Да и кстати, откуда в сафари такие большие марджины между дивами? они просто решили взять и заебашить по 50 пикселей между дивами? яхуею
>>504179
#209 #504179
>>504178
Открой в сафари инспектор и посмотри. Там же написано откуда что берется. И выложи уже код — у меня сафари есть.
#210 #504181
>>504177
даун блять пиксели и паддинги перепутал, хуйло
>>504183
#211 #504183
>>504181
Пошел вон отсюда. Не можешь помочь — молчи лучше.
>>504188
#212 #504188
>>504183
Пиксели у него разные бляхахаха, в сафари круглые штоле? Ебааать
>>504267
#213 #504266
lad77752 ламповая конфа в скупе.
>>504305
#214 #504267
>>504188
Содомит, чтож ты делаешь.
#215 #504305
>>504266
Заебали, го в телеграм.
#216 #504515
Пиздец, зашел в конфочку - трапы, бодибилдеры, анимудебилы и прочие эмоционально нестабильные пидоры. О чем угодно, только не о работе.
>>504519
#217 #504519
>>504515
Ну логично, ваши конфы как идею отхуесосили уже тредов 50 назад, ибо понятно, что не нужна.
#218 #504546
>>504065
нахуя она нужна, если есть БЭМ?
>>504547
#219 #504547
>>504546
я имею ввиду все эти ваши рассчеты
#220 #504569
Кто-нибудь проходил курсы от Кантора? Учебник мне его понравился. Хочется углубиться в фреймворки, а у него как раз по ангуляру и реакту есть.
На торрентах нашёл только по основному js. Вот думаю, тратить сбережения или нет.
>>504574
#221 #504574
>>504569
Ну определенно ему стоит доверять. Плюсом к тому, аноны тебя как аллаха вознесут, если сольешь ангуляр-реакт
>>504587
#222 #504587
>>504574
Ведёт вроде как не он, а человек от него.
>>504651
#223 #504651
>>504587
да пох, явно не даун
#224 #504660
Что выбрать https://htmlacademy.ru или https://geekbrains.ru?
>>504668
#225 #504668
>>504660
В смысле покупки? Тогда сорта. Учат тому, что итак все гуглится, разжевывают бухгалтерам про теги.
26 Кб, 604x604
#226 #504672
Нааахуй я блять проходил эти курсы на академии. Нахуй я терял время? Нахуяяяяя?????? НАААХУУУУЯЯЯЯЯ? Пиздец, это говно затянулось на 2 месяца ибо мне было фпадлу этим говном заниматься, было не интересно и тупо. По совету анона начал проходить интенсив и что бы вы думали? Все нахуй, сразу в работу, сразу верстать. Все блять понятно, все доступно. Интерес появился, вижу результат своих трудов. Пиздец, а с этими курсами ебаными только запутался и нихуя не понимал, что за див что за спан блять, проебал столько времени и нервов. Сплошная демотивация, а на самом деле блять как же все просто было оказывается. П И З Д О С И Н А!
#227 #504679
>>504672

лол
#228 #504680
>>504672
Если ты про курсы на сайте-то я так же считаю, они противоречат правильному алгоритму обучения. Я думаю тот кто проходит их все, помнит только несколько пройденных последних. Единственный профит-это запоминание того, что какие-то теги существуют. А так как там постоянное дрочево из-за несовпадения пиксела-то это пустая трата времени.
>>504690
#229 #504690
>>504680
Именно про них.
#230 #504693
>>504672
Во бомбануло.

А как по мне - нормальные курсы. Самое то перед интенсивом их пройти.
26 Кб, 410x169
#231 #504694
Кстати запарился тут по методикам правильного запоминания материала, сложно сказать помогает ли это в реальном обучении, но на запоминание этой хуйни теперь уходит 40 секунд.
#232 #504697
>>504694
Практика помогает. И гугл. Запоминать кучу всего смысла мало.
#233 #504698
>>504694

Что за методики?
>>504713
#234 #504708
>>504694
Выкладывай методики!
#235 #504713
>>504698
Погугли, материала полно, в данном случае например-это простейшая логическая цепочка и примитивный алгоритм трансформации. Если мне показать это через месяц, то 10 секунд хватит чтоб снова все воспроизвести в точности. Мне кажется-это конечно более полезно в целом для работы мозга, чем в частности для запоминания какого-то конкретного материала. Хотя если подумать я сейчас сижу с открытой форточкой и мне прохладно, так я делаю специально, ибо мозг в нештатной ситуации начинает работать куда более динамично. Это тупо биология. Так же я ничего не учу на сытый желудок, опять же по тем же причинам, достаточно хорошенько пожрать и твоему мозгу уже до пизды, что ты ты там запомнить хочешь.
>>504733
#236 #504733
>>504713
Ну и плюс повторение и вопроизведение для укрепления нейронных связей. когда ложусь спать вспоминаю все, что учил за этот день и день предыдущий. Если не могу вспомнить встаю и смотрю, что забыл. Так же открываю рандомные записи и вспоминаю все по этой теме, потом читаю и вспоминаю все что позабыл. Нейроны-это как мышца. А если брать сам процесс изучения, тут главное связывать новую инфу с чем-то уже существующим. Так сказать протягивание к новой связи старых ниточек, которые с большей вероятностью удержат новую инфу. Допустим хороший пример у кантора по методу .splice Это типо такой нож складной на обратной стороне которого фломастер(вроде бы хуйня какая-то да?) У него есть 3 состояния так сказать-сложен, разложен, рисует фломастером. Следовательно он сложен-с какого резать, разложен-сколько отрезать, фломастер-что дописать. Вот такая маразматическая хуйня позволяет запомнить .splice[0,1,'вот так'] очень надолго. А это всего лишь ассоциация с ножами и фломастерами, о которых ты уже знаешь.
>>504738>>504752
26 Кб, 410x169
#237 #504738
>>504733
А конкретно по этой хуйне достаточно составить логическую цепочку. И мозг будет запоминать это как 1 единицу информации. Допустим: На картинке шар, потом треугольник потом квадрат, ок. Представим что шар падает на треугольную крышку квадратного дома, дальше 5гранник-это результат сплющщивания от падения, затем треугольник на право-это крышка которая отвалилась и падает на новый квадратный но перевернутый дом, который тоже плющщица и тоже вверх ногами(соответственно), дальше пиктограмма-это сектант который делает из сплющенного дома снова квадратный. Теперь попробуй так запомнить и воспроизвести. Вуа-ля.
>>504742
#238 #504742
>>504738
А ну и еще простой алгоритм трансформации, повернуть все по часовой сперва на 90градусов, потом на 30 и еще раз на 30.
>>504745
#239 #504745
>>504742
хотя не, невнимательно посмотрел после поворота на 30 отразить зеркально еще надо и снова просто повернуть на 30.
#240 #504752
>>504733
Типа ты идёшь по кривой забывания Эббингауза? Вот у меня как раз проблема с долгосрочной памятью. Могу запомнить на неделю - потом вытесняется.
>>504758
#241 #504758
>>504752
Да, принцип повторения. Если можешь запомнить на неделю, значит надо повторить в конце недели. Если постоянно этим заниматься запоминание пойдет лучше и лучше. Мозг удивительный инструмент, главное научить его работать как тебе надо. Так же не стоит забывать, что есть мышечная память и если все это повторять руками, ну скажем писать при вспоминании метода какого-нибудь массива, то это еще сильнее ускорит процесс.
224 Кб, 1366x768
#242 #504800
Кто знает как в редакторе brackets сделать, что бы подсвечивания скобок и цветной шрифт был изначально? Начал верстать в нем макет, но без подсвета как на нижнем пике сложновато разобраться закрыл я где-нибудь скобки или нет. А готовый код уже отредактирован как надо. В чем моя проблема?
>>504803>>504818
#243 #504803
>>504800
Сам на божественном саблайме, но вангую не выбран синтаксис.
>>504804
#244 #504804
>>504803
А как его выбрать?
#245 #504818
>>504800
1. Ты новый проект сохранил с правильным расширением файла (.html / .css)?
2. Ты выбрал синтаксис внизу справа?
>>504860
#246 #504831
Почаны, а что before и after нельзя у input въебать?
https://jsfiddle.net/wbcsh8yf/
>>504834
#247 #504834
>>504831
Можно.
>>504836
#248 #504836
>>504834
А почему у меня не работает?
>>504839
#249 #504839
>>504836
По-моему нельзя, но у тебя один хуй не работало бы, ибо dislplay: block;
>>504843>>504844
#250 #504843
>>504839
Один говорит можно, другой нельзя. А если убрать block - один хуй не пашет.
#251 #504844
>>504839
Я прав: It's also not meant to be used on replaced elements such as form elements (inputs) and image elements.
#252 #504860
>>504818
Спасибо, разобрался.
#253 #504897
чем figure от дива отличается? обязательно оборачивать изображение в этот тег или можно не ебать мозги?
>>504914>>504919
#254 #504914
>>504897
Используется для группирования любых элементов, например, изображений и подписей к ним. рубрика догадайся сам, если гуглить не умеешь
>>504990
#255 #504919
>>504897
Можешь на дивах хуярить йопта и так сойдет ебана))))Верстай семантично, пидор!
#256 #504990
>>504914
Я как раз таки загуглил, прежде чем спросить. Только вот ответ мне ничего внятного не объяснил. Что подразумевается под словом "группирования" ?
>>505071
#257 #505071
>>504990
Пример там для кого? Он юзается для объединения в одном элементе связанные по логике, типа картинки с подписью=фигура. Или блок из нескольких картинок, или там блок социальный из иконок разных или аллах с поддаными . На самом деле он нахуй не нужен. Его смысл только в том, чтоб в куче дивов видеть другого типа див.
#258 #505075
Халп! Хочу чтоб картинка немного увеличивалась при наведении. Работает сие везде кроме хрома, чому?

.parent img {
width: 96px;
height: 96px;
padding: 2px;
}

.parent:hover img {
width: 100px;
height: 100px;
padding: 0px;
}

В хроме просто убираюся паддинги, а пикча так и остается 96х96.
>>505111
#259 #505111
>>505075
Через transform:scale попробуй.
>>505126>>505275
#260 #505119
>>500885 (OP)
двач, могу ли на джуна весталу претендовать с такой еботой ?
http://litvinenkoevgeny.github.io/elegant/
http://litvinenkoevgeny.github.io/storyteller/
второй будет допиливаться и работать на react
#261 #505123
>>505119
*первый который elegant будет на react
#262 #505126
>>505111
Да можно много через что попробовать, но мне интересно почему такая элементарная хуйня не хочет работать, чяднт.
>>505143
316 Кб, 1897x1080
#263 #505130
>>505135>>505139
#264 #505135
>>505130
да, я хотел об ентом спросить, как верстать для телефонов ? То есть я когда свой chromium сужаю до все выглядит прилично даже если эмулятор инструментах разработчика не помогает, а зайду с телефона, там лютый треш.
>>505138
#265 #505138
>>505135
http://caniuse.com ищешь проблему-устраняешь.
>>505141
#266 #505139
>>505130
эмуляторы есть какие нить, какова ваще good practice
#267 #505141
>>505138
бля ну с точки зрения не поддерживаемых свойств там проблем нет как я понимаю, там просто адаптивности нету и мало брейкпоинтов
#268 #505143
>>505126
кароч добавил к ним border-box - заработало. Хромог такой хромог. Какой же файрфокс няша, просто берет и работает.
>>505270>>505275
#269 #505148
Двачаны вопрос такой. Есть вот инлайн блоки, сежду ними невидимые пробелы. Так вот я учу jade и когда он мне выплевывает html там всё в одну строку (при этом пробелы пропадают) и соответственно стилизую я исходя из этого (ни каких обнуления fontsize и т.д). Возникнет ли у меня когда нибудь с этим проблема?
>>505154>>505356
#270 #505150
Читаю тред и блевать тянет от дебилов со скобками.
#271 #505154
>>505148
Если только ты работаешь, или если все работают с ним, то нет, но вообще это проблема прокшена и следующей поддержки. Если потом кто-то будет что-то править и не использовать jade возникнет проблема, а ты окажешься хуесосом.
#272 #505270
>>505143
это не браузер виноват а ты какую-то хуйню сделал.
>>505653
#273 #505275
>>505143
Алсо этот >>505111 прав.
Для подобных микроэффектов желательно юзать трансформации, потому как они не провоцируют перерисовку в браузере. Actually элемент остается таким как есть, а всякие преобразования делаются с его фантомом. Не говоря уже о гибкости инструмента трансформации как таковой.
>>505653
#274 #505290
Платиновый вопрос: сколько макетов лучше добавить в портфолио? У меня есть 3, которыми я горжусь (относительно), и еще штук 10 уебанских (типа "адаптивной" седоны, где я через жопы свг вкорячивал и объебался с меню-гамбургером в мобайл версии).
#275 #505328
>>505290
У самого нихуя нет, но считаю что пока в макете есть недочеты (по твоему мнению), то не стоит их выставлять.
>>505465
#276 #505356
>>505148
разбил бы тебе ебыч
>>505364
#277 #505364
>>505356
Значит всё таки лучше сделать всё по нормальному с костылями.
#278 #505382
>>505290
показывай
#279 #505465
>>505328

>У самого нихуя нет



оно и видно. недочеты эти все равно появятся, только поймешь ты это через пару месяцев после того, как закончил макет.
#280 #505582
>>505290
С такой же ситуацией столкнулся. На пару месяцев погрузился в джс, пилил для себя небольшие проектики, щас заканчиваю JS интенсив от академии полезная вещь кстати а из сайтов, которые можно показывать с гордостью - всего один. Остальные были наверстаны еще в конце лета, когда мой скилл верстальщика оставлял желать лучшего.
233 Кб, 1024x600
#281 #505605
Как бороться с сдвигами как на пике? Задавать отступы справа ? Или создать жесткий каркас для inputов? Как в инспекторе посмотреть какие классы применены к элементу?
>>505727>>505728
#282 #505624
Посмотрел 4 вебинар и не могу понять, как мне сетку строить, на флоатах или инлайн-боксами? Кто фрилансит, чем сейчас чаще всего пользуются?
>>505785>>508083
#283 #505653
>>505270
Какую? Поменял ширину и высоту картинки при наведении, ужас-то какой.
>>505275
Зато мой вариант будет работать на любом динозавре, алсо эти картинки у меня абсолютно спозиционированы изначально, так что на остальной поток они никак и так не повлияют.
>>505748
#284 #505670
>>505119
На втором сайте мне слайдер не понравился. По центру не центр картинки при прокрутке, а левая часть, ближе к отступу.
#285 #505727
>>505605
а че нельзя текст обернуть в .text__wrapper а инпуты в .inputs__wrapper и их уже как надо расставлять ?
#286 #505728
>>505605
пс где то видал картинку с заднего фона.
#287 #505729
>>500885 (OP)
все анон вроде закончил, напинай сайтец http://litvinenkoevgeny.github.io/elegant/
а лучше даже код https://github.com/LitvinenkoEvgeny/elegant
структура там все такое.
#288 #505748
>>505653
Я имел в виду производительность браузера. Когда на странице что-то меняется браузер начинает ее пересчитывать - это трата ресурсов.
Чтобы избежать лишних пересчетов стараются для декоративных изменений юзать трансформации.
На статичном сайте эффект от подобных вещей, конечно, минимальный, а вот на серьезных приложениях с кучей летающих во все стороны свистелок и перделок это считается хорошей практикой.
>>505836
1062 Кб, 1080x1920
#289 #505774
>>505787
#290 #505785
>>505624
Делай пока на флоатах
#291 #505787
>>505774
лол
#292 #505817
>>505729
На 320 такой здоровый гамбургер в верхнем меню, можно по нему прямо кулаком ебашить.
#293 #505836
>>505748 хз на моем нищекомпе как раз всякие анимашки и прочие цсс3.5 лагают
#294 #505889
>>505729
проиграл с ебаных бородачей опять.
>>505988
#295 #505988
>>505889
дизайнер кажись латентный.
#296 #505993
>>505729
Иии что это? скрола на странице вообще нет, меню не работает, да вообще нихуя не работает с тем же успехом мог просто jpeg макета кинуть туда.
Зато webpack'ом собрано по последней моде
>>506074
#297 #506029
В общем такое дело. В мою местную мухосранскую контору (единственную) больше не нужны версталы. Но нужен Angular разработчик. Думаю пока бросить вёрстку и задрочить немного ангуляра, выполнить их тестовое задание и написать им. Как думаете хватит ли этого?
#298 #506032
>>506029
С полпинка ты JS и Ангуляр не выучишь, нужно хотя бы несколько месяцев этому посвятить.
#299 #506052
>>506029
а задание что, в открытом доступе?
>>506055
#300 #506055
>>506057
#301 #506057
>>506055
ну делай, хули.
авось фартанет.
#302 #506063
>>506029
Какие требования в тестовом? Что надо реализовать?
#303 #506067
Task:

Implement items management system using provided mockup as a reference.

Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.

Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).

Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.

Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.

Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
#303 #506067
Task:

Implement items management system using provided mockup as a reference.

Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.

Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).

Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.

Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.

Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
#304 #506074
>>505993
так я ж писал, что допиливаться будет, сейчас токмо верстка, опосля react прикручу
>>506088
#305 #506088
>>506074
Чего ты там на реакте прикручивать то собрался? Лол.
>>506089
#306 #506089
>>506088
еще 4 страницы
>>506091
#307 #506091
>>506089
Проиграл.
Раньше были программисты на Джиквери, сейчас программисты реакте. Development never changes.
>>506095>>506096
#308 #506095
>>506091
дак что не так то ? Яж для портфолио пилю дескать: "умею могу"
>>506103
#309 #506096
>>506091
дак что не так то ? Яж для портфолио пилю дескать: "умею, могу". Я бля знаю что оверхед но выебнуться то нужно.
>>506103
#310 #506103
>>506095
>>506096
Да без проблем бро, дело твое. Не могу судить о твоих знаниях, поэтому не принимай лично и всерьез.
Скажу только, что у меня человек пытающийся прикручивать, не совсем необходимые вещи на реакте без необходимых фундаментальных знаний вызывает легкую усмешку.
Как какой-нибудь начинающий верстала запиливший виджет на джиквери, преобразовав его из плагина. Он тоже выебнутся может, только в офисе ты не выебываться будешь, а код писать. И вот там сразу станет ясно - чего ты стоишь.
#311 #506340
Есть блок, в нем висит 4 иконки.
Нужно сделать так, чтобы эти иконки отображались адаптивно. То есть на примерно тех же местах на любом разрешении.
Юзаю:
position: absolute;
left: 50%;
margin-left: -26vw;
top: 1%;
width: 6.51vw;
Но в итоге картиночки залезают на текст в центре.
>>506380>>506530
#312 #506380
>>506340
блиать, ты исповедаться сюда пришел штоле?
#313 #506530
>>506340
Сделать иконки флексами?
#314 #507083
>>500885 (OP)

>http://nnm-club.me/forum/viewtopic.php?t=899131


А имеет вообще смысл смотреть интенсив? Как оно, без наставника? А то я нищееб и 13к на курс у меня нет :с
#315 #507131
>>507083
Не, мы тут без смысла просто так сидим смотрим и плачем, что наставника нет. И в шапке специально другим советуем, чтобы они тоже погоревали
>>507139
#316 #507139
>>507131
Ну мало ли, может в шапке указан совсем уж крайний вариант.
#317 #507188
>>507083

>имеет вообще смысл смотреть интенсив



нирикамендую.
сюжет так себе, концовка предсказуемая, какие-то ноунеймы в главных ролях.
>>507255>>507258
#318 #507240
Конфа в скайпе, кто заинтересован, добавляйтесь.И сразу хочу сказать, что если тебе лично это не подходит, то не это не значит, что все такие же как ты. Я вот не смотрю футбол, не играю в шахматы, так как не мое, но есть очень дохуя людей, которым это в кайф. И если ты сфокусированный на версте аутист-похуист, то возможно тебе это просто не подходит) .
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
>>507262
#319 #507242
*вижу
#320 #507255
97 Кб, 736x736
#321 #507258
1342 Кб, 202x360
#322 #507262
>>507473
#323 #507363
Приветствую, верстаны. Не знаете, поддерживает ли google adwords и яндекс директ маячки в ссылках? Уверен на 90%, что да, просто клиенту интересно знать точно.
>>507610
#324 #507473
>>507262
Аноны уже давно нет такой мощной струи. В чем может быть проблема?
>>507485>>507526
#325 #507485
>>507473
Камни в почках. Могу провести консультацию недорого.

мимо-фриланс-уролог
>>507500
#326 #507500
>>507485
Мсье пипирки в скайпе в лайврежиме осматривает? Да еще и за деньги. Каков хитрец.
>>507515
#327 #507515
>>507500
Иногда бывает так жаль, что не могу оказаться по ту сторону экрана!..
#328 #507526
>>507473

возраст.
1340 Кб, Webm
#329 #507549
#330 #507610
>>507363
бамп вопросу
понимаю, что не совсем по тематике треда
#331 #507699
Какой средний уровень посетителей этого треда?
>>507717
#332 #507717
>>507699
На уровне запила статического лэндинга на флоатах в нотепаде.
#333 #507746
Блядь, ебаный галп, чтобы его нормально настроить, надо знать ДЖС хотя бы на уровне дауна-джуна.
Хотя, конечно, охуенно смотреть, как тяжелый проект собирается за 0.1 секунду, там где грант кряхтит секунды две.
>>507749>>507751
#334 #507749
>>507746

>тяжелый проект


>за 0.1 секунду


Ага, очень тяжелый видимо, лол
Вот когда будет секунд 30 галпом собираться и 2 минуты грантом, тогда можешь его назвать тяжёлым
>>507751>>507757
#335 #507751
>>507746
>>507749
Хуею с ваших тяжестей. У нас собирается 15-20 минут.
>>507756
#336 #507756
>>507751
hmr и webpack детишки. jаст юз ит.
>>507757
#337 #507757
>>507749
>>507756
Я ньюфажик, только учусь. Всякие барбершопы и грантом за 0.8 собирались.
Олсо, я так и не осилил настройку галпа под себя, тупо скопипастил у кого-то с гитхаба готовый галпфайл. Чувствую себя дебилом.
#338 #507786
вкатываюсь в тред с вопросом
В седоне адаптивной фоновая картинка в хэдере урезается специальными свг-треугольничками

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

Настроил, блять, для мобильного 320px, увеличиваю ширину, а оно почему-то вверх уезжает.
>>507799
#339 #507799
>>507786
КОД ВЫКЛАДЫВАЙ, МЫ ТУТ ЭКСТРАСЕНСЫ?
#340 #507846
Верстаны, есть один скрипт и связанная с ним НЁХ.

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

Собственно, проблема. Он не работает, если на сайт заходят с мобилы через вайфай. Реально, отключаю вайфай (подрубается E/3G), обновляю сайт, меню выпадает; подключаю вайфай, обновляю сайт - нихуя, никакой реакции, хоть обтыкайся.

WTF?!

https://jsfiddle.net/#&togetherjs=1A7LRmQ2n6
>>507877>>507910
#341 #507877
>>507846
Хуею с этого жиквери, ведь все тоже самое делается на ванильном ДЖС красивее, короче и без вот этого вот "а пачиму ни работаит?????77"
>>507904
#342 #507881
Вчера спрашивал в J's треде, но там не ответили, спрошу здесь.
Ребята, если есть у кого то JavaScript и jQuery.
Исчерпывающее руководство
Макфарланда
Поделитесь, плиз
>>507899
#343 #507899
>>507927
#344 #507904
>>507877
подскажи, в какую сторону копнуть, js пока нет времени курить вдумчиво
#345 #507910
>>507846
Консольку посмотри, какую ошибку возвращает.
>>507914>>507934
#346 #507914
>>507910
Алсо, если проблема появляется после отключения вайфая то, возможно, косячит сам мобильный инет. Не успевает или вообще не хочет грузить джиквери, потому что эта хуйня немного таки весит, а без него скрипты не отработают.
>>507932
278 Кб, 1353x456
46 Кб, 504x590
#347 #507926
Подскажите с чем может быть связана такая штука, когда браузер показывает в полном размере (как на 1 картинке), то карта выглядит как нужно, но при уменьшении размера браузера карта урезается(картинка 2). Такая проблема у меня не только в этом макете, но и в подобных этому.
>>508004>>508028
#348 #507927
>>507899
Нашел, но там на инглише
#349 #507932
>>507914
наоборот, при подключении вайфая скрипт не работает, на мобильном инете все ок
>>507950
#350 #507934
>>507910
я нуб, поясни, какая консолька
>>507950
#351 #507950
>>507932
А, да точно, невнимательно читал. Желательно консоль погонять, правда я хз, как ты к ней доберешся с мобилы.
>>507934
Консоль в инструментах разработчика. Если со скриптами проблема - они бросают ошибки, не отгружаются, попросту не работают, то почти всегда в консоль что-то выкинется и можно будет понять где обосрался.
>>507954
#352 #507954
>>507950
да, с мобилы хз как
>>507966
#354 #507996
>>507966
может есть уже какой-либо проверенный и работающий скрипт для моего запроса?
#355 #508004
>>507926
Код где бля, заебали тут битву экстрасенсов устраивать. Вангую ширина контейнера задана криво, либо margin, padding справа
>>508028
#356 #508028
>>508004
>>507926
Все гораздо прозаичнее: min-width у body
>>508029
#357 #508029
>>508028
с вероятностью 90% именно в нем загвоздка
#358 #508048
Посоны, посоветуйте плагин, чтобы ссылки в навигационной панели убирались в dropdown, если они не помещаются в зависимости от ширины экрана.
>>508050
#359 #508050
>>508048
на css не судьба написать?
>>508207
993 Кб, 2480x3508
#360 #508083
>>505624
И то, и то.
Держи шпаргалку.
А вообще-
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Материалы к интенсиву (считаю нужно в шапку прибить)
#361 #508089
>>508083
лол, еще и шпаргалку придумали, пиздец.
66 Кб, 450x600
#362 #508098
>>508083
МОООООООООООООААААААААААААААААААААААААААААР ТАКИХ ШПАРГАЛОК.
МООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААР
>>508134
#363 #508104
>>508083
блять прошуршал материал, пиздец сколько годноты. блять, двач торт.
#364 #508108
>>508083
Я тут уже тредов хер знает сколько эту ссылку кидал народу и говорил добавить в шапку)
>>508119
#365 #508119
>>508108
добавлю в шапку следующего
#366 #508134
>>508098
неприятно с такими как ты сидеть в одном треде
>>508146
#367 #508146
>>508134
мне похуй что тебе приятно, а что нет. соси хуй, уебище.
#368 #508162
Суп парни.
Есть у меня например каталог с 1000 товаров, однотипных, с фото, названием и ценой, короче говоря типичный итернет-магазин. Понятное дело что верстать 1000 айтемов не есть вариант, проще сделать один, который клонировать N раз и вписывать данные через json.
Вопрос в следующем - именно клонирование такого блока -каким образом можно реализовать? То есть логическая цепочка понятная - есть <div></div> который надо клонировать и заполонить данными. А с технической точки зрения - такое jquery делает?И если да то как?
#369 #508179
>>508162
Шаблонизаторы погугли. Либо смотри интенсив базовый по js. Еще в продвинутом по верстке тоже есть нечто похожее с использованием mustache.js
>>508205
#370 #508183
>>508162
Копай в сторону шаблонизации.
Неплохой подход показан в интенсиве JS академии.
Там юзают <template> в сочетании с методом node.cloneNode(true).
А jquery тебе для этого нахуй не нужен.
>>508205
59 Кб, 1024x874
#371 #508186
>>508162
пикча в тему
36 Кб, 290x413
#372 #508205
>>508179
>>508183
спасибо пагни
#373 #508207
>>508050

>на css не судьба написать?


Ну и как ты себе это представляешь?

Пример: http://www.rbc.ru/ Меню "Телеканал Газета Журнал Деньги и т. д." на маленьких экранах не поместившиеся пункты помещаются в Еще
>>508246>>508391
#374 #508246
>>508207
Та не, вполне себе можно написать, ну еще чуточку джс понадобится.
мимо
>>508258
#375 #508254
>>508083
Спасибо!Есть такая же ссылка для продвинутого?
>>508261
#376 #508258
>>508246
без JS тут никак.
>>508271
#377 #508261
>>508254
нету

Другой анон

Кстати, парни тут базовый свежайший вроде по интернетам гуляет за 2016 год. С новым макетиком с мороженком.
#378 #508271
>>508258
Если хочешь чтобы он динамично запиливал элементы в дропдаун, тогда да. А если просто выстроишь конструкцию которая при определенном разрешении, например, половину пунктов схлопывает в меню, то из джс функционала тебе понадобится разве что classList
>>508316
#379 #508316
>>508271

>динамично запиливал элементы в дропдаун


this, очевидно же
#380 #508385
Ловите короче. Сам еще не сравнивал. Но что бросается в глаза - так то, что нет ссылок-допов. Но в принципе есть допы ссылку на которые выше кидали.
>>508083
А так же как я понял, тут по Фотошопу урок не в виде скринкаста маленького, а тупо занятие с Громовым, но зато по новой версии программы. Короче хз. А ну и еще новый макет.

http://nnm-club.me/forum/viewtopic.php?t=999246
>>508402>>510149
#381 #508391
>>508207
Хули там представлять, ничего сложного нет, можно написать на css под нужные разрешения, там менять-то надо две строчки. На жсе будет быстрее и компактнее. Но сама реализация проста и на чистом css.
#382 #508402
>>508385
Добра тебе. Двач охуенен.
#383 #508413
Рубрика - платиновые вопросы

А есть здесь кто с нуля начал и нашел себе работку в офисе на фрилансе?
И сколько у вас это заняло времени?

Я так почитал оп-пасту и там что б все изучить (курсы, книги, примеры) нужно пару лет ежедневного пердолинга. Или я ошибаюсь?
#384 #508415
>>508413

>в офисе на фрилансе


что ты блять несешь, ебло?
>>508421
#385 #508421
>>508415
в офисе ИЛИ на фрилансе.
>>508443
#386 #508443
>>508421
Блять, почитай шапку. Не еби мозги нам тут всем, ради бога. Хочешь вкатится 2-3 месяца верстка макетов + продвинутый курс и все ты уже на работе джуном. Пол года-год. Зависит от твоих умений. Потом js и ты уже специалист. Хочешь всего и сразу иди блять хуй сосать гей шлюхой.
>>508461
#387 #508458
>>508413

>есть здесь кто с нуля начал и нашел себе работку



нет таких. открою тебе секрет, эти треды - один гигантский троллинг безработных лузеров, которые к 20+ годам нихуя ничему не научились, но думают, что у них еще есть шанс выбраться из жопы.
#388 #508461
>>508443
Меня больше интересует мнение не кукаретиков а тех кто реально начал и чего либо достиг.
За 50 тредов таких должно быть много не?
>>508466>>508473
#389 #508466
>>508461
ты пидор гнойный только что ответил человеку который рассказал как он вкатился в офис, сука ты тупая блять.
>>508469
#390 #508469
>>508466
Слушай выплюнь говнецо изо рта для начала прежде чем общаться с людьми.
Я спросил нормально ок?
Нет блядь вылез какой то хуйлан и батхерит во все стороны.
Нечего сказать нормально так игнорируй.
Что за дегенераты то бывают.
>>508495
#391 #508473
>>508461
Нет. Все это сказки. Закрой спокойно вкладочку в браузере и больше не заходи сюда, тут ничего полезного и интересного ты для себя не найдешь. Спасибо за внимание.
#392 #508490
>>508413
Один из авторов старого гайда и нескольких тредов из первых репортинг ин. Учился полгода, нашел работку, сейчас опыта чуть больше двух лет, получаю в офесе в дс 105к на руки, думаю перекатываться в джавку. Задавай свои ответы.
>>508492>>508503
#393 #508492
>>508490

А чего думаешь в джавку? И зачем перекатываться?
>>508502
#394 #508494
лол, верстка-тред все больше напоминает секту.

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

прозелитов с тупыми вопросами чморят.
#395 #508495
>>508469
Хочешь нормального ответа, вытри сперму из глаз и прочти тред. Нет блять, вылезет хуесосина которому надо все на блюдечке подать и баттхертит, что ему по существу не отвечают. Что за дегенераты блять.
#396 #508502
>>508492
Не люблю и не хочу верстать, не хочу вообще дрочить гуи, js язык так себе, лезут неочевидности и прочее говно, стоит выйти за пределы лучших практик, заебали вечные 100500 фреймворков, в отрасли много аутистов, выучивших жиквери и нихуя больше не делающих. В джавке разнообразнее отрасли применения, больше платят, хочу для разнообразия попробовать компилируемый язык с более строгой типизацией, плюс более важную роль играют алгоритмы и структуры данных, мне эта тема интересна. Плюс я не видел ни одного СТО из фронтендеров
#397 #508503
>>508490
А каков изначально бекграунд был? Вузики, опыт работки? Почему вообще решил в верстку тогда два года назад?

Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?
>>508510
#398 #508510
>>508503

>А каков изначально бекграунд был? Вузики, опыт работки?


Средний технический вузик в дс, не на кодера, работал продаваном, стажером в hr конторе(лол) , быдлоинженером на заводе. Тут стоит упомянуть что с погромированием я познакомился еще в школе и всякое говно типа переменных и циклов конечно уже знал.

>Почему вообще решил в верстку тогда два года назад?


Верстка пошла легче чем пхп, а мне кушать хотелось, вот туда и пошел

>Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?


см. выше, в джавку порог входа повыше.
>>508516
#399 #508516
>>508510
Забавно но у меня такой же бек. Программирование в школе и потом карьера хуйпоймикого.
Наверное действительно верстка как первый шаг самое оно.
>>508527
#400 #508527
>>508516
Я знаю ребят, кто вкатился сразу в джавку, знаю тех кто вкатился в похапе. Тут не угадаешь
>>508537
#401 #508537
>>508527
Для меня основная проблема с изучением явы или тех же дотнетов это недостаток обучалок типа Интенсивов как в этой теме.
Т.е. что б мне показали и рассказали на примере живого проекта почему и как это реализуется.
Я воспринимаю инфу как вот этот господин >>504672
Т.е. два месяца изучать абстрактные понятия ЯП без понимания их применения на практике не вариант для меня.
>>508540
#402 #508540
>>508537
Ну, тут я могу сказать что зачастую вся это ебанутая обвязка вокруг учится по ходу дела, когда ты найдешь работу. Это с одной стороны, с другой же для той же джавы есть такие курсы, но за бабло. Я даже знаю такую штуку для джавы, что ты платишь только определенную часть суммы, а остальное можешь заплатить только когда найдешь работу, и ребята которые это организуют, они устраивают людей. Такие дела.
#403 #508639
Как трудно себя заставить что то учить,но жрать то сука надо.Все таки освою верстку
>>508696
#404 #508646
Кто-то настраивал через Grunt лайв-релоад страницы на изменения в css/scss файлах или в html? Чет не могу разобраться в документации, слишком много написано непонятного, тяжело воспринимать.
#405 #508648
>>508646
юзай browsersync
#406 #508655
Котаны, как сделать тянущиеся треугольники для пинка?
120 Кб, 839x1083
#407 #508660
>>508646

>2016


>Grunt

>>508739
#408 #508662
>>508646
Гугли grunt-contrib-watch и берешь простейший кейс для него.
Я в свое время настраивал, легко и просто. Правда при включенном вотчере появились проблемы с редакторами, файлы перезаписывались по желанию моей левой пятки, так что пришлось отказаться.
#409 #508696
>>508639
У нас был такой говнокодер на работе, полный мудак и вечно с хмурым ебалом, он ненавидел свою работу.
#410 #508697
>>508646
Палю годноту, и то только потому, что тут адекватные ананасы сидят, которые тоже помогают.
https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh?utm_source=chrome-app-launcher-info-dialog
#411 #508739
>>508660
А что юзают в 2016? Gulp?
#412 #508814
>>507083
какого хуя у меня этот нонейм клаб не открывается? даже через тор
#413 #508832
>>508814
У меня тоже
>>508884
#414 #508843
>>508814
>>508814

Колбасит его со вчерашнего дня. Ждите или ищите магниты.
>>508884
#416 #508896
Кто уже затестил новый интенсив за 2016 год? Какие различия от старого? Объясните по хардкору, друзья. Имеет смысл качать его?
>>508903>>509439
#417 #508898
http://nnmclub.to/forum/viewtopic.php?t=1000179
ПО ПОВОДУ ПРОБЛЕМ КЛАБОМ
>>509109
#418 #508903
>>508896

Пока просмотрел первый урок. Есть одно большое различие т.к. в новом курсе идет работа через GitHub что есть хорошо.
Плохо то что я ебусь с этим гитхабом несколько часов и нихуя не пойму как там публиковать свои страницы. Из курса и из шапки нихуя непонятно (в курсе они там автоматом настроили публикацию слушателям).
>>508909
#419 #508909
>>508903
нахуй тебе гитхаб? Я через brackets смотрю что сверстал. А как публиковать так это вобще изи. В гайде все написано

>Гайд от анона по гитхабу:


http://randomfederation.github.io/
>>508912>>508915
#420 #508912
>>508909

>Качаем Github for Desktop


Ясно
#421 #508915
>>508909

Сам то я могу и XAMP развернуть и на хостинг залить.
Но мне интересно разобраться и работать с этим GitHub как белый человек.
В гайде ненаписано как публиковать страницы прямо на гитехаб.ио, я разобрался немного как публиковать один проект из корня а вот как создать там еще подпапки проектов не могу пока.

Блядь три кнопки/действия на этом гитхабе и хуйпроссыш что к чему.
>>508921
#422 #508921
>>508915
ты неправильно понимаешь принцип. Я писал уже как все это изи понимать через консоль, опять писать что ли?
>>508925>>508933
#423 #508925
>>508921

>опять писать что ли?


да.
#424 #508933
>>508921
Ну если это ты написал >>500978 то я попробовал и там не получилось (т.е. янепонялблядь) в месте
[CODE]->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. ->[/CODE]
где копирнуть что копирнуть. в самой консоле или просто в эксплорере.
ну и дальше
[CODE]-> git push -origin gh-pages.[/CODE]
меня консоль послала нахуй с таким параметром -origin
>>508937
#425 #508937
>>508933
Я описался там, он не будет пустым, на момент создания новой ветки он будет копией основной ветки master, но если изменять дальше master, gh-pages меняться не будет и надо будет смержить эти ветки, то есть добавить в gh-pages все изменения из мастера. КОПИРНУТЬ и есть смержить, по факту гит возьмет все чего нет в gh-pages, но есть в mastrer и добавит в gh-pages, при этом проследит на наличие конфликтов. После мержа ветки одинаковые будут. И в последнем случае напиши без флага git push origin gh-pages.
>>508957>>508971
#426 #508957
>>508937
А смысл всего действия в том, что разработку ты ведешь в ветке master и пушишь ее удаленно тож из ветки мастер. Gh-pages тут исключительно для хостинга. По результате получается один и тот же проект на локальном пеке, на удаленном хабе в ветке master и на удаленном хабе в gh-pages. А гитхаб просто хостит то, что в ветках gh-pages по адресу (имя пользователя).github.io/(имя репозитория)/
>>508971
#427 #508971
>>508937
>>508957
Я попробую и отпишусь.
Спасибо.
#428 #509038
суп низшая ступень веб дева и девелопмента в целом. Есть короче плагин для гальпа который когда я пишу в src/main.scss что то типа:
body {
padding-left: 20px;
padding-top: 50px;
padding-right: 40px;
padding-bottom: 80px;
}
он преобразует в
body {
padding: 50px 40px 80px 20px;
}
реквестирую название или ссыль на нпм.
>>509056
#429 #509056
>>509038
Ты прикалываешься что ли? Изначально пишется 2ой вариант, если тебе 4 разных отступа надо. Или тебе не судьба запомнить направление по часовой стрелке?
>>509079>>509081
#430 #509057
>>500885 (OP)
Антоши, а кто-нибудь из наших тредов уже пришел к успеху, хотя бы минимальному?
#431 #509058
>>509057
Похоже этот вопрос тоже надо в фак выводить. Заебали уже без обид
>>509062
#432 #509059
>>509057
нет
#433 #509062
>>509058
Ну сорь, я тут недавно.
>>509069
#434 #509068
>>509057
Нет, все в макдаке закончили.
#435 #509069
>>509062
пошел нахуй со своими извинениями, пидарас. можно было прочитать фак и тред.
тупая ты скотина.
#436 #509073
>>509057
Да. Смотри на десяток ответов вверх.

Я вот сегодня начал и скажу что htmlacademy действительно очень недурна. Курсы + интенсив с реальными макетами то что нужно.
Даже если тебе не понятно нужно оно тебе или нет рикамендую просмотреть 1-2 урока интенсива и пройти бесплатные курсы 5-7 у них на сайте.
Потратишь день но для общего развития и понимания как работают вебстраницы поможет.
#437 #509079
>>509056
ну бля он и для font все делает и бордеры и бокс шадоу так же объединяет и в нужном порядке по правилам рассталсяет, сначала позиционирование потом отступы потом цвета шрифты и т.д. ну типа в соответствии лучшим практикам, нахуя мне руками то что-то делать ?
>>509083
#438 #509081
>>509056
font-size, font-family, line-height типа все как надо соберет, яж не хуесос делать то что может сделать программка.
>>509087
#439 #509083
>>509079
вопрос в другом. Расписывая эту хуйню всю ты тратишь гораздо больше времени, хоть он тебе потом и соберет, неужели уже такую элементарщину нельзя запомнить...box-shadow, ахуеть.
>>509091
#440 #509087
>>509081
а вот тут я не понял, какой хуй он тебе будет собирать из фонт сайза или лайн хейта?
>>509095
#441 #509091
>>509083
да помню я все эту хуйню, но нахера ? Допустим мне надо паддинги снизу и справа, я быстрее напишу так:
body {
pb10+pr40 [tab]
}
нежели
body {
p0-40-10-0
}
как минимум на один символ больше жи
>>509101
#442 #509095
>>509087
он превратит мой
body {
font-family: "arial";
font-weight: 900;
font-style: italic;
font-variant: small-caps;
line-height: 15px;
}
в
font: [font-style||font-variant||font-weight] font-size [/line-height] font-family
>>509097
#443 #509097
>>509095
Бля вот этот случай прям показательный. Если с паддингами еще можно поспорить, типо везде 10, а справа 40, там да мб и есть логика, однако тут все элементы ты прописываешь сам и писать их сразу в строку будет быстрее.
>>509103
#444 #509101
>>509091
Если ты думаешь что это хоть как-то повлияет на твою скорость разработки, то ты ошибаешся.
ИМХО еммета хватает за глаза. А все тобою описанное уже лишнее и толку от него минимум.
мимо
#445 #509103
>>509097
А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец, как-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
>>509120
#446 #509109
>>508898
Оооо, а я так переживал по поводу нескачанных интенсивов, добра тебе!
#447 #509120
>>509103

> ак-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.



ну сисска будет поменьше весить, по правилам https://learn.javascript.ru/css-format#свойства-сильнее-влияющие-на-документ-идут-первыми собираться будет

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


у меня так и так им собирается из scss в css + минификация всего один лишний шаг появится

ну пох раз никто не юзает значит так и не прижился плагин, хотя я о нем на реддите давно слышал, там всем понравилось
>>509314
#448 #509198
блин как вы pixel perfect верстаете ? Раз пять начинал мает заново и проебываюсь уже в шестой.
>>509201>>509315
#449 #509201
>>509198
Ненужная хуйня
>>509207
#450 #509207
>>509201
лол, потому что ты так не умеешь ? Или заказчикам не надо ( частенько надо по объявам на upwork)
>>509218
#451 #509218
>>509207
Потому что бессмысленное дрочево которое ни на что не влияет, но отнимает кучу времени. Ни один адекватный заказчик не будет про это упоминать, если он хоть немного в теме, а если нет, то это значит, что он лезет в воду не зная броду, с ним только проблемы будут типо тут 5 пикселей несовпало, там 6 недоехало. Дело твое, хочешь с такими уебанами работать-работай.
>>509231>>509247
#452 #509231
>>509218
Двачую этого. Обычно пиксель перфект требуют либо чуваки привыкшие работать с долбоебами уровня "и так сойдет", либо просто немного неадекваты.
Нормальный разработчик и без этой хуйни сделает все красиво.
#453 #509247
>>509218
вот это уже похоже на аргументацию, спасибо.
#454 #509314
>>509120

>будет поменьше весить



тру-фронтендер, за килобайт удавится нахуй.
#455 #509315
>>509198

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

блять, да половина макетов криворукими косыми уебанами склепана, хули там перфектить-то.
>>509321>>509458
#456 #509321
>>509315
У адептов ПП просто перфекционизм дизайна головного мозга.
>>509324
#457 #509324
>>509321
Так же можно и на вёрстку забить, лол. Бомбанёт адепт и будет проецировать на всё своё pixel perfect.
>>509332
#458 #509332
>>509324
главное-это сохранение функционала и почти полное соответствие дизайну. Тем более что некоторые дизигнеры не имеют представления о технической реализации своей дрисни, пойди блядь попробуй их хуету в ПП реализовать.
#459 #509334
Есть ли смысл учить верстку в мухосранске, где никогда не видел вакансий на тему web?
>>509335
#460 #509335
>>509334
удаленка, переезд. Очевидно же блядь
#461 #509348
Поясните дауну следующий момент.
Вот есть гитхаб, там есть мой репозиторий.
Туда я через гит-десктоп, как настоящий даун, заливаю папочки проектов (пикрелейтед), чтобы смотреть их на gh-pages (каждый проект открывается через name.github.io/project-folder). Т.к. все работает, то мне норм, мне пока не хочется заморачиваться с гитом, верстку бы доучить.
Но тут я выше читал, и все делают по-другому, по-хардкору через терминал.
42 Кб, 1057x444
#462 #509350
>>509348
Отклеилось
>>509389
#463 #509359
>>509348
вопрос-то в чем?
>>509581
#464 #509389
>>509350
Пиздец ты все замазал, конспиратор хуев. Кому ты тут нахуй нужен со своим гитхабом?
#465 #509406
>>508083
НЕ ЗАБУДЬ ДОБАВИТЬ В ШАПКУ
#466 #509414
Анон, имеет смысл оплачивать интенсив или лучше скачать и пройти его?
>>509511
#467 #509415
Скоро вопросы будут стоит ли мне учить html, чую прям тенденцию
#468 #509439
>>508896
Я пролистал. Отличия:
- работа через гитхаб (даются совсем уж базовые сведения по гиту на первом уроке)
- новый макетик
- нету допов
- в 6 уроке нету доп видео
- нету бонусных видео про эммет и dev tools
- урок по фотошопу не скринкастный

а так все то же самое.
>>509442
sage #469 #509442
>>509439
Так он лучше или хуже старого интенсива? Объективно.
Алсо, запили макетик сюда новый, будь няшей.
>>509455
#470 #509447
>>509348
тот кто делал >по хардкору через терминал
в треде, но ты кажется забыл задать вопрос.
>>509448>>509581
#471 #509448
>>509447
ебаный enter
#472 #509455
>>509442
Старый как по мне информативнее. Так качай, кто не дает то?

https://yadi.sk/d/3AhpPwHaq5Bwp
>>509460>>510149
#473 #509458
>>509315
что за pp ананас ? Скажи гуглить хоть что ? Есть херня с помощью которой можно без фш верстать ? А то у меня на линухе он периодически ебу дает.
>>509462>>509557
#474 #509460
>>509455
Из этого можно глянуть если ньюфаня только 1 урок (часть про гит). 3 урок (из-за того, что версия фотошопа новее). и скачать макетики.
Все остальное, лучше смотреть со старого и читать допы
>>509470>>509513
#475 #509462
>>509458
perfect pixel - расширение для хрома, я подозреваю
>>509481
#476 #509470
>>509460
А, ну и само собой урок по фотошопу в старом тоже смотреть (скринкаст, который на 30 минут примерно). Там все сжато и информативненько (хотя и старая версия). А то мало ли не уточню, а ты и не посмотришь этот урок из старого.
#477 #509481
>>509462
ага, нашел, пойду чекать спасибо.
#478 #509511
>>509414
Самый лучший метод это оплатить скачать и пройти. Базарю.
#479 #509513
>>509460
Что за допы?
>>509519>>509529
#480 #509519
>>509513
Погугли.
>>509524
#481 #509524
>>509519
хуйню показывает
#482 #509529
>>509513
Дополнительные материалы
#483 #509557
>>509458
Зацени Avocode - эта дрисня призвана избавить от необходимости ебаться с ФШ в виртуалочке/гимпом.
>>509567
#484 #509567
>>509557
таки есть, точнее был триал, оно научилось уже с шрифтами работать ? раньше letter-spacing line-height приходилось в фш смореть
#485 #509568
>>504672
Тут понимаешь в чём дело, дружок. Без курсов на сайте ты на интенсиве бы слушал про все теги подряд, а не про то, как их применять при вёрстке проекта. Так что курсы не просто нужны, они, блять, необходимы.
170 Кб, 1024x600
#486 #509575
Можно сверсать такие счетчика "Взрослые" и "Дети" как на пике с помощью СSS? И как постепенно вкатываться в JS если верстаешь сайты. Вот например сейчас надо сделать выпадающее меню, у меня предчутсвие, что если я сейчас попытаюсь сверсать на чистом JS у меня уйдет месяц, а делать сразу все на джикури кругом категорически не рекомондуют.
И стоит ли делать свои велосипеды?
>>509580>>509585
#487 #509580
>>509575
1024x600????
>>509606
#488 #509581
>>509359
>>509447
Вопрос - правильно ли я делаю, лол.
28 Кб, 570x763
#489 #509583
Почаны, поясните где вы берёте идеи для вёрстки для портфолио? Я вроде умею и в хтмл, и в ксс, и в джс, но не знаю даже о чём делать портфолио.
>>509588>>509618
#490 #509585
>>509575
Сформулируй получше свои вопросы, а то каша какая-то
>>509606
#491 #509588
>>509583
Ищешь красивые макеты - верстаешь. Вот тебе и портфолио на версталу. На фронта уже думвю надо приложуху пилить какую-нибудь, где покажешь, что умеешь в фреймворки, архитектуру... В этом случае лучше в js тред уже перекатываться и там спрашивать кто че пилит и может идейку подкинут
170 Кб, 1024x600
#492 #509606
>>509585
Про счетчики на пике. Жмешь плюс - число увеличивается, жмешь минус - наоборот. Можно ли такое реализовать на CSS?
2 вопрос. Как учить JS? Встретил задачу - ищешь решение? Вот например эти же счетчики, какой надо уровень что бы их сделать? Кидать версать и пытаться сделать на чисто JS?
Или надо пройти курсы? Вот я например писал немного на писал на С и Питоне. Начал учить по LearnJS.ru, понял что JS это не такой уж плохой язык, смахивающий синтаксисом на Си.
Но я так и не понял когда начнут учить всем этим ебучим финдифлюшкам и украшательствам по типу выпадающих менюшек и всему чему так хотят заказчики.
>>509580
Верстка на мобилке. Это спарта сынок
149 Кб, 1024x600
#493 #509607
>>509606
Проебал фотку
>>509616
#494 #509610
Кто знает, как svg спрайты делаются? С условием, что нужно будет масштабировать иконки как хочешь.
>>509624
#495 #509611
Единственная мысль это background-position в процентах задавать, но заебешься же высчитывать.
#496 #509613
>>509606
Счетчики на js в продвинутом такое задание на дом дают. Посмотри два аидео по js из него и легко сделаешь.
Есть базовый по js - можешь его смотреть тоже.
#497 #509615
>>509606

>что если я сейчас попытаюсь сверсать на чистом JS[\B]


нее верстай на чистой django коль питошку знаешь... и rest-framework прикрути туда иначе никак.
https://jsfiddle.net/xz99w5q7/

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


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

>Встретил задачу - ищешь решение?


ваще да, но для начала https://learn.javascript.ru/ вздорчни кантора, есть pdfка ворованная за 15 год его учебников в гугеле.
бывают моменты когда без jquery не обойтись ( пизжу не бывает) там короче тонкая грань между целесообразно на чистом жс сделать и когда в падлу, короче учебники потом помогай ананасам в жс трейде, когда поймешь что помогать неохота ибо вопросы совсем тупорылые (как твой) добро пожаловать на некст левел, фреймворки тогда дрочи реакты там и прочие полимеры.
#498 #509616
>>509607
вот ты проебал фотку а я обработчик клика не туда повесил
#499 #509618
>>509583
Жаль что в чтение шапки не умеешь.
#500 #509619
>>509606
по тексту взрослые или дети кликай если че
#501 #509624
>>509637
88 Кб, 499x770
#502 #509637
>>509624
Спасибо, держи няшу
#503 #509654
http://stackoverflow.com/research/developer-survey-2016
а JS то впереди планеты всей
>>509720
#504 #509720
>>509654

> full stack


Вангую там индусов и васянов пхп-жиквери-девелоперов.
>>509725
#505 #509725
>>509720
ну бля php + %cms_name% + jquery на фронте вполне себе фуллстак
#506 #509731
Записался на курсере фулстек веб девелопер. Норм?
>>509732
sage #507 #509732
>>509731

Все правильно сделал.
Теперь уже начинай присматривать себе домик в подмосковье и машинку по статусу.
#508 #509760
А есть МЕМАСИКИ))) по теме верстки? Тип ПРОФЕССИОНАЛЬНЫЙ ЮМОР
91 Кб, 480x320
#509 #509788
>>509793>>509848
#510 #509793
>>509788
Давай моар такой хуйни
>>509848
#511 #509848
>>509788
>>509793

уебывайте
>>509854
#512 #509854
>>509848
.tvoy_benis {
width:1px;
height:1px;
}
>>509988
#513 #509861
>>509606

>Верстка на мобилке. Это спарта сынок


Ну успехов тебе тогда, серьёзно.
#514 #509865
>>509760

>Деградация

#515 #509988
>>509854
Мой 1 px это до середины горла твоей мамани
36 Кб, 700x375
#517 #510134
31 Кб, 373x373
33 Кб, 386x229
#518 #510145
ну и хватит
#519 #510149
ОП, няша, пили перекат.
Только не забудь в шапку допы добавить и ссылки на обновленный базовый
>>508083
>>508385
>>509455
Тред утонул или удален.
Это копия, сохраненная 22 апреля 2016 года.

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

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