Сохранен 533
https://2ch.hk/wrk/res/523507.html
24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!

Front-end thread №1

 Аноним 05/04/16 Втр 23:01:09 #1 №523507 
14598864700620.png
14598864700631.png
14598864700652.png
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)
Аноним 05/04/16 Втр 23:27:23 #2 №523541 
Сап, возможно не по теме, но всё-таки.
Хочу освоить вордпресс, верстку уже более-менее натягивать умею на движок.
Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
Аноним 05/04/16 Втр 23:42:01 #3 №523551 
>>523541

Поясни, как учился или по какому материалу учился натягивать ?
Аноним 05/04/16 Втр 23:43:59 #4 №523552 
>>523551
https://www.youtube.com/watch?v=7akPICFR-AI
Аноним 05/04/16 Втр 23:49:41 #5 №523555 
>>523552

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

Я, например, пытался сделать сайт для себя, и так как серверного языка не знаю никакого, решил опять связаться этой херью, ну и реалтизация всех простейших задумок растянулась на несколько недель, причем с каждым разом, когда я садился за него, запал угасал, так как я просто смотрел в эти Гет_хуйня, смотрел в разные видосы, часовые, в документацию, и все равно это гавно не хотело сотрудничать.
Аноним 05/04/16 Втр 23:51:10 #6 №523557 
>>523555
Хуй знает, качал рандомные макеты - с первого раза вставала вёрстка.
Аноним 06/04/16 Срд 03:30:59 #7 №523662 
>>523555
https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g

советую посмотреть вот этого. там как раз про правильное натягивание верстки на водрпресс с нуля есть. очень понятно объясняет что и как. но видео длится больше часа, сложно осилить за раз.
Аноним 06/04/16 Срд 05:42:48 #8 №523677 
Не фронтэнд, а MARKUP DEVELOPMENT. Маркап разработка лучше звучит.
Аноним 06/04/16 Срд 05:51:26 #9 №523678 
>>523677
у нас тут уже вовсю фронт идет, скриптики, формочки валидируем, ангуляр трогаем, а не только верстку учим. потому и frontend, а не markup
Аноним 06/04/16 Срд 06:59:46 #10 №523684 
>>523678
React - one love
Аноним 06/04/16 Срд 07:36:43 #11 №523696 
Ребят, про Js. Кто как учил, какие книги можете посоветовать. У меня сейчас такая ситуация - это мой первый язык и я очень плохо понимаю сами принципы. То есть знаю синтаксис более менее, туплю на замыкании и рекурсии и впадаю в ступор когда нужно сделать что-то на практике. learn.javascript прошёл, интенсив на половину, книги аля - выразительный js читаю, но порой вообще ничего не понятно. Если ли смысл выучить что-то более основательное, типизированное.
Аноним 06/04/16 Срд 07:40:39 #12 №523699 
>>523696
задачи на learn.javascript самостоятельно бнз подглядываний решаешь? если нет, то ты не прошел. перечитывай заново каждую главу, решай задачи, через неделю возвращайся, решай, пытайся в какой-нибудь верстке применить полученные знания. гугли все непонятное.
Аноним 06/04/16 Срд 07:41:40 #13 №523700 
>>523699
>>523696
олсо, у js низкий порог вхождения. если ты его не можешь осилить, не сможешь осилить остальные. разве что питон еще проще для новичка.
Аноним 06/04/16 Срд 08:04:55 #14 №523706 
>>523700
Хз, что там простого, по мне так его освоить в разы сложнее, чем какую-нибудь джаву, одно только прототипное наследование поначалу немало клинит.

>>523696
С типизированного вообще лучше начинать было, а уже потом перекатываться на что-то ебанутое вроде JS. А вообще осваивай всё чо заинтересует, хотя бы на общем уровне знания основ языка. Общее понимание вырастет.
Аноним 06/04/16 Срд 08:43:10 #15 №523725 
>>523706
>что-то ебанутое вроде JS
утверждение уровня "php - параша"
Аноним 06/04/16 Срд 08:55:33 #16 №523731 
>>523699
Двачую этого.
Мне всегда было интересно люди говорят: прошел интенсив - потом выясняется что у него затуп в какой-нибудь базовой хуйне которую там обмусолили, или вот прошел learnjs впадаю в ступор когда нужно сделать что-то. Да нихрена ты не прошел, а просто ознакомился в лучшем случае. Прошел - это когда ты усвоил весь данный материал и можешь его применять.
Еще из того же разряда выражение: знаю технология-нэйм

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

мимо-анон первый язык был с++
Аноним 06/04/16 Срд 10:05:29 #17 №523766 
>>523731
>мимо-анон первый язык был с++
Тоже начинал с C++, потом была Java, проблем она не вызвала. А вот JS пошёл куда труднее жабы. В тех хоть понятно было, вот класс, вот переменные, вот функции. Если надо что-то сделать, создаёшь класс с нужным функционалом, спокойно прописываешь все типы. В JS же всё через function. Смущала видимость переменных на всю функцию. Смущала возможность взять объект и добавить в него какую-то фигню, при этом не меняя самого класса.
Вообще поначалу было трудно с разбитием на сущности при использовании JS. Потом освоился правда, язык довольно мощный, да и способ мышления уже поменялся.
Аноним 06/04/16 Срд 10:20:59 #18 №523777 
>>523662

Пробежался по названиям видео, нет вордпресса. Можешь скинуть ссылку прямо на видео?
Аноним 06/04/16 Срд 11:13:00 #19 №523822 
Анон, не работает Bootstrap и jQuery, на том же FreeCodeCamp при обучении все работает http://puu.sh/o80iu/398764470c.png
А если скопипастить в Atom, и открыть страницу в лисе - не работает.
Через ссылку пробовал импортировать, как отдельный пакет для атом тоже, результата ноль
http://puu.sh/o80hy/87723796c4.png
Аноним 06/04/16 Срд 11:15:06 #20 №523825 
>>523822
Тебе нужно подключить библиотеку - скачать себе или тянуть с внешних ресурсов.
Аноним 06/04/16 Срд 11:16:51 #21 №523827 
>>523825
Вот смотри, на fcc сказали что чтобы стянуть бутстрап, достаточно в начале кода написать строчку как на пике
http://puu.sh/o80qh/a5fd005311.png
Но все равно не работает
Аноним 06/04/16 Срд 11:20:12 #22 №523828 
>>523827
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
Аноним 06/04/16 Срд 11:24:22 #23 №523831 
>>523828
О, спасибо, бутстрап заработал, а для jQuery такой штуки нет?Или надо отдельно библиотеку устанавливать?
Аноним 06/04/16 Срд 11:25:36 #24 №523832 
>>523831
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
Аноним 06/04/16 Срд 11:25:52 #25 №523833 
Двач - когда лень гуглить.
Аноним 06/04/16 Срд 11:29:20 #26 №523834 
>>523832
Вот написал в код,
http://puu.sh/o80Rw/3eddd86d35.png
но они все равно не прыгают
Аноним 06/04/16 Срд 11:31:52 #27 №523837 
>>523834
Друг мой, копируй код в какой-нибудь интерптитатор, например сюда - http://codepen.io/pen/
Аноним 06/04/16 Срд 11:43:31 #28 №523848 
14599322117390.jpg
Ребят, я вас вчера теребил, но так и не разобрался. Задача всё такая же, выводить отмеченные option внизу селекта, с возможностью их убрать.
Реализованно через плагин, активные option получают класс selected. Я так понимаю нужно делать через$('select.class').is(':checked') но дико туплю и не понимаю как.
Аноним 06/04/16 Срд 11:46:57 #29 №523851 
>>523834
Потому что код нужно писать в другом теге script, без src.
Аноним 06/04/16 Срд 11:49:58 #30 №523854 
>>523851
Вот сделал как ты сказал
http://puu.sh/o81BK/9ee530c367.png
Все равно не прыгает блин.
Аноним 06/04/16 Срд 11:53:12 #31 №523858 
>>523854
>
>>523837
Аноним 06/04/16 Срд 11:55:13 #32 №523862 
>>523858
Я копипастнул в него, через settings подключил бутстрап и jQuery, но все равно не прыгает
http://puu.sh/o81MD/4c70180bdb.png
Аноним 06/04/16 Срд 12:06:32 #33 №523878 
>>523862
Уф, нам то ссылку дай. Или ты хочешь что бы мы перепечатали и потом разбирались.
Аноним 06/04/16 Срд 12:10:14 #34 №523882 
>>523862
Кхм. Codepen дают, чтобы ты написал туда свой код, нажал SAVE и кинул получившуюся ссылку сюда.
По поводу твоей проблемы: не прыгает, потому что и не должно. Скрипт добавляет элементам CSS классы, в которых должны быть прописаны все прыгания.
Раз непонятно что как и почему, может быть, лучше начать изучение с самых азов? С курсов htmlacademy, например.
Аноним 06/04/16 Срд 12:12:07 #35 №523885 
>>523878
http://codepen.io/Anonimus/pen/BKmvga
Аноним 06/04/16 Срд 12:16:12 #36 №523892 
Ох, ну я и дурак, animate.css нужно было тоже импортировать, теперь прыгает как надо, всем спасибо ИТТ.
Аноним 06/04/16 Срд 12:22:09 #37 №523904 
Котаны, не знаю какой адекватный рейт себе ставить.
Из моего города непонятно откуда взялась компания, нашедшая мое аутдейтнутое резюме и запилившая оффер. Почти сходу предложили назвать почасовой рейт. А я даже хз сколько это будет в адекватных цифрах.

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

Что скажете?
Аноним 06/04/16 Срд 12:44:23 #38 №523932 
>>523904
Зависит от страны, от города, от опыта работы. Смотри dou (если хохол), или hh.ru (если кацап) и ищи сравнимые по требованиям позиции. Так примерно поймешь медиану своего уровня.
Аноним 06/04/16 Срд 14:30:08 #39 №524080 
>>523932
Спасибо так и сделаю.
Аноним 06/04/16 Срд 14:35:58 #40 №524087 
>>523777
бамп реквесту
Аноним 06/04/16 Срд 15:37:41 #41 №524167 
>>523731
Просто в нем то, что можно спиздить скрипт какого-нибудь слайдера и без особого понимания, что куда, переделать его под себя. Это просто. А реально вникать и понимать джс сложнее, чем питон или тот же пхп.
мимо еблан, выучивший пхп и перекатившийся в изучение джс/верстки
Аноним 06/04/16 Срд 15:50:57 #42 №524185 
>>523904
Базовый левел верстки (типа барбершоп набросать) стоит что-то типа 200рублей в час, отсюда и пляши.
Аноним 06/04/16 Срд 16:26:10 #43 №524215 
>>524185
200 в час? Это же пиздец много за одну верстку? Или это в дс?
Аноним 06/04/16 Срд 16:27:01 #44 №524216 
>>524185
Да тут вон анон с опытом устраивался недавно и считал роскошью за верстку 150р в час и говорил, что больше не дадут
Аноним 06/04/16 Срд 16:31:16 #45 №524218 
>>524216
Ну ты примерно возьми зп которая тебя будет устраивать и подели её на 40 часов в неделю.
Аноним 06/04/16 Срд 16:33:26 #46 №524221 
14599496063710.png
>>524215
Так в академии той же предлагали оценивать (брали они со статистики для ДС)
Аноним 06/04/16 Срд 16:34:39 #47 №524222 
>>524221
Ты так и не понял что они так наебывают людей, чтобы они у них интенсивы покупали?
Аноним 06/04/16 Срд 16:40:26 #48 №524230 
>>524222
30к для ДС за верстку по-моему не заоблачная ставка далеко. Или ты считаешь что надо за 15к фигачить? Только тогда если в ДС 15к то представь сколько в мухосрани какой-нибудь.

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

.hui {
text-align: center;
}

По идее должно же центроваться. Но нихуя.
Аноним 06/04/16 Срд 21:24:28 #63 №524645 
>>524643
>class="hui"
разумеется
Аноним 06/04/16 Срд 23:10:43 #64 №524837 
Антоны выручайте, сладкие мои. Расчехлите свои паки псд. Поделитесь каким-нить годным макетом на тему парикмахерских(барбершопов) или спа-хуйни
Аноним 06/04/16 Срд 23:26:29 #65 №524845 
14599743899350.jpg
Подскажите плагин для Sublime text 3 для визуализации кода. Заебываюсь копипастить, хочется иметь перед глазами результат мелких действий в коде разметки. Спасибо.
Пик рандом
Аноним 07/04/16 Чтв 01:06:42 #66 №524907 
http://jsbin.com/kijuqufuce/1/edit?html,css,output
Картинка должна быть в цвете, изменять HTML нельзя. Ваши предложения?
Аноним 07/04/16 Чтв 01:07:21 #67 №524908 
>>524907
(Разумеется, остальное, кроме картинки, должно остаться серым.)
Аноним 07/04/16 Чтв 02:01:35 #68 №524924 
14599836953110.jpg
>>524907
>>524908

http://jsbin.com/saqafisuti/1/edit?html,css,output
Аноним 07/04/16 Чтв 02:04:18 #69 №524925 
14599838580600.jpg
Платина, не ругайте.
Сколько стоит верстка сайта типа барбершоп и техномарт? Где можно посмотреть за цены, люди спрашивают сколько нужно, я ответить не могу.
Аноним 07/04/16 Чтв 02:06:42 #70 №524928 
>>524924
Не, анон, это не вариант.
Аноним 07/04/16 Чтв 02:08:16 #71 №524930 
>>524907
Кстати, я там в конце проебал префиксы, но с ними тоже не работает.
Аноним 07/04/16 Чтв 02:43:09 #72 №524939 
>>524928
Не, рендеринг так не работает. Фильтр будет красить всех потомков, что бы ты ни делал
Аноним 07/04/16 Чтв 03:54:49 #73 №524948 
>>524939
Это баг?
Аноним 07/04/16 Чтв 03:57:14 #74 №524949 
>>524939
https://developer.mozilla.org/ru/docs/Web/CSS/filter
> наследуется: нет
Аноним 07/04/16 Чтв 08:41:40 #75 №524988 
>>524925
Выше же писали - 200 в час в ДС
Аноним 07/04/16 Чтв 09:38:17 #76 №525007 
А вот у меня тоже нубский вопрос. Допустим, я называю цифру N рублей в час. Как заказчик будет уверен, что именно столько часов я корпел над сайтом?
Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?
Аноним 07/04/16 Чтв 09:46:59 #77 №525014 
>>525007
>Или я сам должен оценить время, которое необходимо затратить на разработку и сойтись в своих оценках с заказчиком?
Да

