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

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

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

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

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


Можно.

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


Можно.

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


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

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


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

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


Да, и не один а двое, азазазза, кхм.

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>517275 (OP)
#2 #523541
Сап, возможно не по теме, но всё-таки.
Хочу освоить вордпресс, верстку уже более-менее натягивать умею на движок.
Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
>>523551
#3 #523551
>>523541

Поясни, как учился или по какому материалу учился натягивать ?
>>523552
#5 #523555
>>523552

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

Я, например, пытался сделать сайт для себя, и так как серверного языка не знаю никакого, решил опять связаться этой херью, ну и реалтизация всех простейших задумок растянулась на несколько недель, причем с каждым разом, когда я садился за него, запал угасал, так как я просто смотрел в эти Гет_хуйня, смотрел в разные видосы, часовые, в документацию, и все равно это гавно не хотело сотрудничать.
>>523557>>523662
#6 #523557
>>523555
Хуй знает, качал рандомные макеты - с первого раза вставала вёрстка.
#7 #523662
>>523555
https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g

советую посмотреть вот этого. там как раз про правильное натягивание верстки на водрпресс с нуля есть. очень понятно объясняет что и как. но видео длится больше часа, сложно осилить за раз.
>>523777
#8 #523677
Не фронтэнд, а MARKUP DEVELOPMENT. Маркап разработка лучше звучит.
>>523678
#9 #523678
>>523677
у нас тут уже вовсю фронт идет, скриптики, формочки валидируем, ангуляр трогаем, а не только верстку учим. потому и frontend, а не markup
>>523684
#10 #523684
>>523678
React - one love
#11 #523696
Ребят, про Js. Кто как учил, какие книги можете посоветовать. У меня сейчас такая ситуация - это мой первый язык и я очень плохо понимаю сами принципы. То есть знаю синтаксис более менее, туплю на замыкании и рекурсии и впадаю в ступор когда нужно сделать что-то на практике. learn.javascript прошёл, интенсив на половину, книги аля - выразительный js читаю, но порой вообще ничего не понятно. Если ли смысл выучить что-то более основательное, типизированное.
#12 #523699
>>523696
задачи на learn.javascript самостоятельно бнз подглядываний решаешь? если нет, то ты не прошел. перечитывай заново каждую главу, решай задачи, через неделю возвращайся, решай, пытайся в какой-нибудь верстке применить полученные знания. гугли все непонятное.
>>523700>>523731
#13 #523700
>>523699
>>523696
олсо, у js низкий порог вхождения. если ты его не можешь осилить, не сможешь осилить остальные. разве что питон еще проще для новичка.
>>523706
#14 #523706
>>523700
Хз, что там простого, по мне так его освоить в разы сложнее, чем какую-нибудь джаву, одно только прототипное наследование поначалу немало клинит.

>>523696
С типизированного вообще лучше начинать было, а уже потом перекатываться на что-то ебанутое вроде JS. А вообще осваивай всё чо заинтересует, хотя бы на общем уровне знания основ языка. Общее понимание вырастет.
>>523725>>523731
#15 #523725
>>523706

>что-то ебанутое вроде JS


утверждение уровня "php - параша"
#16 #523731
>>523699
Двачую этого.
Мне всегда было интересно люди говорят: прошел интенсив - потом выясняется что у него затуп в какой-нибудь базовой хуйне которую там обмусолили, или вот прошел learnjs впадаю в ступор когда нужно сделать что-то. Да нихрена ты не прошел, а просто ознакомился в лучшем случае. Прошел - это когда ты усвоил весь данный материал и можешь его применять.
Еще из того же разряда выражение: знаю технология-нэйм

>>523706
Простого в нем то, что простые вещи делаются легко.

мимо-анон первый язык был с++
>>523766>>524167
#17 #523766
>>523731

>мимо-анон первый язык был с++


Тоже начинал с C++, потом была Java, проблем она не вызвала. А вот JS пошёл куда труднее жабы. В тех хоть понятно было, вот класс, вот переменные, вот функции. Если надо что-то сделать, создаёшь класс с нужным функционалом, спокойно прописываешь все типы. В JS же всё через function. Смущала видимость переменных на всю функцию. Смущала возможность взять объект и добавить в него какую-то фигню, при этом не меняя самого класса.
Вообще поначалу было трудно с разбитием на сущности при использовании JS. Потом освоился правда, язык довольно мощный, да и способ мышления уже поменялся.
#18 #523777
>>523662

Пробежался по названиям видео, нет вордпресса. Можешь скинуть ссылку прямо на видео?
>>524087>>527335
#19 #523822
Анон, не работает Bootstrap и jQuery, на том же FreeCodeCamp при обучении все работает http://puu.sh/o80iu/398764470c.png
А если скопипастить в Atom, и открыть страницу в лисе - не работает.
Через ссылку пробовал импортировать, как отдельный пакет для атом тоже, результата ноль
http://puu.sh/o80hy/87723796c4.png
>>523825
#20 #523825
>>523822
Тебе нужно подключить библиотеку - скачать себе или тянуть с внешних ресурсов.
>>523827
#21 #523827
>>523825
Вот смотри, на fcc сказали что чтобы стянуть бутстрап, достаточно в начале кода написать строчку как на пике
http://puu.sh/o80qh/a5fd005311.png
Но все равно не работает
>>523828
#22 #523828
>>523831
#23 #523831
>>523828
О, спасибо, бутстрап заработал, а для jQuery такой штуки нет?Или надо отдельно библиотеку устанавливать?
>>523832
#25 #523833
Двач - когда лень гуглить.
#26 #523834
>>523832
Вот написал в код,
http://puu.sh/o80Rw/3eddd86d35.png
но они все равно не прыгают
>>523837>>523851
#27 #523837
>>523834
Друг мой, копируй код в какой-нибудь интерптитатор, например сюда - http://codepen.io/pen/
>>523858
103 Кб, 1079x832
#28 #523848
Ребят, я вас вчера теребил, но так и не разобрался. Задача всё такая же, выводить отмеченные option внизу селекта, с возможностью их убрать.
Реализованно через плагин, активные option получают класс selected. Я так понимаю нужно делать через$('select.class').is(':checked') но дико туплю и не понимаю как.
>>527336
#29 #523851
>>523834
Потому что код нужно писать в другом теге script, без src.
>>523854
#30 #523854
>>523851
Вот сделал как ты сказал
http://puu.sh/o81BK/9ee530c367.png
Все равно не прыгает блин.
>>523858
#31 #523858
>>523862
#32 #523862
>>523858
Я копипастнул в него, через settings подключил бутстрап и jQuery, но все равно не прыгает
http://puu.sh/o81MD/4c70180bdb.png
>>523878>>523882
#33 #523878
>>523862
Уф, нам то ссылку дай. Или ты хочешь что бы мы перепечатали и потом разбирались.
>>523885
#34 #523882
>>523862
Кхм. Codepen дают, чтобы ты написал туда свой код, нажал SAVE и кинул получившуюся ссылку сюда.
По поводу твоей проблемы: не прыгает, потому что и не должно. Скрипт добавляет элементам CSS классы, в которых должны быть прописаны все прыгания.
Раз непонятно что как и почему, может быть, лучше начать изучение с самых азов? С курсов htmlacademy, например.
#36 #523892
Ох, ну я и дурак, animate.css нужно было тоже импортировать, теперь прыгает как надо, всем спасибо ИТТ.
#37 #523904
Котаны, не знаю какой адекватный рейт себе ставить.
Из моего города непонятно откуда взялась компания, нашедшая мое аутдейтнутое резюме и запилившая оффер. Почти сходу предложили назвать почасовой рейт. А я даже хз сколько это будет в адекватных цифрах.

Из навыков
HTML5/CSS3 на хорошем уровне
JS - тут я даже хз какой уровень. Любой функционал для сайта от анимированных меню до более менее серьезных штук напишу без проблем. Из логики посерьезнее успел написать тестовое апп с запоминанием данных, сохранением на сервак/локалСторедж, рендером на страницу по шаблонам, сортировкой. Возможностью отсмотреть картинки которые сохранил в галарейке, удалить запись и прочую такую лабуду. Разбираюсь щас с OO JS.
Дальше Grunt, Git, Less, BEM, Photoshop и т.д и т.п по списку. Английский на уровне pre-intermediate
С фреймворками типа Angular and so on не работал.

Что скажете?
>>523932>>524185
#38 #523932
>>523904
Зависит от страны, от города, от опыта работы. Смотри dou (если хохол), или hh.ru (если кацап) и ищи сравнимые по требованиям позиции. Так примерно поймешь медиану своего уровня.
>>524080
#39 #524080
>>523932
Спасибо так и сделаю.
#40 #524087
>>523777
бамп реквесту
>>527335
#41 #524167
>>523731
Просто в нем то, что можно спиздить скрипт какого-нибудь слайдера и без особого понимания, что куда, переделать его под себя. Это просто. А реально вникать и понимать джс сложнее, чем питон или тот же пхп.
мимо еблан, выучивший пхп и перекатившийся в изучение джс/верстки
#42 #524185
>>523904
Базовый левел верстки (типа барбершоп набросать) стоит что-то типа 200рублей в час, отсюда и пляши.
>>524215>>524216
#43 #524215
>>524185
200 в час? Это же пиздец много за одну верстку? Или это в дс?
#44 #524216
>>524185
Да тут вон анон с опытом устраивался недавно и считал роскошью за верстку 150р в час и говорил, что больше не дадут
>>524218>>524465
#45 #524218
>>524216
Ну ты примерно возьми зп которая тебя будет устраивать и подели её на 40 часов в неделю.
16 Кб, 776x159
#46 #524221
>>524215
Так в академии той же предлагали оценивать (брали они со статистики для ДС)
>>524222
#47 #524222
>>524221
Ты так и не понял что они так наебывают людей, чтобы они у них интенсивы покупали?
>>524230
#48 #524230
>>524222
30к для ДС за верстку по-моему не заоблачная ставка далеко. Или ты считаешь что надо за 15к фигачить? Только тогда если в ДС 15к то представь сколько в мухосрани какой-нибудь.

А то что наебуют - ну так курсы для того и создают, чтобы стричь бабло. Это любому ясно.
#49 #524330
>>524215
Ну, я из ДС, два. Разве 200р в час много? Это где-то 30к/мес. Я, да простит меня господь, не читайте спойлер 150/час делаю на копирайтинге, в среднем. Если он освоил галпы-хуялпы, адаптивность-хуивность, препроцессоры и прочее, то, ящитаю, вполне себе расценка. В мухосрансках пониже, конечно.
#50 #524422
Впервые верстаю на флексах с параллельным чекином в ИЕ11. Наталкиваюсь на забавные баги.
К примеру, в этом коде: http://codepen.io/anon/pen/JXOQMY
флекс к content__item распидарасит каждый айтеам на 100% ширины браузера (зачем мне флекс на айтемы, спросите вы? С флекс-колумн + жустифай сентер охуенно все встает, там еще по задумке картиночки-кнопочки сверху и прочие рюшечки).
Решение? Флекс-базис 33,3%. Хуяк, бля, и все работает нормально...
А, нет, теперь текст внутри <p> внутри этих айтемов распидарашивает на всю ширину окна. Решение? Задать <p> width:100% Логика зашкаливает просто.
Олсо, этот код, который работает напрямую в ие11, не работает, если открыть кодепен в ие11, лол.
>>524423
#51 #524423
>>524422
ие не нужен.
>>524425
#52 #524425
>>524423
Понятное дело, но его везде требуют. Вот приду я устраиваться на работу и скажу: "ебал я врот ваш ие, я на флексах хуячу)))". Так что-ли?
#53 #524455
>>523696
Мне очень хорошо помог codewars именно в практике js. Но до это 2 года верстал говно на jquery, так что язык немного знал.
Попробуй. Непонятные моменты можно смотреть на том же learn.javascript
#54 #524465
>>524216
Этот анон - ленивый пидор. Если так демпинговать, то и правда даже 150 рублей будет роскошью.
Не проси меньше 200, будь няшей.
189 Кб, 1366x768
#55 #524504
Привет, Двач. Подскажи в чем я ошибся. Почему не получается по центру заебенить?
#56 #524518
>>524504
Потому что твой класс .намберс только у одной тдшки.
>>524521
#57 #524521
>>524518
Не понял. Почему у одной? Я подставил его под все цифры во всех разделах.
#58 #524607
Если я хочу вкатиться в js, обязательно ли мне знать html css на хорошем уровне? Или подойдут знания уровня "все ебашим на дивах и спанах + селекторы по классам и псевдоклассам" и можно уже начинать? Что скажите?
>>524624
#59 #524624
>>524607
Желательно потому что начинать ты будешь с чисто клиентского JS, где надо понимать тонкости разметки, которой ты собираешся манипулировать. Иначе нагородишь адской хуйни, хоть и возможно работающей.
#60 #524630
>>524504
бамп вопросу
>>524638
#61 #524638
>>524630
Лей код в песочницу.
>>524643
#62 #524643
>>524638
Бро, я уже все переделал и прошел его. Просто непонятно почему у меня не выходило делать по центру.
<td class="hui>1</td>

