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

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

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

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

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


Можно.

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


Можно.

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>574452 (OP)
#2 #579636
Думаю, может быть игрушку запилить, как что-то тестовое на js, что-то вроде чип и дейла, как на денди. Мне бы было это интересно, а то как-то мотивации нет.
>>579639>>579956
#3 #579638
Просто верстка, пусть и адаптивная верстка, это что-то слишком тупое для меня, вообще не могу заставить себя этим заниматься.
>>579639>>579640
#4 #579639
>>579638
>>579636
Не хочешь - не делай.
#5 #579640
>>579638
Делаю свой сайт уже больше года. Дальше стартовой страницы не продвинулся.
Некоммерческая деятельность в этой сфере абсолютно не мотивирует.
>>579642>>579649
#6 #579642
>>579640
видимо, потому что деятельность довольно тупая. А что за сайт?
>>579647
#7 #579647
>>579642
Накопилось фоточек всяких за семь лет работы на крупном металлургическом предприятии.
Хотел описать жизнь завода по ним и небольшим текстам.
Даже разделы придумал:
- оранжевый дым
- утренняя прогулка
- социализм
- увольнение..
>>580054
#8 #579649
>>579640
В данный момент она некоммерческая, но в будущем может принести тебе много пользы.
Охуенный сайт в качестве портфолио или просто примера работы реально помогает когда ты ищешь новых заказчиков или контракты.
>>579655
#9 #579655
>>579649
Я работаю уже. Так что не актуально.
Это вообще не мое. Я вкатился в эту область, что с того самого металлургического предприятия съебать. И просто качаю скилл, чтобы в будущем мочь уже левой пяткой зарабатывать необходимую сумму и заниматься тем чем нравиться.
Правда, не факт что осилю этот путь.
>>579662>>579674
#10 #579662
>>579655
Это всегда актуально, ты же не думаешь что на своем нынешнем месте просидишь до седой старости.
К тому же сайд проджекты помогают развить личные скиллы, обучиться чему-то новому, сдвинуть рамки. Тебя не ограничивают хотелки заказчика или босса, можешь делать что хочешь.
Если хочешь чтобы на странице логина тебя приветствовала анимация огромного дышащего пламенем webgl дракона, то ты просто можешь взять и сделать это, попутно изучив сопутствующие техи и подняв свой скилл. Из таких вот моментов и складывается рост.

Другое дело, что тебе видимо эта сфера вообще не сильно интересна.
>>579670
#11 #579670
>>579662
Я в ней за деньгами. Да.
>>580055
24 Кб, 459x326
#12 #579673
Бля, пасаны, где можно научиться писать резиновые сайты. Может гайд какой есть ? Пишу сейчас сайтец, задаю все в процентах, размеры блоков, отступы, даже шрифт задаю в vw. Но все выглядит очень удобого, особенно большие проблемы со шрифтами.
>>579677
#13 #579674
>>579655
А я думал я один тут от заводов бегу. У меня ещё и вышка в металлургии есть, но ну его нафиг, уволился два месяца назад.
24 Кб, 459x326
#14 #579675
Бля, пасаны, где можно научиться писать резиновые сайты. Может гайд какой есть ? Пишу сейчас сайтец, задаю все в процентах, размеры блоков, отступы, даже шрифт задаю в vw. Но все выглядит очень удобого, особенно большие проблемы со шрифтами.
>>589958
#15 #579677
>>579673
Офигенная книга есть. Автор Маркот. Название не помню. Погугли
>>579678
#16 #579678
>>579677
Отзывчивый вебдизайн
>>579682
#17 #579679
>>579674
Лол, если бы была возможность с радостью пошел бы на завод. Но у нас их всех вырезали на металл.
#18 #579680
>>579674
Постоянно вспоминаю, как по родительскому совету вместо переводчика пошел на техническую специальность.
Тупой и безответственный был. Ничего не понимал. Родаки же совки, хотели как лучше.
#20 #579682
>>579678
Вроде она.
Проценты, медиа квэриз. Все это объясняет. За три вечера прочитал.
>>579688>>579690
#21 #579688
>>579682
двачую, книга охуенная
>>579690
#22 #579689
Тут был один анон с портфолио. Там еще сайт с лицевой хирургией был. Можно его гитхаб?
#23 #579690
>>579688
>>579682
Не колебаюсь. Кочаю. Она не сильно старая?
>>579691>>579701
#24 #579691
>>579690
2012 вроде. Читается легко и понятно, не большая. Сути не изменилось за всё время.
#25 #579698
Аноны, какой уровень нужен чтобы устроиться версталой в ДС, или хотя бы стажером?
>>579706
#26 #579701
>>579690
Второе издание - 2014 года
#27 #579706
>>579698
hh открой, ну.
>>579719
#28 #579719
>>579706
Там разброс ахуеть какой от "Начальные знания ХТМЛ и ЦСС" до "Человек-оркестр, могет в Пыху, реакт ect...". Я сейчас заканчиваю продвинутый интенсив, и мне интересно можно ли с этим багажом устроиться или нет.
>>579733
#29 #579733
>>579719
можно. время от времени появляются вакансии чистых верстальщиков. но вообще, вроде, отмер почти такой спец как html-верстальщик. На сайте академии еще и стоит старший верстальщик - это все выдумки.
>>579749
#30 #579749
>>579733
Хуево че, денег у меня на месяц осталось, а за месяц мой уровень координально не вырастит.
>>579762
#31 #579762
>>579749
я хз но тут люди какие-то в треде умудрялись и не смотря продвинутый выполнять работы
>>579777
#32 #579777
>>579762
Это я, продвинутый до половины досмотрел, лол.
>>579785>>579794
#33 #579785
>>579777
где нашел?
>>579838
30 Кб, 500x666
#34 #579794
>>579777
У меня от видео Академии дикий батхерт. Пилишь с ними, как бы все круто. Начинаешь делать по макету - начинаешь поминутно лазить в гугл, на какую нибудь простенькую поебень уходит несколько часов, а иногда не можешь придумать нормального решения и придумываешь такие костыли, что хочеться зайтись диким, нечеловеческим хохотом, который будет разносить раскатами по окрестным деревушкам от твоей башни, а в это время будут бить огромные молнии, а крестьяне боязливо креститься.
#35 #579821
>>579794
все так и было. порой часами пытался сделать что-то невозможное, считая правильные варианты костылями.
>>579824
#36 #579824
>>579821
например, везде применять свойство vertical-align для вертикального центрирования. Думая, что так можно, а padding будто не true верстка (костыль).
>>579844
#37 #579829
>>579794
Это нормально, и даже хорошо. Если бы всё шло гладко, как на видео, не было бы развития.
#38 #579838
>>579785
Вакансии на авито смотрел, лол.
#39 #579844
>>579824
Блять вертикальное центрирование это вообще адов пиздец. Из за него перешел на flex.
>>579845
#40 #579845
>>579844

Не вижу ни одной причины не использовать флексы сейчас.
>>579848
13 Кб, 229x220
#41 #579848
>>579856>>579877
#42 #579856
>>579848

10+ версии поддерживают. А версиями ниже пользуется так мало народу, что потенциальная прибыль с них намного меньше, чем стоит оплата времени разработчика на поддержку древнего дерьма. Так что нахуй IE.
>>579861>>579870
#43 #579861
>>579856
в большинстве случаев твои флексы нахуй не нужны, так что никакое время не тратится
>>579869
#44 #579869
>>579861
флексы тоже узкого применения.
На них вроде не сделаешь каталог в несколько строк. У них вообще есть переход на другую строку?
Что-то однострочное на них круто, да.
>>579873
#45 #579870
>>579856
ие8 в требованиях дохуя где сейчас, так что верстай на флоатах и не выебывайся.
>>579875>>579876
#46 #579873
>>579869
flex-wrap:wrap , даун
>>579883
#47 #579875
>>579870
Одно дело не использовать флексы, другое - верстать с учетом всех выебонов IE8. Нахуй такие требования.

другой анон
>>579880>>579892
#48 #579876
>>579870
Если проект стартует или или редизайнится то не юзать флексы == преступление.
За ними и настоящее и будущее.
>>579880>>579968
#49 #579877
>>579848
Вы бы видели какие хуеверты вытворял новейший IE Edge под Windows 10!
Соседние элементы влияли друг на друга, например следующим образом: наличие свойства position: relative; у одного дива внезапно давало розовый цвет фон следующего. Причем, блять, такого цвета во всем проекте даже не существовало.
В остальных 3х браузерах (сафари не пробовал) все отлично работало при этом.
>>579912
#50 #579880
>>579875
>>579876
Сдается мне что вы безработные кукарекающие илитки. Я согласен что нахуй эти ебаные флоаты, но что блять поделаешь.
#51 #579882
>>579794
Лол, ну да. Особенно, если Пинк верстать. Там вообще охуеть можно
#52 #579883
>>579873
благодарю.
#53 #579885
>>579880
Мимо. Работаю сразу на двух. Поддержка ИЕ +10.
>>579891
#54 #579889
>>579794
Потом снова столкнешься с такой проблемой и снова в инет, снова и снова. А позже наизусть будешь помнить достоинства того или иного метода. Думаю не стоит отчаиваться. Я свой самый первый макет верстал абсолютами почти везде. Жаль не сохранился, посмеялись бы.
#55 #579891
>>579885
Ебанутые менеджеры берут блять любые проекты очень часто ие8+, а на фрилансе так если скажешь что поддержка старых браузеров дороже обойдется, то клиент сливается и ищет другую макаку.
>>579900
#56 #579892
>>579875

>IE8


Это тот который не умеет в скругленные границы?
Нахуй его.
>>579894
#57 #579894
>>579892
ООООООООО ВЫ ПОСМОТРИТЕ КАК ХУЕВО ВСЕ БУДЕТ ВЫГЛЯДЕТЬ БЕЗ СКРУГЛЕННЫХ ГРАНИЦ КАК ЖИТЬ ТО ТЕПЕРЬ ООООООООООООО
>>579900
#58 #579895
>>579880
>>579880
Верстаю проект с требованиями IE11+, сетку пилил без флексов, т.к. она неебически простая (основной контент + сайдбар). Флексы использую для детального позиционирования, чтобы выглядело круто, но с фолбэком на инлайн-блоки.
>>579898>>580000
#59 #579897
Минимум 3 тестовых делал за последний год, где нужен был IE8. Причем js тоже IE8.
>>580170
#60 #579898
>>579895
Везет тебе, что могу сказать.
#61 #579900
>>579891
Ну так не работай с ебанутыми менеджерами. Смысла стартовать что-то на флоатах и инлайн блоках? Особенно небольшое?
Согласен, что в некоторых случаях есть необходимость, но шанс небольшой.
Сделаешь щас верстку на флоатах, через год-два все равно на флексы перепишешь. Нахуя спрашивается мозги себе ебал? Чай не 2014 на дворе.
А поддерживать все это говно будет намного сложнее.
>>579894
Я просто привел пример чтобы понимать масштабы пиздеца. Восьмой осел это тот браузер, для которого наши деды гиф скругляшки использовали.
>>579902>>579903
#62 #579902
>>579900

> Ну так не работай с ебанутыми менеджерами


У меня выбор есть? В моей мухосрани вакансий нет почти, а если есть то там джс знать надо и фреймворки, так что не скоро мне еще норм проекты пилить.
#63 #579903
>>579900
Хуя, дак ты не застал ie6, вот он был классным
1947 Кб, Webm
#64 #579912
>>579877
Блядь, удваиваю. Фиксил свои флексомакеты под едже и охуел. Говнина ебаная, десятка и то лучше поддерживается, там хоть знаешь, что минхейт распидарасит контейнер, а флекс-базиз не работает. А в едже все ломается ну просто так хули разбирайся теперь посиди в нашем НОВОМ ИНСПЕКТОРЕ ОН ТАКОЙ УДОБНЫ))).
>>579914
17 Кб, 200x200
#65 #579914
>>579912
в DOM нет псевдоэлементов
@
свойства псевдоэлементов зачеркнуты, будто не применились
@
сила традиций ie
#66 #579956
>>579636
Я как раз пилю игрушку на JS параллельно с версткой.
#67 #579968
>>579876
Будущее за grid.
>>579978>>579992
37 Кб, 940x400
37 Кб, 778x583
#68 #579974
Товарищи, есть код.
Есть у дива паддинг-боттом. Который 80 пх.
В Мозилле всё смотрится прекрасно замечательно (первый пикрелейтед). В Хроме происходит вот такой вот пиздец (второй пикрелейтед).
Как это можно решить? Прописать для вебкита отрицательный паддинг?
Кусок кода прилагается - http://codepen.io/tvoibatya/pen/mEbMEv
>>579976
#69 #579976
>>579974
Все, аноны, сорьки. Надо было min-height удалить, оказывается.
>>579977
#70 #579977
>>579976
Только хотел написать. Но хорошо что ты сам разобрался.
#71 #579978
>>579968
Ага, учитывая, что флексам уже - сколько там, с 2008 года, вроде? - лет, грид через 10 лет будет поддерживаться исключительно фаерфоксом и хромогом.
>>579980
#72 #579980
>>579978
Мощная у тебя пунктуацию, хочу заметить.
#73 #579982
>>579980

>пунктуация


fix
#74 #579986
>>579980
Лучше, перебздеть, чем, недобздеть,,,-!
мимо другой анон
#75 #579992
>>579968
Вообще они сочетаться должны. Грид конкретно для сеток, флексы для работы внутри отдельных блоков.
>>580172
#76 #580000
>>579895