http://frontender.info/estimating-a-front-end-web-dev-job/
Аноним 07/04/16 Чтв 11:11:32 #78 №525082 
что скажете по курсам от go it? хочу пройти верстку у них, сам не шарю
Аноним 07/04/16 Чтв 12:09:26 #79 №525190 
>>525082
Проходил курсы codecademy, htmlacademy и freecodecamp. Пока что htmlacademy понравились больше всего. Codecademy уж очень по верхам прошлись, а FCC какие-то просто не оче, особенно когда видишь десять заданий подряд в стиле сделайте background-color: #ff0000 а теперь #00ff00 а теперь #0000ff.
Аноним 07/04/16 Чтв 14:05:48 #80 №525345 
Анон! Просмотрел раздел "фотошоп" в базовом интенсиве. Какие от меня требования теперь? Мне нужно нарезать макет или пока забить хуй и перейти в раздел сетки? Я честно говоря вобще нихуя не понял. Правильно ли я понимаю, что в основном надо выделять куски изображений типа логотипов и прочей хуйни, потом экспортировать ее и сохранять? Это все? Объясните тупому ньюфагу, мудрые анонимусы.
Аноним 07/04/16 Чтв 14:13:39 #81 №525353 
>>525345
Тот же вопрос. Так же нихуя не понял. Я правла посмотрел еще "сетки", но из-за этого нихуя не понял вдвойне. Надо, наверное, одноименный курс на хтмлакадеми пройти сначала.
Аноним 07/04/16 Чтв 14:18:33 #82 №525362 
>>525353
Какой одноименный курс?
Аноним 07/04/16 Чтв 14:19:38 #83 №525363 
>>525362
"Блочная модель документа" и "Сетки"
Аноним 07/04/16 Чтв 14:22:23 #84 №525367 
>>525363
А с фотошоп то что делать? Мне стоит начинать смотреть "сетки" ? Блять вечно то народу дохуя когда не надо, то никого нет и объяснить некому.
Аноним 07/04/16 Чтв 14:24:04 #85 №525369 
>>525367
Да, смотри их, хуже не будет.
Аноним 07/04/16 Чтв 14:25:36 #86 №525370 
>>525369
Проходить курс "блочная модель документа + сетки перед тем как начать просмотр?
Аноним 07/04/16 Чтв 14:26:19 #87 №525371 
>>525345
Фотошоп нужен для экспорта графики. Можешь смотреть дальше сетки, можеть вырезать графику и заготовить заранее, а потом смотреть сетки или че там дальше идет.
Я раньше графику готовил заранее, а щас подрезаю в процессе вертски.
Делаю какой-то блок, ага, тут надо картночку, вот тогда и экспортирую.
Аноним 07/04/16 Чтв 14:26:58 #88 №525373 
>>525370
Пройди курс "Как начать думать головой самостоятельно"
Или в профессии тебе тяжко придется.
Аноним 07/04/16 Чтв 14:28:02 #89 №525374 
>>525370
Ты зачем такой затупан? Только сегодня тоже посмотрел фотошоп, таких вопросов не возникло.
Аноним 07/04/16 Чтв 14:28:07 #90 №525375 
>>525370
Он задан как дз в конце вебинара. Но я бы прошел перед просмотром, потому что...Ну, может это я такой тупой, но я эти два часа просидел под лекцию Першина и мало что понял. Надо самому все пробовать.
Аноним 07/04/16 Чтв 14:30:33 #91 №525378 
>>525371
Так и поступлю.
>>525373
нет ты
>>525374
ну извините
>>525375
Благодарю.
Аноним 07/04/16 Чтв 14:41:05 #92 №525393 
14600292652360.jpg
>>525373
Двачую этого. И так всю разжеванную и структурированную инфу на блюдце подают. Жаждущим вкатиться и спецификации хватит.
Аноним 07/04/16 Чтв 14:57:56 #93 №525410 
Вышел на рейт 500р.\ч задавайте ответы.
Аноним 07/04/16 Чтв 14:58:37 #94 №525412 
>>525410
Фрилансер 200к в секунду, это ты?
Аноним 07/04/16 Чтв 14:59:36 #95 №525416 
>>525412
Я не фрилансер, но работаю 20-25 часов в неделю и норм мне.
Аноним 07/04/16 Чтв 15:00:35 #96 №525419 
>>525410
Ну расскажи хули, сколько шел, че умеешь, какой бэкграунд.
Аноним 07/04/16 Чтв 15:08:38 #97 №525427 
>>525410
пруф
Аноним 07/04/16 Чтв 15:19:49 #98 №525437 
В разделе "разметка" размечать надо только главную барбершопа или вобще все разделы?
Аноним 07/04/16 Чтв 15:33:04 #99 №525459 
>>525410

Где работаешь?
Аноним 07/04/16 Чтв 16:15:07 #100 №525515 
>>525437
Чем ты слушаешь вебинары? Еще надо два личных проекта размечать.
Аноним 07/04/16 Чтв 16:42:15 #101 №525561 
>>525515
У личных проектов тоже все страницы размечать? Пиздец. Я же не понимаю нихуя. А мини курсы на сайте не объясняют.
Аноним 07/04/16 Чтв 16:57:29 #102 №525622 
>>525561
да там разжевано так что дальше просто некуда
Аноним 07/04/16 Чтв 17:04:11 #103 №525643 
>>525622
Ну хуй знает. Не разобрался как каталоги верстать + с формами проблемы пиздец типа вот этой залупы на пике. Я дважды просмотрел интенсив и все равно не вдуплил. Или как сортировку сделать. Неужели я один такой во всем треде тупой?
Аноним 07/04/16 Чтв 17:04:28 #104 №525644 
14600378685300.jpg
>>525643
Пик отвалился
Аноним 07/04/16 Чтв 17:04:43 #105 №525646 
>>525561
Да, барбершоп + 2 личных: один фикс, второй резиновый/адаптивный. Размечай лучше сразу.
Аноним 07/04/16 Чтв 17:09:14 #106 №525662 
>>525643
Я тупее тебя, потому что на сетках уже нихуя не понимаю. И размечать личный проект еще не начал.
Думаю пересматривать все с нуля, так как на каком-то моменте я проебался и всё. Дальше непонятки нарастают только.
Аноним 07/04/16 Чтв 17:11:49 #107 №525671 
>>525190
Ага, однообразные однокнопочные задания, а потом самостоятельгая работа - сварганьте портфолио на бутстрапе с такими- то функциями, и похуй что половину мы не обьясняли. Старожилы правжа говорят, когда ява пойдет - будет веселей.
Аноним 07/04/16 Чтв 17:15:49 #108 №525683 
>>525644
Опять же, только сегодня с этим тоже разобрался. Хули тут непонятного? Две формы, одна чекбоксы, другая радиобатоны. Все блять. Про штуку под стоимостью говорится в вебинаре про сетки (2016 года), там в начале разбираются каверзные моменты. Я сначала разметил, а потом уже посмотрел этот вебинар, когда размечал просто пустую дивку оставил.
Аноним 07/04/16 Чтв 17:18:22 #109 №525687 
>>525683
>Опять же, только сегодня с этим тоже разобрался
Ути умничка какой. Возьми с полки пирожок, покушай, умничка ты мой, хороший, заслужил. Ух молодец. Горжусь тобой. Вырастила! :33
Аноним 07/04/16 Чтв 17:19:32 #110 №525689 
>>525687
Смирись, вопросы у вас дебильные, думать головой не умеете.
Аноним 07/04/16 Чтв 17:24:01 #111 №525695 
>>525689
Уруру! Какой умный мальчик! Это я его научила! Ух сообразительный, в верстке разбирается, разметить html страницу научился! Профессором наверное станет.
Аноним 07/04/16 Чтв 17:26:04 #112 №525698 
>>525695
Саси короч)
Аноним 07/04/16 Чтв 17:26:33 #113 №525700 
Прям захотелось поумничать и в скайпе объяснить что и куда. А потом вспомнил что сам почти нихуя не знаю и как то грустно стало.
Аноним 07/04/16 Чтв 17:29:27 #114 №525711 
>>525683
штука со стоимостью на сайте в курсах есть
Аноним 07/04/16 Чтв 17:31:34 #115 №525721 
>>525711
Мне не попадалась пока что, в каком разделе?
Аноним 07/04/16 Чтв 17:35:05 #116 №525729 
>>525721
"Промежуточные испытания" -> Испытание 3: фильтры по цене
Аноним 07/04/16 Чтв 17:37:25 #117 №525732 
>>525729
Спасибо, мне как-то не лень эти испытания проходить, на еблю с макетами кучу времени уходит.
Аноним 07/04/16 Чтв 17:37:41 #118 №525734 
>>525732
*лень
Аноним 07/04/16 Чтв 17:39:08 #119 №525742 
Там в старом базовом (2015 года который) есть в 6 уроке ролики как делать разные штуки. + не забывайте смотреть дополнительные материалы из шапки
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
вот эти

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

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

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

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

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

курю базовый по js-кун, прошел базовый и продвинутый по верстке
Аноним 07/04/16 Чтв 17:42:17 #120 №525748 
>>523507 (OP)
Перекатился из треда в /б к вам и что же я вижу, не по профессии, а только если ты кодер-погромист, где другие профессии то?
Аноним 07/04/16 Чтв 17:42:38 #121 №525750 
>>525742
Кое-что вынес для себя.
Аноним 07/04/16 Чтв 17:54:34 #122 №525776 
>>525742
Адекват в треде, все последовательно, конструктивно и понятно. Пусть мама объяснит этой хуесосинки из треда >>525683 как себя вести надо.
Аноним 07/04/16 Чтв 17:57:20 #123 №525785 
>>525748
Писать научись, нихуя не понял, что ты написал.
Аноним 07/04/16 Чтв 18:05:14 #124 №525799 
>>525785
Был тред в /б, даун, там пост "перекатывайтесь сюда, если хотите по профессии переехать в асашай". Перекатываюсь и вижу тут только кодеров-погромистов и не одной другой специальности.
Аноним 07/04/16 Чтв 18:11:50 #125 №525818 
>>525799
Чувак, тут таких залетных как ты не любят.
Аноним 07/04/16 Чтв 18:14:44 #126 №525823 
>>525799
Бро, тебе сюда.
https://2ch.hk/wrk/res/513935.html
Аноним 07/04/16 Чтв 18:16:06 #127 №525828 
>>525823
Затралел, азаза, мне уже пригорело даун
Аноним 07/04/16 Чтв 18:49:32 #128 №525923 
Палю годноту!
http://docs.emmet.io/cheat-sheet/
Аноним 07/04/16 Чтв 18:54:14 #129 №525937 
14600444545280.jpg
>>525923
Аноним 07/04/16 Чтв 19:49:34 #130 №526033 
14600477745460.png
Пацаны, я неофит, играюсь с гитом, как удалять репо с пека? Я пытался просто папку удалить, но она наебнулась, не могу открыть/удалить ее теперь, пишет расположение недоступно.
Аноним 07/04/16 Чтв 19:51:21 #131 №526035 
>>526033
ls - чтобы глянуть есть ли она в директории
rm -rf folder_name вроде чтобы удалить

также попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступно
Аноним 07/04/16 Чтв 19:53:19 #132 №526037 
>>526035
> также попробуй просто обновить саму папку может она уже и так удалилась раз пишет расположение недоступно
Действительно, спасибо.
Аноним 07/04/16 Чтв 20:08:56 #133 №526046 
>>525082
Полное говно, рассчитанное я даже хуй знает на кого.
Аноним 07/04/16 Чтв 21:21:20 #134 №526155 
Сколь тебе лет полных?

js-кун занято, выбери себе другое
Аноним 07/04/16 Чтв 21:21:40 #135 №526156 
>>525742
>>526155
Аноним 08/04/16 Птн 00:48:36 #136 №526350 
Ваше мнение, фронтаны? По мне так какое-то вырвиглазное тормознутое говно, напичканое свистоперделками и пахнущее смуззи.
http://bitforest.io/
мопед не мой, просто наткнулся на просторах интернетов
Аноним 08/04/16 Птн 01:01:06 #137 №526354 
>>526350
а мне нра
Аноним 08/04/16 Птн 01:20:02 #138 №526361 
14600676028870.jpg
>>526354
Ну хуй знает.
Просто я ньюфаг, и везде читал, что тормозные сайты нинужны.
Аноним 08/04/16 Птн 03:02:51 #139 №526382 
>>526350
Эффекты нужны, но меру-то блядь знать надо. Отличный показатель того, как ебанутый дизайнер видит свой говноделие, но ничего не смыслит в UI
Аноним 08/04/16 Птн 04:33:01 #140 №526390 
14600791820020.png
Несколько часов трахался, пытаясь запилить бордер градиентом (пикрелейтед) поверх обычного бордера, но так ничего и не добился. У кого-нибудь был опыт подобного пердолинга? Пока ничего более умного, нежели вырезать эту хуйню и запилить через :before мне в голову не приходит.
Аноним 08/04/16 Птн 04:36:40 #141 №526391 
>>526390
https://css-tricks.com/examples/GradientBorder/