.hui {
text-align: center;
}

По идее должно же центроваться. Но нихуя.
>>524645
#63 #524645
>>524643

>class="hui"


разумеется
#64 #524837
Антоны выручайте, сладкие мои. Расчехлите свои паки псд. Поделитесь каким-нить годным макетом на тему парикмахерских(барбершопов) или спа-хуйни
74 Кб, 604x601
#65 #524845
Подскажите плагин для Sublime text 3 для визуализации кода. Заебываюсь копипастить, хочется иметь перед глазами результат мелких действий в коде разметки. Спасибо.
Пик рандом
>>527598
#66 #524907
http://jsbin.com/kijuqufuce/1/edit?html,css,output
Картинка должна быть в цвете, изменять HTML нельзя. Ваши предложения?
#67 #524908
>>524907
(Разумеется, остальное, кроме картинки, должно остаться серым.)
>>524924
870 Кб, 2560x1805
#69 #524925
Платина, не ругайте.
Сколько стоит верстка сайта типа барбершоп и техномарт? Где можно посмотреть за цены, люди спрашивают сколько нужно, я ответить не могу.
>>524988
#70 #524928
>>524924
Не, анон, это не вариант.
>>524939
#71 #524930
>>524907
Кстати, я там в конце проебал префиксы, но с ними тоже не работает.
#72 #524939
>>524928
Не, рендеринг так не работает. Фильтр будет красить всех потомков, что бы ты ни делал
>>524948>>524949
#73 #524948
>>524939
Это баг?
#74 #524949
#75 #524988
>>524925
Выше же писали - 200 в час в ДС
#76 #525007
А вот у меня тоже нубский вопрос. Допустим, я называю цифру N рублей в час. Как заказчик будет уверен, что именно столько часов я корпел над сайтом?
Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?
>>525014
#77 #525014
>>525007

>Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?


Да

http://frontender.info/estimating-a-front-end-web-dev-job/
#78 #525082
что скажете по курсам от go it? хочу пройти верстку у них, сам не шарю
>>525190>>526046
#79 #525190
>>525082
Проходил курсы codecademy, htmlacademy и freecodecamp. Пока что htmlacademy понравились больше всего. Codecademy уж очень по верхам прошлись, а FCC какие-то просто не оче, особенно когда видишь десять заданий подряд в стиле сделайте background-color: #ff0000 а теперь #00ff00 а теперь #0000ff.
>>525671
#80 #525345
Анон! Просмотрел раздел "фотошоп" в базовом интенсиве. Какие от меня требования теперь? Мне нужно нарезать макет или пока забить хуй и перейти в раздел сетки? Я честно говоря вобще нихуя не понял. Правильно ли я понимаю, что в основном надо выделять куски изображений типа логотипов и прочей хуйни, потом экспортировать ее и сохранять? Это все? Объясните тупому ньюфагу, мудрые анонимусы.
>>525353>>525371
#81 #525353
>>525345
Тот же вопрос. Так же нихуя не понял. Я правла посмотрел еще "сетки", но из-за этого нихуя не понял вдвойне. Надо, наверное, одноименный курс на хтмлакадеми пройти сначала.
>>525362
#82 #525362
>>525353
Какой одноименный курс?
>>525363
#83 #525363
>>525362
"Блочная модель документа" и "Сетки"
>>525367
#84 #525367
>>525363
А с фотошоп то что делать? Мне стоит начинать смотреть "сетки" ? Блять вечно то народу дохуя когда не надо, то никого нет и объяснить некому.
>>525369
#85 #525369
>>525367
Да, смотри их, хуже не будет.
>>525370
#86 #525370
>>525369
Проходить курс "блочная модель документа + сетки перед тем как начать просмотр?
#87 #525371
>>525345
Фотошоп нужен для экспорта графики. Можешь смотреть дальше сетки, можеть вырезать графику и заготовить заранее, а потом смотреть сетки или че там дальше идет.
Я раньше графику готовил заранее, а щас подрезаю в процессе вертски.
Делаю какой-то блок, ага, тут надо картночку, вот тогда и экспортирую.
>>525378
#88 #525373
>>525370
Пройди курс "Как начать думать головой самостоятельно"
Или в профессии тебе тяжко придется.
>>525378>>525393
#89 #525374
>>525370
Ты зачем такой затупан? Только сегодня тоже посмотрел фотошоп, таких вопросов не возникло.
>>525378
#90 #525375
>>525370
Он задан как дз в конце вебинара. Но я бы прошел перед просмотром, потому что...Ну, может это я такой тупой, но я эти два часа просидел под лекцию Першина и мало что понял. Надо самому все пробовать.
>>525378
#91 #525378
>>525371
Так и поступлю.
>>525373
нет ты
>>525374
ну извините
>>525375
Благодарю.
12 Кб, 320x240
#92 #525393
>>525373
Двачую этого. И так всю разжеванную и структурированную инфу на блюдце подают. Жаждущим вкатиться и спецификации хватит.
#93 #525410
Вышел на рейт 500р.\ч задавайте ответы.
#94 #525412
>>525410
Фрилансер 200к в секунду, это ты?
>>525416
#95 #525416
>>525412
Я не фрилансер, но работаю 20-25 часов в неделю и норм мне.
#96 #525419
>>525410
Ну расскажи хули, сколько шел, че умеешь, какой бэкграунд.
#97 #525427
>>525410
пруф
#98 #525437
В разделе "разметка" размечать надо только главную барбершопа или вобще все разделы?
>>525515
#99 #525459
>>525410

Где работаешь?
#100 #525515
>>525437
Чем ты слушаешь вебинары? Еще надо два личных проекта размечать.
>>525561
#101 #525561
>>525515
У личных проектов тоже все страницы размечать? Пиздец. Я же не понимаю нихуя. А мини курсы на сайте не объясняют.
>>525622>>525646
#102 #525622
>>525561
да там разжевано так что дальше просто некуда
>>525643
#103 #525643
>>525622
Ну хуй знает. Не разобрался как каталоги верстать + с формами проблемы пиздец типа вот этой залупы на пике. Я дважды просмотрел интенсив и все равно не вдуплил. Или как сортировку сделать. Неужели я один такой во всем треде тупой?
>>525644>>525662
17 Кб, 232x536
#104 #525644
>>525643
Пик отвалился
>>525683
#105 #525646
>>525561
Да, барбершоп + 2 личных: один фикс, второй резиновый/адаптивный. Размечай лучше сразу.
#106 #525662
>>525643
Я тупее тебя, потому что на сетках уже нихуя не понимаю. И размечать личный проект еще не начал.
Думаю пересматривать все с нуля, так как на каком-то моменте я проебался и всё. Дальше непонятки нарастают только.
#107 #525671
>>525190
Ага, однообразные однокнопочные задания, а потом самостоятельгая работа - сварганьте портфолио на бутстрапе с такими- то функциями, и похуй что половину мы не обьясняли. Старожилы правжа говорят, когда ява пойдет - будет веселей.
#108 #525683
>>525644
Опять же, только сегодня с этим тоже разобрался. Хули тут непонятного? Две формы, одна чекбоксы, другая радиобатоны. Все блять. Про штуку под стоимостью говорится в вебинаре про сетки (2016 года), там в начале разбираются каверзные моменты. Я сначала разметил, а потом уже посмотрел этот вебинар, когда размечал просто пустую дивку оставил.
#109 #525687
>>525683

>Опять же, только сегодня с этим тоже разобрался


Ути умничка какой. Возьми с полки пирожок, покушай, умничка ты мой, хороший, заслужил. Ух молодец. Горжусь тобой. Вырастила! :33
>>525689
#110 #525689
>>525687
Смирись, вопросы у вас дебильные, думать головой не умеете.
>>525695
#111 #525695
>>525689
Уруру! Какой умный мальчик! Это я его научила! Ух сообразительный, в верстке разбирается, разметить html страницу научился! Профессором наверное станет.
>>525698
#112 #525698
>>525695
Саси короч)
#113 #525700
Прям захотелось поумничать и в скайпе объяснить что и куда. А потом вспомнил что сам почти нихуя не знаю и как то грустно стало.
#114 #525711
>>525683
штука со стоимостью на сайте в курсах есть
>>525721
#115 #525721
>>525711
Мне не попадалась пока что, в каком разделе?
>>525729
#116 #525729
>>525721
"Промежуточные испытания" -> Испытание 3: фильтры по цене
>>525732
#117 #525732
>>525729
Спасибо, мне как-то не лень эти испытания проходить, на еблю с макетами кучу времени уходит.
>>525734
#118 #525734
>>525732
*лень
#119 #525742
Там в старом базовом (2015 года который) есть в 6 уроке ролики как делать разные штуки. + не забывайте смотреть дополнительные материалы из шапки
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
вот эти

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

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

Показана одна разметка барбершопа - на личном макете тоже попытайтесь сделать одну страницу

Лично мне сейчас проще делать не как они предлагают: сначала все разметить, потом вырезать графику, потом сделать сетку, потом оформлять детали там и т.д.
А проще сначала ознакомиться со всем макетом целиком и вырезать нужную графику, подготовить шрифты (если надо иконки) в процессе осматривания в фотошопе в уме прикидывается каким способом будешь делать тот или иной элемент. А потом тупо поэлементно (поблочно) делать макет. Грубо говоря есть шапка - вот ее и делаешь полностью. Потом переходишь к другому блоку. Мне лично так проще, чем сразу делать только одну лишь разметку но для всего макета.
Первый свой макет вы в любом случае сделаете как они описывают, а остальные можете делать тоже по частям. Тем более в продвинутом никого особо не ебет как вы будете делать, а под БЭМ такой подход (блочный) очень даже подходит.

Надеюсь, мой опус кому-то из ньюфань покажется полезным.

курю базовый по js-кун, прошел базовый и продвинутый по верстке
#119 #525742
Там в старом базовом (2015 года который) есть в 6 уроке ролики как делать разные штуки. + не забывайте смотреть дополнительные материалы из шапки
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
вот эти

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

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

Показана одна разметка барбершопа - на личном макете тоже попытайтесь сделать одну страницу

Лично мне сейчас проще делать не как они предлагают: сначала все разметить, потом вырезать графику, потом сделать сетку, потом оформлять детали там и т.д.
А проще сначала ознакомиться со всем макетом целиком и вырезать нужную графику, подготовить шрифты (если надо иконки) в процессе осматривания в фотошопе в уме прикидывается каким способом будешь делать тот или иной элемент. А потом тупо поэлементно (поблочно) делать макет. Грубо говоря есть шапка - вот ее и делаешь полностью. Потом переходишь к другому блоку. Мне лично так проще, чем сразу делать только одну лишь разметку но для всего макета.
Первый свой макет вы в любом случае сделаете как они описывают, а остальные можете делать тоже по частям. Тем более в продвинутом никого особо не ебет как вы будете делать, а под БЭМ такой подход (блочный) очень даже подходит.

Надеюсь, мой опус кому-то из ньюфань покажется полезным.

курю базовый по js-кун, прошел базовый и продвинутый по верстке
#120 #525748
>>523507 (OP)
Перекатился из треда в /б к вам и что же я вижу, не по профессии, а только если ты кодер-погромист, где другие профессии то?
>>525785
#121 #525750
>>525742
Кое-что вынес для себя.
#122 #525776
>>525742
Адекват в треде, все последовательно, конструктивно и понятно. Пусть мама объяснит этой хуесосинки из треда >>525683 как себя вести надо.
#123 #525785
>>525748
Писать научись, нихуя не понял, что ты написал.
>>525799
#124 #525799
>>525785
Был тред в /б, даун, там пост "перекатывайтесь сюда, если хотите по профессии переехать в асашай". Перекатываюсь и вижу тут только кодеров-погромистов и не одной другой специальности.
>>525818>>525823
#125 #525818
>>525799
Чувак, тут таких залетных как ты не любят.
#126 #525823
>>525828
#127 #525828
>>525823
Затралел, азаза, мне уже пригорело даун
#128 #525923
Палю годноту!
http://docs.emmet.io/cheat-sheet/
>>525937
28 Кб, 350x400
#129 #525937
181 Кб, 481x511
#130 #526033
Пацаны, я неофит, играюсь с гитом, как удалять репо с пека? Я пытался просто папку удалить, но она наебнулась, не могу открыть/удалить ее теперь, пишет расположение недоступно.
>>526035
#131 #526035
>>526033
ls - чтобы глянуть есть ли она в директории
rm -rf folder_name вроде чтобы удалить

также попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступно
>>526037
#132 #526037
>>526035

> также попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступно


Действительно, спасибо.
#133 #526046
>>525082
Полное говно, рассчитанное я даже хуй знает на кого.
#134 #526155
Сколь тебе лет полных?

js-кун занято, выбери себе другое
>>526156>>526657
#135 #526156
#136 #526350
Ваше мнение, фронтаны? По мне так какое-то вырвиглазное тормознутое говно, напичканое свистоперделками и пахнущее смуззи.
http://bitforest.io/
мопед не мой, просто наткнулся на просторах интернетов
>>526354>>526382
#137 #526354
>>526350
а мне нра
>>526361
87 Кб, 1902x367
#138 #526361
>>526354
Ну хуй знает.
Просто я ньюфаг, и везде читал, что тормозные сайты нинужны.
#139 #526382
>>526350
Эффекты нужны, но меру-то блядь знать надо. Отличный показатель того, как ебанутый дизайнер видит свой говноделие, но ничего не смыслит в UI
47 Кб, 243x211
#140 #526390
Несколько часов трахался, пытаясь запилить бордер градиентом (пикрелейтед) поверх обычного бордера, но так ничего и не добился. У кого-нибудь был опыт подобного пердолинга? Пока ничего более умного, нежели вырезать эту хуйню и запилить через :before мне в голову не приходит.
>>526391
#141 #526391
>>526393
#142 #526393
>>526391
У меня не получилось сделать круглый бордер градиентом ни по одному из этих способов. Единственное, что вышло - залить вообще всю картинку полупрозрачным градиентом, лол.
Зато получилось залить тестовый квадрат, лол. В общем, я сейчас удалю свой говнокод и с утра заново попробую.
>>526396
#143 #526396
>>526393
В общем, сделал так:
http://codepen.io/anon/pen/QNaOVV
Не знаю, насколько это лучше, чем тупо вырезать картинки с бордером в фотошопе, но хоть работает.
#144 #526399
http://codepen.io/anon/pen/jqYYPJ
Хелп, аноны. Как сделать чтобы при ховере не прыгало?
>>526400
#145 #526400
>>526399
* {
box-sizing: border-box;
&::after {
box-sizing: inherit;
}
&::before {
box-sizing: inherit;
}
}
>>526401>>526402
#146 #526401
>>526402
#147 #526402
>>526400
>>526401
Лол, я еще немного подумал и оказалось все проще, сделал через outline. Спасибо за помощь, мб в другой ситуации пригодится.
>>526403
#148 #526403
>>526402
Ну не знаю, я бокс-сайзинг всегда прописываю, офигенная штука, которая должна быть по-дефолту, ящитаю. Особенно с флексами.
#149 #526435
аэрофлот-кун вкатился сполногонуля
чет надоело чумаданы кидать:)
>>526470
#150 #526454
Что-то почитал JS-тред и мне стало грустно. Это же надо года два на то, чтобы все освоить. А потом еще года два, чтобы освоить новые стандарты/технологии/фреймворки. А потом еще года два, чтобы освоить стандарты/фреймворки, пришедшие на замену уже освоенным стандартам/фреймворкам. А потом еще... Какая, все-таки, верстка ламповая и дружелюбная.
#151 #526457
>>526454
Типа в верстке не появляются новые стандарты и подходы
#152 #526470
>>526435
Сколько лет?
>>526698
#153 #526482
Неужели назвали тред правильно не прошло и года
>>526508
#154 #526508
>>526482
прошло)
#155 #526558
Почему это работает один раз после загрузки https://jsfiddle.net/5tefh4dj/1/
а это работает как надо
https://jsfiddle.net/yfe7b4up/
?
>>526564>>526579
#156 #526564
>>526558
проебал вторую ссылку - https://jsfiddle.net/5tefh4dj/2/ вот как надо
>>526579
#157 #526579
>>526558
>>526564
Анимация отрабатывает и заканчивается. Во втором случае они запускают по очереди
https://css-tricks.com/restart-css-animation/
>>526580>>526587
#158 #526580
>>526579
Разве она не должна при смене класса вызываться повторно в первом случае?
#159 #526587
>>526579

>Разве она не должна при смене класса вызываться повторно в первом случае?


Прочитал

>https://css-tricks.com/restart-css-animation/


Что ж, видимо, не должна. Спасибо.
#160 #526657
>>526155

> js-кун занято


Ебать ты охуевший.
#161 #526685
Привет, анон.
В данный момент я съебываю со своей работы и ищу себе замену.
Будешь заниматься версткой и наполнением (контент-манагер, ага) за 50к/мес (возможны доплаты за переработки). Работа абсолютно непыльная, но в придачу идет начальство, так что более, чем на полгода не рассчитывай (тебе же надо развиваться, ага). Если в самом-самом начале пути -- велкам, пиши на мыло пару слов о себе, если хоть немного честолюбив и уже что-то имеешь в запасе из скиллов -- лучше пойди на более перспективное место.
kK5Ke1evraANUSoutloJG/okPUNCTUMc,\xom
#162 #526686
>>526685
Олсо, тред не просматриваю, потому если есть впоросы -- почта.
#163 #526690
>>526685
Ты бы хоть город указал. Или удалёнка? Я бы подрядился, но ещё ничего не умею.
>>526707
1484 Кб, 2592x1944
#164 #526698
>>526470
Тридцать четыре: (
Грустно что не попробовал раньше
Но в любом случае я ничо не теряю... 15 дней в месяц все равно свободны, могу учица
>>527545
#165 #526707
>>526690

>ничего не уметь


>работа


>50к/мес


Мне кажется, или очевиднее дс тут нет ничего?
#166 #526744
>>526454
А ты хули хотел?
48 Кб, 500x484
#167 #526765
>>526454
Итс тру
#168 #526782
>>526685
Я уже год въебываю за 35

>мимонытик

>>526822
#169 #526822
>>526782
Въебывал 5 за 25. Так что у тебя еще все впереди.
#170 #526960
>>526685
Так, проебался немного с описание, добавлю
Город: дс, серая/оранжевая ветка верх, минут 15 на автобусе
Удаленка не предусмотрена.
Как развитие данную работку не ищите -- только если СОВСЕМ НЕТ скиллов, то можно здесь чуть поднять бабла, если хотите, чуть поднакачать скилл (учителей здесь нет, все самим, никто подсказывать, чо делать, не будет), благо над душой не стоят и можно делать свои проекты, и после съебывать отсюда.
50к за стандартный день с 9-18, хотите сидеть до 21 -- сидите, будет доп.оплата, но делать тут нехуй. Всем, кто ответил на почту, спасибо, я отвечу в письме еще.
>>526962
#171 #526962
>>526960
>>526960
Ах да, приступать со следующей-послеследующей недели.
999 Кб, 250x251
#172 #527050
Почему с шапки пропала инфа про создание портфолио на гитхаб?

>. Джуну фронту надо либо макеты с вменяемой клиентской логикой


Что такое клиентская логика?
>>527114
#173 #527053
>>526454
Вертска тоже не хуй собачий.
>>527543
#174 #527114
>>527050

> Что такое клиентская логика?


Логика, выполняемая на клиенте. Скрипты то бишь.
>>527124
#175 #527124
>>527114
Понял, благодарю.
#176 #527135
> вида username.github.io, где username это название вашего аккаунта на GitHub
Пацаны, а вот так можно username.sitenam.github.io, работать будет? Или как правильно сделать, чтобы много сайтов залить.
>>527141>>527142
#177 #527141
>>527135

>username.sitenam.github.io


нет, этот домен автоматом создается

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


далешь в нескольких репах ветку gh-pages и у тебя будет типа:
username.github.io/project1/
username.github.io/project2/
>>527145>>527163
#178 #527142
>>527135
Не, нельзя так. На одного юзера один сайт
Можешь оргу запилить, на неё тоже один сайт
>>527145>>527158
#179 #527145
>>527142
рили?
>>527141 - кун
#180 #527158
>>527142
Можно. Только index.html обязательно создать и ветку gh-pages.
#181 #527163
>>527141
Попробую, спасибо.
#182 #527194
>>524504
Подозреваю, что все там по центру. text-align центрует твою ссанную пятерку, но из за ширины ты этого не видишь. Можешь попробовать увеличить ширину этого td и посмотреть. Но вообще там этот text-align: center нахуй не уперся. Делаешь отступ паддингами и все.
#183 #527212
А такие вещи лучше делать с бр или задавать оверфлов?
>>527213
51 Кб, 1038x859
#184 #527213
>>527212
Пик проебал.
#185 #527221
>>527213
Причем здесь оверфлов, мудила?
Используй паддинги, либо ширину
>>527241
#186 #527241
>>527221
И хули паддинги? Какая нибудь пизда будет менять инфу потом и все пизданется, я то и бр могу сделать и хуй забить.
>>527248>>527284
#187 #527248
>>527241
Конечно тут только брки можно юзать, они именно для такого и сделаны.
>>527250
#188 #527250
>>527248
Ну так, а потом не скажут, что это я хуйню сделал и весь интерфейс пизданулся?
>>527254
#189 #527254
>>527250
С чего он должен пиздануться?
>>527258
#190 #527258
>>527254
Переполнение контентом, например.
#191 #527261
>>527213
делай ширину для обертки - будет больше возможностей управлять всем этим дерьмом, если делаешь адаптивно. Брки могут сломать тебе вид на малом разрешении если, например, перенесется слово перед бр. Получится строка из одного слова.
>>527265
#192 #527265
>>527261
Я же просто спросил, это норм, если я там юзаю бр, или стоит делать размеры с оверфлов, чтобы ебанутые мани все не похерили?
>>527273
#193 #527273
>>527265
Не норм. Уменьшай окно пока не перенесется крайнее слово.
http://codepen.io/kotokrad/pen/pypGoy

И вариант без бр
http://codepen.io/kotokrad/pen/dMJaPj

не понял, к чему оверфлоу
>>527289
#194 #527284
>>527241
Сука, ты че, поехавший? Каким образом все пизданется при использовании паддингов? Задаешь для блока обертки этого текста нужный паддинг справа и все блять. Если кто - то потом добавляет текст - он переносится автоматически и не надо никаких бр.
>>527289
#195 #527289
>>527284
Не истири, дебил может написать дохуя всего и блоки собьются.

>>527273

> оверфлоу


Хайден же.
#196 #527295
Мде, такое чувство, что тут сидят диванные теоретики верстающие только макеты академии, лол. Хотя так и есть, чего это я
>>527297
#197 #527297
>>527295
Ну так учат люди, что не так?

Напомните кто пожалуйста, в каком именно уроке рассказывают, как живую карту прикрутить, я что-то найти не могу.
>>527303>>527617
#198 #527303
>>527297
Не, мне просто нравится, что вы даёте советы и ещё и спорите.
Обертки с паддингами, для каждого блока это просто топ кек
>>527307>>527319
#199 #527307
>>527303
Ну сделал на бр, потом заказчик орет, что маня добавила текст, а он поехал.
>>527315
#200 #527315
>>527307

> заказчик орет


Манька, плиз.
Во-первых, текст слоганов/описаний/заголовков/хуй-знает-как-это-по-русски-называется не переносят рандомным образом никогда. Его переносят после определенных слов, чтобы остался "ритм" предложения, и чтобы оно не начиналось с предлога, например.
Во-вторых

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


Нужный это какой лол? При одном тексте он будет один, при другом совершенно другой. Как во втором случае с этой картинки >>527213
ты решишь это паддингом? Никак.
99% операция с пересоном текста делаются через брки.
>>527318
#201 #527318
>>527315
Конкретно в этом примере надо учитывать, что дизайнеры - долбоебы. Да, можно ебнуть перенос и пусть ебутся, как хотят. Но вообще достаточно задать паддинги, чтобы текст не прилипал к краям. "Скрупулезно" все равно не влазит в ширину текстового блока с паддингами и перенесется.
другой анон
#202 #527319
>>527303
Ну так и в верстке для каждой задачи можно придумать кучу способов решения разной степени паршивости.
И в чем проблема обертки с паддингами? Ты же, наверное, оборачиваешь текст в абзацы, вот им и задай. Явно же более универсальное решение, чем бр везде хуярить
67 Кб, 1038x859
#203 #527320
О чем спор вообще. Фиолетовое - ширина текстового блока.
Красненьким - паддинги, слева-справа пикселей 10, и сверху-снизу пикселей 30. "Скрупулезно" и другое длинное слово автоматически переносится на новую строку.
Логического смысла в переносе строки "для вашего сайта" нет, пусть дизайнер идет нахуй, текст и так красиво встанет. И ничего не поедет, даже если сеошные дебилы, например, захотят прям в этот блок захуячить статью с ключевиками на 1000 символом..
>>527550
#204 #527335
>>523777
>>524087
сорян, не тот канал скинул

https://www.youtube.com/watch?v=WFEgmNfvpnw
#205 #527336
>>523848
анон, я в прошлом треде тебе уже скидывал готовый говнокод, лови ссылку снова:
https://jsfiddle.net/oszis113/wn996b42/
#206 #527369
В нердсе дизайнер мудак. Если я правильно помню то на других слайдах другая ширина заголовка и проще сделать с помощью br в данном случае.
#207 #527392
У меня в фотошопе при щелчке на какой-нибудь элемент макета не выбирается слой в котором он находится почему-то. Даже когда в менюшке слоев кликаешь, ничего не происходит. Но если слой спрятать, то он исчезает. Что делать?
>>527395>>527432
#208 #527395
>>527392
Ну и вообще элементы не выделяются в принципе.
#209 #527397
А все, блять, нашел галочку, сорян.
>>527434
#210 #527416
Вот про дизайнеров-мудаков, пацаны. Восемь, блядь разделов. В семи шрифт 18px, в одном 17. Весь макет одним шрифтом, а ссылка в углу - другим. Тоже без засечек, с виду хрен отличишь. Отступы у одинаковых заголовков разные еще. Я собственно к чему: забить хрен на это все и делать единообразно или всю эту хрень мужественно переносить в верстку?
>>527436>>527570
#211 #527432
>>527392
поставить галочки на автовыделение слоя
и можно еще на показ контролов трансформации
>>527433>>527434
#212 #527433
>>527432
Ага, уже разобрался, спасибо.
#213 #527434
>>527397
>>527432
бля, написал, а потом прочитал следующее сообщение лол
#214 #527436
>>527416
Громов говорил что если блоки явно одинаковые должны быть и это никакая не концепция - он берет стили из первого появления и применяет ко всем остальным. (это про размер и отступы шрифтов, размеры блоков и т.д.).
#215 #527543
>>527053
Верстка хуйня, ее за год спокойно освоит даже умственно отсталый.
#216 #527545
>>526698

>Но в любом случае я ничо не теряю...


Время.
>>527547>>527571
#217 #527547
>>527545
Время, проведенное с удовольствием, не является потраченным.
#218 #527550
>>527320
А потом ты переходишь на следующий слайд и видишь что слова там переносятся уже за пределы паддинга сделаного ИМЕННО для первого слайда.
#219 #527570
>>527416
Блять, верстаю щас макет мухосранского дизайнера и там пиздец, высота у всех шрифтов разная, где-то вообще ее нет, размеров шрифтов штук 10 вообще нахуй.
#220 #527571
>>527545
Ну, не знаю... Вместо игр,и фильмов будетучеба...
За вчера пять разделов в академии прошел, мне понравилось, интересно, и дается легко. У меня склад ума аналитический, математику в школе любил. Айкью высокий. Альтернатива только на вышку идти... Но это пять лет ради корочек... К 40 годкам..
>>527574>>527578
#221 #527574
>>527571

>Айкью высокий



И какой же? И где ты его проверял?
>>527576>>530178
#222 #527576
>>527574
Бля ну че ты как диб)))) Зайди в аську проверь хуле
#223 #527578
>>527571
А я после вышки вот изучаю. Причем вышка техническая. Просто то, что преподавали не особо нравится
>>527580
#224 #527580
>>527578
Поясни за свой выбор, нахуй пошел туда, где не нравится обучение?
>>527584>>527585
#225 #527582
Пацаны, как сделать, чтобы сайт нормально отображался на мобильных устройствах? Я как-то видел барбершоп с планшета, там все открылось как на пк, алсо, макет не адаптивный, сетка на месте, у меня в нердс все пидорасить начало.
>>527596>>528008
#226 #527584
>>527580
Думал, что будет норм. Тем более знакомый, который учился до меня сказал, мол будет дохрена программирования (что ему не нравилось). На деле - дохуя математики (что не нравилось мне в свою очередь)
>>527587
#227 #527585
>>527580
Будто у нас 70% абитуры так не делает.
>>527589>>527604
#228 #527587
>>527584
Ну и да, фронтенду как таковому я хз даже где найти чтобы обучали. Так что в любом случае будет то, что тебе не нравится, если пойдешь на вышку
>>527591
#229 #527588
>>524215
Бля, я на листовках, когда в школе учился, 150 в час получал. Что-то у меня разрыв шаблона.
>>527590
#230 #527589
>>527585
Все еще пытаюсь понять, почему они так делают? ШОБ ВСЕ КАК У ЛЮДЕЙ?
>>527591>>527604
#231 #527590
>>527588
Ясен хуй на некоторых днищеработах можно поднимать больше чем верстала, но у версталы есть рост, а на днищеработе его нет.
>>527601
#232 #527591
>>527587
По-моему это как раз та сфера, куда приходят самоучками. Ну или максимум курсы типа хтмлакадеми. На ютубе смотрел видеоуроки на одном русскоязычном канале, автор в комментах сказал, что учится на веб девелопера. Видимо не в РФ. Но не рекомендует убивать время на такое официальное обучение.
>>527589
Ну потому что я ж типа умный, илита, пойду вузик закончу и буду в офисе за 100 к сидеть.
Ну, так думают, в основном, мамки юных абитуриентов.
>>527594
#233 #527594
>>527591
Кстати есть вообще вузы в рф где можно выйти йоба-погромистом с изучением актуальных и прибыльных языков а не всякого древнего говна мамонта?
>>527599
#234 #527596
>>527582
Бамп вопросу, почему у меня с масштабами пиздец?
>>527600
#235 #527598
>>524845
А нельзя просто после изменения в коде нажать ctrl + s и обновить свою страничку в браузере?
>>527602
#236 #527599
>>527594
Может, ВШЭ какая-нибудь.
#237 #527600
>>527596
Залей на гитхаб пэйджс и кинь сюда, мы же блять не экстрасенсы.
>>527606>>527861
#238 #527601
>>527590
Тут ты прав. Да и версталой гораздо интереснее, чем стоять как еблан с бумажками на улице.
#239 #527602
>>527598
Можно, но если ты деалешь это по 1000 раз в день, заебываешься
>>527605
#240 #527604
>>527585
>>527589
Не, у меня немного другая ситуация. Хотелось чтобы было больше ооп, алгоритмов, шаблонов проектирования, архитектуры и т.д. и т.п.
На деле: интегральные исчисления, матан, дифуры, матфизика, прикладные задачи матфизики, механика сплошных сред и т.д. и т.п. Из программирования: основы на с++, подсчет формул на фортране и спецкурс по 1с (лол), и более-менее норм - это курс по реляционным БД и компьютерная графика (рисовали объектики - вершиной изучения материала был анимированный трехмерный бокальчик с вином, кек). Из верстки был html таблицами (лол). Все остальной одна сплошная ебучая математика. (из нее мне кстати нравилась мат логика, дискретка и первая часть тервера где больше комбинаторики чем тервера и то мне оно нравилось так как я любитель покерка)
>>527607
#241 #527605
>>527602
https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh я заебался уже вбрасывать это почти в каждый тредж.
1) Ставишь
2) Включаешь
3) жмешь ктрл + ы в саблайме
4) ??????????????
5) PROFIT!
>>527615
55 Кб, 384x816
#242 #527606
>>527600
Вот такая хуйня на мобильном.
>>527608>>528013
#243 #527607
>>527604
Лол, как раз не поступил на айти-специальность по той причине, что там гора всякой математики. Может, я просто неосилятор-гуманитарий и вообще не прав, но по-моему она там нужна куда меньше. А больше надо уделять внимания практике современных языков, работе с реальными проектами, которые действительно заказываются в этом грешном мире и т.п
#244 #527608
>>527606
Перечитай плз мое сообщение.
#245 #527615
>>527605
Спасибо огромное.
77 Кб, 640x640
#246 #527617
>>527297

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