>с фолбэком на инлайн-блоки


Просто присваиваешь всем флекс-айтемам display:inline-block, или чего посерьезнее юзаешь?
>>580004
#77 #580004
>>580000
Прописываю display, иногда немного дополняю, чтобы выглядело не страшно. Идея в том, что на флексах легче сделать адаптивность, а инлайн-блоки на нестандартном экране вряд ли кто-нибудь увидит. Это касается отдельных элементов. Сетку же, если она несложная, легче сделать по-старинке и не париться о багах флексов и версиях IE.
#78 #580008
А есть вообще смысл сначала проходить бесплатные задания на htmlacademy или лучше сразу базовый интенсив проходить?
>>580014
#79 #580014
>>580008
интенсив лучше
>>580094
#80 #580020
>>579980
Ну, так, почему-бы, и, нет. мимо тот самый анон
#81 #580027
>>580015
А в чем проблема использовать полифилл?

Ньюфаг
>>580032>>580041
#82 #580032
>>580027
Видимо, в том, что в IE10 не только флексы не работают. И подтягивать полифиллы (даже в conditional comments) ради одной десятой процента - избыточно.

мимо
#83 #580041
>>580027
Речь ведь не только о полифиллах, но и о поддержке самих флексов в ишаке ниже 11. Я бы мог тебе целый список багов накидать, но мне лень. К примеру, тексту внутри флексового элемента надо задавать width: 100% иначе он выстраивается в длинную цепочку, длинной как талия мамаши билла гейста. Ну и еще куча всякой хуйни. Если уж отказываться от старых ишаков ради флексов, то и от 10-го тоже лучше отказаться.
#84 #580054
>>579647
Короче, решил ты сделать блог, посмотри в сторону вордпресса.
мимо
#85 #580055
>>579670
Хуевая мотивация. Конечно здесь все за деньгами, но большинству нравится то, что они делают. Если тебе не сильно нравится фронтенд и веб, лучше посмотреть в сторону того, что тебе нравится, а про веб забыть. Иначе ничего серьезного не добьешься.
>>580152
#86 #580056
>>579880
Хуярю на рабочем IE10+, но там адов пиздец от предыдущего работника.

Взялся за тестовое на удаленку, там надо под IE9+ сверстать, так что хуй, а не флексы. но я и не против, там все крайне простецки
#87 #580094
>>580014
Спасиб.
19 Кб, 888x389
#88 #580100
Аноны, есть вот такая хренотень. Подскажите, есть ли готовые решения для такой нити новостей? Думаю, как лучше заверстать, не хочу сильно париться с этоу нитью.
>>580102
#89 #580102
>>580100
решения есть, погугли: css js vertical timeline
>>580106
#90 #580106
>>580102
Благодарствую
#91 #580128
Можно ли как-то на цсс сделать, чтобы при наведении на блок изменялся другой объект, который не является потомком блока?
>>580136
#92 #580136
>>580128
Если объект находится после блока, то можно, иначе нужно использовать js
>>580146
#94 #580146
>>580136
Ок, пусть будет после блока, я его абсолютно спозиционирую, как сделать тогда?
>>580153
#95 #580148
>>580137
Сиблинг это так, например, как сделать, чтобы при ховере на А менялся В?
<div>
<span>A</span>
<span>B</span>
</div>
#96 #580152
>>580055
а я не знаю, что мне нравится. И вдруг таких вещей уже нет? Поэтому я вынужден просто зарабатывать деньги.
#97 #580153
>>580146
селектором по следующему сиблингу + (или ~, если они идут не подряд)

http://codepen.io/kotokrad/pen/ezOVyQ
>>580155
#98 #580155
>>580153
Спасибо!
#99 #580159
>>580137
можно в любом месте, используя связку label input[type='checkbox']
>>580160
#100 #580160
>>580159
ошибся, то только для клика.
#101 #580167
Нуб в треде. Пытаюсь повторить дизайн http://vk.com

Как запилить кликабельный блок лого?
Как понять, что у них за градиент на хедере?
Как сделать такие квадратики в списке?
#102 #580170
>>579897
js ие8 - это такой блядь долбоебизм, куча херни не так, полифилы подключай....
#103 #580172
#104 #580177
>>580167
Ты в перед паровоза-то не бежишь? Не задумывался, что с таким количеством возникающих вопрос делать это рано еще, не? Может поучить для начала?
#105 #580250
>>580167
Пиздуй интенсив смотреть лучше.
26 Кб, 408x660
#106 #580269
Продвинутый интенсив за 2016 выложите плиз.
С меня нихуя.
>>580287
#107 #580285
Сижу в своем суровом миллионнике и охуеваю:
или я не там смотрю или вакансий вообще нет.
Есть тут земели? Как и где искали работу?

З.Ы. ХХ у нас не работает, как надо.