Трое суток гугления
Аноним 08/04/16 Птн 04:40:48 #142 №526393 
>>526391
У меня не получилось сделать круглый бордер градиентом ни по одному из этих способов. Единственное, что вышло - залить вообще всю картинку полупрозрачным градиентом, лол.
Зато получилось залить тестовый квадрат, лол. В общем, я сейчас удалю свой говнокод и с утра заново попробую.
Аноним 08/04/16 Птн 05:15:32 #143 №526396 
>>526393
В общем, сделал так:
http://codepen.io/anon/pen/QNaOVV
Не знаю, насколько это лучше, чем тупо вырезать картинки с бордером в фотошопе, но хоть работает.
Аноним 08/04/16 Птн 06:20:42 #144 №526399 
http://codepen.io/anon/pen/jqYYPJ
Хелп, аноны. Как сделать чтобы при ховере не прыгало?
Аноним 08/04/16 Птн 06:23:04 #145 №526400 
>>526399
* {
box-sizing: border-box;
&::after {
box-sizing: inherit;
}
&::before {
box-sizing: inherit;
}
}
Аноним 08/04/16 Птн 06:24:33 #146 №526401 
>>526400
Вот, короче, http://codepen.io/anon/pen/jqYYWR
Аноним 08/04/16 Птн 06:25:14 #147 №526402 
>>526400
>>526401
Лол, я еще немного подумал и оказалось все проще, сделал через outline. Спасибо за помощь, мб в другой ситуации пригодится.
Аноним 08/04/16 Птн 06:26:12 #148 №526403 
>>526402
Ну не знаю, я бокс-сайзинг всегда прописываю, офигенная штука, которая должна быть по-дефолту, ящитаю. Особенно с флексами.
Аноним 08/04/16 Птн 09:31:17 #149 №526435 
аэрофлот-кун вкатился сполногонуля
чет надоело чумаданы кидать:)
Аноним 08/04/16 Птн 10:20:57 #150 №526454 
Что-то почитал JS-тред и мне стало грустно. Это же надо года два на то, чтобы все освоить. А потом еще года два, чтобы освоить новые стандарты/технологии/фреймворки. А потом еще года два, чтобы освоить стандарты/фреймворки, пришедшие на замену уже освоенным стандартам/фреймворкам. А потом еще... Какая, все-таки, верстка ламповая и дружелюбная.
Аноним 08/04/16 Птн 10:36:00 #151 №526457 
>>526454
Типа в верстке не появляются новые стандарты и подходы
Аноним 08/04/16 Птн 11:07:52 #152 №526470 
>>526435
Сколько лет?
Аноним 08/04/16 Птн 11:48:49 #153 №526482 
Неужели назвали тред правильно не прошло и года
Аноним 08/04/16 Птн 12:16:26 #154 №526508 
>>526482
прошло)
Аноним 08/04/16 Птн 13:11:37 #155 №526558 
Почему это работает один раз после загрузки https://jsfiddle.net/5tefh4dj/1/
а это работает как надо
https://jsfiddle.net/yfe7b4up/
?
Аноним 08/04/16 Птн 13:12:42 #156 №526564 
>>526558
проебал вторую ссылку - https://jsfiddle.net/5tefh4dj/2/ вот как надо
Аноним 08/04/16 Птн 13:23:13 #157 №526579 
>>526558
>>526564
Анимация отрабатывает и заканчивается. Во втором случае они запускают по очереди
https://css-tricks.com/restart-css-animation/
Аноним 08/04/16 Птн 13:26:00 #158 №526580 
>>526579
Разве она не должна при смене класса вызываться повторно в первом случае?
Аноним 08/04/16 Птн 13:34:35 #159 №526587 
>>526579
>Разве она не должна при смене класса вызываться повторно в первом случае?
Прочитал
>https://css-tricks.com/restart-css-animation/
Что ж, видимо, не должна. Спасибо.
Аноним 08/04/16 Птн 14:29:30 #160 №526657 
>>526155
> js-кун занято
Ебать ты охуевший.
Аноним 08/04/16 Птн 14:59:30 #161 №526685 
Привет, анон.
В данный момент я съебываю со своей работы и ищу себе замену.
Будешь заниматься версткой и наполнением (контент-манагер, ага) за 50к/мес (возможны доплаты за переработки). Работа абсолютно непыльная, но в придачу идет начальство, так что более, чем на полгода не рассчитывай (тебе же надо развиваться, ага). Если в самом-самом начале пути -- велкам, пиши на мыло пару слов о себе, если хоть немного честолюбив и уже что-то имеешь в запасе из скиллов -- лучше пойди на более перспективное место.
[email protected]
Аноним 08/04/16 Птн 14:59:50 #162 №526686 
>>526685
Олсо, тред не просматриваю, потому если есть впоросы -- почта.
Аноним 08/04/16 Птн 15:02:49 #163 №526690 
>>526685
Ты бы хоть город указал. Или удалёнка? Я бы подрядился, но ещё ничего не умею.
Аноним 08/04/16 Птн 15:12:03 #164 №526698 
14601175236510.jpg
>>526470
Тридцать четыре: (
Грустно что не попробовал раньше
Но в любом случае я ничо не теряю... 15 дней в месяц все равно свободны, могу учица
Аноним 08/04/16 Птн 15:17:56 #165 №526707 
>>526690
>ничего не уметь
>работа
>50к/мес
Мне кажется, или очевиднее дс тут нет ничего?
Аноним 08/04/16 Птн 15:42:40 #166 №526744 
>>526454
А ты хули хотел?
Аноним 08/04/16 Птн 16:05:13 #167 №526765 
14601207134680.jpg
>>526454
Итс тру
Аноним 08/04/16 Птн 16:28:33 #168 №526782 
>>526685
Я уже год въебываю за 35
>мимонытик
Аноним 08/04/16 Птн 17:21:24 #169 №526822 
>>526782
Въебывал 5 за 25. Так что у тебя еще все впереди.
Аноним 08/04/16 Птн 19:40:20 #170 №526960 
>>526685
Так, проебался немного с описание, добавлю
Город: дс, серая/оранжевая ветка верх, минут 15 на автобусе
Удаленка не предусмотрена.
Как развитие данную работку не ищите -- только если СОВСЕМ НЕТ скиллов, то можно здесь чуть поднять бабла, если хотите, чуть поднакачать скилл (учителей здесь нет, все самим, никто подсказывать, чо делать, не будет), благо над душой не стоят и можно делать свои проекты, и после съебывать отсюда.
50к за стандартный день с 9-18, хотите сидеть до 21 -- сидите, будет доп.оплата, но делать тут нехуй. Всем, кто ответил на почту, спасибо, я отвечу в письме еще.
Аноним 08/04/16 Птн 19:42:13 #171 №526962 
>>526960
>>526960
Ах да, приступать со следующей-послеследующей недели.
Аноним 08/04/16 Птн 21:16:41 #172 №527050 
14601394010550.gif
Почему с шапки пропала инфа про создание портфолио на гитхаб?

>. Джуну фронту надо либо макеты с вменяемой клиентской логикой
Что такое клиентская логика?
Аноним 08/04/16 Птн 21:17:28 #173 №527053 
>>526454
Вертска тоже не хуй собачий.
Аноним 08/04/16 Птн 22:06:15 #174 №527114 
>>527050
> Что такое клиентская логика?
Логика, выполняемая на клиенте. Скрипты то бишь.
Аноним 08/04/16 Птн 22:15:50 #175 №527124 
>>527114
Понял, благодарю.
Аноним 08/04/16 Птн 22:28:56 #176 №527135 
> вида username.github.io, где username это название вашего аккаунта на GitHub
Пацаны, а вот так можно username.sitenam.github.io, работать будет? Или как правильно сделать, чтобы много сайтов залить.
Аноним 08/04/16 Птн 22:32:11 #177 №527141 
>>527135
>username.sitenam.github.io
нет, этот домен автоматом создается
>Или как правильно сделать, чтобы много сайтов залить.
далешь в нескольких репах ветку gh-pages и у тебя будет типа:
username.github.io/project1/
username.github.io/project2/
Аноним 08/04/16 Птн 22:32:26 #178 №527142 
>>527135
Не, нельзя так. На одного юзера один сайт
Можешь оргу запилить, на неё тоже один сайт
Аноним 08/04/16 Птн 22:33:15 #179 №527145 
>>527142
рили?
>>527141 - кун
Аноним 08/04/16 Птн 22:41:50 #180 №527158 
>>527142
Можно. Только index.html обязательно создать и ветку gh-pages.
Аноним 08/04/16 Птн 22:47:29 #181 №527163 
>>527141
Попробую, спасибо.
Аноним 08/04/16 Птн 23:13:11 #182 №527194 
>>524504
Подозреваю, что все там по центру. text-align центрует твою ссанную пятерку, но из за ширины ты этого не видишь. Можешь попробовать увеличить ширину этого td и посмотреть. Но вообще там этот text-align: center нахуй не уперся. Делаешь отступ паддингами и все.
Аноним 08/04/16 Птн 23:28:08 #183 №527212 
А такие вещи лучше делать с бр или задавать оверфлов?
Аноним 08/04/16 Птн 23:28:29 #184 №527213 
14601473096250.png
>>527212
Пик проебал.
Аноним 08/04/16 Птн 23:39:08 #185 №527221 
>>527213
Причем здесь оверфлов, мудила?
Используй паддинги, либо ширину
Аноним 09/04/16 Суб 00:00:06 #186 №527241 
>>527221
И хули паддинги? Какая нибудь пизда будет менять инфу потом и все пизданется, я то и бр могу сделать и хуй забить.
Аноним 09/04/16 Суб 00:02:04 #187 №527248 
>>527241
Конечно тут только брки можно юзать, они именно для такого и сделаны.
Аноним 09/04/16 Суб 00:05:21 #188 №527250 
>>527248
Ну так, а потом не скажут, что это я хуйню сделал и весь интерфейс пизданулся?
Аноним 09/04/16 Суб 00:07:33 #189 №527254 
>>527250
С чего он должен пиздануться?
Аноним 09/04/16 Суб 00:11:02 #190 №527258 
>>527254
Переполнение контентом, например.
Аноним 09/04/16 Суб 00:12:20 #191 №527261 
>>527213
делай ширину для обертки - будет больше возможностей управлять всем этим дерьмом, если делаешь адаптивно. Брки могут сломать тебе вид на малом разрешении если, например, перенесется слово перед бр. Получится строка из одного слова.
Аноним 09/04/16 Суб 00:14:00 #192 №527265 
>>527261
Я же просто спросил, это норм, если я там юзаю бр, или стоит делать размеры с оверфлов, чтобы ебанутые мани все не похерили?
Аноним 09/04/16 Суб 00:20:42 #193 №527273 
>>527265
Не норм. Уменьшай окно пока не перенесется крайнее слово.
http://codepen.io/kotokrad/pen/pypGoy

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

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

>>527273
> оверфлоу
Хайден же.
Аноним 09/04/16 Суб 00:36:46 #196 №527295 
Мде, такое чувство, что тут сидят диванные теоретики верстающие только макеты академии, лол. Хотя так и есть, чего это я
Аноним 09/04/16 Суб 00:38:01 #197 №527297 
>>527295
Ну так учат люди, что не так?


Напомните кто пожалуйста, в каком именно уроке рассказывают, как живую карту прикрутить, я что-то найти не могу.
Аноним 09/04/16 Суб 00:42:10 #198 №527303 
>>527297
Не, мне просто нравится, что вы даёте советы и ещё и спорите.
Обертки с паддингами, для каждого блока это просто топ кек
Аноним 09/04/16 Суб 00:52:35 #199 №527307 
>>527303
Ну сделал на бр, потом заказчик орет, что маня добавила текст, а он поехал.
Аноним 09/04/16 Суб 01:12:51 #200 №527315 
>>527307
> заказчик орет
Манька, плиз.
Во-первых, текст слоганов/описаний/заголовков/хуй-знает-как-это-по-русски-называется не переносят рандомным образом никогда. Его переносят после определенных слов, чтобы остался "ритм" предложения, и чтобы оно не начиналось с предлога, например.
Во-вторых
>задаешь для блока обертки этого текста нужный паддинг справа
Нужный это какой лол? При одном тексте он будет один, при другом совершенно другой. Как во втором случае с этой картинки >>527213
ты решишь это паддингом? Никак.
99% операция с пересоном текста делаются через брки.
Аноним 09/04/16 Суб 01:21:01 #201 №527318 
>>527315
Конкретно в этом примере надо учитывать, что дизайнеры - долбоебы. Да, можно ебнуть перенос и пусть ебутся, как хотят. Но вообще достаточно задать паддинги, чтобы текст не прилипал к краям. "Скрупулезно" все равно не влазит в ширину текстового блока с паддингами и перенесется.
другой анон
Аноним 09/04/16 Суб 01:22:58 #202 №527319 
>>527303
Ну так и в верстке для каждой задачи можно придумать кучу способов решения разной степени паршивости.
И в чем проблема обертки с паддингами? Ты же, наверное, оборачиваешь текст в абзацы, вот им и задай. Явно же более универсальное решение, чем бр везде хуярить
Аноним 09/04/16 Суб 01:25:29 #203 №527320 
14601543293130.png
О чем спор вообще. Фиолетовое - ширина текстового блока.
Красненьким - паддинги, слева-справа пикселей 10, и сверху-снизу пикселей 30. "Скрупулезно" и другое длинное слово автоматически переносится на новую строку.
Логического смысла в переносе строки "для вашего сайта" нет, пусть дизайнер идет нахуй, текст и так красиво встанет. И ничего не поедет, даже если сеошные дебилы, например, захотят прям в этот блок захуячить статью с ключевиками на 1000 символом..
Аноним 09/04/16 Суб 02:41:42 #204 №527335 
>>523777
>>524087
сорян, не тот канал скинул

https://www.youtube.com/watch?v=WFEgmNfvpnw
Аноним 09/04/16 Суб 02:47:00 #205 №527336 
>>523848
анон, я в прошлом треде тебе уже скидывал готовый говнокод, лови ссылку снова:
https://jsfiddle.net/oszis113/wn996b42/
Аноним 09/04/16 Суб 08:07:22 #206 №527369 
В нердсе дизайнер мудак. Если я правильно помню то на других слайдах другая ширина заголовка и проще сделать с помощью br в данном случае.
Аноним 09/04/16 Суб 10:16:37 #207 №527392 
У меня в фотошопе при щелчке на какой-нибудь элемент макета не выбирается слой в котором он находится почему-то. Даже когда в менюшке слоев кликаешь, ничего не происходит. Но если слой спрятать, то он исчезает. Что делать?
Аноним 09/04/16 Суб 10:19:04 #208 №527395 
>>527392
Ну и вообще элементы не выделяются в принципе.
Аноним 09/04/16 Суб 10:20:37 #209 №527397 
А все, блять, нашел галочку, сорян.
Аноним 09/04/16 Суб 10:45:51 #210 №527416 
Вот про дизайнеров-мудаков, пацаны. Восемь, блядь разделов. В семи шрифт 18px, в одном 17. Весь макет одним шрифтом, а ссылка в углу - другим. Тоже без засечек, с виду хрен отличишь. Отступы у одинаковых заголовков разные еще. Я собственно к чему: забить хрен на это все и делать единообразно или всю эту хрень мужественно переносить в верстку?
Аноним 09/04/16 Суб 11:14:11 #211 №527432 
>>527392
поставить галочки на автовыделение слоя
и можно еще на показ контролов трансформации
Аноним 09/04/16 Суб 11:14:45 #212 №527433 
>>527432
Ага, уже разобрался, спасибо.
Аноним 09/04/16 Суб 11:14:50 #213 №527434 
>>527397
>>527432
бля, написал, а потом прочитал следующее сообщение лол
Аноним 09/04/16 Суб 11:16:30 #214 №527436 
>>527416
Громов говорил что если блоки явно одинаковые должны быть и это никакая не концепция - он берет стили из первого появления и применяет ко всем остальным. (это про размер и отступы шрифтов, размеры блоков и т.д.).
Аноним 09/04/16 Суб 13:24:41 #215 №527543 
>>527053
Верстка хуйня, ее за год спокойно освоит даже умственно отсталый.
Аноним 09/04/16 Суб 13:26:47 #216 №527545 
>>526698
>Но в любом случае я ничо не теряю...
Время.
Аноним 09/04/16 Суб 13:29:21 #217 №527547 
>>527545
Время, проведенное с удовольствием, не является потраченным.
Аноним 09/04/16 Суб 13:32:49 #218 №527550 
>>527320
А потом ты переходишь на следующий слайд и видишь что слова там переносятся уже за пределы паддинга сделаного ИМЕННО для первого слайда.
Аноним 09/04/16 Суб 14:02:31 #219 №527570 
>>527416
Блять, верстаю щас макет мухосранского дизайнера и там пиздец, высота у всех шрифтов разная, где-то вообще ее нет, размеров шрифтов штук 10 вообще нахуй.
Аноним 09/04/16 Суб 14:06:29 #220 №527571 
>>527545
Ну, не знаю... Вместо игр,и фильмов будетучеба...
За вчера пять разделов в академии прошел, мне понравилось, интересно, и дается легко. У меня склад ума аналитический, математику в школе любил. Айкью высокий. Альтернатива только на вышку идти... Но это пять лет ради корочек... К 40 годкам..
Аноним 09/04/16 Суб 14:11:30 #221 №527574 
>>527571
>Айкью высокий

И какой же? И где ты его проверял?
Аноним 09/04/16 Суб 14:12:42 #222 №527576 
>>527574
Бля ну че ты как диб)))) Зайди в аську проверь хуле
Аноним 09/04/16 Суб 14:16:34 #223 №527578 
>>527571
А я после вышки вот изучаю. Причем вышка техническая. Просто то, что преподавали не особо нравится
Аноним 09/04/16 Суб 14:17:25 #224 №527580 
>>527578
Поясни за свой выбор, нахуй пошел туда, где не нравится обучение?
Аноним 09/04/16 Суб 14:17:48 #225 №527582 
Пацаны, как сделать, чтобы сайт нормально отображался на мобильных устройствах? Я как-то видел барбершоп с планшета, там все открылось как на пк, алсо, макет не адаптивный, сетка на месте, у меня в нердс все пидорасить начало.
Аноним 09/04/16 Суб 14:19:53 #226 №527584 
>>527580
Думал, что будет норм. Тем более знакомый, который учился до меня сказал, мол будет дохрена программирования (что ему не нравилось). На деле - дохуя математики (что не нравилось мне в свою очередь)
Аноним 09/04/16 Суб 14:19:58 #227 №527585 
>>527580
Будто у нас 70% абитуры так не делает.
Аноним 09/04/16 Суб 14:20:50 #228 №527587 
>>527584
Ну и да, фронтенду как таковому я хз даже где найти чтобы обучали. Так что в любом случае будет то, что тебе не нравится, если пойдешь на вышку
Аноним 09/04/16 Суб 14:22:06 #229 №527588 
>>524215
Бля, я на листовках, когда в школе учился, 150 в час получал. Что-то у меня разрыв шаблона.
Аноним 09/04/16 Суб 14:22:46 #230 №527589 
>>527585
Все еще пытаюсь понять, почему они так делают? ШОБ ВСЕ КАК У ЛЮДЕЙ?
Аноним 09/04/16 Суб 14:24:00 #231 №527590 
>>527588
Ясен хуй на некоторых днищеработах можно поднимать больше чем верстала, но у версталы есть рост, а на днищеработе его нет.
Аноним 09/04/16 Суб 14:24:52 #232 №527591 
>>527587
По-моему это как раз та сфера, куда приходят самоучками. Ну или максимум курсы типа хтмлакадеми. На ютубе смотрел видеоуроки на одном русскоязычном канале, автор в комментах сказал, что учится на веб девелопера. Видимо не в РФ. Но не рекомендует убивать время на такое официальное обучение.
>>527589
Ну потому что я ж типа умный, илита, пойду вузик закончу и буду в офисе за 100 к сидеть.
Ну, так думают, в основном, мамки юных абитуриентов.
Аноним 09/04/16 Суб 14:26:20 #233 №527594 
>>527591
Кстати есть вообще вузы в рф где можно выйти йоба-погромистом с изучением актуальных и прибыльных языков а не всякого древнего говна мамонта?
Аноним 09/04/16 Суб 14:26:54 #234 №527596 
>>527582
Бамп вопросу, почему у меня с масштабами пиздец?
Аноним 09/04/16 Суб 14:27:33 #235 №527598 
>>524845
А нельзя просто после изменения в коде нажать ctrl + s и обновить свою страничку в браузере?
Аноним 09/04/16 Суб 14:28:02 #236 №527599 
>>527594
Может, ВШЭ какая-нибудь.
Аноним 09/04/16 Суб 14:28:24 #237 №527600 
>>527596
Залей на гитхаб пэйджс и кинь сюда, мы же блять не экстрасенсы.
Аноним 09/04/16 Суб 14:28:29 #238 №527601 
>>527590
Тут ты прав. Да и версталой гораздо интереснее, чем стоять как еблан с бумажками на улице.
Аноним 09/04/16 Суб 14:28:46 #239 №527602 
>>527598
Можно, но если ты деалешь это по 1000 раз в день, заебываешься
Аноним 09/04/16 Суб 14:29:57 #240 №527604 
>>527585
>>527589
Не, у меня немного другая ситуация. Хотелось чтобы было больше ооп, алгоритмов, шаблонов проектирования, архитектуры и т.д. и т.п.
На деле: интегральные исчисления, матан, дифуры, матфизика, прикладные задачи матфизики, механика сплошных сред и т.д. и т.п. Из программирования: основы на с++, подсчет формул на фортране и спецкурс по 1с (лол), и более-менее норм - это курс по реляционным БД и компьютерная графика (рисовали объектики - вершиной изучения материала был анимированный трехмерный бокальчик с вином, кек). Из верстки был html таблицами (лол). Все остальной одна сплошная ебучая математика. (из нее мне кстати нравилась мат логика, дискретка и первая часть тервера где больше комбинаторики чем тервера и то мне оно нравилось так как я любитель покерка)
Аноним 09/04/16 Суб 14:31:42 #241 №527605 
>>527602
https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh я заебался уже вбрасывать это почти в каждый тредж.
1) Ставишь
2) Включаешь
3) жмешь ктрл + ы в саблайме
4) ??????????????
5) PROFIT!
Аноним 09/04/16 Суб 14:32:26 #242 №527606 
14602015461740.png
>>527600
Вот такая хуйня на мобильном.
Аноним 09/04/16 Суб 14:32:48 #243 №527607 
>>527604
Лол, как раз не поступил на айти-специальность по той причине, что там гора всякой математики. Может, я просто неосилятор-гуманитарий и вообще не прав, но по-моему она там нужна куда меньше. А больше надо уделять внимания практике современных языков, работе с реальными проектами, которые действительно заказываются в этом грешном мире и т.п
Аноним 09/04/16 Суб 14:33:32 #244 №527608 
>>527606
Перечитай плз мое сообщение.
Аноним 09/04/16 Суб 14:47:25 #245 №527615 
>>527605
Спасибо огромное.
Аноним 09/04/16 Суб 14:50:41 #246 №527617 
14602026416480.jpg
>>527297
> Напомните кто пожалуйста, в каком именно уроке рассказывают, как живую карту прикрутить, я что-то найти не могу.
Все еще не могу найти, лол. может я удалил случайно, в каком уроке это было?
Аноним 09/04/16 Суб 14:52:40 #247 №527618 
>>527617
дополнительные материалы к интенсиву из шапки смотри
Аноним 09/04/16 Суб 15:07:25 #248 №527625 
>>527617
В гугле рассказывают обо всем. За то время, пока ты ждал здесь ответа, мог бы три раза во всем сам разобраться.
Аноним 09/04/16 Суб 16:06:33 #249 №527678 
>>527617
https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-start/tasks/quick-start-docpage/
воркфлоу Аноним 09/04/16 Суб 17:42:57 #250 №527721 
суп верстаны, а не фронтендерстаны теперь, короче меня работодатель на позицию джуна версталы, попросил прислать запись моей работы, как думаете есть смысл отправлять видос или слиться ? Я там тупил дохуя.
https://www.youtube.com/watch?v=zk65S52Bv7s&feature=youtu.be&ab_channel=%D0%95%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9%D0%9B%D0%B8%D1%82%D0%B2%D0%B8%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE
Аноним 09/04/16 Суб 17:58:51 #251 №527731 
>>527721
А зачем там гул, что он делает? И чтто за редактор у етбя?

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

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

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

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