Все еще не могу найти, лол. может я удалил случайно, в каком уроке это было?
#247 #527618
>>527617
дополнительные материалы к интенсиву из шапки смотри
#248 #527625
>>527617
В гугле рассказывают обо всем. За то время, пока ты ждал здесь ответа, мог бы три раза во всем сам разобраться.
воркфлоу #250 #527721
суп верстаны, а не фронтендерстаны теперь, короче меня работодатель на позицию джуна версталы, попросил прислать запись моей работы, как думаете есть смысл отправлять видос или слиться ? Я там тупил дохуя.
https://www.youtube.com/watch?v=zk65S52Bv7s&feature=youtu.be&ab_channel=ЕвгенийЛитвиненко
>>527731>>527732
#251 #527731
>>527721
А зачем там гул, что он делает? И чтто за редактор у етбя?

Я хоть и неофит, но вот эти пару ссылок посмотри, спрайты быстро пилить, там и координаты все. А авакод - убергодная хуйня для верстки.
http://spritegen.website-performance.org/
https://avocode.com/
>>527736
#252 #527732
>>527721
и еще, если кто заметил что я что то неправильно делал, дайте знать
и вопрос по поводу, сколько времени мне еще аутировать перед тем как не стыдно будет откликаться на вакансии ?
А также сколь времени матерый верстала будет делать то же самое ?
#253 #527736
>>527731

ide: https://www.jetbrains.com/webstorm/

ты про галп я так понял ?
sass компилит, компасовские либы подключает и es6 => в 5 транспилит, точнее будет когда я буду скрипты прикручивать, картинки там оптимизирует автопрефиксер и т.д
>>527738
#254 #527738
>>527736
Нихуя не понял, лол, ну да ладно.
>>527741
#255 #527741
>>527738
ну короче я ж не html код пишу а использую шаблонизатор http://jade-lang.com/

то же самое с http://sass-lang.com/

а за ссылки спасибо, я щупал авокод летом прошлого года, он не умел line-height показывать и еще были какие то косяки со шрифтами
>>527747
#256 #527747
>>527741
А в саблайм нельзя прикрутить препроцессоры?
>>527752
#257 #527752
>>527747
можно и в саблайм наверное, я его не юзаю а автопрефиксер как ? ща глянул на packagecontrol.io там есть, но он их в моем коде делает а не на выхлопном
9 Кб, 1094x977
#258 #527778
Как элегантно на флексах запилить такое расположение блоков?
>>527797
#259 #527797
>>527778
Бляяять, хуй с ними с флексами, как можно еще это сделать, сойдет любой спосоБ, похуй уже, аноны, помогите!
>>527802>>527812
#260 #527802
>>527797
Сделал короче на флоатах, похуй, если кто на флексах сможет, напишите.
>>527807>>527809
#261 #527807
>>527802
сделал на флексах, я бог!какой же я еблан, полчаса на эту хуйню потратил
#262 #527809
>>527802
Я бы тупо обертками запилил. А внутри уже определял количество картинок, довольно удобно за счет флексовского стретча по умолчанию. Можно в обертку хоть одну, хоть четыре заебашить, выбрал ширину и готово.
>>527810
#263 #527810
>>527809
Сделал без оберток
>>527813
#264 #527812
>>527797
Молодец что сам справился.
https://jsfiddle.net/tx3sna8x/
#265 #527813
>>527810
Показывай решение.
>>527817
#267 #527824
>>527817
Интересно, давно юзаю флексы, но не знал про эту фишку с сочетанием column, wrap и недостаточного размера контейнера. Спасибо.
>>528360
88 Кб, 700x608
#268 #527830
Пацаны, вот у меня есть список, catalog например, на других страницах он тоже есть, но там он ведет себя иначе и вид другой немного, по бэм правильно задать ему catalog_other-page? Или .other-page .catalog делать можно? Как правильно по бэм?
>>527838>>527851
#269 #527838
>>527830
Для одной страницы main-catalog для другой inner-catalog, например.
мимо-диванный-знаток-бэм
#270 #527851
>>527830
покажи скрины - подскажу
>>527854
#271 #527854
>>527851
Нет скрина.
>>527855
#272 #527855
>>527854
Сделай. Или ты абстрактно выдумал?

В любом случае модификатор должен описывать свойство которым элемент или блок отличаются.

ну скажем размером:
card--small
или по классическому БЭМ
card_size_small
>>527860>>527861
#273 #527860
>>527855
А ну правда еще добавлю что видел и версии типа таких. Например:
card--preview (ну то есть в зависимости от назначения)
Но тут в обычный БЭМ у которого обычно _ключ_значение не перепишешь наверное, по крайней мере я не могу быстро придумать