смотрю интенсив на работе кун.
>>580354>>580400
#108 #580287
>>580269
я только 2014 видел и 2015 вроде в доступе, устроит?
>>580404
#109 #580288
>>580167
.logo {
cursor: pointer;
}
(♯`∧´)
>>580314
#110 #580314
>>580288
Лучше все-таки <a>
#111 #580354
>>580285
в моем полумиллионнике годами висит одна вакансия на hh. Можешь умножать на 2.
hh реально работает в этой сфере только в ДСах.
>>580362
#112 #580362
>>580354
потому и ищу кого-нибудь с наших краев, есть одна контора называется intecweb, хотел про нее спросить.
Через 2 недели закончу институт и хочу найти работу связанную с вебом. Заебала торговля тухлая.
307 Кб, 1126x695
#113 #580399
Двач, запилил страничку, сойдет для портфолио если поправить косяки, или слабовато? Просто надо знать есть смысл его выкладывать?
http://dzambato.github.io/Adventurer/index.html
38 Кб, 604x339
#114 #580400
>>580285
Ну я в своей мухосрани нашёл пару вакансий. Именно фронтэнд, а не ебучего HTML‚ CSS‚ Javascript (jQuery)‚ PHP (ООП)‚ MySQL‚ Ajax‚ JSON‚ XML, python, ruby, perl linux mvc c++ haskell coffe making cock sucking ass licking floor sweeping долбоёба за 15к. Пиздец и ведь кто-то устраивается туда.
Правда, почему-то в одной конторе они считают фронтэндом - ангуляр и прочее, а вёрстка у них это отдельная тема.
В другой богодельне уже получше ситуация, но я пока не буду апплаиться потом, что ссу, лол.
#115 #580402
>>580400

>потом, что ссу, лол.


*потому
#116 #580404
>>580287
нет
#117 #580410
>>580399
Если писал все сам, то это уже заебись заявочка что ты что-то умеешь. Только обязательно уточни в портфолио.
Если подключал плагины - хуже, но тоже неплохо, всяко лучше статичной страницы.
>>580632
574 Кб, 841x824
#118 #580412
Привет анон, Как сделать так чтобы блоки не двигались при наводке, например на пикрелейтеде я навожу на второй блок открывается скрытая информация и четвертый блок идет на место шестого, нужно чтобы при наводке на блок другие блоки не двигались.
скрытая информация сделана с display:none - display:block.
>>580482>>580497
#119 #580417
>>580399
оптимизацию сделай (page speed insights)
>>580632
#120 #580421
>>580400
Такие у нас тоже есть, но та контора, которую я написал ищет ассистента веб-программиста:
Javascript + верстка.

Обещают 25к. Вроде ничего не смущает, только ебаный институт держит. Пока тут работаю, могу и на двач зайти и к госам готовится.
#121 #580476
>>579674
Ты это я. Тоже металлургия, тоже завод. Уволился месяц назад.
>>580483
#122 #580480
>>580400

> coffe making cock sucking ass licking floor sweeping


Сука, проиграл.
#123 #580482
>>580412
Код в студию
>>580515
#124 #580483
>>580476
Съебывающий нефтяник в треде
#125 #580497
>>580412
Masonry или сетка из трех столбцов. Тогда блок под активным будет уезжать ниже.
>>580582>>580595
#126 #580499
>>579597 (OP)
Анонче, прошел удаленное собеседование по телефону и сверстал тестовую формочку, взяли на удаленную работу.
Битрикс-кун
>>580509>>580516
#127 #580509
>>580499
Поздравляю, два смузи тебе!
#128 #580512
http://pastebin.com/nDQkCivH

Использую bootstrap.
>>580515
#129 #580513
Куда вы все лезете блядь, пиздец
>>580520
#130 #580515
>>580522
#131 #580516
>>580499
И какого работать с этой парашей?
Стоит того?
#132 #580519
>>580516

>какого


facepalm.svg
#133 #580520
>>580513
Остуди свое траханье, теперь это htmlacademy-ков тред.
#134 #580522
>>580515
Залей нормально весь код с джсом на кодепен, плз.
>>580523
#135 #580523
>>580522
А вообще лучше архив скинь, я посмотрю, так как ток щас про бутстрап увидел.
>>580540
#136 #580540
>>580523
Что там смотреть-то, это не какой-то неочевидный баг, а обычное поведение флоатов.
>>580542
#137 #580542
>>580540
Хз, я люблю с кодом поиграться прост)))
86 Кб, 1077x624
#138 #580582
>>580497
Другой анон. С плагином всё понятно - хуяк хуяк и в продакшн
Заинтересовал способ со столбцами. Это так делается?
А сделать правильный порядок заполнения контента - это уже работа подвальной крысы?
>>580596
157 Кб, 261x803
#139 #580595
>>580497
Сделал из трех столбцов, на середнем екране более менее нормально но на маленьких пикрелейтед.
>>580597
#140 #580596
>>580582

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


Да. Тебя
#141 #580597
>>580595
А какой ожидаемый результат-то?
>>580606
#142 #580606
>>580597
Чтоб все блоки были вряд(как первые два).
>>580608>>580631
#143 #580608
>>580606
Ну, есть ещё способ. Можешь посмотреть мой костыль, блевануть вдохновиться.
http://codepen.io/kotokrad/pen/ZOzRPw
>>580757
#144 #580631
>>580606
А как оно должно работать при клике? Ты определись уже что хочешь — колонки или столбцы.
#145 #580632
>>580410
Еслиб все сам писал, то было бы конечно заебись. К сожалению познания в JS не глубоки нихуя. Так.. на уровне прочитать чужой не сложный код и поправить несколько параметров, ну и галп настроить под себя. Вот как раз хотел углубиться в это дело. До этотого пилил многие вещи с помощью ксс, и понял что это просто все костыли ебучие. Жаль признавать но времени потратил на всякую хуйню просто море.
>>580417
Кстати забавный сервис, спасибо
#146 #580644
Выложил резюмеина хх, зовут на пхп макаку, ну что за нахуй.
>>580656
#147 #580656
>>580644
какой опыт? долго учился?
>>580666
#148 #580666
>>580656
Дохуя, ты так не сможешь
>>580674
#149 #580674
>>580666
хуя ты грубый
>>580761
#150 #580700
Сходил на собес на вакансию фронта в местный стартап. Вакансию эту я видел давно, но не аплаился ибо не умею в пайтон и с фреймворками не работал.
Сами кинули мне приглашение. Пошел поболтал. Вроде приятные ребята, вот только собеседовали они меня не по фронту нихуя. То есть вообще. Ни одного вопроса по верстке или джс. Глянули проекты на гитхабе. Сказали что джс у меня получается и все такое.
Потом стали задвигать за фреймворки, базы данных, серверные запросы, алгоритмы, в чем я почти шарю потому что это внезапно бекэнд, а я на фронта собеседоватся пришел.

Не прошел короче. Предложили зп в 2 раза ниже моей. Я возразил что я щас в 3 раза больше на удаленке получаю. Ответ - да действительно, компании штампующие сайты за верстку примерно столько и платят, но им нужен фулстакер, которому они видимо будут платить те же бабки.

Странное какое-то чувство после собеса осталось. Либо я в неправильном направлении двигаюсь, либо ребята немножко охуели. Что думаете котаны?
417 Кб, 773x845
#151 #580757
>>580608
Спасибо анон,так я более менее и хотел.
#152 #580759
>>580700

> стартап


> немножко охуели


Ну как-то так, да.
#153 #580761
>>580674
эт не я, умник какой-то. Учился пол года, но в php нихуя не секу, написал ответку что слабо знаком поглядим что ответят.
>>581710
#154 #580821
>>580516
я не он, но работаю с этой парашей, как верстальщик.
Основы учатся по ютубу за день.
Но когда хочешь сделать шаг влево-вправо - пиздец - ничего не гуглится, приходится мучить программиста.
Реально, в инете по битриксу нормальных гайдов нет.
#155 #580832
>>580700
бля, ну это же бред, начнем с того что нормальных фулстеков не бывает, а если и есть, то уже все при деле (гуглите хабр, были переводные статьи на эту тему)

во-вторых, фуллстек за бОльший объем знаний и получать должен больше. Короче они охуели просто.

больше всего проиграл с их "компании штампующий сайты". Выходит эти компании умнее, чем они, потому что труд работника более-менее оценивают.
>>581380
#156 #581150
Есть небольшой заказ, но я чет в тупике полнейшем.
У мужика есть древний сайт 2011 года. Что-то вроде личного бложика со статьями, на 10 разных языках. Надумал он сделать его мобайл френдли, т.е. адаптивным.
Ну и заодно надо бы ему сменить CMS. Раз сайт имеет формат эдакого статейника, решили выбрать WordPress. Тут-то и началась хуета.
Вот, допустим, нашел я примерно подходящую тему. Как мне ее вообще редактировать? этому в HTML Academy не учат До этого с WP не работал, смотрю на эти тысячи плагинов и понять не могу куда их применить. Где можно почитать внятно о настройке темы WP Под себя?
>>581380
#157 #581325
>>580516
Договорился, чтобы меня не ебали без особого повода, просто отдаю готовую верстку, а программисты натягивают. Вероятен потенциальный переезд в другой город, в чем огромный плюс, и о чем я уже давно думаю.
11 Кб, 468x166
#158 #581365
Ребзя, имел тут кто дело с православным Битриксом? На пустой сайт шаблон ставится нормально, но кодеру нужен интернет магаз, тот самый с телками в нижнем белье. И тут возникает трабл - битруша подмешивает мне непонятно откуда взявшиеся стили, от которых вся верстка плывет. Щито делать?
>>581380>>581589
#159 #581380
>>580700
->
>>580832
this. Фуллстэки в большинстве своем выебистые макаки, по большей части работающие с php, и не умеющие в верстку. Адекватных фуллстэков мало, я еще ни одного не видел.

После слов про компании, штампующие сайты, я бы просто встал и ушел.

>>581150
https://www.youtube.com/watch?v=WFEgmNfvpnw

Держи.

>>581365
Тебе нужно перебить или переписать стили. Если не хочешь копаться в дерьмеце, то либо хуярь !important или добавляй дополнительные каскада: div.container. Или жмякай ctrl + shift + f и ищи по всему проекту ".container", когда найдешь, можешь переписать
>>581592
#160 #581410
Антоши, такой вопрос. Есть проект биржи медицинского хлама в разработке. В нем куча менюшек и прочего дерьма.
Менюшки многоуровневые, довольно объемные.
При клике, к примеру на пункт главного меню с медицинским оборудованием, вскрывается второй уровень меню с 10 пунктами, каждый отвечает определенной категории оборудвания, а при наведении на любую из категорий вскрывается третий уровень с несколькими подкатегориями. И подкатегорий этих может быть хоть штук 20.
Вопрос, как это дело лучше реализовать? Тупо ебашить все разметкой? Тогда получится какой-то дичайше жирный хтмл10 категорий в каждой по 10 подкатегорий, это ж 100 мать его блоков, что не предел. Такой подход меня слегка смущает. Будет ли он расширяемым и легко поддерживаемым?
Альтернатива мне видится как единый компонент, который в завимости от клика по категории вытягивает, например, из объекта данные, отрисовывает их внутри и показывается на странице. Но стоит ли оно того? Понятия не имею как у них там на сервере все это дерьмо отрабатывается, придется решать вопрос с отдачей дополнительного файла с категориями.
#161 #581435
>>581410
Ненавижу такие уебанские меню с тройной вложенностью. Не как верстала, а как пользователь. Это просто ад.
>>581741
#162 #581457
>>581410
Я относительный ньюфаг в джс, поэтому ничего по делу не подскажу, извини,
но скажу, что когда я вижу очередной сайт, где

> всплывающее меню на ховере


мне хочется сжечь датацентр, где это поделие хостится.
>>581741
#163 #581552
Поясните за шаблонизаторы, на каком этапе стоит ими упороться и стоит ли вообще?
#164 #581581
>>581552
Конешно стоит. Я например стал использовать jade после того как заебался исправлять главную и футер на каждой странице.
>>581637>>582045
#165 #581582
>>581410

>Тупо ебашить все разметкой?


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

Во втором случае тебе понадобится ajax, и страница будет постоянно подгружаться, когда ты будешь кликать по менюхе. Это как-то стремно.
>>581583>>581741
#166 #581583
>>581582
Олсо, представь, что аякс вернется с ошибкой, пользователи не смогут перейти на нужную страницу.
#167 #581589
>>581365
А файл стилей слабо что ли найти?
Ты хоть один гайд посмотрел прежде чем ставить?
>>582155
#168 #581590
>>581552
Когда базовый интенсив пройдешь и начнешь проходить продивнутый, можешь начать на шаблонизаторах хуярить. Главная проблема, что надо быстро создать рабочее пространство, поэтому надо свой шаблон либо на github закинуть, либо всегда держать под рукой. Некоторые, правда, каждй раз создают новый шаблон, но на это время тратится.
>>581658
#169 #581592
>>581380

>либо хуярь !important


Обоссал говнодела.
>>581678
#170 #581637
>>581552
>>581581
Ну для простого инклуда можно какие-то простые плагины для своего сборщика использовать.
Jade, мне показалось неудобно читать.

>>580700
Охуели конечно
>>581651
#171 #581651
>>581637
Юзаю file include для сборщика, если не нужна серьезная шаблонизация, самое то.
#172 #581652
>>580399
Сойдет. Далее напишу свои наблюдения, может они верные и помогут тебе стать лучше или объясни почему так, потому что я хуже тебя.
Какой то свг в начале, зачем он? К боди применяется класс в зависимости от браузера, зачем? Очень много оберток wrapper, inner, container. Использовал теги nav, main, footer, но не использовал header.
Сколько по времени затратил весь проект?
Как называется фигня из блока Who we are слева от скиллов, слайдер из блока Customer reviews и переключалка из блока Our Awesome Works?
>>581661
#173 #581658
>>581590
Я уже прошел продвинутый и упарываю джс, но все никак не могу понять, что это вообще такое - шаблонизаторы, и нахуа они нужны.
>>581680>>581997
#174 #581661
>>581652
В начале свг спрайт, теоретически можно его пхнуть в локал сторэдж, гайдов много и попыхтеть можно было. На боди липнет класс... судя по всему это плагин на фильтр grayscale, ебнутый эффект, там еще надо пофиксить багу с ослом, там что-то с позишеном, и скрипт не правильно расчитывает ширину. Видимо там перегрузил всякими перделками. На счет оберток согласен, но почему-то я без них чувствую себя хуже=) Времени много. Я после работы делаю, а там то в сон рубит, то башка уже не варит. Да и делал, ну точнее думал что делаю по уму, типа бля на галпе, типа модульно со всякими там типографиками, переменными условиями... По этому получилось еще дольше. Хз дней 5. Что ты имеешь в виду про "фигню из блока"? Что за скрипты?
#175 #581669
Вопрос конечно весьма глупый и наверняка его тут задавали уже раз 100, но я все же спрошу. На какой уровень дохода сможет выйти головастый парень спустя 3 месяца задрачивания js, с нуля, часа по 3-4 в день?
>>581674
#176 #581674
>>581669
3 доширака в день, этому работяге
#177 #581678
>>581592
чувак, то что уже с битриксом работаешь уже говноделие

мимо
>>581752
#178 #581680
>>581658
хуево значит прошел продвинутый
78 Кб, 718x541
#179 #581710
>>580761
Сукка, зовут на собесед, говорят, чтоб шел если есть желание учить пехапе. Первые задачи будут по фронту. Компания норм вроде, зп висят топовые для моей мухосрани. Как быть блеа.
>>581723
#180 #581723
>>581710
ну так если есть желание учить пхп - иди. очевидно ведь
>>582056
#181 #581741
>>581435
>>581457
Тоже не нравятся, но дизайнер пожелал. Я вам больше скажу котаны.

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

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

Вот что значит дизайнер не шарит в технических деталях.
>>581582
Спасибо, похоже так и сделаю.
>>583876
#182 #581752
>>581678
если ты работал с битриксов, то хоть приведи пару примеров его ущербности (реально интересно, потому что сравнивать мне не с чем, и работая с ним как верстальщик ничего не вижу парашного), а если просто повторяешь за другими, то предлагаю не пиздеть попусту.
72 Кб, 575x320
#183 #581892
Как реализовать такую хуйнюшку?Аноны, спасайте.
>>582020
#184 #581997
>>581658
Ну ёбана, самый просто пример - у тебя есть один хедер, чтобы вручуную не копировать кусок кода в овер9999 файлов, ты вставляешь что-то типа include html-includes/header.html вместо хедера. Сборщик парсит файлы, находит выражения и заменяет их содержимым указанного файла.
#185 #582020
>>581892
сделать png полоску с таким полукругом-вырезом, шириной на всю карту, и наложить ее внизу на карту.
>>582025>>582792
#186 #582025
>>582020
лучше свг полоску
>>582052
#187 #582045
>>581581

> Я например стал использовать jade


А почему? Почему не handlebars?
#188 #582052
>>582025
двачую этого свг-господина, а еще все это можно прописать в том же контейнере впихнув svg в пседвоэлемент и спозиционировать его внизу.
35 Кб, 500x491
#189 #582056
>>581723
Но внезапно мне поступило еще одно предложение. И оно уже на фронт-енд чистый на ангуляре но с переездом в ЕКБ. Бля
>>582061>>583090
#190 #582061
>>582056
нихуя не понял, как у тебя навыки?
>>582063>>582067
#191 #582063
>>582061

>как


какие
6 Кб, 429x410
#192 #582067
>>582061
html+css+ванила js+jq+хуевый реакт+хуевая нода. Про php я конечно не понял, но по всей видимости они видят во мне не совсем дауна и готовы научить.
>>582074>>582087
#193 #582074
>>582067
А годков тебе сколько?
>>582077
#194 #582077
>>582086
#195 #582086
>>582077
пиздец конечно я старый, но было бы 19 если бы я 5 лет на тех вышку не уебал. Хотя может это и не так плохо.
>>582090
#196 #582087
>>582067
Что значит предложение? Они уже согласны? Говорят вот тебе зарплата, испытательный срок, когда сможешь начать?
Или спасибо за беседу, Вы подумайте, мы подумаем?
>>582096
#197 #582090
>>582086
Мне вот 22, я только сейчас получу эту тех.вышку. Но знания пока что уровня барбершопа и я так же думаю пиздец конечно я старый.
>>582096
#198 #582096
>>582087
по пхп о встрече договариваются, а по ангуляру я ничего не уточнял. Они там просто написали что их заинтересовало мое резюме, работы. готовы ли работать на этой вакансии и переехать в екб, ждем ответа все расскажем.
>>582090
на самом деле мы не старые.
>>582109
#199 #582109
>>582096
ну это же вообще ничего не значит, у меня таких заинтересованных бывало по четыре на дню, когда я активно искал работу в Питере.
>>582112
#200 #582112
>>582109
никто и не сказал, что эт что-то значит, просто я на счет пехапе думаю, бекенд все таки.
>>582126
#201 #582126
>>582112
мне просто показалось, что тут полтора анона (весь тред считай) перевозбудилось.
Собеседований кучу проводят очень охотно, даже если требования на синьора фуллстак с опытом 6 лет, а ты еще базовый интенсив только закончил.
Почему-то всем похуй было. Я там месяц побегал с одного на другое, потом понял, что это все зря и стал серьезно рассматривать только то что реально соответствует моим навыкам.
>>582136
#202 #582136
>>582126
Та не, хули там возбуждаться, ладно бы на работу устроился. А про навыки верно, я тож в ангуляр залупу не собираюсь ибо не имею о нем представления даже, реакт это как бэ вообще другая песня. Написал из-за диссонанса фронт-бэк.
#203 #582145
А тут только фронт? Бек-энд в хату примете?
>>582146>>582167
#204 #582146
>>582145
вам в /pr
#205 #582155
>>581589
Читал оф документацию. А где его искать, если на весь сайт один цсс у меня?
#206 #582167
>>582145
Программист, пусть хреново, но обычно сам может сверстать все что нужно.
А вот верстальщик сам ничего не запрограммирует.
>>582181>>582218
#207 #582181
>>582167
А если он может в джс и полгода пишет вьюхи?
>>582201
46 Кб, 588x425
#208 #582201
>>582181
тогда он не верстальщик, а программист. Все просто.
#209 #582218
>>582167
напомнило:

История из соседней компании. Lead .NET разработчик усмотрел проблемы на front-end. Он решил, что у UI-проекта неправильная архитектура и технический долг, поэтому он пошел наводить там порядок. В итоге стало еще хуже, чем было, потому что JavaScript-приложение он создавать не умел.

Я думаю похожая ситуация могла бы произойти, если бы JavaScript-разработчик полез в C#. Разница в том, что .NET разработчики считают, что смогут корректно поправить JavaScript/CSS, а front-end разработчики знают, что им в C# лучше не залезать и они не лезут.
#210 #582261
Как это говно выровнять? Первые два инпута. <br>-ами?
>>582263>>582269
#211 #582263
#212 #582269
>>582261
А ты понимаешь вообще почему так происходит? Распихай по дивам-контейнерам.
>>582270
#213 #582270
>>582269
Да я как раз хотел без дивов-контейнеров, но уже понял, что без них никак. Спасибо.
>>582271
#214 #582271
>>582270
Можно, но зачем?
>>582274
#215 #582274
>>582271
А зачем на странице лишняя информация, лишние дивы, когда можно без них?
>>582278
#216 #582278
>>582274
Экономит время, делает код более понятным.
53 Кб, 500x600
#217 #582294
Поясните за выравнивание лэйаута.
В боди мы впихиваем div с, допустим, классом .container со стилями пикрелейтед.
А уже в этот div.container мы пихаем весь контент из которого будет состоять наш сайт.
?
>>582298>>582302
#218 #582298
>>582294
margin*
#219 #582302
#220 #582304
Аноны, использование box-sizing: border-box вообще хорошей практикой является? Или читерством считается?
#221 #582307
>>582304
Блять, я обожаю этот тред. Один вопрос охуительнее другого, просто.
#222 #582308
>>582304
Ты наркоман? Что значит «читерство»?
#223 #582310
>>582304
Смотря чего собираешься поддерживать.
http://caniuse.com/#search=box-sizing
>>582311>>582322
#224 #582311
>>582310
Тебя не смущает, что там ВСЕ зеленое?
>>582315
#225 #582315
>>582311
Потому что там написаны только версии, которые это свойсто поддерживают.
Так же во вкладке "known issues" ты можешь узнать в каких бразузерах оно может вести себя нестабильно.
#226 #582316
>>582315
поддерживают*
#227 #582317
>>582315
свойство*
блядь
#228 #582322
>>582310

По-моему, если процент поддержки больше 80%, то можно спокойно использовать. За пользование некробраузерами уже давно пора сажать.
#229 #582323
>>582315

>Потому что там написаны только версии, которые это свойсто поддерживают.


Нет, просто последний браузеры. Ты только из анабиоза что ли?
998 Кб, 1293x901
#230 #582332
Поясните за подобную ширину макетов.
Это нормально в наше время?
>>582380
1127 Кб, 919x949
#231 #582339
Почти все бесплатные макеты из интернета имеют подобную ширину.
>>582341>>582380
#232 #582341
>>582339
Вкинь, пожалуйста, эту псдшку.
>>582342>>582349
#233 #582342
>>582341
https://symu.co/freebies/templates-4/panakeia-psd-template/
Не бойся регистрации, там нужен только имейл.
>>582344
#234 #582344
>>582342
Спасибо!
>>582349
#235 #582349
>>582341
>>582344
А ты бы как верстал?
Там даже если откинуть по 350 по бокам, 1300 ширина будет. Ок, отрежем, а картинку, которая в ширину 2000 как впихнуть?
>>582352>>582380
#236 #582352
>>582349
Где люди сидят?
На бэкграунд боди.
>>582353
#237 #582353
>>582352
Размер фотографии 2000 пикселей. Если ты впихнёшь её в боди, то боди будет 2000, значит о центровке контента забудь.
>>582354>>582358
#238 #582354
>>582353
Чего?
А запихнуть контейнер-центровщик в боди не судьба?
#239 #582358
>>582353
Чет ты не одупляешь походу...
>>582364
#240 #582364
>>582358
Я пока не думаю над этой проблемой. Когда подойдёт момент верстать main, тогда и подумаю как её, эту фотографию, спозиционировать.
>>582365
#241 #582365
>>582364
Ебаный в рот, ну ты совсем блядь ебан?
>>582366
38 Кб, 604x453
#242 #582366
>>582365
Не волнуйся пожалуйста.
#243 #582368
Ну ок, размер Main области, как и размер фотографии 1320 на 2000, лол. Такая высота не может быть приемлимой. Надо как-то красиво укратить размеры блока и фотографии.
>>582378
#244 #582378
>>582368
Блять, если это ты:

>Размер фотографии 2000 пикселей. Если ты впихнёшь её в боди, то боди будет 2000, значит о центровке контента забудь.


>Я пока не думаю над этой проблемой. Когда подойдёт момент верстать main, тогда и подумаю как её, эту фотографию, спозиционировать.



То ты полный даун, бросай нахуй это дело и пиздуй на завод
>>582388
#245 #582380
>>582339
>>582332
>>582349
Фон на всю ширину монитора (мода такая, ага), контент шириной в 1400 пикселей (от 200 до 1600 по макету, видно же) и центрируется. Я сверстал примерно такую же хуитку, но мне стыдно ее вбрасывать в тред.
444 Кб, 1920x1080
#246 #582388
>>582378
Ну что ты такой злой, может человек впервые за пределы академовских барбершопов вылез.
Вот, например, как я сделал (на остальной код и разметку не смотрите, это я учился хуяк-хуяк на бутстрапе с жиквери).
#247 #582418
>>580399
Сколько времени ушло на создание?
#248 #582420
Если я туплю в самом начале html-академии, и уже 40 минут пытаюсь выполнить финальное испытание в селекторах, и пока что безрезультатно, это значит, что мне нечего делать в верстке?
#249 #582426
>>582420
Да, иди на завод, не усугубляй конкуренцию. Нет, смотри интенсивы, задания - говно, нигде на практике не нужное.
>>582428
#250 #582428
>>582426
Ну они же нужны, когда вообще ничего не знаешь. Ну, т.е. ознакомится вообще со всем этим. Я ньюфаг.
>>582429
#251 #582429
>>582428
Смотри базовый интенсив, тебе там в первых же двух-трех уроках скажут, что каскад, вложенность, импортанты и прочая поебень не только не нужна, но и вообще противопоказана.
Верстальные интенсивы академии - ультрагоднота.
JS-интенсив академии - говнецо.
Онлайн-задания/испытания на сайте академии - ультраговно.
#252 #582430
>>582429
Хотя тут я немного перегнул. Относительно полезные курсы (которые на сайте):
-Знакомство с формами
-Фоны
-Блочная модель
-Сетки
-Позиционирование
-HTML5
Остальное не нужно. Хотя и это все ты узнаешь из базового интенсива.
>>582502
#253 #582432
>>582429
js интенсив академии - нормальный, есть и похуже
А вот про испытания на сайте - соглашусь, хоть и сделал все на соточку спокойно.
#254 #582439
>>582432
А вот я не соглашусь. Их стоит пройти, кроме селекторов, хотя даже они лишними не будут. Тот же бэм толкует что нахуй эти < + ~ и прочее говно, но иногда этот бэм доходит до абсурда, и просто иметь представление, что они как бы существуют надо. Но задрачивать их не стоит. Хотя сказать что это пиздец как плохо я не могу. Чем глубже понимаешь процесс тем лучше.
>>582448
#255 #582448
>>582432
Ну такое себе. Ты прав, в принципе, но тут проблема в том, что хороших курсов по джаваскрипту вообще нет, так что вброс от академии - уже хоть что-то. Но база очень бедная, да и лектор ну ооочень тянет время, каждую лекцию можно уложить в 40 минут.
>>582439

> < + ~


Они иногда нужны в джаваскрипте, но фишка в том, что ты в таком случае просто идешь и гуглишь.
А так достаточно небольшого каскада, чтобы, например не задавать в той же менюшке каждой ссылке класс по бэму, а просто навесить на них стили через ".huita a" или типа того.
>>582463
#256 #582463
>>582448
Абсолютно верно, на такие вещи я тоже ложу на бэм т.к это бред. Нахуя вешать отдельный класс на связанный однотипный элемен? Якобы чтоб потом можно было стилизовать его быстро и трата та, удобно... В пизду, в таких ситуациях от маленького каскада больше толка. Но в голове должно быть упоминание о их существовании. Просто если судить по твоей логике, то весь html/css можно нагуглить. Это возможно,но ты потратишь гораздо больше времени. Вот что не нужно, так это слайдер на ксс)) Ну на практике ты его вообще никак не применишь, один хуй все в JS упирается. А это, как мне показалось в академии просто для "пыли в глаза", чтоб можно было заявить "В нашем курсе мы делаем слайдер уже в самом начале!!!"
#257 #582502
>>582430
И флексбоксы не нужны?
>>582594
#258 #582594
>>582502
Ну, в принципе нет, не нужны, по флексам в интернете куча иллюстраций для даунов (пикрелейтед http://imgur.com/kdIFdXy), плюс подробное руководство (которое даже на русский переведено для особо одаренных).
>>582595
#259 #582595
>>582594
Блядские скобочки.
http://imgur.com/kdIFdXy
2572 Кб, 1917x1015
1255 Кб, 1021x905
#260 #582617
Действительно всерьёз никогда не верстал, и только после гугла узнал о background-position: center.
Но могу сказать, что тот шаблон очень плохо проработан.
У скольки процентов людей такие большие мониторы? Многое пришлось переводить в проценты, и даже в процентах задумынный дизайнером белый шрифт выглядит неочень в верхних частях фотографии.
#261 #582636
>>582617
Сейчас модно хуярить такие хипстерские лендинги. Шапка идет высотой в высоту монитора (min-heigth: 100vh), фоном картинка (background-size: cover), и все это сверху жикверей обмазано, чтобы свистело, пердело, плавно выдвигалось и прочее.
#262 #582666
Аноны, кто по сколько часов в день работает и сколько из этого рабочего времени реально работает?
>>582679
#263 #582673
>>582432
А что лучше: интенсив по JS от HTMLacademy или курсы JS от codecademy?
>>582681>>582716
#264 #582679
>>582666

8. Из них часов 7 работаю, остальное время слэк читаю, в толчке сижу, пизжу с коллегами, туплю в монитор.
#265 #582681
>>582673
Рекомендую курс JS от GoIT (48 часов лекций) и учебник на learn.javascript.ru. В видео разжевывают почти все, что есть в учебнике. Курс html academy мне не понравился, слишком поверхностный.
>>582716
63 Кб, 950x517
#266 #582682
От нечего делать пролистываю фронтенд-релейтед проекты на фрилансер.ком (это как фл.ру, только с индусами вместо наших деревенских васянов), забавно, конечно. На проекты с ангуляром и прочей хипстотой стекается примерно столько же индусов.
Особенно умиляют проекты с бюджетом в рупиях.
#267 #582716
>>582681
а мне вот го ит парашей показалось
а Кантор да - норм (на торрентах еще валяются от него видосы по основам, но там скорее можно посмотреть только чтобы понять какие ошибки люди допускают и самому не допускать. Суть одна - он им домашку по учебнику задает, не понятно кстати нафига за то, чтобы тебе ткнули пальцем что учить отваливать по 20к)

.>>582673
на codecademy можно так сказать вводная фигня, но это вводное и на learn.javascript.ru в самом начале прочитать можно
#268 #582726
сижу верстаю таблицами рассылку за ссаных 500 рублей (с фл.ру). еще неизвестно заплатят ли. так вот я в ахуе с этих таблиц, эти ячейки и блоки, таблицы в таблицах, насколько же легче верстать дивами и флексами.
>>582737
#269 #582736
>>582420
не ссы, много кто ебался с этим биатлоном и не решил. 2 треда назад тоже за него спрашивали
>>582753
#270 #582737
>>582726

>верстаю таблицами


А нахуя?
>>582747
#271 #582747
>>582737
Потому что письма так и верстаются, ньюфаня.
>>582748
#272 #582748
>>582747
А что будет если сверстать письмо дивами?
>>584158
#274 #582753
>>582736
Да и там пришли к выводу, что хуйня эти испытания академии, для тех кто хочет специально ебаться с селекторами,а не заниматься вертской.
>>582758
#275 #582758
>>582753
я думаю, что лишнем не будет. мозги поразмять, да знания укрепить
>>582797
#276 #582772
Совсем ньюфагский вопрос. Как верстать допустим в атоме и посмотреть результат в браузере?
>>582776
#277 #582776
>>582772
лол. файл.html открываешь в браузере
>>582783
#278 #582783
>>582776
Я думал есть более удобный способ. Прямо в атоме.
>>583464
#279 #582792
>>582020
Спасибо анончик, добра!
#280 #582797
>>582758
Это трата времени, хочешь мозги разминать иди задачки порешай из вечерней мехмат школы. В стиле В стакан положили бактерии. Каждую секунду бактерии увеличиваются в 2 раза. Известно, что стакан заполняется полностью за минуту. За какое время стакан наполнится наполовину?.
>>582969>>583742
#281 #582882
>>582749
обмажутся своими макбуками, жейдами и сассами, хипстеры сраные.
>>583109
#282 #582943
Поясните за linear-gradient для файрфокса. Вроде свойство должно поддерживаться без префикса, а без префикса браузер выдаёт ошибку.
В галпе настроил так
.pipe($.autoprefixer({ browsers: ["ff > 1", "last 2 versions", "> 1%"]}))
И всё равно префикс -moz- не ставится.
#283 #582969
>>582797
В 59 секунду, не?
>>583060
#284 #583002
О float'ах можно забыть? IE старше 11 версии больше не поддерживаются ведь. Флексбоксы давно уверенно поддерживаются всеми современными браузерами. С другой стороны посмотрел сейчас новый дизайн vk, сверстан флоатами.
#285 #583022
>>583002

> IE старше 11 версии больше не поддерживаются ведь


Какой наивный. Вон тут ананасы до сих пор ие8+ верстают
#286 #583029
>>583002
Поддержка и использование - разные вещи.
У кого-то ещё виндовс эскпи стоит, и он доволен своим 6 эксплорером.
>>583032>>583182
#287 #583032
>>583029

>эксплорером.


эксплоитом
поправил
#288 #583036
Котаны, в требованиях к вакансии написано примеры верстки datapicker, tree, select и т. д., юзая JQuery/Angular/Прочее.
Как это понимать? Я могу взять просто готовый же из доков и кастомизировать его маленько, это и требуется, как думаете?
#289 #583038
>>583002
про вк там доклад недавно был - они там вообще пиздец делали какой-то, ибо им надо всех пользователей на старых ишаках поддерживать
>>583078
#290 #583048
Когда берёшь картинку с фотошопа, что посоветуете.
Сохранять картинку сразу со слоем градиента, или скачать картинку и сделать градиент отдельно?
>>583094
#291 #583060
426 Кб, 1366x1232
#292 #583078
>>583038
Всё зависит от проекта, надо старые иешки поддерживать - флоат, не надо - делай чо хош.
>>583083
#293 #583083
#294 #583087
>>582429
Продвинутый интенсив академии стоит внимания?
#295 #583090
>>582056
Какой город?
#296 #583091
>>582617
Мне больно читать каждый твой пост.
Пожалуйста, пиздуй смотреть интенсивы академии.
>>583099
#297 #583094
>>583048
Лучше градиент генерить через колорзиллу, т.е отдельно.
#298 #583097

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


кек, я тут рассылку за 500 верстал, а мужик мне не поверил, что так дешево, это за одну страницу.
>>583098
#299 #583098
>>583097
Не знаю, че делать, выгляжу как лах, проебался с ценой..
#300 #583099
>>583091
Обоснуй.
#301 #583109
>>582882

Самое забавное, что у него не макбук, а хакинтош.
>>583131>>583156
#302 #583119
Алсо, посоны, я правильно понимаю, что мак для веб разраба это хороший выбор? Есть нормальный фотошоп без костылей плюс консоль нормальная, в отличии от той же винды. Так же есть сафари, который по сути новый ИЕ и можно верстку тестить в нем и если там все норм будет отображаться, значит везде норм будет.

Кароче минусов не вижу кроме цены.
>>583128>>583132
#303 #583128
>>583119

> нормальный фотошоп без костылей


А в винде что с костылями?Еще и авокод же есть.

> консоль нормальная


cmder ставь

> Так же есть сафари, который по сути новый ИЕ и можно верстку тестить в нем и если там все норм будет отображаться, значит везде норм будет.


В голосину
>>583153
#304 #583131
>>583109
а ты откуда знаешь? у меня привстал на его пидораский голосок
>>583153
#305 #583132
>>583119
Работай там, где тебе удобно.
У меня линукс, фотошоп в виртуалке запускаю если надо.
Проверка в ие и сафари тоже через виртуалку.
Проблем никаких не испытываю.
>>583153
101 Кб, 800x631
#306 #583136
блин, мне теперь захотелось ретро-макинтош.
#307 #583153
>>583128

>А в винде что с костылями?Еще и авокод же есть.


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

>cmder ставь


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

>В голосину


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

>>583131

Раньше смотрел его и он говорил в одном из видео. Хотя может сейчас настоящий мак купил, не знаю.

>>583132

Ты хакинтош чтоли через виртуалку запускаешь? И как ты сохраняешь слои из фотошопе на линухах, винда ведь не умеет читать ext4.
>>584350
#308 #583156
>>583109
какой блядь хакинтош, у него вообще линукс стоит (если вы о первом видео на русском)
у Тревиса же мак естественно
>>583159
#309 #583157
>>583151

Чувак, я бы хотел, чтобы это было так, но к сожалению постоянно всякая хуита вылезает непонятно из-за чего. Например вот из последнего, верстал лендинг и там надо было список работников одной фирмы вывести, по 5 штук на строке. Ну я прописал каждому айтему ширину 20% и флекс-врап, все дела. На фф, хроме и даже ИЕ все норм отображалось, а на сафари последний айтем в первом ряду уебывался на второй ряд хуй знает почему. В итоге уменьшил длину до 19,99% и о чудо, все стало на свои места. Что это было? А хуй знает.
#310 #583159
>>583156

Блять, я видео не открывал, по превьюхе понял, что за чувак. Он раньше просто на хакинтоше сидел.
>>583161
#311 #583161
>>583159
а ну так то да, у него есть, я просто думал вы конкретно об этом видосе болтаете.
#312 #583169
>>583162

Глаза разуй, додик.
#313 #583182
>>583029
Использование неподдерживаемого продукта уже на совести пользователя. У vk действительно огромная аудитория, так что смысл верстать под старые ie остался действительно только у больших проектов.
>>583236
#314 #583183
>>583173

Там у клиента Yosemite стоит и сафари 8 версии, если мне память не изменяет.
85 Кб, 1680x1050
198 Кб, 1680x1050
#315 #583197
Все размеры пишу в процентах, шрифт задаю в vw. При меньшем экране обрезает верхнее меню нихуево. Верстаны, как вы справляетесь со шрифта и резиновыми макетами? Или перепысвать под медиакверизы? Но даже при незначительном уменьшении сайт начат выглядеть уродливо.
#316 #583236
>>583182
C бизнес точки зрения каждый клиент важен. Вот представь какой-то богач не сможет зайти на твой сайт и постричься, это же убытки.
Всё зависит от того кто будет твоей аудиторией.
>>583253
#317 #583245
>>583242
Какие убытки, лол?
>>583253
#318 #583253
>>583236

Богачи на маках сидят, а не на некропеках с виндовс xp.

>>583245

Обыкновенные. В то время, пока разраб тратит кучу времени на костыли, чтобы поддерживать мертвые браузеры он бы мог что-то другое делать, более полезное. И как правило деньги, которые были потрачены на оплату времени разработчика не окупаются, т.к. пользуются этими браузерами ничтожно малое количество людей и обычно это нищеброды без денег.
>>583392
#319 #583349
Достаточно тот же хриланс пролистать. ИЕ8+ требуют только законченные пидорахи (с просторов нашего великого СНГ), даже на обсосном фрилансер.ком ниже ие10 проект надо еще постараться найти, да и те - на бутстрапе, т.е. хуяришь на похуй.
>>583366>>584354
152 Кб, 695x554
#320 #583366
>>583349
Потому что люди привыкли жрать говно и будут это делать до тех пор, пока им его будут подносить на лопате. Стоит только всем занять позицию пикрелейтед, и проблема решится спустя месяц.
>>583374
#321 #583374
>>583366
Проблема в том, что не захочешь делать ие8+ ты - найдут другую макаку, а так как мы сейчас говорим онли про верстку, то таких макак дохуя.
>>583415
#322 #583392
>>583253

>Богачи на маках сидят


Ага, а ещё пьют кофе у окна и думают о нём.
>>583253
>>583262
Я выше написал, что всё зависит от аудитории.
Если это электронная коммерция, то каждый клиент важен, потому что если мой сайт у кого-то не откроется, то он пойдёт на другой сайт. Если это высоконагруженный сайт зарабатывающий на рекламе, то даже пол процента пользователей важно.
Если ты делаешь блог о кошках, то ок, верстай по последней моде, кто-то зайдёт.
>>583415
#323 #583415
>>583374

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

>>583392

>Ага, а ещё пьют кофе у окна и думают о нём.


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

>Я выше написал, что всё зависит от аудитории.


Ну энтерпрайз это отдельная тема, они там до сих пор на Windows 95 сидеть могут и дискетами пользоваться, у них там свой мир. Кстати не советую во всякие банки и прочее работать идти. Да, там платят больше и можно хуи пинать, но это путь в никуда. Рано или поздно во время очередного кризиса попадешь под сокращение и внезапно осознаешь, что проебал несколько лет в никуда и теперь ты никому не нужный хуила, который безнадежно отстал от современных технологий. А веб одна из самых быстроразвивающихся сфер.
#324 #583464
>>582783
Есть более удобный способ прямо в WebStorm. Вверху кода появляются иконки доступных браузеров - клацаешь по любой, и страничка открывается в соотв. браузере.
#325 #583478
ребят, кто что скажет про курсы Андрея Бернацкого? Есть смысл по ним учить?
>>583501
#326 #583501
>>583478

Загуглил, чет рожа у него мутная.

ИМХО, для HTML/CSS достаточно академии. JS я учил на learn.javascript.ru и по курсу ITVDN. Он платный, но можно на торрентах купить если что. Объясняют предельно понятно, чуть ли не для даунов таких как я разжевывают.
#327 #583503
>>583493
т.е время на это тратить не стоит, пользы мало будет?
76 Кб, 600x800
#328 #583511
Котаны, как править файлы на сервере по фтп, что бы в Атоме нажал ctrl+s и файл сразу грузанулся?
#329 #583527
>>583520
>>583516
Нет, котаны, мне так нада. Сервак не боевой, а тестовый, с которым не один я работаю и править мне надо все на месте. Помогите позязя :3
>>583533>>583536
#330 #583533
>>583527
Тяжко вам наверное без гита
#331 #583536
>>583527
А че watch task не способен на это? Вроде настроить его можно под такие нужды.
97 Кб, 1680x1050
#332 #583556
Как делать такие эффекты?
>>583574>>583586
37 Кб, 966x231
#333 #583564
Пидары. Они этим официально похоронили Брэкетс, т.к. во всех остальных отношениях он был хуже сублайма, вебшторма и всех остальных IDE.
Хотя я что-то такое подозревал, т.к. давненько на него обновлений небыло видно.

Самое хуевое - теперь придется юзать фотожоп вместо обычной вкладки с СС в браузере.
#334 #583567
Аноны, выучил css, теперь учить less или sass? Че пизже?
>>583568>>583590
#335 #583568
>>583567
Похуй, они идентичны. Будешь знать одно - считай будешь знать другое. Различия начинаются в сложных вещах типа функций, циклов и т.д., которые юзают, наверное, процентов 5 из всех пользователей препроцессоров.
#336 #583574
>>583556
box-shadow
#338 #583590
>>583567
scss как-то более правильно пишется, что-ли. А вообще - дело вкуса.
#339 #583598
>>583586
Блять, а я ебусь с этим inset. А его оказываеться вооще не надо задавать.
102 Кб, 1680x1050
#340 #583624
Аноны, а как лучше делать центрирование в блядине выделеной пунктиром? Заворачивать весь контент в пакет и пакет центрировать paddingами, или не баться и внутреним элементам задавать марджины?
>>583626
#341 #583626
>>583624
Там же очевидный темный бэкрграунд блока, и очевидные паддинги.
#342 #583667
У кого-нибудь есть ТЗ к Пинку? Как в базовом интенсиве были к учебным макетам.
>>583681>>583686
214 Кб, 955x637
#343 #583681
>>583667
Если ты про стайлгайд, то сейчас вкину. Сам к нему приступил.
Алсо, вопросик - как вот это всё говно верстать? Тут z-index что ли на телефонах?
996 Кб, 1024x790
#344 #583682
Аноны, сколько времени займет разработка такого сайта http://fxfinance-pro.com и сколько вы бы за него запросили?
#345 #583686
>>583667
Если ты про это говорил.
http://my-files.ru/ea0exa
#346 #583687
>>583681
Нет, я имел ввиду именно ТЗ, в текстовом виде, где бы объяснялось задание и был перечень требований.
>>583688
#347 #583688
>>583687
Не, его нету. Мне почему-то кажется, что его в природе не существует. Либо же говорится о нём в вебинарах, хотя я пролистал сейчас быстренько - там что-то ни слова о верстке этого проекта.
>>583691
31 Кб, 357x476
#348 #583690
>>583682
Хз даже, немало стоит.
>>583705
#349 #583691
>>583688

>там что-то ни слова о верстке этого проекта


Именно. Видать, кураторы в личных разговорах объясняли.
#350 #583692
>>583681
z-index -1 на псевдоэдементе (кривая полоса).
>>583694
#351 #583694
>>583692
А, я вроде понял. Меня интересовал вопрос как телефоны могли вставать выше вот этой недо-трапеции. Теперь кажется вкатил.
>>583696
#352 #583696
>>583694
А нет, нихера не вкатил.
Я сначала думал, что эти телефоны находятся в одном диве, у которого просто сверху прилеплен треугольник. А они чуть выше его находятся. Так как быть?
>>583704
#353 #583697
>>583682
Там много всего, один только фронтен до полштуки может затащить.
>>583705
#354 #583704
>>583696
отрицательный марджин сверху
27 Кб, 210x335
#355 #583705
>>583690
>>583693
>>583697
Эээ? То есть явно дороже 25к рублей, которые мне предложили?
>>583733>>583779
#356 #583716
>>583682
пиздец... сайт-комуналка... блювать хочется, когда такое вижу.
#357 #583722
>>582420
Блядь. Дали людям кучу проверенных, отличных курсов на английском по js. Почти все бесплатны. Не знаешь английский, ну тогда Флэнаган, learn.javascript, sorax для закрепления знаний. Нет, не хочу, буду спрашивать годнота ли курсы Хуй Петровича продающиеся за рубли.
>>583725>>583728
#358 #583725
>>583722
Ты что-то промахнулся, снайпер.
#359 #583728
>>583722

>sorax


Эх, жаль что он бросил это дело. Любил залипать под его подкасты
56 Кб, 620x520
#360 #583729
>>583719
Все так и було. Мой "клиент" захотел точно такой-же, только с другим логотипом.
#361 #583732
Пиздец. Короче пролистал я продвинутый интенсив и понял, что пока что рано туда вкатываться. Тот же самый макет пинк вызывает дохуя вопросов.
>>583735
#362 #583733
>>583705
Он предложил 25к за все полностью, или только клиентскую часть?
Если только за клиента, то это пиздец дешево, но терпимо. Если вместе с беком и прочим дерьмом, то сразу посылай нахуй.
>>583736
#363 #583735
>>583732
Поэтому советуют между базовым и продвинутым поверстать месяц-другой и набить руку
>>583738
223 Кб, 800x800
#364 #583736
>>583730
>>583733
Лучше сразу пошлю - они меня на протяжении двух недель пытались на свой форекс подсадить.
#365 #583738
>>583735
А есть какие-нибудь ресурсы, где на примере показана верстка, вот как в базовом показывали верстку барбершопа, а не просто голая теория?
>>583739
#366 #583739
>>583738
Есть много васянов с такими видео на ютубе, и лучше их не смотреть - плохим практикам научишься. Лучше пересмотри базовый, если что-то непонятно. А дальше остается только верстать и набивать опыт самостоятельно
>>583740
#367 #583740
>>583739
Ага, я уже в процессе поиска наткнулся на пару таких. Что ж, буду верстать макеты из рассылок. Спасибо.
>>583845
#368 #583742
>>582797

>В стакан положили бактерии. Каждую секунду бактерии увеличиваются в 2 раза. Известно, что стакан заполняется полностью за минуту. За какое время стакан наполнится наполовину?


Блядь, подумал сразу почему-то, что за 15 секунд, не знаю в чем вообще была моя логика. Увидел ответ, и минут 5 думал почему именно 59 секунд. ПИЗДЕЦ, Мне точно на завод.
>>583743
#369 #583743
>>583742
Тоже не сразу решил эту задачку, зато все испытания академии на 100% без труда и костылей, лол.

мимо даун-верстальщик
>>583744
#370 #583744
>>583743
Кстати кто-нибудь может объяснить почему 59 секунд?
>>583746>>583748
#371 #583746
>>583744
Всё, понял. Тут тупое условие просто.
>>583750
#372 #583748
>>583744
Почему же?
#373 #583750
>>583748 это сюда >>583746
Почему условие тупое?
#374 #583751
>>583748
Блять, а что за стакан? Какого размера? Какого размера бактерии?
По логике ответа через секунду бактерии умножатся вдвое и заполнят половину стакана, что за хуйня?
#375 #583753
>>583748
потому что каждую секунду бактерий становится в 2 раза больше. Тоесть половина стакана, а через секунду уже полный стакан. Вот и получается что за 59 секунд - половина стакана.
>>583754
#376 #583754
>>583753
И что? Если я в стакан положу одну бактерию, которая через секунду превратится в две, и 80 бактерий, которых станет 160 - есть разница? Про вместимость стакана почему не сказано?
#377 #583756
>>583754
И что?
И что?
И что?
И что?
И что?
И что?
И что?
И что?
Ебать ты даун. Пиздуй на завод со своей вместимостью.
#378 #583757
>>583754
В условии сказано, что стакан заполнится за минуту. Так что по логике заполнить "половину стакана за секунду" не получится.
#379 #583758
>>583754
Не имеет значения что в стакане и в каком количестве изначально. Дано ведь, что стакан заполнен неким содержимым увеличивающимся каждую секунду в 2 раза. Стакан будет заполнен на 100% через 60 секунд. Значит секундой назад было текущее состояние / 2, как раз половина.
#380 #583764
Аноны, вы пока тут спорите, у меня назрел вопрос.
Как понять, когда изображения со всеми видхами и хейтами надо прописывать в html, а когда - вставлять как бэкграунд дива?
По моей логике надо вставлять на бэкграунд всякое мелкое говно, если ксс отвалится, то потеря таких изображений не будет критична, а всякие бэкграунды дива надо прописывать явно в цсс.
Алсо, вот тут например - >>583681 - я верно понимаю, что айфоны поставлены на бэкграунд дивов?
#381 #583765
>>583764

>надо прописывать явно в html


Пофиксил
#382 #583766
>>583764

>я верно понимаю, что айфоны поставлены на бэкграунд дивов?


Нет, тут айфоны - контентные изображения. Ты базовый интенсив смотрел?
>>583769
#383 #583769
>>583766
Cмотрел. Там на эту тему практически ничего не разжёвывается.
>>583972
#384 #583779
>>583705
Направь его ко мне, сделаю за 25.
#385 #583782
>>583764
Ты почти прав.
Есть два вида изображений - контекстное и декоративное. Возьми любое изображение на сайте, например. А теперь "вырви" его из сайта. Если тебе будет нехватать чего-то, то это изображение размечается в хтмл. Например, логотип сайта, те же айфоны в твоём примере (если их вырвать из контекста, потеряется смысл) и так далее. Всякие иконки, превью фотогалереи не так важны. Поэтому они ВСЁ равно прописываются в хтмл (за исключением спрайтов), но ставятся на фон.
#386 #583838
Куда пропал анон , которому предложили переезд в Екб? Я так понимаю, ты из Челябы? Давай перетрем за местные конторы.
sage #387 #583839
БРЁЛ ПАЦАН ПО УЛИЦЕ, КУРИЛ СИГАРЕТУ ПАРЛАМЕНТ НЕВЗАТЯГ, СМОТРЕЛ НА НЕБО, ДУМАЛ О СВОИХ ПАРНЯХ И СТАРЕНЬКОЙ МАТУШКЕ.

ВИДИТ ОКОЛО ПОМОЙНОГО БАКА ТРОЕ ЛЕЖАТ.
ВИДУ ЖУТКОВАТОГО: С НОСА СОПЛИ ЖЁЛТЫЕ СВИСАЮТ МАХРОЙ, ВОНЯЕТ ПРЕЛЫМ КАЛОМ, ОДЕТЫ В РУХЛЯДЬ И РВАНИНУ, РУКИ ЗАСКОРУЗЛЫЕ, ЛЕЖАТ В ОБНИМКУ С ПСАМИ ШЕЛУДИВЫМИ, ОДНА РУКА В ШТАНИНАХ - ЯЙЦА ТЕРЕБЯТ.

ПАЦАН БЫЛ ЖАЛОСТЛИВ ПО ЖИЗНИ И ДУША ЕГО БЫЛА ОТКРЫТА ЛЮДЯМ, ОН ПОДОШЕЛ И УЧАСТЛИВО СПРОСИЛ:
РЕБЯТА, ЧТО ЗА БЕДА ПРОИЗОШЛА С ВАМИ?

ПЕРВЫЙ ОТВЕТИЛ: ГОРЕ МНЕ, О ПАЦАН. УВЛЕКЛИ МЕНЯ ТЯЖЕЛЫЕ НАРКОТИКИ, ПРОКУТИЛ Я КВАРТИРУ, НО ЧТО ЕЩЕ СТРАШНЕЕ - СЕЛ ОБСАЖЕННЫЙ ЗА РУЛЬ И УГРОБИЛ ЖЕНУ И ДВУХ ДЕТИШЕК СВОИХ, А МНЕ НОГИ ВОТ ОТОРВАЛО, НИЩЕНСТВУЮ, Я ПОТЕРЯННЫЙ ЧЕЛОВЕК, ПАЦАН. ЖДУ СМЕРТИ И ВОТ МОЙ ОДР.

ПУСТИЛ СЛЕЗУ ЮНОША И ВОПРОСИЛ ВТОРОГО:
А ЧТО ВЫШЛО С ТОБОЙ, О ЖАЛКИЙ НИЩИЙ?

ВТОРОЙ ОТВЕЧАЛ ЕМУ: ВСЁ БЫЛО У МЕНЯ В ЖИЗНИ СЛАВНО: СЕМЬЯ, БИЗНЕС, ДА ОДНАЖДЫ СЛУЧАЙНО ТОМОГРАФИЮ МОЗГА СДЕЛАЛ - А ТАМ ОПУХОЛЬ. ЖЕНА УЗНАЛА - ТУТ ЖЕ ЗАБРАЛА ДЕТЕЙ, ОТСУДИЛА КВАРТИРУ И УШЛА, НЕ ЗАХОТЕЛА С ПОКОЙНИКОМ ЯКШАТЬСЯ.
ДРУЗЬЯ УСПЕШНЫЕ КИНУЛИ МЕНЯ, БИЗНЕС ОТОБРАЛИ, СОБАКА - И ТА ОТ МЕНЯ УБЕЖАЛА ПРОЧЬ, ЦАПНУВ В ЛОДЫЖКУ НА ПРОЩАНИЕ.
ВОТ ЛЕЖУ И ЖДУ СВОЕГО СМЕРТНОГО ЧАСА.

РАЗБОЛЕЛАСЬ ДУША ПАЦАНА И ЗАДАЛ ОН СВОЙ ВОПРОС ТРЕТЬЕМУ.

И ОТВЕТИЛ ЕМУ ТРЕТИЙ: А СО МНОЙ ВСЁ НОРМАЛЬНО, Я ФРИЛАНСЕР, РАБОТАЮ УДАЛЁННО, СЕЙЧАС ПОРТФОЛИО НАРАБОТАЮ И ПОЛУЧШЕ БУДЕТ, НЕ ЖЕЛАЕТЕ ПРОЙТИ МОЙ АВТОРСКИЙ ТРЕНИНГ: "УВОЛЬНЯЕМСЯ ИЗ ОФИСА И НАЧИНАЕМ ЖИТЬ СВОБОДНО?"
А ЛЕНДИНГ ПЕЙДЖ ДЛЯ ВАШЕГО БИЗНЕСА СДЕЛАТЬ?
ХОТИТЕ ПРОДАЮЩИЙ ТЕКСТ НАПИШУ?
>>583842>>583851
#388 #583842
>>583839
Пошёл нахуй, ты вон одному уже написал, у него поэтому бизнес и отжали ещё и собака покусала.
#389 #583845
>>583740
а ты уже все макеты из базового переверстал?
мне в принципе их было достаточно - потом перешл к продвинутому
мимо-анон
425 Кб, 1347x826
#390 #583851
>>583839
Содомит.
37 Кб, 713x229
#391 #583871
#392 #583876
>>581741
Сам недавно делал такое меню, тоже с недефолтными скроллбарами и 3 и больше уровнями вложенностей. Объяснил пм-у, что лучше сделать появление подменю по клику, так как иначе будут баги, юзвери будут звереть и прочее-прочее.
>>583879
#393 #583879
>>583876
Олсо, сделал все меню аккордеонами (не jquery ui accordeon), проверял классы и прочее. При ресайзе под мобилы сделал так, чтобы менюха уменьшалась, а подменю появлялись по клику сбоку, абсолютно спозиционированные. Ну и убирал скроллбар в таком состоянии.
#394 #583885
>>583871
какие варианты решения есть кроме этих?
http://jsbin.com/zabapoperu/edit?html,css,output
#395 #583919
>>579597 (OP)
Зак жаловался, что верстаки с фл.ру даже не могут динамически ширину и высоту от размера экрана для DOM элементов проставить через jquery. Бля, я хуею с вас, ленивые безрукие псы, я тут годами учу веб технологии и языки и все считаю, что не готов к фрилансу в вебу, а вы сверстаете два макета на таблицах и уже фрилансить бежите.
>>583923>>583987
64 Кб, 807x544
#396 #583923
>>583919

>годами учит вэб-технологии


>считает себя не готовым

>>583984
#397 #583972
>>583769
плохо смотрел значит
#398 #583984
>>583923
ну а че, я же сразу на бэк подавался, а там везде проекты, которые не разворачиваются.
#399 #583987
>>583919
Если ты годами учишь и не готов к фрилансу, варианта есть два:
1) ты даун.
2) ты безвольный овощ, "учащий" 10 минут в день после того как в дотку наиграется.
А может быть и оба варианта сразу.
При должной самодисциплине человек доходит до уровня джуна за пол года с полного нуля и из другой профессии.
#400 #583991
>>583987
я и дохожу до такого уровня, но мне не удавалось этим заработать и я терял всяческий интерес.
>>583997
#401 #583997
>>583991

>и я терял всяческий интерес


>я тут годами учу веб технологии и языки


Понятно.
>>584034
46 Кб, 540x428
#402 #584009
>>583987

>до уровня джуна



джуна-верстальщика?
>>584329
21 Кб, 711x723
#403 #584016
Поясните как реализовать пикрелейтед.
Это вообще возможно?
>>584021>>584050
#404 #584018
>>583987
Это еще ничего. Тут один анон БД годами изучает.
#405 #584021
>>584016
На уровне картинки возможно, на уровне CSS хз
#406 #584023
Кто верстал Ali Saed's, делали его адаптивным? Что выдумывали в этом плане, как структуру перестраивали?
#407 #584034
>>583997
ты долбоеб что ли? я не просто их УЧУ, я делаю на них проекты и кладу в гитхаб, параллельно копирайтя на еду. я не виноват, что это говно программистское и веберское нихуя не оплачивается. ой давай не будем начинать, а то опять все приведет к тому, что ты начнешь продавать курсы своей говноакадемии.
#408 #584038
>>584034
Ты просто феерический дебил.
>>584042
#409 #584040
я умею верстать, я знаю js, bootstrap jquery, mysql, sqlite, java, php и фреймворки, angular, ruby, у меня несколько тестовых на php и одна приложуха на гитхабе. Я уже 4й год не могу найти работу и заработать этими скиллами, я на сиги и кофе себе зарабатывают КОПИРАЙТОМ. вопросы?
#410 #584042
>>584038
портфель в школу собрал?
#411 #584044
>>584034
Мой знакомый за чуть более 6 месяцев изучения с нуля Python и Django получил джуна с з/п около $1к/месяц, удаленка.
Теперь подумай, какой фееричный бред про годы обученния и хуевую оплачиваемость программирования ты сейчас несешь.
#412 #584046
>>584034
Что ты тут забыл, Маня? Копирайт-тред находится в другом месте, иди туда.
#415 #584053
>>584050
Проиграл с названия ролика.
#416 #584055
>>584040
ой, зря я похоже тебя оправдывал в этом посте >>584049

сконцентрируйся на чем-то одном, когда ты пишешь что все это знаешь, это зачастую воспринимается как я чето слышал, но толком не знаю нихуя.
>>584063
#417 #584061
>>584040
Дай угадаю, работу ты ищешь так же, как лиственники из /b ищут девушек? Я такой охуенный, спортивный, высокий, умный, начитанный, с хорошей работой, мне 25, у меня нет девушки, я девственник.
>>584088
#418 #584063
>>584055
Вангую, что он хиккан из мухосрани 20к населения, не желающий переезжать в крупный город.
#419 #584085
>>584040

>я знаю js, bootstrap jquery, mysql, sqlite, java, php и фреймворки, angular, ruby


Нет не знаешь.
#420 #584088
>>584061
А как они ищут девушек?
>>584094
#421 #584092
>>584040

>я умею верстать, я знаю bootstrap


200-300$/месяц

>я умею верстать, я знаю js, bootstrap jquery


400-700$/месяц

>я умею верстать, я знаю js, bootstrap jquery, angular


800-1500$/месяц

>я знаю ruby


1000-6000$/месяц

>я знаю java


см. Ruby

>вопросы?


Да нет, в принципе.

Мне недавно знакомый программист с очень большим стажем работы и кучей опыта рассказал историю. Как-то он набирал людей в проект, так были чуваки, которые судя по их стеку технологий в резюме, были круче его самого. На собеседовании же выяснялось, что максимум что они знали - это аббревиатуры всех этих языков/библиотек/фреймворков, да читали про них статейки на хабре/википедии.
#422 #584094
>>584088
Ждут, когда девушки сами к ним подойдут, дадут свои телефоны, сами будут звонить, сами пригласят на свидание, оплатят его, а потом сами затащат в постель и выебут.
Т.е. никак не ищут.
#423 #584118
>>584034
А теперь зайди на хх.ру и посмотри, сколько есть работ на удалёнке с минимальными скилами.
90 Кб, 1180x808
#424 #584126
Смотрите.
На пикрелейтеде джорджия в фотошопе и дорджия в хроме.
Такие различия нормальны, или я использую не тот шрифт?
>>584148
#425 #584130
В фотошопе хуйня какая-то растровая с низким разрешением. Забей.
#426 #584148
>>584126
Не тот шрифт, очевидно вроде.
>>584152
8 Кб, 334x111
#427 #584150
А вот и санкции подъехали.
Серьезно, че этому пшеку не нравится?
>>584159>>584219
#428 #584152
>>584148
Но в фотошопе написано Georgia Regular. И в ксс я прописал Georgia.
>>584222
#429 #584154
>>582617
background-size: contain для фонового изображения. Пиздуйте смотреть интенсивы и учить html + css
#430 #584155
Подскажите, как использовать бутстрап? Хочу его применить вместе с сасс. Скачал и не знаю какие файлы скидывать надо.
>>584161
#431 #584158
>>582748
Велик шанс, что пойдет по пизде, но не обязательно.
мимо
#432 #584159
>>584150
сша, россия, великобритания, украина, польша - не работают
#434 #584163
>>584040
Лол, я тоже знаю js (ну а чо, могу попап сделать, кулькулятор написать и крестики-нолики), bootstrap, флексы, jquery (ну а чо, могу нахуячить кучу готовых плагинов, и даже сконкатить их в один файл, чтоб не так палевно было), mysql (делал как-то пару запросов в базу данных, легко), java (хэллоуворлд), php (могу простенький движок для файлообменника написать), react, angular, ruby и паскаль.
Короче, пиздуй обратно в /pr, или откуда ты вылез.
#435 #584164
>>584161
ты походу не понял вопроса. Я не знаю какие файлы надо скидывать из архива в папку где у меня будет страница делаться.
>>584167>>584169
#436 #584167
>>584164
Те, которые ты будешь использовать.
>>584174
#437 #584169
>>584164
продвинутый интенсив 9 урок
серия видео по bootstrap от makeweb
статья громова http://nicothin.pro/page/bootstrap-bem
вникай
>>584174>>584185
#438 #584170

> одна приложуха на гитхабе


> 4 года не может найти работу


Проиграл.
>>584184
#439 #584174
>>584169
>>584167
походу я очередной раз положу хуй на бутстрап и буду дальше верстать адаптивно
>>584182
#440 #584182
>>584174
Дело твое. Хотя, ничего сложного там нет. Да и вакансий с бутстрапом много.
>>584191
66 Кб, 500x334
#441 #584184
>>584170
Как я.
#442 #584185
>>584187
#443 #584187
>>584185

>Резюме



И jQuery, и Bootstrap — это обычные инструменты, неплохо решающие свои задачи. Если вы новичок, в первую очередь изучайте фундаментальные вещи, и только после этого знакомьтесь с инструментами. Ну и каждый инструмент используйте по его предназначению. Иначе однажды вы обнаружите себя, пытающегося пожарить яичницу огнемётом.
Глубокая статья.
#444 #584191
>>584182
ну я сверстал помню, в декабре прошлого года два макета на бутстрапе без сасс. Сейчас смотрю и не знаю с каких папок надо брать файлы. Заходишь в одну папку там что-то про сасс есть, зайдешь в другую папку тоже что-то про сасс. Думал в гугле инфа будет, так там вообще о другом пишут.
#445 #584219
>>584150
https://owlcarousel2.github.io/OwlCarousel2/
Держи ссылочку, сам попадался на эту хуйню.
#446 #584222
>>584152
Логично, что у тебя в системе нет шрифта Джорджия. Скачай и подключи в css, или подключи link от google Fonts
>>584248
#447 #584243
Читнул вот про .less, и подумал, что использование чистого css без выпендрёжа же побыстрее будет, не? Или препроцессоры больше используют для расширяемости проекта?
#448 #584248
>>584222
Джорджия - предустановленный шрифт. Но даже если и нет, я уже попробовал скачать из интернета, и это таже самая джорджия.
>>584348
#449 #584252
>>584243

>не?


не.
#450 #584256
>>584243
С препроцессорами удобнее вкладывать элементы один в другой.
>>584260
#451 #584260
>>584256
вложенность или бэм, не?
>>584269>>584271
#452 #584269
>>584260
Ты задаёшь вопрос?
54 Кб, 991x902
#453 #584271
>>584260

иди нахуй отсюда
>>584273
#454 #584273
>>584271
лол, сам иди с хипстерками каким-нибудь хуяктом обмазываться.
>>584301
#455 #584278
>>584243
чувак, ты продвинутый смотрел?
если нет - смотри, там рассказано в том числе и про препроцессоры
#456 #584295
В бутстрапе верстать надо в процентах или в px?
#457 #584301
>>584273

>2016


>разговор про less


>хипстерки



ой-вей
#458 #584312
Вкатываюсь в тред. Аноны, есть ли в базовом интенсиве что-нибудь полезное, если я уже умею верстать статичные макеты, или лучше сразу переходить к продвинутому?
>>584322
#459 #584322
>>584312
А мы откуда знаем, что ты знаешь, а чего нет? Возьми да посмотри, с тебя не убудет.
>>584358
#460 #584329
>>584009
Не, frontend-dev.
#461 #584348
>>584248
Логично, что у тебя тот самый шрифт, просто сглаживание и прочая хуйня.
#462 #584350
>>583153
Да, хакинтош. Йосемите немного тормозит, маверикс норм.
Линукс раздел можно подмонтировать без проблем, он будет отображаться как сетевой диск.
Ну, или нтфс раздел сделать тоже можно.
Вообще, вроде через вайн фотошоп норм запускается, но я не пробовал.
#463 #584354
>>583349
В китае ваще под 6ой верстают до сих пор.
Так что радуйтесь.
>>584361
#464 #584358
>>584322
20 часов, всё-таки... По поводу того, что знаю - могу сверстать лендинг практически любой сложности и подключить к нему уже написанные кем-то скрипты из гугла. При этом, конечно, зачастую пишу говнокод.
>>584368
#465 #584360
Аноны, дайте сайты на псдшники для верстки, только на те которые без очевидной йобы сверстаны что на продвинутом интенсиве проходится.
>>584363
#466 #584361
>>584354
Ничего там не верстают под 6ой, лол
#467 #584363
>>584360
зачем тебе? Сверстай пару простеньких макетов из базового интенсива, на этом лоу-лвл вёрстку лучше заканчивать.
>>584364
#468 #584364
>>584363
Для тренировки, блять. Чтобы обычный макет у меня вопросов не вызывал.
>>584366
#469 #584366
>>584364
В шапке смотри ссылку, там тебе макетов хватит завались.
#470 #584367
>>583681
Кто как верстал эти ебучие треугольники? Дропнул из-за них пинк, хотя сверстал где-то уже на 75%.
#471 #584368
>>584358

>лендинг практически любой сложности


С адаптивностью?
Если думаешь, что пишешь говнокод, возможно стоит. Все же там рассказывают хорошие практики. Только про каскад не слушай :3
>>584377
#472 #584370
>>584367
На мой взгляд див состоит из трех секций - белого треугольника, серого треугольника, серого прямоугольника. Все друг под другом. Телефоны отрицательным маргином сдвинуты наверх.
>>584590
40 Кб, 607x565
#473 #584375
Что это за хуита?
В файрфоксе хейт такой какой я ставлю. А в хроме он больше.
Как бороться с таким багом?
#474 #584376
>>584367
Поднимали вопрос уже. Градиентом на бэкграунд или псевдоэлементом с бордерами.

Если сам совсем никак, то держи мою примесь для градиентов
https://codepen.io/rqrqrqrq/pen/NrWXbQ
бтв все 3 сделаны по разному, порастягивай экран и поймешь. Самый православный на large

Может доверстаю, залью на оценку анонам.
>>584590
#475 #584377
>>584368

>с адаптивностью?


с весьма херовой. Всегда верстал под ~1366х768, а потом добавлял медиа-правила.
Таки да, думаю, стоит глянуть базовый интенсив, но особо не углубляться.
#476 #584379
Кто перекат делать будет?
#477 #584386
>>584367
Псевдоэлементами еще проще.
width: 0;
height:0;
border-left: 100vw solid white;
border-bottom: /высота по макету/ solid gray;
top: 0;
right: 0;
>>584590
#478 #584387
Это вообще пушка.
У хрома все шрифты чуть больше, даже при точном задавании в пикселях.
>>584388>>584390
66 Кб, 689x643
#479 #584388
>>584387
Пик
>>584574
#480 #584390
>>584387
normalize?
>>584393
#481 #584391
блять ну дайте макеты аноны везде лэндинг или бутстрап (((
>>584432
#482 #584393
>>584390
Нормалайз стоит.
#483 #584432
>>584391
Поищи здесь, я парочку находил в свое время нормальных (больше 1 страницы+адаптивность). Хотя в основном, конечно, хипстерские говнолендинги, уи-киты и "отличный теплейт для портфолио)))".
http://freebiesbug.com/
>>584451
#484 #584451
>>584432
Годно, как искать подобные ресурсы?
#485 #584460
Так, ну что.
Хром и файрфокс по разному рендерят одни и теже размеры шрифтов. Как вы с этим боретесь? Или похуй? Но если забить, тогда ни о каком пиксельперфекте не может быть и речи.
>>584464>>584467
14 Кб, 869x104
#486 #584464
>>584460
А теперь иди копайся в своих браузерах.
>>584561
#487 #584467
>>584460
Проверил свой сайт-портфолио. Шрифты чутка по-разному отображаются (в огнелисе, будто, жирнее), но размеры те же. Что-то у тебя не правильно.
>>584561
#488 #584512
Аноны, в курсе, что htmlbook ВСЁ?
>>584518>>584550
#489 #584518
>>584512
в плане?
>>584520
#490 #584520
>>584518
он больше не поддерживается.
#491 #584538
А почему webref.ru никто не упомянул? Пиздатый сайт, теория и тестики-вопросики в конце.
>>584550
67 Кб, 538x286
#492 #584550
>>584512

>>584538
это одно и тоже.
На хтмл книжке об этом уже давно говорилось
>>584553
#493 #584553
>>584550
А, лол.
Я просто всегда сразу же закрывал это всплывающее сообщение.
123 Кб, 1520x686
#494 #584561
>>584467
>>584464
Вот различия заметны.
Хром по-другому рендерит пиксельные значения.
Чтобы видеть это лучше нужно много строк.
>>584628
#495 #584574
>>584388
а если задать min и max height?
>>584608
#496 #584590
>>584370
Я про то, как их сделать резиновыми.
>>584376
Спасибо, анонче, я просто в треде уже месяца три не сидел. Может наконец доверстаю этот сраный пинк тоже уже 3 месяца верстаю.
>>584386
Этот тоже будет тянуться на всю ширину, я правильно понимаю?
>>584711
#497 #584608
>>584574
Да там хейт вообще не обязателен, я его убрал. Контейнер растянется вместе с контентом.
#498 #584628
>>584561
Оказывается, это не хром, а файрфокс всё-таки.
http://foundation.zurb.com/forum/posts/22939-weird-displayfont-size-problem-between-firefox-and-chrome
863 Кб, 966x556
#499 #584639
Анон, подобные изображения хуячить на фон body в css или же в хедер вставлять в html?
402 Кб, 799x720
#500 #584648
Ну я и уёбок. Все эти проблемы с высотами и размерами шрифта были изза того что у меня в хрому 100% зум, тьюфу ты блядь.
>>584651
#501 #584651
>>584648
в хроме 110 % зум*
#502 #584665
>>584639
Бамп вопросу.
#503 #584683
>>584639
Если ты сможешь поставить картинку фоном через хтмл-разметку, я пришлю тебе все деньги, что валяются на моем вебмани кошельке (примерно 30 рублей). Без абсолютного позиционирования и прочей гомоебли.
Надеюсь, ты понял намек.
>>584730
#504 #584691
>>584639

>в header вставлять в html


не понял. Ты хочешь запилить фон тегом img? Нет, так сделать не стоит. Если ты о том, какому элементу устанавливать такой фон, то это спорно. Всё-таки, мне кажется, что лучше пилить это изображение в фон header'а.
>>584730
#505 #584694
Смотрю продвинутый интенсив, на втором уроке первой половины занятия нет. Так и должно быть?
>>584724
#506 #584711
>>584590
Да, оба решения на всю ширину, можешь потыкаться, посмотреть.
#507 #584714
>>584639
Очевидный хипста-лендос с хедером на 100vh, естессно фоном в хедер.
>>584730
#508 #584724
>>584694
что значит нет?
>>584731
#509 #584730
>>584714
>>584691
>>584683
Да, я уже сам посмотрел через псд что это фон хедера, НО! В хмтл это изображение полноценно надо прописывать? В базовом интенсиве говорилось, что ты пихаешь это изображение в код, а через цсс просто задаешь фон хедера, если вдруг цсс отвалится и изображение не прогрузится.
#510 #584731
>>584724
Я ошибся, всё есть. Просто урок начинается не с всеобщего приветствия, и в интерфейсе вебинара отображается, что прошло сорок минут.
испугался, что лососну с БЭМом
>>584735
#511 #584733
>>584730
если цсс отвалится, эта хипстерская хуйня не нужна.
>>584739>>584743
#512 #584735
>>584731

> лососну с БЭМом


Конечно лососнешь. Это норма, все лососут с БЭМом, пока не забивают на него хуй.
#513 #584736
>>584730
ну блядь ну ставишь ты фоном картинку, а цвет у фона еще задаешь, пиздец проблемма
#514 #584737
>>584735
но ведь без БЭМа в серьёзных проектах никуда.
#515 #584739
>>584733
>>584735
Таки первое время лососнешь, но забивать не стоит.
#516 #584741
>>584735
с БЭМ может и да, а с BEM все норм.
>>584747
#517 #584743
>>584733
Вот, значит это изображение чисто декоративное и в хмтл его писать не стоит?
#518 #584746
>>584730
Представь, что css отвалился, у тебя отображается голый html и ебнутая картинка между текстом на весь экран.
#519 #584747
>>584741
Если ты про полный фротентд стэк говна от яндеха, то вот он точно нахуй нигде не нужен.
>>584749>>584750
#520 #584749
>>584747
в чём разница между BEM и БЭМ? Я думал, они не отличаются.
>>584754
#521 #584750
>>584747
Мы тут вроде в треде только методологию наименования классов мусолим. Фул стэк нахуй не нужон.
>>584751
#522 #584751
>>584750
а что там ещё есть, кроме наименования классов есть? Вкратце.
>>584757>>584759
#523 #584754
>>584749
Да ни в чем, просто BEM-ом обычно именуют полный стэк яндекссдерьма https://ru.bem.info/.
>>584767
#524 #584757
>>584751
Они вместо html пишут json, хотя бы. Почитай на сайте, там еще библитека компонентов, свое представление бэм-дерева вместо дома, свои сборщики. Говно крч.
#525 #584759
>>584751
Ну не совсем говно, под свои задачи. Нам тут точно нахуй не упал.
>>584762
#526 #584762
>>584759
Так-то именно совсем ненужное говно, просто яндекс любит делать собственные костыли, вместо того, чтобы использовать уже давно существующие инструменты. Эффективный менеджемент такой эффективный, я еще проигрываю со своего знакомого, который ходит на обязательные КОПРОРАТИВЧИКИ раз в пятницу, играет там в карты и еще какой-то хуйне занимается с коллегами для укрепления корпоративного духа, лол.
>>584763>>584770
#527 #584763
>>584762

> со своего знакомого


Забыл дописал, что он в яндехе работает (отдел тестировки)
#528 #584767
>>584754
я думал, BEM это такой буржуйский БЭМ, который используют все серьёзные корпорации. Печаль.
>>584769>>584770
#529 #584769
>>584767
this.
иностранцы только нейминг зачастую и юзают, и модификатор поменяли
#530 #584770
>>584762
Ну имена классов то реально решают проблемы css.
>>584767
Так-то буржуи юзают православный б__э--м с изменениями, ну или smacss.
#531 #584773
А вообще, сейчас же css-modules подъехали. Решают сходную задачу создания нейм-спейсов без длиннющих имен классов. Та же абсолютая незаввисимость блоков, только не на уровне нейминга, а на уровне автоматизации.
>>584776>>584803
#532 #584776
>>584773

>css-modules


поподробнее
>>584781>>584782
#533 #584780
на деле насколько я понимаю получится от модулей вот такая вот херовина

._styles__title_309571057

разница в том, что там ты сам через БЭМ пишешь а тут собирается
>>584788
#534 #584781
>>584776
Идея в том, что ты, как раньше делал бэм-блок, делаешь модуль. Внутри него даешь обычные, адекватные имена классов, привязваешься как хочешь каскадом и тп. Короче как раньше говно-верстали, только в перделах одного модуля, а не всего сайта. Потом вместо тебя сборщик смотрит эти классы внутри модуля и каждый логический элемент переименовывает на рандомную хуету (ну или не рандомную, там настраивается) наподобие XLHFSFGK. Суть в том, что в проекте каждое такое название уникально.
В итоге, ты получаешь ту же абсолютную независимость, та же самодокументируемость в сорцах, но в итоговом билде у тебя каша с классами, но все работает.
>>584787>>584789
#535 #584782
>>584776
Да, был доклад на PiterCSS3, если интересно. Вся хуйня через PostCSS, прогрессивненько.
#536 #584787
>>584781
а less и sass не решают этих проблем?
>>584791
#537 #584788
>>584780
Может и адекватно называть и дописывать уникальный префикс/постфикс, но мне понравилась как раз опция жесточайшей обфуксации, что бы какой-нибудь бэкендер прям в билде зассал поправить.
#538 #584789
>>584781
Во-первых: нахуй это нужно?
Во-вторых: как тогда тестить верстку, каждый раз все это говно пересобирать что-ли?
>>584791
#539 #584791
>>584787
Разные плоскости же. Препроц избавляет от необходимости вручную прописывать все классы, если я тебя правильно понял. Тут же тебе вообще похуй между модулями как что называется. Ты верстаешь модуль.

>>584789
Открой для себя sourcemaps.

Вообще, это просто альтернативный способ решения проблем. Хочешь пользуйся, не хочешь, решай подругому, тем же бэмом или смаксом.
>>584794
#540 #584794
>>584791
А почему большая вложенность, если она не следствие кривых ручонок начинающего css-кодера, а следствие работы препроцессора - зло? Распространять же будут .less файл. Нужно править модуль - находишь компактно-размещённый блок и правишь его без еболы с длинными названиями.
>>584797
#541 #584797
>>584794
Ты меня не понял. Выше названные проблемы css решает не лесс, а методология, предположим, бэм. Лесс лишь облегчает использование твоей методологии. Сам лесс не делает твои блоки независимыми и тп.
Модули это альтернатива методологии, а не лессу.
#542 #584800
Перекат то будет, не?
#543 #584803
>>584773

>css-modules



соси хуй, хипстор)))
>>584811
#544 #584805
Аноны, кто-нибудь пользуется программкой PrePros? Стоит ставить?
>>584809>>584816
#545 #584809
>>584805

тут сидят исключительно модные консольные люди, не марающие руки об гуи-говно
>>584973
#546 #584811
>>584803
Пойду сверстаю лендинг с section { height: 100vh; }
Вообще, я сам не юзаю, просто в курсе что это и зачем. Почему бы не поделиться инфой с анонасами, вдруг когда-нибудь эта хипстота станет стандартом.
#547 #584816
>>584805
да, пока не разберешься с консольной автоматизацией (10 урок продвинутого) можешь юзать
>>584820
#548 #584820
>>584816
Попробовал поставить автообновление, не работает. С чем это может быть связано?
>>584829>>584865
#549 #584829
>>584820
Переустанови винамп. Мы все консоле-боги, хз.
#550 #584865
>>584820
вообще, автообновление же должно работать из коробки? Или под автообновлением подразумевается просто конвертация автоматическая конвертация препроцессорных файлов? Просто много куда потыкал, не работает почему-то.
>>584868>>584878
#551 #584868
>>584865
Может, возникли какие-нибудь конфликты с гитхабовским приложением?
#552 #584878
>>584865

>автообновление


это вы так watch называете?
я надеюсь речь не про препрос
>>584882
#553 #584882
>>584878
Именно про него. Конфликт, как я понял, из-за гита, потому что новый тестовый проект автообновляется нормально.
#554 #584973
>>584809
Умею в консоль, галпы хуялпы, и прочее дерьмо, но до сих пор юзаю препрос. Грантовский таск вотча мне почему-то начал выкидывать непонятные ошибки в процессе работы. Разбирать эту хуйню было лень, поэтому просто забил и вернулся к преросу. Полет нормальный.
#555 #584981
>>584973
Значит не умеешь
#556 #585019
Ну чё, много зарабатываете?
>>585043
#557 #585022
Котаны, кто-то сталкивался с ошибкой grunt does not satisfy its siblings' peerDependencies
Выскакивает когда инсталлишь плагины пачкой через npm. Что интересно, почти всегда он их таки ставит, но выбрасывает затем ошибку, и спамит ею каждый раз когда пытаешся что-то подгрузить.
>>585084
#558 #585042
>>584973
Кстати, Коала получше препроса, по-моему. Быстрее, не спамит просьбами задонатить, умеет все то же самое.
53 Кб, 604x340
#559 #585043
>>585019
Нет.
#560 #585048
>>579597 (OP)
Бэм где-то кроме рашки котируется?
>>585050>>585055
#561 #585049
Можно ли выучить хтмл+сзз за 2-3 недели, если учить по 8 часов в сутки?
>>585052>>585067
#562 #585050
>>585048
А кем он в рашке катируется?
>>585051>>585068
#563 #585051
>>585050
котируется*
#564 #585052
>>585049
Можно и быстрее наверное.
Главное понять главные идеи, как правила вкладывания тэгов, каскадность, box-модель.
#565 #585055
>>585048
Гугли Google Material Design Lite. Это ответит на твой вопрос.
#566 #585067
>>585049
всегда проигрываю с этих местных "учить", "выучить".
это тебе стих штоле блять?
#567 #585068
>>585050
Во многих вакансиях просят знание БЭМ.
#568 #585069
Товарищи, есть ссылка. В ней изображение и вставлен текст.
Как их выровнять на один уровень?
http://codepen.io/tvoibatya/pen/vKYjez
>>585070
#569 #585070
1330 Кб, 2600x1656
#570 #585083
Анон, а где найти нормальные макеты для вёрстки? Без всякого лендинга, бутстрапов и прочего говна? Вот я только что закончил базовый, хочу знания закрепить. Есть у тебя такие?
#571 #585084
>>585022
Переходи на gulp, он быстрее
#572 #585095
>>584973
анон, так почему препрос некорректно работает с проектом из гита? Стоит держать для разрабатываемого проекта отдельную папку, и только потом перекатывать в локальный репозиторий?
51 Кб, 522x650
#573 #585110
>>583871
Я блять только падинги придумал. Но они контейнер увеличивают.
>>585115
#574 #585115
>>585110

>пикрилейтед


мечта каждого второго анона

>>583871
>>585110
Он же и так вертикально спозиционирован по центру, нахуй менять. Но можно прописать display inline.
#575 #585122
Перекатывайте.
#576 #585151
Где перекат, блджад!
#578 #585186
>>585177
что за дедотред? ты ебанулся?
#580 #585455
>>585177
Охлол, петушок спалился. Ты поди еще и хипстор дохуя?
>>585461
#581 #585461
>>585455
У тебя совсем с юмором плохо, да?
>>585758
#582 #585758
>>585461
А у тебя с анусом анальной жеппы не все в порядке, я гарантирую это.
#583 #588547
Нюфаг итт, 29 лет + вагон свободного времени. Ничего не знаю совсем про верстку, профессия была связанна с другим.

Буду у вас жить.

Начинать буду с этого:

> Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS



> http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.



> Интенсивы от академии:


> Базовый интенсив HTMLacademy за 2015 год:


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



> Продвинутый интенсив HTMLacademy за 2015 год:


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



Спасибо вам за тред и такую подробную шапку!
>>588554
40 Кб, 642x590
#584 #588554
>>588547

Сразу вопрос:

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

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

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

Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
>>591372
#585 #589958
>>579675
Сетку бутсрапа используй, блять.
#586 #591372
>>588554

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


Внимательно прочитать шапку, няш :3
#587 #614298
Я что-то хуй знает, где тут это можно спросить, спрошу у тут, так как все таки специальность смежная.
Есть смысл учиться веб-дизайну? В смысле, я не верстальник, не погромист (вообще гуманитарий сраный), поэтому считаю, что верстку и все эти слова сложные не осилю, а веб-дизайн более творческая хуйня, как там с работой? Или отрасль уже мертва, и нужно становится человеком-оркетром, чтобы и в фотошопе сайт слепить, и сверстать его сразу же с нуля?
Тред утонул или удален.
Это копия, сохраненная 30 июня 2016 года.

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

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