а за ссылки спасибо, я щупал авокод летом прошлого года, он не умел line-height показывать и еще были какие то косяки со шрифтами
Аноним 09/04/16 Суб 18:11:46 #256 №527747 
>>527741
А в саблайм нельзя прикрутить препроцессоры?
Аноним 09/04/16 Суб 18:13:42 #257 №527752 
>>527747
можно и в саблайм наверное, я его не юзаю а автопрефиксер как ? ща глянул на packagecontrol.io там есть, но он их в моем коде делает а не на выхлопном
Аноним 09/04/16 Суб 18:36:49 #258 №527778 
14602162095510.png
Как элегантно на флексах запилить такое расположение блоков?
Аноним 09/04/16 Суб 18:53:44 #259 №527797 
>>527778
Бляяять, хуй с ними с флексами, как можно еще это сделать, сойдет любой спосоБ, похуй уже, аноны, помогите!
Аноним 09/04/16 Суб 18:58:09 #260 №527802 
>>527797
Сделал короче на флоатах, похуй, если кто на флексах сможет, напишите.
Аноним 09/04/16 Суб 19:04:43 #261 №527807 
>>527802
сделал на флексах, я бог!какой же я еблан, полчаса на эту хуйню потратил
Аноним 09/04/16 Суб 19:05:37 #262 №527809 
>>527802
Я бы тупо обертками запилил. А внутри уже определял количество картинок, довольно удобно за счет флексовского стретча по умолчанию. Можно в обертку хоть одну, хоть четыре заебашить, выбрал ширину и готово.
Аноним 09/04/16 Суб 19:06:43 #263 №527810 
>>527809
Сделал без оберток
Аноним 09/04/16 Суб 19:07:25 #264 №527812 
>>527797
Молодец что сам справился.
https://jsfiddle.net/tx3sna8x/
Аноним 09/04/16 Суб 19:07:36 #265 №527813 
>>527810
Показывай решение.
Аноним 09/04/16 Суб 19:09:25 #266 №527817 
>>527813
http://codepen.io/anon/pen/VayoaW
Аноним 09/04/16 Суб 19:14:39 #267 №527824 
>>527817
Интересно, давно юзаю флексы, но не знал про эту фишку с сочетанием column, wrap и недостаточного размера контейнера. Спасибо.
Аноним 09/04/16 Суб 19:19:32 #268 №527830 
14602187726990.jpg
Пацаны, вот у меня есть список, catalog например, на других страницах он тоже есть, но там он ведет себя иначе и вид другой немного, по бэм правильно задать ему catalog_other-page? Или .other-page .catalog делать можно? Как правильно по бэм?
Аноним 09/04/16 Суб 19:23:49 #269 №527838 
>>527830
Для одной страницы main-catalog для другой inner-catalog, например.
мимо-диванный-знаток-бэм
Аноним 09/04/16 Суб 19:43:27 #270 №527851 
>>527830
покажи скрины - подскажу
Аноним 09/04/16 Суб 19:54:21 #271 №527854 
>>527851
Нет скрина.
Аноним 09/04/16 Суб 19:57:21 #272 №527855 
>>527854
Сделай. Или ты абстрактно выдумал?

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

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

Короче на примере было бы проще
Аноним 09/04/16 Суб 20:10:27 #274 №527861 
14602218274830.png
>>527600
Я гуглил, пробовал <meta name="viewport" content="width=device-width, initial-scale=1.0"> но по сути никакого толка, чет вообще нихуя понять не могу.
https://marlengromov.github.io/nerds/

>>527855
>>527860
> абстрактно выдумал?
Да.
Как бы блок каталог, на одной странице он просто как блок с надписью, а на других у него всплывающий список и типа иконка возле надписи.
Вот на главной он просто catalog, a на другой странице его иначе как-то нужно подписать, я до этого всему прописывал классы, чтобы анб были, но как-то программист говорит, типа можно ли в боди прописывать класс, а потом через .нейм-боди .хуйня-нейм стилизовать, говорит гемор ему, что потом разные шаблоны при программировании, а я обычно писал .каталог_нейм-боди. Вот я не знаю, правильно ли я делал или нет?
Аноним 09/04/16 Суб 20:19:43 #275 №527866 
14602223833920.png
>>527861
Нихуя не понял про каталоги твои. По идее блок каталог содержит в себе товары а не просто блок с надписью
Короче не въезжаю я че тебе надо, сорян (походу надо пойти проспаться)

А вот про metaname скрин тебе
Аноним 09/04/16 Суб 20:37:04 #276 №527874 
Есть кто упарывает jade? Такая проблемс - как вставлять свг инлайн? Редактировать каждый раз теги не очень.
Аноним 09/04/16 Суб 20:50:10 #277 №527879 
>>527874
Ну проблему решил быстро конечно, но оцените насколько это костыли. Вставляю свг инлайн в jade-файле с помощью unclude. Даю обёртку класс и через него даю свойства свг. Нормально?
Аноним 09/04/16 Суб 20:53:17 #278 №527880 
14602243971550.jpg
>>527879
>>527874
Аноним 09/04/16 Суб 21:11:44 #279 №527885 
>>527866
Благодарю, а откуда скрин?
Аноним 09/04/16 Суб 21:18:23 #280 №527890 
14602259030520.jpg
А почему свойство fill не применяется к бургеру? Я уже с интернета скачал другую иконку. Не помогло.
Аноним 09/04/16 Суб 21:21:27 #281 №527892 
>>527890
fill - свойство svg, а ты к спану его применяешь
Аноним 09/04/16 Суб 21:25:28 #282 №527895 
>>527892
И что? Оно наследуемое.
Аноним 09/04/16 Суб 21:31:25 #283 №527897 
14602266852000.jpg
>>527892
Хорошо. Почему тогда я напрямую через редактор установил зелёный цвет, в первом варианте сработало, во втором нет. Так с иконкой которую дают в макете интенсива и со скачаной с интернета. Уже и stroke прописывал.
Аноним 09/04/16 Суб 21:31:25 #284 №527898 
>>527866
Не помогает пик, боди 900, а задал сперва столько же, потом больше, один хуй все пидорасит, что не так?
Аноним 09/04/16 Суб 21:36:01 #285 №527899 
>>527898
А на кой хуй тебе вообще это? Пиздуй адаптивные сайты делать.
Аноним 09/04/16 Суб 21:37:17 #286 №527901 
>>527899
Лол, а если неадаптивный?
Аноним 09/04/16 Суб 21:37:54 #287 №527904 
>>527895
Чет проебался я, проверил - правда наследуется. Залей на кодпен, понятнее будет
Аноним 09/04/16 Суб 21:44:29 #288 №527910 
>>527904
https://jsfiddle.net/wmLcdakr/
Там регу просят. Яж ананимас.
Аноним 09/04/16 Суб 21:48:14 #289 №527913 
>>527910
fill был инлайново прописан в path
Аноним 09/04/16 Суб 21:48:38 #290 №527914 
>>527913
>>527910