Короче на примере было бы проще
>>527861
7 Кб, 703x239
#274 #527861
>>527600
Я гуглил, пробовал <meta name="viewport" content="width=device-width, initial-scale=1.0"> но по сути никакого толка, чет вообще нихуя понять не могу.
https://marlengromov.github.io/nerds/

>>527855
>>527860

> абстрактно выдумал?


Да.
Как бы блок каталог, на одной странице он просто как блок с надписью, а на других у него всплывающий список и типа иконка возле надписи.
Вот на главной он просто catalog, a на другой странице его иначе как-то нужно подписать, я до этого всему прописывал классы, чтобы анб были, но как-то программист говорит, типа можно ли в боди прописывать класс, а потом через .нейм-боди .хуйня-нейм стилизовать, говорит гемор ему, что потом разные шаблоны при программировании, а я обычно писал .каталог_нейм-боди. Вот я не знаю, правильно ли я делал или нет?
>>527866>>527941
13 Кб, 870x70
#275 #527866
>>527861
Нихуя не понял про каталоги твои. По идее блок каталог содержит в себе товары а не просто блок с надписью
Короче не въезжаю я че тебе надо, сорян (походу надо пойти проспаться)

А вот про metaname скрин тебе
>>527885>>527898
#276 #527874
Есть кто упарывает jade? Такая проблемс - как вставлять свг инлайн? Редактировать каждый раз теги не очень.
>>527879>>527880
#277 #527879
>>527874
Ну проблему решил быстро конечно, но оцените насколько это костыли. Вставляю свг инлайн в jade-файле с помощью unclude. Даю обёртку класс и через него даю свойства свг. Нормально?
>>527880
#279 #527885
>>527866
Благодарю, а откуда скрин?
104 Кб, 1360x534
#280 #527890
А почему свойство fill не применяется к бургеру? Я уже с интернета скачал другую иконку. Не помогло.
>>527892
#281 #527892
>>527890
fill - свойство svg, а ты к спану его применяешь
>>527895>>527897
#282 #527895
>>527892
И что? Оно наследуемое.
>>527904
143 Кб, 1201x701
#283 #527897
>>527892
Хорошо. Почему тогда я напрямую через редактор установил зелёный цвет, в первом варианте сработало, во втором нет. Так с иконкой которую дают в макете интенсива и со скачаной с интернета. Уже и stroke прописывал.
#284 #527898
>>527866
Не помогает пик, боди 900, а задал сперва столько же, потом больше, один хуй все пидорасит, что не так?
>>527899>>527915
#285 #527899
>>527898
А на кой хуй тебе вообще это? Пиздуй адаптивные сайты делать.
>>527901
#286 #527901
>>527899
Лол, а если неадаптивный?
#287 #527904
>>527895
Чет проебался я, проверил - правда наследуется. Залей на кодпен, понятнее будет
>>527910
#288 #527910
>>527904
https://jsfiddle.net/wmLcdakr/
Там регу просят. Яж ананимас.
>>527913>>527914
#289 #527913
>>527910
fill был инлайново прописан в path
>>527914
#291 #527915
>>527898
Тебе уже сто раз сказали - залей на гх-пейджес и скинь, чтобы посмотреть.
>>527941
#292 #527920
>>527914
Спасибо. Ну конечно же сравнив я заметил что там "предустановлено" значение филл. А то что оно не меняется так должно быть? Прям как константа.
>>527925
#293 #527925
>>527920
Ну так оно действуют как все правила ксс. Если у тебя где-то наверху написано одно правило, а потом на самом элементе другое, то именно ближнее будет работать.
#294 #527941
>>527915
Я залил уже >>527861
147 Кб, 774x350
#295 #527965
Я что - то не могу сообразить, как сделать так, чтобы текст не выпадал из этого блока, а переносился? Сам блок зафлочен, а текст это чекбоксы с лабелами.
#296 #527969
>>527965
вангую, что нужно overflow: hidden
#297 #527970
>>527965
>>527969
а если хочешь наверняка - показывай код
>>527972
#298 #527971
>>527969
текст тогда будет пропадать, алё
#299 #527972
>>527970
нет, не так. ПОКАЗЫВАЙ КОД
>>527981
684 Кб, 1440x900
#300 #527973
Пацаны, вот есть у меня меню на li, пытаюсь выровнять его по ширине блока через text-align:justify, а оно как стоял по левому краю, так и стоит. В чем может быть проблема? Даст бог другие способы подскажете.
>>527978>>528091
#301 #527978
>>527973
Эхехе ты захотел, конечно как ты хочешь НЕЛЬЗЯ, это просто не логично. justify только к тексту можно применять, явно не к li, nav и тому подобное..
Какого хуя last-child у nav а не у li nav? Во-вторых хуй знает как тебе помочь. Тут либо паддингами отбивать (может не совпасть, либо установить фиксированую ширину у li, тобишь в твоём случае width родителя делим на 7.
>>527984
#302 #527980
>>527982
#303 #527981
>>527972
Хватит свойств для этого блока? Или всю страницу в песочницу хуярить?
#304 #527982
>>527980
Да я уже погуглил, там же написано: "Данное свойство носит черновой характер и при валидации документа на CSS3 выдает ошибку."; Не хотеть верстать невалидно. Неужели нет способа, чтобы пофиксить это? Я просмотрел базовый, вроде не было таких ситуаций
>>527986
#305 #527984
>>527978
Но ведь по центру и правому краю выравнивается все отлично.
>>527985
#306 #527985
>>527984
Пропиши ширину ul попробуй.
>>527991
#307 #527986
>>527982
пример на скрине туповат. Думаешь будут настолько длинные слова, что выйдут за границу блока? Обычный текст нормально перенесется по слову. Ну а шоб наверняка - >>527969
>>527988
#308 #527988
>>527986
Да даже не конкретно для этого примера хочется сделать, а в общем научиться и понять, чтобы в будущем использовать, если вдруг придется. Ну, в ляюбом случае, спасибо за участие.
#309 #527991
>>527985
Неа.
Кажется, спать я сегодня не ложусь.
>>527994
#311 #528008
>>528012
#312 #528012
>>528008
Что, собственно, нужно? Не хочешь делать адаптив - удали мета-тег viewport, тогда мобильный браузер при необходимости включит зум и всё будет выглядеть стандартно херово. Но лучше, чем было.
>>528013
#313 #528013
>>528012
Вот что без viewport >>527606, нихуя не нормально, а барбершоп нормально показывает, я нихуя понять не могу.
>>528016
#314 #528016
>>528013
Это нормальное поведение для не адаптивной страницы. Браузер по-твоему сам должен скукоживать фиксированную страницу под разрешение телефона?

Скинь тогда уж ссылку на барбершоп.
>>528017
#316 #528026
>>528017
Сорян, туплю. Мб на телефоне пробелы между инлайн-блоками шире, из-за этого всё едет. Попробуй их удалить
>>528028
#317 #528028
>>528026
Завтра буду ебать размеры и падинги.
Вот эта хуйня помогла <meta name="viewport" content="width=device-width, initial-scale=1.0">, но другое пизданулость.
#318 #528030
Сап фронтаны. Полчаса уже ебусь с иконкой корзины в нердс, не получается сделать чтобы при наведении на надпись "КОРЗИНА" иконка меняла цвет, и наоборот. Иконку иконочным шрифтом хуярил с помощью спана перед ссылкой, что бы можно было ее серой сделать, а текст остался со шрифтом и черный.
>>528031>>528033
#319 #528031
>>528030
Алсо добавлю, что опасити она меняет при нажатии на текст, а цвет нифига.
>>528033
#320 #528033
>>528030
>>528031
вангую проблему специфичности. А вообще такое лучше делать с :before
>>528034
#321 #528034
>>528033
Сейчас попробую, а с помощью :before разве можно иконку шрифтовую вставить?
>>528036
#322 #528036
>>528034
да. пишешь код символа в content и задаешь шрифт

content: "\f09b";
font-family: FontAwesome;
#323 #528037
>>528036
Спасибо.
>>528038
#324 #528038
>>528036
>>528037

это не корзина, а рандомный пример, если что
>>528040>>528046
#325 #528040
>>528038
Это понятно.
33 Кб, 652x547
#326 #528046
>>528038
>>528036
Вот список кодов для символов. Я все цсс'ки посмотрел, везде так же. Соответственно когда я пишу код '\62' у меня и появляется буква b. Что за фигня, почему не иконка?
#327 #528048
Ну ёбана

>Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.



http://codepen.io/
https://jsfiddle.net/
>>528050
#328 #528050
>>528048
Как я тебе файл шрифта захуярю?
>>528053
#329 #528053
>>528050
100% вариант - залей страницу на gh-pages
#330 #528058
Кароч забил хер и сделал спрайтом эту иконку ебаную. Всем спасибо.
#331 #528073
котаны, хочу чтобы моя mongoDB с каждой перезагрузкой страницы обновлялась. Вопрос, где мне нужно удалять все прошлые значения коллекции?
#332 #528075
Вопрос по поводу display:inline-block. В гугле везде говорится про то как убрать отступы между блоками, а мне наоборот, нужно их увеличить. Просто margin-right не работает почему-то, хотя в уроке академии все прекрасно отступается.
>>528082
#333 #528082
>>528075
Мы тебе ванги или что? Скинь пример кода, где у тебя маргины не работают. И верстай на флексах.
>>528089
#334 #528089
>>528082
Вот такая элементарная хрень: https://jsfiddle.net/aypzt6fs/
Скорее всего я туплю, но не могу допереть никак. Вот здесь по-моему идентичная вещь, но работает: https://htmlacademy.ru/courses/44/run/18
>>528093
#335 #528091
>>527973
Флексы или display table. В интенсиве про это есть
#336 #528093
>>528089
Я хотел было сказать, что ты тупой, но я просто не выспался и злой, поэтому извини, хоть я этого и не сказал.
В общем, суть такова: ты задал display: inline-block КОНТЕЙНЕРУ своих ЖЕЛАЕМЫХ инлайн-блоков. И потом ЕМУ задаешь маргин. А внутри НЕГО у тебя обычные ссылки, которые ты вообще никак не стилизуешь. Вот для наглядности, добавил второй блок в твой же фиддл (и подкрасил его): https://jsfiddle.net/aypzt6fs/1/
А вот как это должно быть:
https://jsfiddle.net/aypzt6fs/4/
>>528094>>528097
#337 #528094
>>528093
И это, на будущее. Классы-айдишники всяким инпутам, ссылкам, баттонам и прочей хуйне пиши самым первым атрибутом, а то заебывает среди этих "href=", "type=text" и т.п. искать класс.
#338 #528097
>>528093
Блять, я реально дебил. Спасибо.
>>528098
#339 #528098
>>528097
Да не за что. Ты по теории не загоняйся слишком, лучше верстай. Хотя бы барбершоп с нуля, например.
>>528100
#340 #528100
>>528098
Так я Нердс и верстаю, захотел вот эти логотипы инланами сделать.
>>528101>>528102
#341 #528101
>>528100
Но там походу нихуя так не выйдет и придется флоатами делать.
>>528103
#342 #528102
>>528100
А, ну делай, потом залей на гп-пейджес и скинь сюда, авось кто и обосрет подметит косяки.
Я когда верстал нердс и седону, аж блевать хотел. Такие-то кривые макеты, риалли. Я уж было подумал, что верстка - это не мое, но потом накачал йоба-макетов с просторов интернетов - и пошло-поехало.
366 Кб, 1920x1080
#343 #528103
>>528101
Ты про эти кнопочки? Я их инлайнами и запилил в свое время, пикрелейтед.
Сейчас смотрю, и понимаю, какое же это топорное говно, которое нахуй съедет при попытке сменить размеры враппера, например. Только флексы, только хардкор.
>>528104>>528108
#344 #528104
>>528103
Олсо, проиграл со своей псевдо-бэм разметки. А ведь прошло всего пару месяцев.
#345 #528108
>>528103
Ну у тебя там еще какой-то псевдокласс прилеплен, с бэкграунд позишном, я хз как ими пользоваться пока что.
>>528110
#346 #528110
>>528108
Это говно методика, на самом деле. Сейчас я бы так ни за что не стал делать, препроцессоры и прочие шняги в помощь.
Просто как пример того, что на инлайнблоках вполне можно заверстать.
Я всю седону (базовую, неадаптивную) на инлайнблоках сверстал, ох и заебался же я. Но было забавно, конечно.
>>528112
#347 #528112
>>528110
Ну я так и понял. Чего научился за пару месяцев?
>>528113
#348 #528113
>>528112
Да в принципе всему, что связано с собственно версткой.
scss, немножко лесс, ну БЭМ-хуем, само собой, флексы, адаптивность в сочетании с резиной, grunt, gulp и все, что к ним прилагается (постцсс плагины, блочная модель верстки и т.п.), свгшки даже сам порисовал.
Единственное, что я не юзал - jade, ну и ретинизацию изображений (тут не столько лень или нежелание, сколько тот факт, что готовые ретинизированные изображения шли только к седоне, а меня уже белвать тянуло от этого голубого ГОРОДКА В АРИЗОНЕ). А, еще фреймворки только мимоходом глянул. На бутстрапе, в принципе, сверстал один лендинг, не понравилось. Фоундейшены и прочее не стал даже пробовать.
Добавлю, что за все это время я сверстал буквально 5 макетов. Из них один - адаптивная седона (на ней я все и освоил, тащем-то. Т.е. вообще все). Дальше идет очень легко и красиво.
>>528117
#349 #528117
>>528113
У тебя был кто-нибудь с кем можно посоветоваться или все сам? А то у меня уже куча вопросов, как решать не знаю.
>>528119>>528120
#350 #528119
>>528117
У тебя же есть двач, здесь все твои друзья!
#351 #528120
>>528117
Гуглил и иногда в тредике тупые вопросы задавал.
>>528129
320 Кб, 1903x938
#352 #528129
>>528120
Ну тогда держи в догонку еще один тупой вопрос от меня. Короче не работает почему-то маргин опять же. Нужно отступ, который на пике показан сделать. Здесь вроде как с контейнерами все правильно ну я надеюсь. Работает если только маргин прописать элементам из верхнего блока.
https://jsfiddle.net/rLy88cue/2/
#353 #528134
>>528129
о clearfix Пушкин думать будет?

другой анон
>>528136
#354 #528136
>>528134
ну точнее ты подумал, но у тебя пробелы между двоеточиями у clearfix::after
>>528143
#355 #528137
>>528129
блять нахуй на jsfiddle заливать, пиздец неудобно же смотреть
>>528166
#356 #528143
>>528136
Черт, мне казалось что клирфикс работал, сейчас убрал этот пробел и вся сетка съехала к хуям. Из этого судя по всему и другая проблема вытекала. Спасибо большое, буду дальше строить. Сам бы хуй додумался.
>>528145
#357 #528145
>>528143
В инспектор в браузере смотри когда не понятно что-то. Конкретно в этом случае, если бы сработал там бы в разметке появился :after элемент в конце блока
#358 #528166
>>528137
Уже на счет этого выебываемся. А где удобно скажи как мне?
>>528264
#359 #528200
объясните, как сделать бутстрап с сасс или придется пользоваться scss???
>>528208
#360 #528208
>>528200
Никто ж не мешает писать файлы .sass рядом с .scss, если не собираешься изменять код бутстрапа, что само по себе плохо
>>528240
#361 #528218
>>528129
У тебя клеарфикс не работал, но тебе уже и так ответили.
А еще присоединюсь - юзай кодепен, фиддл неудобная шняга.
#362 #528226
Блядь, ебучий ИЕ10 даже ссаные свг, засунутые во флексовый контейнер (который все красиво через флекс-колумнн+жустифай спэйс эраунд выстраивает) нормально переварить не может, два часа пытался на седоне эту хуйню поправить, в итоге переворошил вообще всю верстку и чуть не ебанулся в край.
#363 #528240
>>528208
ты предлагаешь переписать scss, на sass в файлах?
>>528257>>528760
#364 #528257
>>528240
А зчем ты вообще пишешь на сасс?
>>528679
66 Кб, 795x392
#365 #528258
Парни помогите разобраться с этим меню. Уже второй раз сталкиваюсь и не доходит. Как организовать html? Когда меню скрыто высота верхнего блока уже чем когда раскрыто (и цвет совсем другой). Как вообще всё это делать. Или дайте видосов по теме.
http://codepen.io/anon/pen/aNqvbP?editors=1100
>>528309
#366 #528264
>>528166
Как мне смотреть код и одновременно в полном размере страницу?
>>528268
#367 #528268
>>528264
Не ебу. codepen же удобный епта
>>528269
#368 #528269
>>528268
Вот именно, codepen удобнее
#369 #528275
Двачаны, есть у меня сайт благотворительного фонда и на него периодически будут заливаться всякие новости и грустные истории из жизни, так вот, я понимаю, что это нужно делать через cms, а какой выбрать под мои задачи? И нужно писать сразу под cms или можно потом верстку натянуть? Посвятите во все это или дайте почитать что-нибудь вменяемое, пожалуйста, а то никогда до этого с cms не сталкивался.
>>528277
#370 #528277
>>528275
Вроде как нужно сначало логику в cms сделать, а потом тему-дизайн делать. Посмотри как сделать сайт за 5 минут на вордпресс, таких видео как грибов после дождя.
9 Кб, 254x261
9 Кб, 235x265
#371 #528292
У меня какая-то чушь произошла. Контейнер центровщик в css для главной страницы был расположен на самом верху файла, после body, все отлично работало и центровалось. Создал другую страницу, с каталогом, верхняя часть страницы даже почти одинаковая, центровщик полностью обрубает другие классы и работает только если его самым последним поставить. Вот на пикчах, где серым подсвечен хедер, там не работает ничего. Ну то есть все абсолютно идентичное, что здесь, что в хтмл. Что за хуйня может быть?
>>528293
#372 #528293
>>528292
} забыл
>>528295
#373 #528295
>>528293
Да еб твою мать.
>>528296
#374 #528296
>>528295
Весь день просидел, уже голова не соображает походу. Спасибо.
>>528303
#375 #528297
посаны, задумал вкатиться в верстку, только начал изучать базу (3ий день лол). скажите, верстка рандомных макетов прибавляет скиллов?
>>528301>>528302
#376 #528301
>>528297
Только это и прибавляет.
#377 #528302
>>528297
Иди отдохни блять, погуляй\на веле покатайся
#378 #528303
>>528302
>>528296
Промазал
#379 #528304
>>528302
Я не устал, зачем?
#380 #528305
>>528302
Да у меня уже поздно, но да, на сегодня однозначно хватит.
#382 #528360
>>527824
Вот только работать она будет, если высота флекс-контейнера прописана явно. Если высоту не задавать, то работать не будет.
#383 #528375
Нашел охуенно красивый макет, начал его верстать. А там прямо явно предусмотрена вот эта вот моднявая прокрутка плавная по "экранам" или как это обозвать еще, ну я думаю вы поняли. Как быть, если я в джаваскрипте сейчас на уровне продвинутого интенсива (то есть могу запилить попап на нативном, слайдер и собственно все): прикручивать жиквери (это я могу), пытаться освоить жс (думаю, на это уйдет раз в 10 больше времени, чем верстка самого макета) или просто забить и начать верстать другой макет? Тут еще дело в том, что я, в принципе, могу уже сверстать что угодно, и мне надо осваивать вот всякие такие штуки, типа парралакснутых бэкграундов или прокруток.
>>528380
#384 #528378
Верстаю пинк. В вернем меню на 320pх стоит sbg. При 700pх и выше png. Выходит что svg инлайн в html вставлять нельзя а нужно делать бекграундом через стили? Но ведь тогда весь толк от свг уходит на нет (флексибл медия).
Еще есть вариант вставить еще блок с отдельной иконкой для мобильника и десктопа и в стилях убирать один и показывать другой. Что делать?
>>528381
#385 #528380
>>528375
По сути это и есть слайдер, только вертикальный. Если ты можешь запилить горизонтальный, то сможешь и вертикальный. Если нет, просто прикрути fullpage.js за 2 минуты.