https://jsfiddle.net/pzq2dkp4/
Аноним 09/04/16 Суб 21:51:12 #291 №527915 
>>527898
Тебе уже сто раз сказали - залей на гх-пейджес и скинь, чтобы посмотреть.
Аноним 09/04/16 Суб 21:55:22 #292 №527920 
>>527914
Спасибо. Ну конечно же сравнив я заметил что там "предустановлено" значение филл. А то что оно не меняется так должно быть? Прям как константа.
Аноним 09/04/16 Суб 21:59:00 #293 №527925 
>>527920
Ну так оно действуют как все правила ксс. Если у тебя где-то наверху написано одно правило, а потом на самом элементе другое, то именно ближнее будет работать.
Аноним 09/04/16 Суб 22:15:31 #294 №527941 
>>527915
Я залил уже >>527861
Аноним 09/04/16 Суб 23:02:51 #295 №527965 
14602321714450.png
Я что - то не могу сообразить, как сделать так, чтобы текст не выпадал из этого блока, а переносился? Сам блок зафлочен, а текст это чекбоксы с лабелами.
Аноним 09/04/16 Суб 23:09:40 #296 №527969 
>>527965
вангую, что нужно overflow: hidden
Аноним 09/04/16 Суб 23:11:01 #297 №527970 
>>527965
>>527969
а если хочешь наверняка - показывай код
Аноним 09/04/16 Суб 23:11:30 #298 №527971 
>>527969
текст тогда будет пропадать, алё
Аноним 09/04/16 Суб 23:12:14 #299 №527972 
>>527970
нет, не так. ПОКАЗЫВАЙ КОД
Аноним 09/04/16 Суб 23:13:45 #300 №527973 
14602328256910.png
Пацаны, вот есть у меня меню на li, пытаюсь выровнять его по ширине блока через text-align:justify, а оно как стоял по левому краю, так и стоит. В чем может быть проблема? Даст бог другие способы подскажете.
Аноним 09/04/16 Суб 23:19:50 #301 №527978 
>>527973
Эхехе ты захотел, конечно как ты хочешь НЕЛЬЗЯ, это просто не логично. justify только к тексту можно применять, явно не к li, nav и тому подобное..
Какого хуя last-child у nav а не у li nav? Во-вторых хуй знает как тебе помочь. Тут либо паддингами отбивать (может не совпасть, либо установить фиксированую ширину у li, тобишь в твоём случае width родителя делим на 7.
Аноним 09/04/16 Суб 23:22:30 #302 №527980 
>>527965
вангую http://htmlbook.ru/css/word-wrap
Аноним 09/04/16 Суб 23:23:46 #303 №527981 
>>527972
Хватит свойств для этого блока? Или всю страницу в песочницу хуярить?
Аноним 09/04/16 Суб 23:24:54 #304 №527982 
>>527980
Да я уже погуглил, там же написано: "Данное свойство носит черновой характер и при валидации документа на CSS3 выдает ошибку."; Не хотеть верстать невалидно. Неужели нет способа, чтобы пофиксить это? Я просмотрел базовый, вроде не было таких ситуаций
Аноним 09/04/16 Суб 23:27:28 #305 №527984 
>>527978
Но ведь по центру и правому краю выравнивается все отлично.
Аноним 09/04/16 Суб 23:28:47 #306 №527985 
>>527984
Пропиши ширину ul попробуй.
Аноним 09/04/16 Суб 23:28:53 #307 №527986 
>>527982
пример на скрине туповат. Думаешь будут настолько длинные слова, что выйдут за границу блока? Обычный текст нормально перенесется по слову. Ну а шоб наверняка - >>527969
Аноним 09/04/16 Суб 23:35:15 #308 №527988 
>>527986
Да даже не конкретно для этого примера хочется сделать, а в общем научиться и понять, чтобы в будущем использовать, если вдруг придется. Ну, в ляюбом случае, спасибо за участие.
Аноним 09/04/16 Суб 23:38:21 #309 №527991 
>>527985
Неа.
Кажется, спать я сегодня не ложусь.
Аноним 09/04/16 Суб 23:46:08 #310 №527994 
>>527991
лет ми гугл фо ю
http://stackoverflow.com/questions/11589590/text-align-justify-inline-block-elements-properly
Аноним 10/04/16 Вск 00:09:29 #311 №528008 
>>527582
https://marlengromov.github.io/nerds/
Бамп вопросу.
Аноним 10/04/16 Вск 00:18:15 #312 №528012 
>>528008
Что, собственно, нужно? Не хочешь делать адаптив - удали мета-тег viewport, тогда мобильный браузер при необходимости включит зум и всё будет выглядеть стандартно херово. Но лучше, чем было.
Аноним 10/04/16 Вск 00:20:01 #313 №528013 
>>528012
Вот что без viewport >>527606, нихуя не нормально, а барбершоп нормально показывает, я нихуя понять не могу.
Аноним 10/04/16 Вск 00:25:57 #314 №528016 
>>528013
Это нормальное поведение для не адаптивной страницы. Браузер по-твоему сам должен скукоживать фиксированную страницу под разрешение телефона?

Скинь тогда уж ссылку на барбершоп.
Аноним 10/04/16 Вск 00:28:07 #315 №528017 
>>528016
https://marlengromov.github.io/barbershop
Аноним 10/04/16 Вск 00:35:28 #316 №528026 
>>528017
Сорян, туплю. Мб на телефоне пробелы между инлайн-блоками шире, из-за этого всё едет. Попробуй их удалить
Аноним 10/04/16 Вск 00:41:37 #317 №528028 
>>528026
Завтра буду ебать размеры и падинги.
Вот эта хуйня помогла <meta name="viewport" content="width=device-width, initial-scale=1.0">, но другое пизданулость.
Аноним 10/04/16 Вск 00:45:40 #318 №528030 
Сап фронтаны. Полчаса уже ебусь с иконкой корзины в нердс, не получается сделать чтобы при наведении на надпись "КОРЗИНА" иконка меняла цвет, и наоборот. Иконку иконочным шрифтом хуярил с помощью спана перед ссылкой, что бы можно было ее серой сделать, а текст остался со шрифтом и черный.
Аноним 10/04/16 Вск 00:46:40 #319 №528031 
>>528030
Алсо добавлю, что опасити она меняет при нажатии на текст, а цвет нифига.
Аноним 10/04/16 Вск 00:51:56 #320 №528033 
>>528030
>>528031
вангую проблему специфичности. А вообще такое лучше делать с :before
Аноним 10/04/16 Вск 00:53:23 #321 №528034 
>>528033
Сейчас попробую, а с помощью :before разве можно иконку шрифтовую вставить?
Аноним 10/04/16 Вск 00:56:39 #322 №528036 
>>528034
да. пишешь код символа в content и задаешь шрифт


content: "\f09b";
font-family: FontAwesome;
Аноним 10/04/16 Вск 00:57:20 #323 №528037 
>>528036
Спасибо.
Аноним 10/04/16 Вск 00:57:48 #324 №528038 
>>528036
>>528037

это не корзина, а рандомный пример, если что
Аноним 10/04/16 Вск 01:00:24 #325 №528040 
>>528038
Это понятно.
Аноним 10/04/16 Вск 01:20:13 #326 №528046 
14602404138200.png
>>528038
>>528036
Вот список кодов для символов. Я все цсс'ки посмотрел, везде так же. Соответственно когда я пишу код '\62' у меня и появляется буква b. Что за фигня, почему не иконка?
Аноним 10/04/16 Вск 01:28:49 #327 №528048 
Ну ёбана

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

http://codepen.io/
https://jsfiddle.net/
Аноним 10/04/16 Вск 01:40:21 #328 №528050 
>>528048
Как я тебе файл шрифта захуярю?
Аноним 10/04/16 Вск 01:46:42 #329 №528053 
>>528050
100% вариант - залей страницу на gh-pages
Аноним 10/04/16 Вск 02:10:58 #330 №528058 
Кароч забил хер и сделал спрайтом эту иконку ебаную. Всем спасибо.
Аноним 10/04/16 Вск 04:35:38 #331 №528073 
котаны, хочу чтобы моя mongoDB с каждой перезагрузкой страницы обновлялась. Вопрос, где мне нужно удалять все прошлые значения коллекции?
Аноним 10/04/16 Вск 05:27:58 #332 №528075 
Вопрос по поводу display:inline-block. В гугле везде говорится про то как убрать отступы между блоками, а мне наоборот, нужно их увеличить. Просто margin-right не работает почему-то, хотя в уроке академии все прекрасно отступается.
Аноним 10/04/16 Вск 06:18:42 #333 №528082 
>>528075
Мы тебе ванги или что? Скинь пример кода, где у тебя маргины не работают. И верстай на флексах.
Аноним 10/04/16 Вск 07:48:25 #334 №528089 
>>528082
Вот такая элементарная хрень: https://jsfiddle.net/aypzt6fs/
Скорее всего я туплю, но не могу допереть никак. Вот здесь по-моему идентичная вещь, но работает: https://htmlacademy.ru/courses/44/run/18
Аноним 10/04/16 Вск 08:03:30 #335 №528091 
>>527973
Флексы или display table. В интенсиве про это есть
Аноним 10/04/16 Вск 08:06:16 #336 №528093 
>>528089
Я хотел было сказать, что ты тупой, но я просто не выспался и злой, поэтому извини, хоть я этого и не сказал.
В общем, суть такова: ты задал display: inline-block КОНТЕЙНЕРУ своих ЖЕЛАЕМЫХ инлайн-блоков. И потом ЕМУ задаешь маргин. А внутри НЕГО у тебя обычные ссылки, которые ты вообще никак не стилизуешь. Вот для наглядности, добавил второй блок в твой же фиддл (и подкрасил его): https://jsfiddle.net/aypzt6fs/1/
А вот как это должно быть:
https://jsfiddle.net/aypzt6fs/4/
Аноним 10/04/16 Вск 08:07:32 #337 №528094 
>>528093
И это, на будущее. Классы-айдишники всяким инпутам, ссылкам, баттонам и прочей хуйне пиши самым первым атрибутом, а то заебывает среди этих "href=", "type=text" и т.п. искать класс.
Аноним 10/04/16 Вск 08:16:40 #338 №528097 
>>528093
Блять, я реально дебил. Спасибо.
Аноним 10/04/16 Вск 08:29:31 #339 №528098 
>>528097
Да не за что. Ты по теории не загоняйся слишком, лучше верстай. Хотя бы барбершоп с нуля, например.
Аноним 10/04/16 Вск 08:33:38 #340 №528100 
>>528098
Так я Нердс и верстаю, захотел вот эти логотипы инланами сделать.
Аноним 10/04/16 Вск 08:35:12 #341 №528101 
>>528100
Но там походу нихуя так не выйдет и придется флоатами делать.
Аноним 10/04/16 Вск 08:35:47 #342 №528102 
>>528100
А, ну делай, потом залей на гп-пейджес и скинь сюда, авось кто и обосрет подметит косяки.
Я когда верстал нердс и седону, аж блевать хотел. Такие-то кривые макеты, риалли. Я уж было подумал, что верстка - это не мое, но потом накачал йоба-макетов с просторов интернетов - и пошло-поехало.
Аноним 10/04/16 Вск 08:38:13 #343 №528103 
14602666937930.png
>>528101
Ты про эти кнопочки? Я их инлайнами и запилил в свое время, пикрелейтед.
Сейчас смотрю, и понимаю, какое же это топорное говно, которое нахуй съедет при попытке сменить размеры враппера, например. Только флексы, только хардкор.
Аноним 10/04/16 Вск 08:39:10 #344 №528104 
>>528103
Олсо, проиграл со своей псевдо-бэм разметки. А ведь прошло всего пару месяцев.
Аноним 10/04/16 Вск 08:44:54 #345 №528108 
>>528103
Ну у тебя там еще какой-то псевдокласс прилеплен, с бэкграунд позишном, я хз как ими пользоваться пока что.
Аноним 10/04/16 Вск 08:46:44 #346 №528110 
>>528108
Это говно методика, на самом деле. Сейчас я бы так ни за что не стал делать, препроцессоры и прочие шняги в помощь.
Просто как пример того, что на инлайнблоках вполне можно заверстать.
Я всю седону (базовую, неадаптивную) на инлайнблоках сверстал, ох и заебался же я. Но было забавно, конечно.
Аноним 10/04/16 Вск 08:49:17 #347 №528112 
>>528110
Ну я так и понял. Чего научился за пару месяцев?
Аноним 10/04/16 Вск 08:54:28 #348 №528113 
>>528112
Да в принципе всему, что связано с собственно версткой.
scss, немножко лесс, ну БЭМ-хуем, само собой, флексы, адаптивность в сочетании с резиной, grunt, gulp и все, что к ним прилагается (постцсс плагины, блочная модель верстки и т.п.), свгшки даже сам порисовал.
Единственное, что я не юзал - jade, ну и ретинизацию изображений (тут не столько лень или нежелание, сколько тот факт, что готовые ретинизированные изображения шли только к седоне, а меня уже белвать тянуло от этого голубого ГОРОДКА В АРИЗОНЕ). А, еще фреймворки только мимоходом глянул. На бутстрапе, в принципе, сверстал один лендинг, не понравилось. Фоундейшены и прочее не стал даже пробовать.
Добавлю, что за все это время я сверстал буквально 5 макетов. Из них один - адаптивная седона (на ней я все и освоил, тащем-то. Т.е. вообще все). Дальше идет очень легко и красиво.
Аноним 10/04/16 Вск 09:07:42 #349 №528117 
>>528113
У тебя был кто-нибудь с кем можно посоветоваться или все сам? А то у меня уже куча вопросов, как решать не знаю.
Аноним 10/04/16 Вск 09:12:09 #350 №528119 
>>528117
У тебя же есть двач, здесь все твои друзья!
Аноним 10/04/16 Вск 09:15:08 #351 №528120 
>>528117
Гуглил и иногда в тредике тупые вопросы задавал.
Аноним 10/04/16 Вск 09:35:36 #352 №528129 
14602701366790.png
>>528120
Ну тогда держи в догонку еще один тупой вопрос от меня. Короче не работает почему-то маргин опять же. Нужно отступ, который на пике показан сделать. Здесь вроде как с контейнерами все правильно ну я надеюсь. Работает если только маргин прописать элементам из верхнего блока.
https://jsfiddle.net/rLy88cue/2/
Аноним 10/04/16 Вск 09:46:01 #353 №528134 
>>528129
о clearfix Пушкин думать будет?

другой анон
Аноним 10/04/16 Вск 09:47:27 #354 №528136 
>>528134
ну точнее ты подумал, но у тебя пробелы между двоеточиями у clearfix::after
Аноним 10/04/16 Вск 09:47:42 #355 №528137 
>>528129
блять нахуй на jsfiddle заливать, пиздец неудобно же смотреть
Аноним 10/04/16 Вск 09:54:07 #356 №528143 
>>528136
Черт, мне казалось что клирфикс работал, сейчас убрал этот пробел и вся сетка съехала к хуям. Из этого судя по всему и другая проблема вытекала. Спасибо большое, буду дальше строить. Сам бы хуй додумался.
Аноним 10/04/16 Вск 09:57:00 #357 №528145 
>>528143
В инспектор в браузере смотри когда не понятно что-то. Конкретно в этом случае, если бы сработал там бы в разметке появился :after элемент в конце блока
Аноним 10/04/16 Вск 10:19:09 #358 №528166 
>>528137
Уже на счет этого выебываемся. А где удобно скажи как мне?
Аноним 10/04/16 Вск 10:49:25 #359 №528200 
объясните, как сделать бутстрап с сасс или придется пользоваться scss???
Аноним 10/04/16 Вск 10:53:32 #360 №528208 
>>528200
Никто ж не мешает писать файлы .sass рядом с .scss, если не собираешься изменять код бутстрапа, что само по себе плохо
Аноним 10/04/16 Вск 11:03:18 #361 №528218 
>>528129
У тебя клеарфикс не работал, но тебе уже и так ответили.
А еще присоединюсь - юзай кодепен, фиддл неудобная шняга.
Аноним 10/04/16 Вск 11:27:59 #362 №528226 
Блядь, ебучий ИЕ10 даже ссаные свг, засунутые во флексовый контейнер (который все красиво через флекс-колумнн+жустифай спэйс эраунд выстраивает) нормально переварить не может, два часа пытался на седоне эту хуйню поправить, в итоге переворошил вообще всю верстку и чуть не ебанулся в край.
Аноним 10/04/16 Вск 11:52:00 #363 №528240 
>>528208
ты предлагаешь переписать scss, на sass в файлах?
Аноним 10/04/16 Вск 12:22:35 #364 №528257 
>>528240
А зчем ты вообще пишешь на сасс?
Аноним 10/04/16 Вск 12:22:50 #365 №528258 
14602801705900.jpg
Парни помогите разобраться с этим меню. Уже второй раз сталкиваюсь и не доходит. Как организовать html? Когда меню скрыто высота верхнего блока уже чем когда раскрыто (и цвет совсем другой). Как вообще всё это делать. Или дайте видосов по теме.
http://codepen.io/anon/pen/aNqvbP?editors=1100
Аноним 10/04/16 Вск 12:30:04 #366 №528264 
>>528166
Как мне смотреть код и одновременно в полном размере страницу?
Аноним 10/04/16 Вск 12:33:39 #367 №528268 
>>528264
Не ебу. codepen же удобный епта
Аноним 10/04/16 Вск 12:34:37 #368 №528269 
>>528268
Вот именно, codepen удобнее
Аноним 10/04/16 Вск 12:42:53 #369 №528275 
Двачаны, есть у меня сайт благотворительного фонда и на него периодически будут заливаться всякие новости и грустные истории из жизни, так вот, я понимаю, что это нужно делать через cms, а какой выбрать под мои задачи? И нужно писать сразу под cms или можно потом верстку натянуть? Посвятите во все это или дайте почитать что-нибудь вменяемое, пожалуйста, а то никогда до этого с cms не сталкивался.
Аноним 10/04/16 Вск 12:46:44 #370 №528277 
>>528275
Вроде как нужно сначало логику в cms сделать, а потом тему-дизайн делать. Посмотри как сделать сайт за 5 минут на вордпресс, таких видео как грибов после дождя.
Аноним 10/04/16 Вск 13:21:17 #371 №528292 
14602836780290.png
14602836780291.png
У меня какая-то чушь произошла. Контейнер центровщик в css для главной страницы был расположен на самом верху файла, после body, все отлично работало и центровалось. Создал другую страницу, с каталогом, верхняя часть страницы даже почти одинаковая, центровщик полностью обрубает другие классы и работает только если его самым последним поставить. Вот на пикчах, где серым подсвечен хедер, там не работает ничего. Ну то есть все абсолютно идентичное, что здесь, что в хтмл. Что за хуйня может быть?
Аноним 10/04/16 Вск 13:23:02 #372 №528293 
>>528292
} забыл
Аноним 10/04/16 Вск 13:24:07 #373 №528295 
>>528293
Да еб твою мать.
Аноним 10/04/16 Вск 13:24:31 #374 №528296 
>>528295
Весь день просидел, уже голова не соображает походу. Спасибо.
Аноним 10/04/16 Вск 13:24:36 #375 №528297 
посаны, задумал вкатиться в верстку, только начал изучать базу (3ий день лол). скажите, верстка рандомных макетов прибавляет скиллов?
Аноним 10/04/16 Вск 13:34:13 #376 №528301 
>>528297
Только это и прибавляет.
Аноним 10/04/16 Вск 13:34:36 #377 №528302 
>>528297
Иди отдохни блять, погуляй\на веле покатайся
Аноним 10/04/16 Вск 13:34:53 #378 №528303 
>>528302
>>528296
Промазал
Аноним 10/04/16 Вск 13:35:01 #379 №528304 
>>528302
Я не устал, зачем?
Аноним 10/04/16 Вск 13:36:32 #380 №528305 
>>528302
Да у меня уже поздно, но да, на сегодня однозначно хватит.
Аноним 10/04/16 Вск 13:53:50 #381 №528309 
>>528258
http://codepen.io/nicothin/pen/dPqdyd
Аноним 10/04/16 Вск 15:14:57 #382 №528360 
>>527824
Вот только работать она будет, если высота флекс-контейнера прописана явно. Если высоту не задавать, то работать не будет.
Аноним 10/04/16 Вск 15:29:25 #383 №528375 
Нашел охуенно красивый макет, начал его верстать. А там прямо явно предусмотрена вот эта вот моднявая прокрутка плавная по "экранам" или как это обозвать еще, ну я думаю вы поняли. Как быть, если я в джаваскрипте сейчас на уровне продвинутого интенсива (то есть могу запилить попап на нативном, слайдер и собственно все): прикручивать жиквери (это я могу), пытаться освоить жс (думаю, на это уйдет раз в 10 больше времени, чем верстка самого макета) или просто забить и начать верстать другой макет? Тут еще дело в том, что я, в принципе, могу уже сверстать что угодно, и мне надо осваивать вот всякие такие штуки, типа парралакснутых бэкграундов или прокруток.
Аноним 10/04/16 Вск 15:34:28 #384 №528378 
Верстаю пинк. В вернем меню на 320pх стоит sbg. При 700pх и выше png. Выходит что svg инлайн в html вставлять нельзя а нужно делать бекграундом через стили? Но ведь тогда весь толк от свг уходит на нет (флексибл медия).
Еще есть вариант вставить еще блок с отдельной иконкой для мобильника и десктопа и в стилях убирать один и показывать другой. Что делать?
Аноним 10/04/16 Вск 15:34:35 #385 №528380 
>>528375
По сути это и есть слайдер, только вертикальный. Если ты можешь запилить горизонтальный, то сможешь и вертикальный. Если нет, просто прикрути fullpage.js за 2 минуты.