>что я, в принципе, могу уже сверстать что угодно


А вот с этого проиграл.
38 Кб, 894x301
#386 #528381
>>528558
#387 #528413
Верстачи, поясните за bootsrtap, стоит ли учить этот фреймворк, если планирую в будущем устраиваться в контору?
Кстати, это же детище твиттера. Зашел на твиттер, просмотрел бегло код и не обнаружил никаких признаков того, что они сами его используют.
>>528477
#388 #528477
>>528413
Там нечего учить, это просто набор готовых компонентов. Заходишь в доки, копипастишь что тебе нужно и всё.
#389 #528558
>>528381
Разобрался
174 Кб, 1366x768
202 Кб, 1366x768
#390 #528614
Анон, подскажи пожалуйста тотали ньюфагу правильно ли я сверстал эту хуйню? Интересует конкретно два раздела которые я пометил зеленым и красным соответственно. Если не правильно, укажи пожалуйста на мою ошибку. Извиняюсь, что не в песочнице код.
#391 #528622
>>528614
Насчет номера два сомневаюсь что правильно ибо вобще сообразить во что обернуть стоимость.
#392 #528630
>>528614
Я сам конечно кьюфаг, но почему бы справа всё это описание товара не обернуть в тег <section>? Алсо если я ошибаюсь, то поясните за <section>
>>528637
#393 #528637
>>528630
да на это похуй, разметить по семантики можно когда закончишь с макетом.
>>528645
#394 #528645
>>528637
Так меня это и волнует, как в таком случае этот макет размечать? справа <section> слева тоже?
Есть вообще где-то годная статья для самых маленьких о семантических тегах с подробным разжевыванием и примерами?
Буду благодарен.
#395 #528659
>>528614
И сразу еще один наитупейший вопрос. Как разметить

>есть в наличии артикул:dexter ae


Я так понимаю для артикула нужен будет отдельный класс. можно ли сделать типа
<p class="lol">есть в наличии артикул:dexter ae</p>
А потом в классе потставить отступ слева и изменить цвет? Или как? Туплю пиздец.
>>528687
#396 #528679
>>528257
а что плохого?
#397 #528687
>>528659
Разобрался. Через спан можно. Насчет предыдущего вопроса >>528614 непонятно. Бампану.
9 Кб, 219x185
#398 #528760
>>528240
я предлагаю пикрелейтед. Чужой код в scss, и пусть таким и остается, а свой в sass пиши, если тебе так удобно а это очень удобно
#399 #528920
>>525683
какой нахуй 2 формы, долбоеб??? одна форма!! одна блядь!!!
>>529006>>529431
#400 #529006
>>528920
Ну да, одна, не то имел в виду. Соси.
65 Кб, 530x269
#401 #529431
>>528920
Правильно я ее сверстал? Форма как тут >>527965
>>529501>>529772
#402 #529501
>>529431
Нет
>>529587
#403 #529587
>>529501
Помимо того, что размечать надо было списком, в чем еще моя ошибка?
>>529595
#404 #529595
>>529587
Каким списком? У чекбоксов должно быть одинаковое свойство name.
>>529603>>529607
54 Кб, 1044x674
51 Кб, 1116x565
#405 #529601
Делаю начальную сетку барбершопа, при просмотре в режиме отладки в хроме или лисе после между картинкой и ее контейнером видна тонкая полоса, см.пикрелейтед. От размера картинки не зависит.
В css ничего сверхъестественного нет:
.logo {
width: 368px;
margin: 0 auto;
outline: 1px solid;
margin-bottom: 80px;
}

При этом если смотреть сам контейнер (пик два), то у него другая высота, файрфокс даже дробную (208,5px) показать может.

Сорри, что тут текст бросаю, кодпен почему-то не захотел привязываться к учетке гитхаба.
#406 #529603
>>529595
Почему? А value тоже надо было?
#407 #529607
>>529595
Не у чекбоксов, а у радиокнопок одинаковый name должен быть.
>>529610
#408 #529610
>>529607
Ну да, что-то я засыпаю. Value нужны если будешь через Js получать их значения.
#409 #529716
Какие же уебанские туториалы по вордпресу на русском, это пиздец. Пошел смотреть на ангелськом, хули...
#410 #529740
камрады, а есть у кого прохладные об устройстве на работу? как вообще устроиться новичку? вакансии типа "помощник верстальщика" нахожу только в других городах.
сам верстаю недавно (месяца 2), решил не ждать пока выучу все и стал напрашиваться на собеседования как только моя верстка перестала вести себя неадекватно в браузерах, многие отказывают сразу же, кто-то после просмотра выполненного тестового задания, на пару собеседований таки удалось пробиться, после которых тоже отказы. писал парочке вебстудий на имейл с просьбой о стажировке (неоплачиваемой), игнор
#411 #529753
>>529740
Тут много кто на работу устроился, но это как правило люди что-то действительно умеющие. Причем это касается не только вертски, но и JS. Учись дальше.
#412 #529755
>>529740
Ну а хули ты хотел, пока не выучишь хотя бы джиквери и базовый джс + интеграция с несколькими цмсками - хуй тебя куда возьмут
2 Кб, 105x102
#413 #529760
Мда уж. А я настроил себе воздушных замков уже. Печально блядь, что вам еще сказать.
>>529765
#414 #529765
>>529760
Тут каждый второй как ты, думают ЩАС ЗА 2 МЕСЯЦА ВЕРСТКУ ВЫУЧУ И ПОЙДУ ДЕЛАТЬ БАБКИ
>>530062>>531202
#415 #529769
В таком случае можете скинуть пару макетов которые НЕ стыдно ебануть в портфолио? Нердс, барбершоп и прочее говно мне честно говоря даже стыдно показывать. Куда не зайду везде натыкаюсь с верстальщиков с макетом БАРБЕРШОП в портфолио.
>>529771
#416 #529771
>>529769
Ебашь адаптивную седону же, твои фикс. страницы нахуй не нужны никому, и еще пару сайтов где ты сам на джсе всякой йобы нахуячил.
>>530062
#417 #529772
>>529431