>что я, в принципе, могу уже сверстать что угодно
А вот с этого проиграл.
Аноним 10/04/16 Вск 15:34:45 #386 №528381 
14602916851640.jpg
>>528378
Аноним 10/04/16 Вск 16:27:43 #387 №528413 
Верстачи, поясните за bootsrtap, стоит ли учить этот фреймворк, если планирую в будущем устраиваться в контору?
Кстати, это же детище твиттера. Зашел на твиттер, просмотрел бегло код и не обнаружил никаких признаков того, что они сами его используют.
Аноним 10/04/16 Вск 17:19:47 #388 №528477 
>>528413
Там нечего учить, это просто набор готовых компонентов. Заходишь в доки, копипастишь что тебе нужно и всё.
Аноним 10/04/16 Вск 18:03:13 #389 №528558 
>>528381
Разобрался
Аноним 10/04/16 Вск 18:42:37 #390 №528614 
14603029574090.jpg
14603029574121.jpg
Анон, подскажи пожалуйста тотали ньюфагу правильно ли я сверстал эту хуйню? Интересует конкретно два раздела которые я пометил зеленым и красным соответственно. Если не правильно, укажи пожалуйста на мою ошибку. Извиняюсь, что не в песочнице код.
Аноним 10/04/16 Вск 18:46:58 #391 №528622 
>>528614
Насчет номера два сомневаюсь что правильно ибо вобще сообразить во что обернуть стоимость.
Аноним 10/04/16 Вск 18:51:03 #392 №528630 
>>528614
Я сам конечно кьюфаг, но почему бы справа всё это описание товара не обернуть в тег <section>? Алсо если я ошибаюсь, то поясните за <section>
Аноним 10/04/16 Вск 18:54:40 #393 №528637 
>>528630
да на это похуй, разметить по семантики можно когда закончишь с макетом.
Аноним 10/04/16 Вск 18:58:00 #394 №528645 
>>528637
Так меня это и волнует, как в таком случае этот макет размечать? справа <section> слева тоже?
Есть вообще где-то годная статья для самых маленьких о семантических тегах с подробным разжевыванием и примерами?
Буду благодарен.
Аноним 10/04/16 Вск 19:03:59 #395 №528659 
>>528614
И сразу еще один наитупейший вопрос. Как разметить
>есть в наличии артикул:dexter ae
Я так понимаю для артикула нужен будет отдельный класс. можно ли сделать типа
<p class="lol">есть в наличии артикул:dexter ae</p>
А потом в классе потставить отступ слева и изменить цвет? Или как? Туплю пиздец.
Аноним 10/04/16 Вск 19:17:07 #396 №528679 
>>528257
а что плохого?
Аноним 10/04/16 Вск 19:31:52 #397 №528687 
>>528659
Разобрался. Через спан можно. Насчет предыдущего вопроса >>528614 непонятно. Бампану.
Аноним 10/04/16 Вск 21:05:37 #398 №528760 
14603115378490.png
>>528240
я предлагаю пикрелейтед. Чужой код в scss, и пусть таким и остается, а свой в sass пиши, если тебе так удобно а это очень удобно
Аноним 10/04/16 Вск 23:54:08 #399 №528920 
>>525683
какой нахуй 2 формы, долбоеб??? одна форма!! одна блядь!!!
Аноним 11/04/16 Пнд 04:17:23 #400 №529006 
>>528920
Ну да, одна, не то имел в виду. Соси.
Аноним 11/04/16 Пнд 16:37:44 #401 №529431 
14603818642130.jpg
>>528920
Правильно я ее сверстал? Форма как тут >>527965
Аноним 11/04/16 Пнд 17:18:17 #402 №529501 
>>529431
Нет
Аноним 11/04/16 Пнд 17:48:05 #403 №529587 
>>529501
Помимо того, что размечать надо было списком, в чем еще моя ошибка?
Аноним 11/04/16 Пнд 17:50:25 #404 №529595 
>>529587
Каким списком? У чекбоксов должно быть одинаковое свойство name.
Аноним 11/04/16 Пнд 17:53:27 #405 №529601 
14603864071960.png
14603864071971.png
Делаю начальную сетку барбершопа, при просмотре в режиме отладки в хроме или лисе после между картинкой и ее контейнером видна тонкая полоса, см.пикрелейтед. От размера картинки не зависит.
В css ничего сверхъестественного нет:
.logo {
width: 368px;
margin: 0 auto;
outline: 1px solid;
margin-bottom: 80px;
}

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

Сорри, что тут текст бросаю, кодпен почему-то не захотел привязываться к учетке гитхаба.
Аноним 11/04/16 Пнд 17:54:49 #406 №529603 
>>529595
Почему? А value тоже надо было?
Аноним 11/04/16 Пнд 17:55:31 #407 №529607 
>>529595
Не у чекбоксов, а у радиокнопок одинаковый name должен быть.
Аноним 11/04/16 Пнд 17:56:25 #408 №529610 
>>529607
Ну да, что-то я засыпаю. Value нужны если будешь через Js получать их значения.
Аноним 11/04/16 Пнд 18:47:23 #409 №529716 
Какие же уебанские туториалы по вордпресу на русском, это пиздец. Пошел смотреть на ангелськом, хули...
Аноним 11/04/16 Пнд 19:08:39 #410 №529740 
камрады, а есть у кого прохладные об устройстве на работу? как вообще устроиться новичку? вакансии типа "помощник верстальщика" нахожу только в других городах.
сам верстаю недавно (месяца 2), решил не ждать пока выучу все и стал напрашиваться на собеседования как только моя верстка перестала вести себя неадекватно в браузерах, многие отказывают сразу же, кто-то после просмотра выполненного тестового задания, на пару собеседований таки удалось пробиться, после которых тоже отказы. писал парочке вебстудий на имейл с просьбой о стажировке (неоплачиваемой), игнор
Аноним 11/04/16 Пнд 19:22:14 #411 №529753 
>>529740
Тут много кто на работу устроился, но это как правило люди что-то действительно умеющие. Причем это касается не только вертски, но и JS. Учись дальше.
Аноним 11/04/16 Пнд 19:22:37 #412 №529755 
>>529740
Ну а хули ты хотел, пока не выучишь хотя бы джиквери и базовый джс + интеграция с несколькими цмсками - хуй тебя куда возьмут
Аноним 11/04/16 Пнд 19:31:26 #413 №529760 
14603922862160.jpg
Мда уж. А я настроил себе воздушных замков уже. Печально блядь, что вам еще сказать.
Аноним 11/04/16 Пнд 19:33:34 #414 №529765 
>>529760
Тут каждый второй как ты, думают ЩАС ЗА 2 МЕСЯЦА ВЕРСТКУ ВЫУЧУ И ПОЙДУ ДЕЛАТЬ БАБКИ
Аноним 11/04/16 Пнд 19:35:35 #415 №529769 
В таком случае можете скинуть пару макетов которые НЕ стыдно ебануть в портфолио? Нердс, барбершоп и прочее говно мне честно говоря даже стыдно показывать. Куда не зайду везде натыкаюсь с верстальщиков с макетом БАРБЕРШОП в портфолио.
Аноним 11/04/16 Пнд 19:37:58 #416 №529771 
>>529769
Ебашь адаптивную седону же, твои фикс. страницы нахуй не нужны никому, и еще пару сайтов где ты сам на джсе всякой йобы нахуячил.
Аноним 11/04/16 Пнд 19:39:28 #417 №529772 
>>529431
>cheked
яснопонятно
Аноним 11/04/16 Пнд 20:14:18 #418 №529798 
>>529772
хуле тебе понятно, вася блять.
Аноним 11/04/16 Пнд 21:48:09 #419 №529910 
14604004891240.jpg
Есть вопрос по сборке проекта.
Не уверен что до конца понял принцип взаимодействия с дополнительными библиотечками.
Щас их ведь никто вручную не ставит правда? Все юзают пакетные менеджеры.
Я npm пользую, он все складывает в node_modules. На интенсивах не раз упоминали что node_modules надо бы добавить в .gitignore, что впринципе, логично, забивать репо лишним весом типа плагинов к таскраннерам, коих может быть овердохуя, и которые к тому же могут обновляться - не лучший вариант.

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

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

любитель бовера
Аноним 11/04/16 Пнд 22:31:24 #423 №529953 
14604030850040.png
14604030850041.png
14604030850052.png
Хахатушки из конфочки
Аноним 11/04/16 Пнд 22:37:42 #424 №529964 
>>529942
>>529926
Спасибо, антоши. Подумаю над тем, чтобы автоматизировано собирать билд.
А пока .gitignore обойдусь костылем типа
!node_modules/normalize.css
Аноним 11/04/16 Пнд 22:52:10 #425 №529979 
>>529949
>Расскажи почему бовер умер или дай линк на статью - интересно.
https://twitter.com/nachocoloma/status/663622545162280960
Аноним 11/04/16 Пнд 22:54:21 #426 №529982 
>>529953
noob?
Аноним 11/04/16 Пнд 23:04:49 #427 №529989 
>>529979
Спасибо
Аноним 11/04/16 Пнд 23:10:14 #428 №529994 
>>529982
Ага, а ты кто? Не удивлюсь, что этот ебаный троль это ты! (не в обиду, лол)
Аноним 11/04/16 Пнд 23:16:16 #429 №529999 
>>529994
Почему ты думаешь что он тролль? Такая себе хохлореальность у него, не как что-то плохое.
Аноним 11/04/16 Пнд 23:59:29 #430 №530023 
>>529999
Да просто почитай, что пишет этот уёбок.

Алсо, ты кто? Небось abc? Если да, то ты даун, т.к. он тоже даун.
Аноним 12/04/16 Втр 01:07:31 #431 №530055 
>>530023
>Небось abc?
Лол нет, abc стартапер из бульбингема, ему 14, не суди его строго, няша.
Расскажи что тебя так не устроило в показаниях нашего хохлодруга
Аноним 12/04/16 Втр 02:00:08 #432 №530062 
>>529765
>>529771
А на каком этапе можно ДЕЛАТЬ БАБКИ, учитывая, что я знаю джаваскрипт на уровне "ну короч ща загуглирую плагин и воткну его)))"?
другой дебил, успешно сверставший несколько адаптивов на флексах с говно-интерактивом на жиквери
Аноним 12/04/16 Втр 09:37:40 #433 №530178 
>>527574
раз пять в разных местах на протяжении последних 10 лет. точно не помню где. результат плавал от 120 до 131.
Аноним 12/04/16 Втр 11:23:14 #434 №530237 
Проиграл блядь: Хорошие знания html/div/css - верстать придется много, каждый день, если опыта в верстке у вас не более 500 часов, лучше их "наверстать", а потом уже прислать резюме;
Аноним 12/04/16 Втр 12:21:57 #435 №530316 
>>530237
А див у нас уже нечто отдельное от html? 0_О
Аноним 12/04/16 Втр 13:21:24 #436 №530376 
14604564842880.png
Подскажите кто как делал вот это вот. Когда делаю этот блок с помощью inline-block и задаю margin-right, чтобы сделать отступ между колонками, то маргин правой колонки выходит за границу контейнера центровщика, и вся эта штука едет по пизде.
Аноним 12/04/16 Втр 13:48:03 #437 №530403 
>>530376
тебе не нужен margin правый у каждой второй карточки
Аноним 12/04/16 Втр 13:51:44 #438 №530409 
>>530403
Ну это понятно, так я маргин задал для всех элементов сразу, не буду же я отдельно каждому прописывать. Вот так:
.products-item {
display: inline-block;
vertical-align: top;
margin-right: 75px;
margin-bottom: 80px;
}
Аноним 12/04/16 Втр 13:53:57 #439 №530410 
>>530409
.product-item:nth-child(2n) {
margin-right: 0;
}

уберет у каждого четного(второго) правый маргин
Аноним 12/04/16 Втр 13:54:11 #440 №530411 
>>530409
:nth-child(2n)
Аноним 12/04/16 Втр 13:56:31 #441 №530415 
>>530410
>>530411
Точно, забыл про класс этот. Спасибо!
Аноним 12/04/16 Втр 14:20:27 #442 №530427 
>>523507 (OP)
Завтра первый рабочий день в конторе. Сказали, что нужно использовать Bootstrap, но я раньше верстал только традиционным способом, блоками с использованием каноничного css.
Почитал на оф. сайте о колонках Bootstrap.
Интересно, а что делать, когда какой-то блок вмещается в нецелое количество единичных колонок Bootstrap?
Можно ли выставлять (менять) ширину Bootstrap-колонки?
Что делать, если нужно больше 12 колонок?
Аноним 12/04/16 Втр 14:30:13 #443 №530430 
>>530427
На webref есть хороший, годный туториал для самых маленьких. Сам сверстал (сугубо из интереса) адаптивный макет по этой маленькой справочке.
Величина колонок настраивается, можно ебануть 24, например.
Аноним 12/04/16 Втр 14:30:41 #444 №530431 
>>530427
Ах, да, забыл про платиновые вопросы.
Как устраивался, что знаешь, сколько учил, сколько платят, какой город?
Аноним 12/04/16 Втр 14:34:22 #445 №530432 
>>530431
Я уж думал самому спрашивать придется.
Аноним 12/04/16 Втр 14:38:49 #446 №530434 
>>530431
тоже интересно послушать. оп, поделись
Аноним 12/04/16 Втр 15:01:16 #447 №530448 
>>530431
Ну если так интересно...
>Как устраивался
Рассылал резюме куда только можно включая на оператора линии, но это не то вот и пригласили
>что знаешь
Всего по чуть-чуть: джава, php, C++, javascript-html-css, python
>сколько учил
Сколько хотел, столько и учил, просто ради удовольствия. Я мог бы сидеть дома и сычевать на зарплате родителей, но как-то неловко
>сколько платят
обещали сто долларов в месяц, может и больше.
Аноним 12/04/16 Втр 15:19:08 #448 №530460 
>>530448
а портфолио делал?
как собеседование проходило?
Аноним 12/04/16 Втр 15:20:22 #449 №530461 
>>530448
>обещали сто долларов в месяц, может и больше
Лол, ты чем там заниматься вообще будешь? Картинки на сайт заливать?
Я бы за сотку бачей даже отвечать им на письмо поленился.
Аноним 12/04/16 Втр 15:22:32 #450 №530464 
>>530461
не оп, но кмк для получения первого опыта - норм
Аноним 12/04/16 Втр 15:26:58 #451 №530467 
>>530460
Да нету никакого портфолио у меня кроме личного бложика на бесплатном хостинге куда я сбрасываю всякие свои эксперименты.
Собеседование проводила девочка-эйчарочка, которая не могла произнести названия технологий, с которыми нужно работать.
Зато сразу огласила, что придется разгребать сначала много проектов.
Аноним 12/04/16 Втр 15:28:45 #452 №530469 
>>530464
Если он может в HTML/CSS плюс JS, да еще и с примесью серверных языков, то просить меньше 3-4 сотен - себя неуважать.
Не поломойкой нанимается.
Это если он действительно что-то умеет, а не просто поковырял и дропнул все вышеперечисленные техи. Тогда он не умеет нихуя.
Аноним 12/04/16 Втр 15:30:33 #453 №530470 
>>530467
город?
сам когда ходил на собеседования, то сразу разговаривал с директорами и начальниками отделов - даже блять завидую, что опчику попалась hr дама
Аноним 12/04/16 Втр 15:43:17 #454 №530479 
>>530475
да я и сам так думаю, особенно добивает, когда у hr чсв невъебенное, просто я тот самый новичок, который >>529740 (мало знает и проваливает собеседования, думаю, что с hr у меня был бы шанс влажные мечты)
Аноним 12/04/16 Втр 15:43:59 #455 №530480 
>>530448
>>530467
А я то думал ты уже к успеху пришел. Ну давай там главное, не сиди на жопе ровно. А то как пришел никем, так и уйдешь ни с чем.
Аноним 12/04/16 Втр 17:05:15 #456 №530537 
Кек

https://twitter.com/simonenko/status/719865117622562818
Аноним 12/04/16 Втр 17:05:42 #457 №530540 
>>530537
ну как-как, спрашиваешь, как строится сетка? Ну как-как, вот классы беру из бутстрапа, вот так и строится. И так во всём.
Аноним 12/04/16 Втр 17:34:01 #458 №530557 
>>523507 (OP)
Какой же я тупой и чего я повелся на то, что даже полный даун может вкатиться. Даже в базовых курсах ничего не получается.
Аноним 12/04/16 Втр 17:41:02 #459 №530561 
>>530557
Тебе вообще не стоило появляться на свет
Аноним 12/04/16 Втр 17:41:58 #460 №530562 
>>530561
Я тоже так думаю, но выпилиться духа не хватает.
Аноним 12/04/16 Втр 17:42:30 #461 №530564 
>>530557
Усидчивость, внимательность, умение гуглить, интерес к данной деятельности, логика (у меня этот пункт много чего включает и довольно широк). Это вроде как все, что необходимо.
Аноним 12/04/16 Втр 17:43:13 #462 №530565 
Нужно ваше авторитетное мнение. Убираю в брекетсе авто-закрывание у одиночных тегов, таких как <img> и тд.
После этого наткнулся на такую делему: стоит ли убирать авто-закрывание у таких тегов как <li>, где закрывание тега не обязательное (Если после элемента следует <li> или он последний у родителя).
Так вот, как часто вам встречаются такие моменты, где нужно обязательно закрывать этот тег?
Может стоит просто забить и поставить обратно авто-закрывание для <li>?
Аноним 12/04/16 Втр 17:44:06 #463 №530566 
14604721936660.jpg
>>530564
С логикой плохо, когда глянешь чей-то код, то понимаешь как все просто оказывается, но сам я не могу решений придумывать.
Аноним 12/04/16 Втр 17:46:20 #464 №530568 
>>530565
http://mdo.github.io/code-guide/
Don’t omit optional closing tags
Аноним 12/04/16 Втр 17:51:37 #465 №530575 
>>530566
Ну если интерес есть, то значит надо тренироваться в решении задач по каждой конкретной теме - со временем начнет получаться. Так же запоминать чужие решения (со временем накопится такая себе база знаний и будешь понимать - что это штуку можно сделать так, а вот эту - вот так)
Можешь кстати в свободное время еще задачки на логику всякие порешать.
Надо расшевелить мозг, он натренируется. Естественно, все это при нормальном режиме.
Аноним 12/04/16 Втр 17:55:02 #466 №530577 
>>530575
Естественно я запоминаю, но не пользоваться же помощью постоянно. Да и курс скоро закончится, надо будет макеты верстать, хуй знает как справляться. Я вот тоже думал как-то мозги тренировать, может в шахматы начать задротить, лол.
Аноним 12/04/16 Втр 17:56:51 #467 №530580 
>>530568
Многовато значений у слова omit. Немогу подобрать нужное для данного контекста.
Я читал код-гайд от гугл, там писалось, что нежелательно ставить, но вот почему - не написано.
Аноним 12/04/16 Втр 17:59:11 #468 №530584 
>>530580
Не опускать опциональные закрывалки. Чего тут непонятного то? Так код логичнее выглядит, защита от дурага.
Аноним 12/04/16 Втр 18:03:09 #469 №530588 
>>530584
После гугл-гайда, у меня просто возники сомнения на счет этого слова.
Но да, соглашусь, защита от самого себя, наверное, лучше, чем непонятные прихоти от гугла.
Аноним 12/04/16 Втр 18:08:48 #470 №530595 
Посоны, юзаете спрайты в своей верстке? Стоит оно того? Какими инструментами пользуетесь?
Аноним 12/04/16 Втр 18:20:37 #471 №530605 
>>530595
Спрайты помогают уменьшить количество запросов на сервер, что положительно влияет на скорость загрузки сайта. Но так было в версии http 1.1

Как обстоят дела с версией http 2.0 - много слухов ходят... Если есть знатоки, просьба пояснить за 2.0
Аноним 12/04/16 Втр 18:23:50 #472 №530608 
14604744371130.jpg
Всё-таки Bootstrap не подходит для верстки с произвольными размерами, а подходит только для размеров, которые кратны целочисельно к (100/12)%.
Не сделать 90% колонку...
Аноним 12/04/16 Втр 18:49:12 #473 №530644 
>>530605
Действительно, спасибо. С помощью spritegen и imageoptim удалось из 8 отдельных иконок слепить один спрайт, при этом я хуй знает как конечно, но оптимизатору удалось ужать спрайт до 3кб. И это притом, что уже пережатые иконки в отдельных файлах все вместе весили где-то 5кб.
Аноним 12/04/16 Втр 19:30:51 #474 №530667 
Где мне найти шаблон интернет магазина, который я тупо натяну на modx? Это реально вообще? Можно это сделать с помощью гугла? Или нужно задрачивать все эти ваши курсы?
Аноним 12/04/16 Втр 19:42:53 #475 №530675 
14604786514450.jpg
>>530667
>Где мне найти шаблон интернет магазина
>Можно это сделать с помощью гугла?