>cheked


яснопонятно
>>529798
#418 #529798
>>529772
хуле тебе понятно, вася блять.
225 Кб, 868x598
#419 #529910
Есть вопрос по сборке проекта.
Не уверен что до конца понял принцип взаимодействия с дополнительными библиотечками.
Щас их ведь никто вручную не ставит правда? Все юзают пакетные менеджеры.
Я npm пользую, он все складывает в node_modules. На интенсивах не раз упоминали что node_modules надо бы добавить в .gitignore, что впринципе, логично, забивать репо лишним весом типа плагинов к таскраннерам, коих может быть овердохуя, и которые к тому же могут обновляться - не лучший вариант.

Меня интересует вот какой момент. Что делать с библиотеками, которые необходимы для функционирования сайта? Простейший пример что без лишних выдумок объяснений - тот же нормалайз. Его тоже швыряет в node_modules. Если, допустим, я хочу чтобы мой проект нормально отображался на gh-pages без особых фиксов типа в продакшене, то мне придется либо вытаскивать его отдельно, что есть гемор и отказ от профитов npmавтоматом не обновится и т.д., либо пердолитья с точечным игнорированием папки node-modules, что тоже выглядит слегка стремно.
Прошу помочь в разъяснении как лучше это сделать, и как это принято делать.
И правильно ли я понимаю что совет отрезать node_modules через .gitignore основывается на делении версии на девелопмент и продакшн. То есть продакшен они потом все равно перелопачивают, подключая нужные библиотеки отдельно.
#420 #529926
>>529910
Как вариант - ставить жс библиотеки, шрифты, css и прочее через bower он для этого и создан. А через npm - только библиотеки/инструменты для разработки.

Также, если используешь галп (не знаю, есть ли такое для гранта), вместо того, чтобы ссылаться на файлы в bower_components, можно вытаскивать их с помощью main-bower-files.
>>529942>>529964
#421 #529942
>>529910
Не слушай этого >>529926, bower умер. В твоем примере с gh-pages можно сделать так: локально ставишь либо, таском для gulp собираешь билд, пушишь на гитхаб и вуаля. В таске уже можешь прописать, мол сходи возьми нормалайз из node_modules и запердоль в общий css и положи туда. Как-то так, если я верно понял вопрос.
>>529949>>529964
#422 #529949
>>529942
Расскажи почему бовер умер или дай линк на статью - интересно.
Алсо, к твоему ответу для >>529910 добавлю, что ставить клиентские либы через npm принято с флагом -S (--save), чтобы сохранять в dependencies вместо -D для devDependencies.

любитель бовера
>>529979
9 Кб, 707x54
20 Кб, 1368x93
16 Кб, 1364x81
#423 #529953
Хахатушки из конфочки
>>529982
#424 #529964
>>529942
>>529926
Спасибо, антоши. Подумаю над тем, чтобы автоматизировано собирать билд.
А пока .gitignore обойдусь костылем типа
!node_modules/normalize.css
#425 #529979
>>529949

>Расскажи почему бовер умер или дай линк на статью - интересно.


https://twitter.com/nachocoloma/status/663622545162280960
>>529989
#426 #529982
>>529994
#427 #529989
>>529979
Спасибо
#428 #529994
>>529982
Ага, а ты кто? Не удивлюсь, что этот ебаный троль это ты! (не в обиду, лол)
>>529999
#429 #529999
>>529994
Почему ты думаешь что он тролль? Такая себе хохлореальность у него, не как что-то плохое.
>>530023
#430 #530023
>>529999
Да просто почитай, что пишет этот уёбок.

Алсо, ты кто? Небось abc? Если да, то ты даун, т.к. он тоже даун.
>>530055
#431 #530055
>>530023

>Небось abc?


Лол нет, abc стартапер из бульбингема, ему 14, не суди его строго, няша.
Расскажи что тебя так не устроило в показаниях нашего хохлодруга
#432 #530062
>>529765
>>529771
А на каком этапе можно ДЕЛАТЬ БАБКИ, учитывая, что я знаю джаваскрипт на уровне "ну короч ща загуглирую плагин и воткну его)))"?
другой дебил, успешно сверставший несколько адаптивов на флексах с говно-интерактивом на жиквери
#433 #530178
>>527574
раз пять в разных местах на протяжении последних 10 лет. точно не помню где. результат плавал от 120 до 131.
#434 #530237
Проиграл блядь: Хорошие знания html/div/css - верстать придется много, каждый день, если опыта в верстке у вас не более 500 часов, лучше их "наверстать", а потом уже прислать резюме;
>>530316
#435 #530316
>>530237
А див у нас уже нечто отдельное от html? 0_О
413 Кб, 821x844
#436 #530376
Подскажите кто как делал вот это вот. Когда делаю этот блок с помощью inline-block и задаю margin-right, чтобы сделать отступ между колонками, то маргин правой колонки выходит за границу контейнера центровщика, и вся эта штука едет по пизде.
>>530403
#437 #530403
>>530376
тебе не нужен margin правый у каждой второй карточки
>>530409
#438 #530409
>>530403
Ну это понятно, так я маргин задал для всех элементов сразу, не буду же я отдельно каждому прописывать. Вот так:
.products-item {
display: inline-block;
vertical-align: top;
margin-right: 75px;
margin-bottom: 80px;
}
>>530410>>530411
#439 #530410
>>530409
.product-item:nth-child(2n) {
margin-right: 0;
}

уберет у каждого четного(второго) правый маргин
>>530415
#440 #530411
>>530409
:nth-child(2n)
>>530415
#441 #530415
>>530410
>>530411
Точно, забыл про класс этот. Спасибо!
#442 #530427
>>523507 (OP)
Завтра первый рабочий день в конторе. Сказали, что нужно использовать Bootstrap, но я раньше верстал только традиционным способом, блоками с использованием каноничного css.
Почитал на оф. сайте о колонках Bootstrap.
Интересно, а что делать, когда какой-то блок вмещается в нецелое количество единичных колонок Bootstrap?
Можно ли выставлять (менять) ширину Bootstrap-колонки?
Что делать, если нужно больше 12 колонок?
>>530430>>530431
#443 #530430
>>530427
На webref есть хороший, годный туториал для самых маленьких. Сам сверстал (сугубо из интереса) адаптивный макет по этой маленькой справочке.
Величина колонок настраивается, можно ебануть 24, например.
#444 #530431
>>530427
Ах, да, забыл про платиновые вопросы.
Как устраивался, что знаешь, сколько учил, сколько платят, какой город?
#445 #530432
>>530431
Я уж думал самому спрашивать придется.
#446 #530434
>>530431
тоже интересно послушать. оп, поделись
#447 #530448
>>530431
Ну если так интересно...

>Как устраивался


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

>что знаешь


Всего по чуть-чуть: джава, php, C++, javascript-html-css, python

>сколько учил


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

>сколько платят


обещали сто долларов в месяц, может и больше.
#448 #530460
>>530448
а портфолио делал?
как собеседование проходило?
>>530467
#449 #530461
>>530448

>обещали сто долларов в месяц, может и больше


Лол, ты чем там заниматься вообще будешь? Картинки на сайт заливать?
Я бы за сотку бачей даже отвечать им на письмо поленился.
>>530464
#450 #530464
>>530461
не оп, но кмк для получения первого опыта - норм
>>530469
#451 #530467
>>530460
Да нету никакого портфолио у меня кроме личного бложика на бесплатном хостинге куда я сбрасываю всякие свои эксперименты.
Собеседование проводила девочка-эйчарочка, которая не могла произнести названия технологий, с которыми нужно работать.
Зато сразу огласила, что придется разгребать сначала много проектов.
>>530470>>530480
#452 #530469
>>530464
Если он может в HTML/CSS плюс JS, да еще и с примесью серверных языков, то просить меньше 3-4 сотен - себя неуважать.
Не поломойкой нанимается.
Это если он действительно что-то умеет, а не просто поковырял и дропнул все вышеперечисленные техи. Тогда он не умеет нихуя.
#453 #530470
>>530467
город?
сам когда ходил на собеседования, то сразу разговаривал с директорами и начальниками отделов - даже блять завидую, что опчику попалась hr дама
>>530475
#454 #530475
>>530470
Город не скажу, стесняюсь.
Я не ОП.

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


Так даже лучше чем с эйчарочками. Обычно они могут много рассказать, после наглого вопроса "А как правильно?". HR-дама ничего не скажет.
Просто там небольшая фирма, десяток девочек-сеошниц-дизайнеров-администраторов и пара кодеров.
>>530479
#455 #530479
>>530475
да я и сам так думаю, особенно добивает, когда у hr чсв невъебенное, просто я тот самый новичок, который >>529740 (мало знает и проваливает собеседования, думаю, что с hr у меня был бы шанс влажные мечты)
#456 #530480
>>530448
>>530467
А я то думал ты уже к успеху пришел. Ну давай там главное, не сиди на жопе ровно. А то как пришел никем, так и уйдешь ни с чем.
#458 #530540
>>530537
ну как-как, спрашиваешь, как строится сетка? Ну как-как, вот классы беру из бутстрапа, вот так и строится. И так во всём.
#459 #530557
>>523507 (OP)
Какой же я тупой и чего я повелся на то, что даже полный даун может вкатиться. Даже в базовых курсах ничего не получается.
>>530561>>530564
#460 #530561
>>530557
Тебе вообще не стоило появляться на свет
>>530562
#461 #530562
>>530561
Я тоже так думаю, но выпилиться духа не хватает.
#462 #530564
>>530557
Усидчивость, внимательность, умение гуглить, интерес к данной деятельности, логика (у меня этот пункт много чего включает и довольно широк). Это вроде как все, что необходимо.
>>530566
210 Кб, 1305x767
#463 #530565
Нужно ваше авторитетное мнение. Убираю в брекетсе авто-закрывание у одиночных тегов, таких как <img> и тд.
После этого наткнулся на такую делему: стоит ли убирать авто-закрывание у таких тегов как <li>, где закрывание тега не обязательное (Если после элемента следует <li> или он последний у родителя).
Так вот, как часто вам встречаются такие моменты, где нужно обязательно закрывать этот тег?
Может стоит просто забить и поставить обратно авто-закрывание для <li>?
>>530568
#464 #530566
>>530564
С логикой плохо, когда глянешь чей-то код, то понимаешь как все просто оказывается, но сам я не могу решений придумывать.
>>530575
#465 #530568
>>530565
http://mdo.github.io/code-guide/
Don’t omit optional closing tags
>>530580
#466 #530575
>>530566
Ну если интерес есть, то значит надо тренироваться в решении задач по каждой конкретной теме - со временем начнет получаться. Так же запоминать чужие решения (со временем накопится такая себе база знаний и будешь понимать - что это штуку можно сделать так, а вот эту - вот так)
Можешь кстати в свободное время еще задачки на логику всякие порешать.
Надо расшевелить мозг, он натренируется. Естественно, все это при нормальном режиме.
>>530577
#467 #530577
>>530575
Естественно я запоминаю, но не пользоваться же помощью постоянно. Да и курс скоро закончится, надо будет макеты верстать, хуй знает как справляться. Я вот тоже думал как-то мозги тренировать, может в шахматы начать задротить, лол.
#468 #530580
>>530568
Многовато значений у слова omit. Немогу подобрать нужное для данного контекста.
Я читал код-гайд от гугл, там писалось, что нежелательно ставить, но вот почему - не написано.
>>530584
#469 #530584
>>530580
Не опускать опциональные закрывалки. Чего тут непонятного то? Так код логичнее выглядит, защита от дурага.
>>530588
#470 #530588
>>530584
После гугл-гайда, у меня просто возники сомнения на счет этого слова.
Но да, соглашусь, защита от самого себя, наверное, лучше, чем непонятные прихоти от гугла.
#471 #530595
Посоны, юзаете спрайты в своей верстке? Стоит оно того? Какими инструментами пользуетесь?
>>530605
13 Кб, 289x87
#472 #530605
>>530595
Спрайты помогают уменьшить количество запросов на сервер, что положительно влияет на скорость загрузки сайта. Но так было в версии http 1.1

Как обстоят дела с версией http 2.0 - много слухов ходят... Если есть знатоки, просьба пояснить за 2.0
>>530644
#473 #530608
Всё-таки Bootstrap не подходит для верстки с произвольными размерами, а подходит только для размеров, которые кратны целочисельно к (100/12)%.
Не сделать 90% колонку...
#474 #530644
>>530605
Действительно, спасибо. С помощью spritegen и imageoptim удалось из 8 отдельных иконок слепить один спрайт, при этом я хуй знает как конечно, но оптимизатору удалось ужать спрайт до 3кб. И это притом, что уже пережатые иконки в отдельных файлах все вместе весили где-то 5кб.
463 Кб, 720x1080
#475 #530667
Где мне найти шаблон интернет магазина, который я тупо натяну на modx? Это реально вообще? Можно это сделать с помощью гугла? Или нужно задрачивать все эти ваши курсы?
>>530675
#476 #530675
>>530667

>Где мне найти шаблон интернет магазина


>Можно это сделать с помощью гугла?



Дно задавания вопросов пробито
>>530684
212 Кб, 572x800
#478 #530684
>>530675
Я про натягивание шаблона на модэкс.
#480 #530731
эц самое. Объясните на пальцах что такое миксины, а то я настолько тупой что не различаю их с функциями
>>530738
#481 #530738
>>530731
Миксины вставляют готовые куски кода. Функции, как и в программировании, возвращают значение.
#482 #530743
>>530448
За сотку в месяц? Надеюсь это стажировка или работа 1 через 3. Если так дальше пойдёт то переименовываемся в ДНО-тред ибо даже уборщицы получают больше.
172 Кб, 1024x665
#483 #530982
Верстка мдн, ага.
389 Кб, 500x333
#484 #531026
Анон, хочу обмазаться smacss. Подкинь гайдов на русском пожалуйста, а то я педант дохуя, хочу чтобы всё точно по методологии было. С меня тонны нефти.
>>531054
#485 #531054
>>531026
Качаешь книгу Снука и все будет точно по методологии
#486 #531062
Утро в хату, пацаны. В последнее время особо ощущаю свою ущербность из-за незнания angular при поиске работы на upwork. Знаю, тут есть аноны, которые помогут подсказав хороший сервис для обучения сему фреймверку. Желательно бесплатный, из платных пока codeacademy оставил, если во free ничего не найду
>>531159>>531277
#487 #531159
>>531062
На codeschool по отзывам есть неплохой вводный курс. И он, как ни странно, полностью free.
А вообще советую параллельно спросить в JS треде в программаче. Там есть чисто ангулярщики, которые на нем сидят уже оче долго. Они наверняка что-то дельное посоветуют.
#488 #531202
>>529765
Мне бы хоть 20к получать, для моей мухосрани хватит.
19 Кб, 793x121
#490 #531368
где ваш бог теперь, флексодебилы?
тестовое задание на удаленку в Москве с очень приличной зарплатой для верстака
>>531563>>531706
#491 #531563
>>531368
Ставлю свое левое яйцо, что вся верстка в этой компании строится на бутстрапе.
Олсо, "поддержка" ие8 вполне может вылиться в красивую сеточку на флексах с полифилами под ие9 и кривеньким фоллбеком на ие8.
Хотя на бутстрапе проще, там даже думать не надо. Знай себе хуячь кучи дивов с роуами и колэсэмами.
>>531573
#492 #531573
>>531563
ты лишился яйца, на сайте компании бутстрапа нет, что радует, так как криворуких долбоебов, не умеющих на нем писать, дохуя. за одним таким ебланом сейчас переверстываю шаблоны, кстати. ебучую дивянку исправляю, уменьшая количество вложенных блоков.

олсо, по поводу твоей поддержки, нахер надо подрубать полифилл под все ие, потому что там ебаных багов с флексбоксами много, недавно ананасий вкидывал найденные баги в ие11. проще уж написать gracefull degradation под ie9-8 на дивах + html5.

как говорит один мой знакомый фронтенд, работающий в сфере уже больше 5 лет, до флексов еще далеко.
#493 #531585
>>531573

>уменьшая количество вложенных блоков


Пилю много вложеных блоков вложенных в блоки потому что не знаю как иначе

Откуда вы все понимаете, как писать правильно?
>>531640
#494 #531595
>>531573
Ну хорошо тогда, запили отчетик, если пройдешь. Это если ты собеседуешься, конечно.

Я и есть тот ананасий, если что. И мне нравятся флексы. С ие10-11 можно мириться, я вот приловчился верстать на флексах вообще без минхейта (от него в ишаке все распидарашивает) и с жестким задаванием флекс-базиза (в процентах, офк) наряду с флекс-гроу, если оно требуется.
Хоть убей не пойму, зачем поддержить древнее говно мамонта в лице ие9, про восьмой вообще промолчу. Это к цитате твоего знакомого. Потому и "далеко", что долбоебы продолжают поддерживать дерьмо, которое используют только в уебищных госконторах. Даже у моей бабки стоит яндексбраузер, который отображает и флексы, и свг, и все прочее.
>>531640
#495 #531599
>>531573
И в догонку - где ты нашел такую вакансию? Почте везде требуется или человек-оркестр, или джун-джаваскриптер, умеющий верстать. А просто версталы никому не требуются а жаль, я бы уже сейчас побежал искать работу, а так сижу и пилю учебные рекурсии на JS, лол
>>531640
592 Кб, 1440x900
#496 #531637
Двачуны профессионалы-специалисты, подскажите, как сделать полоски идущие от слова "Новости" разноцветными?
Или это мне придется много маленьких полосок разных цветов одну за другой ставить? Или вообще блять спрайтами/векторами?
#497 #531640
>>531585
у меня раньше такая же проблема была, примерно год назад. потом я прошел курсы html-academy на сайте и добил это их же интенсивами. например, если раньше если нужно было обнулить поток, верстал отдельный пустой блок с классом clearfix. сейчас так не делаю, но в коде, который переверстываю, вижу подобные пустые блоки почти везде, где не надо. а где надо, их нет.

>>531595
мне проще писать на блоках и инлайн-блоках + float, которые поддерживаются, чем писать на флексах ,которые еще не вошли в стандарт, а потом добавлять поддержку в ишаках, пердолинга больше. ну и IE-9 еще не говно мамонта, в нем большая часть верстки отображается так, как надо + нативный js очень хорошо работает. а вот IE-8 да, то еще говнецо, которое бесплатно поддерживают только полнейшие долбоебы.

>Потому и "далеко", что долбоебы продолжают поддерживать дерьмо


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

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

>>531637
много-много box-shadow одна под одной.
>>531650>>531700
#498 #531643
>>531637
Просто пиздец. Так и думал, что либо градиентом, либо тенью придется.
#499 #531650
>>531640
Да это все понятно. Но вот посмотреть статистику - даже ие10 там на дне. Да и просто логически подумать: ие8-9-10 используют разве что африканские бомжи и секретутки (которым СБ не позволяет другие браузеры ставить). А они нихрена не ЦА любого сайта, в принципе, кроме социалочек и ютубчиков (тут да, не спорю, важна поддержка вообще всего). Так то любая домохозяйка сидит на каком-нибудь клоне хромога. В общем, я могу сверстать все, что я сверстал на флексах, через флоаты/инлайнблоки/бутстрап-грид, но мне приятнее на флексах. Столько костылей отсекается, это же просто рай. Одна справедливая гибкая центровка чего только стоит, мм.

> просто


Понятно, молодец. надо тоже попробовать, я в верстке уже достиг предела, в принципе. Разве что СВГ рисовать не научился
>>531637
Начнем с того, что это явно рак мозга дизайнера. Вырезай с макета всю эту разноцветную полосочку и вставляй через псведоэлементы.
Ну а если хочется изъебнуться, то можно нарисовать СВГ-объект с заливкой по группам.
>>531652
#500 #531652
>>531650

> вставляй


Ну и на правую transform: scaleY(-1) кажется так должно перевернуть по горизонтали, не помню соответственно.
>>531654
#501 #531654
>>531652

> transform


А нет, это я хуйню написал, совсем ополоумел уже.
35 Кб, 600x606
#502 #531687
проиграл
>>531922
#503 #531700
>>531640

>многие юзеры еще не пересели на современные браузеры


Browser usage сам загуглишь?
мимо фронтендер
#504 #531706
>>531368
Я те больше скажу, был на собеседовании в конторке, в которой мне задали вопрос "А как вы будете поддерживать ИЕ6??"
Я сказал что не буду, и ушел.
Проектов, в том числе уже окаменевших, все еще хватает, но это не значит что надо страдать хуйней, особенно людям которые учатся. Они этого говна еще наедятся когда устроятся на работу.
>>531723>>531728
#505 #531723
>>531706
А надо было сказать "на табличной верстке" и завысить ожидаемую зарплату в 2 раза. Интересно, они нашли своего раба?
>>532322
#506 #531728
>>531706

>А как вы будете поддерживать ИЕ6


совсем ополоумели, ироды

Explorer 619,7780.0%

http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month;page=3
86 Кб, 600x901
#507 #531820
Глупый вопрос, но можно ли где-то спиздить курсы от академии, которые на сайте? Хотя бы продвинутые, может есть где в пиках и по папкам? Я ими пользуюсь как конспектом, а с продвинутыми пиздец, после подписки не посмотреть.
>>531823>>531894
#508 #531823
>>531820
есть архив в оп посте, глянь, мб подойдет
>>531874
520 Кб, 1440x900
#509 #531836
Короче просидел я пол дня сука за попытками воссоздать эти полосочки в css, в край заебаный решил вставить их через псевдоклассы, но не тут-то, блять, было. Transform, для отзеркаливания, применяться не хочет, вертикальная центровка не центрует, да и плюс ко всему эти элементы еще и в сафари родненьком нихуя не показывается!
Аноны, у меня от этого говна бошка взрывается. Я уже готов их имгами блять в хтмле нахуярить.
Помогите, молю, иначе я все.
>>531845>>531851
19 Кб, 273x270
#510 #531845
>>531836

> Я уже готов их имгами блять в хтмле нахуярить


А почему бы и нет, собственно говоря?
#511 #531851
>>531836
Какие полосочки? Залей код в песочницу и нормально поясни что ты хочешь сделать.
>>531873
#512 #531868
Аноны, кто тут шарит в вордпрессе, я просто хз где спросить. Натянул я в общем верстку на вп, все работает, теперь делаю слайдер. Но блять в него HTML разметку когда добавляешь, там все теги span и p исчезают и после этого стили не применяются. По аналогии с созданием шаблона ничего не получилось...
629 Кб, 1440x900
#513 #531873
>>531851
https://codepen.io/sashaslow/pen/ONvWqm
Нужно, чтоб линии перед и за заголовком были как на макете.
>>531897
#514 #531874
>>531823
Посмотрел, там нет такого.
>>531877>>531898
12 Кб, 480x480
#515 #531875
Такой вопрос, пацаны, какой ноут для работы купить сейчас? Все советуют мак, но там цены пиздец и требования хуйня какая-то, на чем работаете? Что можете посоветовать? Какие сейчас годные дисплеи у ноутов, чтобы глазам норм было?
#516 #531876
>>531875
Бери мак.
Два-поста-выше-анон.
>>531892
#517 #531877
>>531874
Блять оп-хуй, я же специально сидел блять скринил для ньюфагов и нищебродов, а он не закинул в шапку даже https://yadi.sk/d/Ka-aU3poqa8bM
#518 #531878
>>531875
Если денег дохуя бери мак
>>531892
#519 #531890
котаны, хоть у нас тут не верстка тред, а аж целый фронтенд, все равно спрошу: что скажете о позиции верстальщик/контент-манагер для получения самого первого опыта? поначалу, как я понимаю, там будет больше контентрилейтед задач, но после вникания в бизнес процессы компании доверят и верстку, что хорошо
#520 #531892
>>531878
>>531876
Денег нихуя, что можно с рук взять, какие модели подойдут?

>>531877
От души, братишка!
#521 #531894
>>531820
чувак кидал скрины продвинутых курсов недавно, может появится - отпишется
>>531903
#523 #531898
>>531874
мискузи
#524 #531903
#525 #531922
>>531687
профессиональный юмор не смешной
#526 #531927
>>531875
Бери самый обычный ноут. Я в центре скупки б.у ноут взял за 10к рублей. хватает за глаза.
>>531930
#527 #531930
>>531927
У родни есть асер с норм начинкой, но дисплей просто пиздец блядь, углы охуеть, цвет пиздец.
#528 #531948
>>531897
Спасибо тебе, дружище.
#529 #532038
>>531877
добра тебе
#530 #532061
>>531877
По лесс только примеси?
#532 #532322
>>531723
обосрался
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 19 мая 2016 года.

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

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