Дно задавания вопросов пробито
Аноним 12/04/16 Втр 19:50:01 #476 №530681 
https://www.youtube.com/watch?v=5QHRfrik62A
Аноним 12/04/16 Втр 19:54:04 #477 №530684 
>>530675
Я про натягивание шаблона на модэкс.
Аноним 12/04/16 Втр 19:59:03 #478 №530686 
14604800441930.jpg
https://www.youtube.com/watch?v=_IDR0MzntIU
Аноним 12/04/16 Втр 20:40:39 #479 №530731 
эц самое. Объясните на пальцах что такое миксины, а то я настолько тупой что не различаю их с функциями
Аноним 12/04/16 Втр 20:46:02 #480 №530738 
>>530731
Миксины вставляют готовые куски кода. Функции, как и в программировании, возвращают значение.
Аноним 12/04/16 Втр 20:50:48 #481 №530743 
>>530448
За сотку в месяц? Надеюсь это стажировка или работа 1 через 3. Если так дальше пойдёт то переименовываемся в ДНО-тред ибо даже уборщицы получают больше.
Аноним 12/04/16 Втр 15:37:54 #482 №530475 
>>530470
Город не скажу, стесняюсь.
Я не ОП.
>сразу разговаривал с директорами и начальниками отделов
Так даже лучше чем с эйчарочками. Обычно они могут много рассказать, после наглого вопроса "А как правильно?". HR-дама ничего не скажет.
Просто там небольшая фирма, десяток девочек-сеошниц-дизайнеров-администраторов и пара кодеров.
Аноним 12/04/16 Втр 23:57:58 #483 №530982 
Верстка мдн, ага.
Аноним 13/04/16 Срд 02:59:46 #484 №531026 
14604946785060.jpg
Анон, хочу обмазаться smacss. Подкинь гайдов на русском пожалуйста, а то я педант дохуя, хочу чтобы всё точно по методологии было. С меня тонны нефти.
Аноним 13/04/16 Срд 07:50:38 #485 №531054 
14605055863070.png
>>531026
Качаешь книгу Снука и все будет точно по методологии
Аноним 13/04/16 Срд 08:20:18 #486 №531062 
Утро в хату, пацаны. В последнее время особо ощущаю свою ущербность из-за незнания angular при поиске работы на upwork. Знаю, тут есть аноны, которые помогут подсказав хороший сервис для обучения сему фреймверку. Желательно бесплатный, из платных пока codeacademy оставил, если во free ничего не найду
Аноним 13/04/16 Срд 10:51:28 #487 №531159 
>>531062
На codeschool по отзывам есть неплохой вводный курс. И он, как ни странно, полностью free.
А вообще советую параллельно спросить в JS треде в программаче. Там есть чисто ангулярщики, которые на нем сидят уже оче долго. Они наверняка что-то дельное посоветуют.
Аноним 13/04/16 Срд 11:57:18 #488 №531202 
>>529765
Мне бы хоть 20к получать, для моей мухосрани хватит.
Аноним 13/04/16 Срд 13:03:28 #489 №531277 
>>531062
https://medium.mybridge.co/top-10-resources-to-learn-angularjs-from-march-2016-fb2a7cba940e#.431wm54dk
Аноним 13/04/16 Срд 14:00:25 #490 №531368 
где ваш бог теперь, флексодебилы?
тестовое задание на удаленку в Москве с очень приличной зарплатой для верстака
Аноним 13/04/16 Срд 15:24:12 #491 №531563 
14605452256620.png
>>531368
Ставлю свое левое яйцо, что вся верстка в этой компании строится на бутстрапе.
Олсо, "поддержка" ие8 вполне может вылиться в красивую сеточку на флексах с полифилами под ие9 и кривеньким фоллбеком на ие8.
Хотя на бутстрапе проще, там даже думать не надо. Знай себе хуячь кучи дивов с роуами и колэсэмами.
Аноним 13/04/16 Срд 15:32:14 #492 №531573 
>>531563
ты лишился яйца, на сайте компании бутстрапа нет, что радует, так как криворуких долбоебов, не умеющих на нем писать, дохуя. за одним таким ебланом сейчас переверстываю шаблоны, кстати. ебучую дивянку исправляю, уменьшая количество вложенных блоков.

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

как говорит один мой знакомый фронтенд, работающий в сфере уже больше 5 лет, до флексов еще далеко.
Аноним 13/04/16 Срд 15:37:11 #493 №531585 
>>531573
>уменьшая количество вложенных блоков
Пилю много вложеных блоков вложенных в блоки потому что не знаю как иначе

Откуда вы все понимаете, как писать правильно?
Аноним 13/04/16 Срд 15:51:44 #494 №531595 
>>531573
Ну хорошо тогда, запили отчетик, если пройдешь. Это если ты собеседуешься, конечно.

Я и есть тот ананасий, если что. И мне нравятся флексы. С ие10-11 можно мириться, я вот приловчился верстать на флексах вообще без минхейта (от него в ишаке все распидарашивает) и с жестким задаванием флекс-базиза (в процентах, офк) наряду с флекс-гроу, если оно требуется.
Хоть убей не пойму, зачем поддержить древнее говно мамонта в лице ие9, про восьмой вообще промолчу. Это к цитате твоего знакомого. Потому и "далеко", что долбоебы продолжают поддерживать дерьмо, которое используют только в уебищных госконторах. Даже у моей бабки стоит яндексбраузер, который отображает и флексы, и свг, и все прочее.
Аноним 13/04/16 Срд 15:54:18 #495 №531599 
>>531573
И в догонку - где ты нашел такую вакансию? Почте везде требуется или человек-оркестр, или джун-джаваскриптер, умеющий верстать. А просто версталы никому не требуются а жаль, я бы уже сейчас побежал искать работу, а так сижу и пилю учебные рекурсии на JS, лол
Аноним 13/04/16 Срд 16:39:22 #496 №531637 
Двачуны профессионалы-специалисты, подскажите, как сделать полоски идущие от слова "Новости" разноцветными?
Или это мне придется много маленьких полосок разных цветов одну за другой ставить? Или вообще блять спрайтами/векторами?
Аноним 13/04/16 Срд 16:41:55 #497 №531640 
14605547620570.png
>>531585
у меня раньше такая же проблема была, примерно год назад. потом я прошел курсы html-academy на сайте и добил это их же интенсивами. например, если раньше если нужно было обнулить поток, верстал отдельный пустой блок с классом clearfix. сейчас так не делаю, но в коде, который переверстываю, вижу подобные пустые блоки почти везде, где не надо. а где надо, их нет.

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

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

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

>>531637
много-много box-shadow одна под одной.
Аноним 13/04/16 Срд 16:45:31 #498 №531643 
>>531637
Просто пиздец. Так и думал, что либо градиентом, либо тенью придется.
Аноним 13/04/16 Срд 16:56:41 #499 №531650 
>>531640
Да это все понятно. Но вот посмотреть статистику - даже ие10 там на дне. Да и просто логически подумать: ие8-9-10 используют разве что африканские бомжи и секретутки (которым СБ не позволяет другие браузеры ставить). А они нихрена не ЦА любого сайта, в принципе, кроме социалочек и ютубчиков (тут да, не спорю, важна поддержка вообще всего). Так то любая домохозяйка сидит на каком-нибудь клоне хромога. В общем, я могу сверстать все, что я сверстал на флексах, через флоаты/инлайнблоки/бутстрап-грид, но мне приятнее на флексах. Столько костылей отсекается, это же просто рай. Одна справедливая гибкая центровка чего только стоит, мм.
> просто
Понятно, молодец. надо тоже попробовать, я в верстке уже достиг предела, в принципе. Разве что СВГ рисовать не научился
>>531637
Начнем с того, что это явно рак мозга дизайнера. Вырезай с макета всю эту разноцветную полосочку и вставляй через псведоэлементы.
Ну а если хочется изъебнуться, то можно нарисовать СВГ-объект с заливкой по группам.
Аноним 13/04/16 Срд 17:01:15 #500 №531652 
>>531650
> вставляй
Ну и на правую transform: scaleY(-1) кажется так должно перевернуть по горизонтали, не помню соответственно.
Аноним 13/04/16 Срд 17:03:09 #501 №531654 
>>531652
> transform
А нет, это я хуйню написал, совсем ополоумел уже.
Аноним 13/04/16 Срд 17:36:56 #502 №531687 
проиграл
Аноним 13/04/16 Срд 17:48:31 #503 №531700 
14605582163740.jpg
>>531640
>многие юзеры еще не пересели на современные браузеры
Browser usage сам загуглишь?
мимо фронтендер
Аноним 13/04/16 Срд 17:51:46 #504 №531706 
>>531368
Я те больше скажу, был на собеседовании в конторке, в которой мне задали вопрос "А как вы будете поддерживать ИЕ6??"
Я сказал что не буду, и ушел.
Проектов, в том числе уже окаменевших, все еще хватает, но это не значит что надо страдать хуйней, особенно людям которые учатся. Они этого говна еще наедятся когда устроятся на работу.
Аноним 13/04/16 Срд 18:02:47 #505 №531723 
>>531706
А надо было сказать "на табличной верстке" и завысить ожидаемую зарплату в 2 раза. Интересно, они нашли своего раба?
Аноним 13/04/16 Срд 18:05:37 #506 №531728 
>>531706
>А как вы будете поддерживать ИЕ6
совсем ополоумели, ироды

Explorer 6 19,778 0.0%

http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month;page=3
Аноним 13/04/16 Срд 19:48:04 #507 №531820 
Глупый вопрос, но можно ли где-то спиздить курсы от академии, которые на сайте? Хотя бы продвинутые, может есть где в пиках и по папкам? Я ими пользуюсь как конспектом, а с продвинутыми пиздец, после подписки не посмотреть.
Аноним 13/04/16 Срд 19:49:25 #508 №531823 
14605660846390.jpg
>>531820
есть архив в оп посте, глянь, мб подойдет
Аноним 13/04/16 Срд 19:55:58 #509 №531836 
Короче просидел я пол дня сука за попытками воссоздать эти полосочки в css, в край заебаный решил вставить их через псевдоклассы, но не тут-то, блять, было. Transform, для отзеркаливания, применяться не хочет, вертикальная центровка не центрует, да и плюс ко всему эти элементы еще и в сафари родненьком нихуя не показывается!
Аноны, у меня от этого говна бошка взрывается. Я уже готов их имгами блять в хтмле нахуярить.
Помогите, молю, иначе я все.
Аноним 13/04/16 Срд 19:59:44 #510 №531845 
14605665585630.png
>>531836
> Я уже готов их имгами блять в хтмле нахуярить
А почему бы и нет, собственно говоря?
Аноним 13/04/16 Срд 20:02:39 #511 №531851 
14605667840410.jpg
>>531836
Какие полосочки? Залей код в песочницу и нормально поясни что ты хочешь сделать.
Аноним 13/04/16 Срд 20:12:49 #512 №531868 
Аноны, кто тут шарит в вордпрессе, я просто хз где спросить. Натянул я в общем верстку на вп, все работает, теперь делаю слайдер. Но блять в него HTML разметку когда добавляешь, там все теги span и p исчезают и после этого стили не применяются. По аналогии с созданием шаблона ничего не получилось...
Аноним 13/04/16 Срд 20:15:41 #513 №531873 
>>531851
https://codepen.io/sashaslow/pen/ONvWqm
Нужно, чтоб линии перед и за заголовком были как на макете.
Аноним 13/04/16 Срд 20:15:49 #514 №531874 
14605677414230.png
>>531823
Посмотрел, там нет такого.
Аноним 13/04/16 Срд 20:17:26 #515 №531875 
Такой вопрос, пацаны, какой ноут для работы купить сейчас? Все советуют мак, но там цены пиздец и требования хуйня какая-то, на чем работаете? Что можете посоветовать? Какие сейчас годные дисплеи у ноутов, чтобы глазам норм было?
Аноним 13/04/16 Срд 20:18:51 #516 №531876 
14605678460290.jpg
>>531875
Бери мак.
Два-поста-выше-анон.
Аноним 13/04/16 Срд 20:19:00 #517 №531877 
>>531874
Блять оп-хуй, я же специально сидел блять скринил для ньюфагов и нищебродов, а он не закинул в шапку даже https://yadi.sk/d/Ka-aU3poqa8bM
Аноним 13/04/16 Срд 20:19:29 #518 №531878 
>>531875
Если денег дохуя бери мак
Аноним 13/04/16 Срд 20:28:43 #519 №531890 
котаны, хоть у нас тут не верстка тред, а аж целый фронтенд, все равно спрошу: что скажете о позиции верстальщик/контент-манагер для получения самого первого опыта? поначалу, как я понимаю, там будет больше контентрилейтед задач, но после вникания в бизнес процессы компании доверят и верстку, что хорошо
Аноним 13/04/16 Срд 20:29:47 #520 №531892 
>>531878
>>531876
Денег нихуя, что можно с рук взять, какие модели подойдут?

>>531877
От души, братишка!
Аноним 13/04/16 Срд 20:29:52 #521 №531894 
>>531820
чувак кидал скрины продвинутых курсов недавно, может появится - отпишется
Аноним 13/04/16 Срд 20:31:10 #522 №531897 
>>531873
https://codepen.io/Ykro314/pen/wGmJBP
Аноним 13/04/16 Срд 20:31:53 #523 №531898 
>>531874
мискузи
Аноним 13/04/16 Срд 20:33:13 #524 №531903 
>>531894
>>531877
Аноним 13/04/16 Срд 20:39:14 #525 №531922 
>>531687
профессиональный юмор не смешной
Аноним 13/04/16 Срд 20:41:08 #526 №531927 
>>531875
Бери самый обычный ноут. Я в центре скупки б.у ноут взял за 10к рублей. хватает за глаза.
Аноним 13/04/16 Срд 20:42:51 #527 №531930 
>>531927
У родни есть асер с норм начинкой, но дисплей просто пиздец блядь, углы охуеть, цвет пиздец.
Аноним 13/04/16 Срд 20:46:57 #528 №531948 
>>531897
Спасибо тебе, дружище.
Аноним 13/04/16 Срд 21:36:58 #529 №532038 
>>531877
добра тебе
Аноним 13/04/16 Срд 21:58:43 #530 №532061 
>>531877
По лесс только примеси?
Аноним 13/04/16 Срд 22:45:09 #531 №532099 
https://2ch.hk/wrk/res/532095.html
https://2ch.hk/wrk/res/532095.html
https://2ch.hk/wrk/res/532095.html
https://2ch.hk/wrk/res/532095.html
ПЕРЕКАТ
Аноним 14/04/16 Чтв 02:41:10 #532 №532322 
>>531723
обосрался
comments powered by Disqus

Отзывы и предложения