Бамп

https://jsfiddle.net/efggnzuf/ -- код вот тут

Бамп быстрый

Где опытные верстальщики

флоатни вправо
или через абсолют позишн относительно родителя

>>132163146
Спасибо, помог, надо было оказывается лого флоатить. Тред можно закрывать. Вот уже занимаюсь версткой 2 месяца, но нихуя не выходит, я дебил?

>>132162752 (OP)
Засунь этот свой текст-в-красном в отдельный div и дай ему абсолютные координаты, хули тут думать.

>>132163655
Почему не относительные, так проще же.

>>132163629
Скорее всего, да. Ибо я и месяца не занимался, прошло уже больше полугода, а и то знаю.

>>132163629
Хз, особо версткой не заморачиваюсь, мне для фронт-енд дроча в жс нужен был.

анон с ответом

>>132163821
А сможешь ли сейчас простую страничку сверстать?

>>132163786
Да полно решений, в зависимости от того, чего ОП хочет добиться.
Фишка в том, чтобы не тупо пытаться код писать, а сначала вообще на бумажке попытаться понять, чего и как лучше сделать, что должно происходить при вертикальном скролле страницы, при увеличении/уменьшении, при горизонтальном скролле на маленьком экране.
Что будет, если текста будет больше/меньше, если в основной области будет какой-то текст и т.п.
Если как следует сначала головой подумать, понять идею, то потом уже код не нужно изобретать/рожать, просто конкретно пишешь то, что тебе нужно, на языке HTML+CSS.

>>132164295
Все опытные версталы так делают? Чет ни разу не видел, чтобы они там йоба-план рисовали, просто возьмут и напишут код по макету верстая сверху вниз.

>>132163629
А чего там должно "выходить"? Разбираешь себе спокойно кейсы и туториалы, смотришь самые разные варианты верстки, качественно сделанные. Понимашь, как это все работает.
А когда тебе уже нужно реально что-то заверстать, вспоминаешь, каким путем эта задача решается проще всего.
Редко когда нужно изобретать что-то вообще принципиально новое, неведомое. В 99% случаев достаточно чуток подогнать те варианты, которые уже сто раз расписаны и отлажены.

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

>>132164519
Может быть, опытный верстала у себя в голове это сразу прикидывает, фиг знает, талант у него, опыт.
Но я как-то не верю, что что-то серьезное можно так создать, когда у тебя в макете сотни дивов вложенных.
Тем более, что все-таки нужно как-то продумать изначально (и в ТЗ это должно быть описано), что делать, когда экран маленький (смартфон, например), как вообще себя вести на разных разрешениях экрана (иногда сайт очень мудацки смотрится, если его растянуть на 20+ дюймовый монитор), сколько максимум пунктов в выпадающем меню, максимальная длина названия пункта в этом меню, что делать при скроллах (какие дивы тоже скроллятся, какие остаются на месте, какие-то хитрожопо видоизменяются при скролле, например, шапка сворачивается в одну строку), и еще дофига подобной ебалды.
Фиг знает, если кто-то это может в голове проделать - респектую.

Но реально не верится. Еще скажи, что программер может написать софтину на тысячи строк, без ТЗ и без архитектуры.
Или базу SQL-ную на сотню таблиц нахуячить прямо вот так, CREATE TABLE HUIPIZDA и понеслась.

>>132165071
Сперва страницы по разрешению мониторов компа или ноута же верстают, потом уже пилят под адаптивку для экранов смартфона, планшетов.

>>132162752 (OP)
Див контейнер, в нем два дива: лого и красная хуйня, оба inline-block. У дива с хуйней float: rigt. Как-то так https://jsfiddle.net/hscutckf/, не?

>>132164866
Ну так я и говорю, блин, перед тем, как лабать код, сядь и подумай. Какой див где должен быть, как он должен позиционироваться относительно других дивов, как они будут float друг за другом (или друг под другом) и т.п.
Потом разбиваешь задачу на куски, от самого общего в частностям, для каждого куска берешь качественный экзампл, где аналогичная компоновка, чуток правишь под себя, все, готово.
Насколько я понимаю, выучить какой-то язык разметки или язык программирования - это не сложно. А научиться структурно логично мыслить, проектировать, продумывать наперед разные варианты - вот это редко кто себя утруждает. Хули, воруй-убивай, еби гусей, лабай говнокод, думать не надо, само как-нибудь получится.
Пока проект на десяток страничек - получится. Когда он чуть сложнее, ой бля, а архитектура-то не продумана, все куда-то расползается-разъезжается, а если portrait, а если landscape, а если скролл, а если у меня навигация мышкой, а если тачскрином, как на планшете, где кнопок нет, а если разрешение маленькое, ой, не подумал, пиздец-пиздец, я вообще не понимаю, как это все работает, а тут дедлайн, надо сдавать, а жопой чуешь, что тут все с нуля надо нормально переделывать.

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

>>132165457
Можно и без инлайнов обойтись, через флоат заработало, спасибо анон за совет

>>132165811
Нахуя нужны бустрапы и прочие фреймворки для цсс? Там готовый можно что ли скопипастить?

>>132165945
*готовый код

фикс

>>132165249
Да я же не спорить сюда пришел, пусть делают, как хотят.
У меня 10 лет был небольшой бизнес по сайтостроению, базам данных и автоматизации. И я неоднократно убедился, что если менеджер проекта о чем-то задумался на этапе проектировки и написания ТЗ, то у него это может занять, например, 3 часа, чтобы толково все расписать. Потом подтвердить у заказчика, а правда ли это именно то, что он хочет.
А если лидер с программером стал это делать уже на этапе кодирования, то можно и три дня убить, писать-переписывать-тестировать-материться.
Пока проект малюсенький, можно и верстку делать "сразу пишет код", и программирование, и создание БД, и дизайн тоже на ходу придумывать.
Чуть проект становится побольше, такая хуита уже не прокатывает, все разваливается и глючит.
Ну блин, если ты мамке на даче строишь каркас для пленки над грядкой, наверное, можно просто палки вбить и прихуячить парой гвоздей. Но если нужно построить что-то сложнее сортира, то планирование и проектирование очень даже актуально становится.

>>132165608
Когда смотришь обучающее видосы складывается впечатление что автор верстает без подготовки, а сразу автоматом.

>>132166078
Спасибо анон за советы, ты охуенный. Как думаешь будет ли работа веб-макаки на ближайшие 3-4 года? Я хочу научится уверенно кодить на js/php и заняться веб-разроботкой, рынок уже перенасыщен макаками? Хотел бы стать настоящим программистом и но я слишком тупой для C++ или джавы.

>>132165945
Я ж написал, зачем. Оно тебе дает удобные классы. Тот же адаптивный grid, формы, списки, короче всякие рутинные вещи. Хули такой ленивы - зайди на сайт да посмотри.

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

>>132166906
>программисты
>тред о верстке

>>132162752 (OP)
float

>>132166906
Ньфаги стали ленивые пиздец. Везде так. А в вебе порог вхождения ниже, вот и лезет всякое быдло. Оно все равно внизу остается, потому что на каждом шагу спотыкается и само подниматься не может

>>132162752 (OP)
Верстай таблицей уже.

>>132167598
муторно же все расписывать

>>132167694
Хули муторного
<table>
<tr><td>logo</td><td>red huinya<td></tr>
<tr><td colspan=2>content</td></tr>
</table>

>>132167883
Вот это хороший, годный совет уровня б.

>>132166650
Сорри, анон, мы, похоже, по разному понимает понятие "кодинг".
Понимаешь, тут как с иностранными языками. Вопрос не в том, что ты знаешь французский, а я немецкий. А в том, ЧТО ИМЕННО ТЫ ХОЧЕШЬ СКАЗАТЬ на этом языке. Выучить js или php или яву с плюсами - это вполне реально. Причем я бы не сказал, что C++ как-то на порядок сложнее PHP. Принципы, которые лежат в основе - все те же самые. Посмотри на код, например, как посчитать числа Фибоначчи на JS и на C++ . Или как найти корни квадратного уравнения. Что, хочешь сказать, дохуя огромная разница?
А вот умеешь ли ты структурно мыслить, чтобы спроектировать и с помощью этого языка выразить то, что от тебя требует заказчик/начальник?
Пусть ты идеально знаешь английский, но это еще никак не делает тебя интересным собеседником.

Но макак, которые знают синтаксис HTML5+CSS+JS+PHP - довольно много, конкуренция. Людей, умеющих думать - намного меньше, и это уже реальная ценность. Когда я брал людей на работу, мне было не особо важно, сколько языков человек знает. Важнее было то, насколько вообще человек адекватен и насколько хорошо соображает.
Поэтому я в который раз за этот тред призываю - учись думать наперед, планировать, проектировать, осознавать.
Если ты умеешь ясно и четко мыслить, то переложить это на машинный язык - не такая большая проблема.
И вот тогда ты будешь очень даже востребован, как специалист, а не как макака.

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

Это все очень субъективно, может быть, есть и другие подходы, не принимай слишком всерьез.
Я люблю делать все качественно и пиздато, надежно, аккуратно, стабильно, прозрачно. Но у кого-то могут быть другие ценности и подходы.

>>132167883
Оу йес, детка! Такого я уже лет 15 не видел, такая-то ламповость!

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

>>132168861
Да фиг знает, любой скилл прокачивается, если достаточно времени и внимания ему уделить.
А уделить чему-то много времени и внимания легко в том случае, если тебе это действительно искренне нравится.
Сложно принудить себя учить что-то, что тебе в хрен не впилось.

Как-то раз, было мне 27 лет тогда, решил я научиться, внимание, танцевать. Пошел на занятия. Полгода пытался сделать базовые шаги, что обычные люди осваивают за несколько тренировок. Короче, был самым деревянным и тупым дебилом среди всех учеников.
Ну и хули, не бросал, тренировался почти каждый день. И потихонечку стало получаться. Через пару лет сам уже стал тренировать. Потом группу вел, потом несколько групп. Денег неплохо поднимать стал. Короче, все возможно, если сильно захотеть, даже если вначале пиздец как трудно и ничего не получается.

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

>>132168118
> Или как найти корни квадратного уравнения. Что, хочешь сказать, дохуя огромная разница?
Ну на таких ванильных задачах разница разве что с бренфаком будет сильно видна. Кресты, если с пхп спавнивать, много сложнее из-за ручного управления памятью (и дело не в том, что нужно усвоить, мол на каждый alloc должен быть свой free, а в том, что есть много инструментов, те же смартпоинтеры, семантика перемещения и т.п. и много способов отхуячить себе ногу начисто доселе неведомым тебе способом). А еще стоит добавить сюда макросы, "анахронизм" - сажешь ты, но ими все еще пользуются. А еще шаблоны, тоже сложновато в них въехать, если ты из динамического языка пришел.
Так что, порог входа у разных языков сильно разный.

> чтобы каждая функция, по возможности, помещалась на один-два экрана
Как-то это многовато, не?

В дополнение к советам мудрым этого анона добавлю: по твоему стеку - не стоит останавливаться на ванильном js/css, ты молодец, что с них начал, погромисты на jquery утомляют, однако, для маломальскт серьезных вещей следует использовать инструменты, это просто экономит время. Обязательно обрати внимание на less или другой препроцессор, посмотри на css фреймверки. Изучи react, заостряю внимание на нем, т.к. вся методология кажется отличной идеей, тебя никто не заставляет становиться его евангелистом, но обогатиться идеями стоит. Не изучай js по старым учебникам - es6/es7 преобразили язык, сделав его куда выразительней. Так что, возможно, ты сейчас изучеаешь неактуальные уже вещи. Обязательно изучи системы сборки - это просто и это повседневный рабочий инструмент. Советую обратить внимание на webpack, ну и npm, разумеется. Прочитай что-то про тестирование и рефакторинг, если не книгу, то хотя бы пару статей на хабре - это отличная инженерная практика, которая будет заставлять тебя писать почеловечески и не испытывать ужаса при необходимости что-то поменять. Добра.

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

Ну огромный респект вам ребята, много полезной инфы написали, сами вы с чего начинали? В каком возрасте? Что сперва учили?

>>132169833
>Так что, порог входа у разных языков сильно разный.
Согласен, что разный. Но не на порядки. Если человек в состоянии понять, что такое объекты, что такое рекурсия, что такое инвариант цикла и тому подобная ебалда - думаю, он осилит любой язык (про брейнфак или лисп в данном контексте не говорим).
Про управление памятью - да, это заставляет дофига мозг включить. С другой стороны, вырабатывается определенная дисциплина, которая потом очень помогает. В любых вопросах, даже не связанных с памятью, например, открыл файл, проверил, обработкик ошибки, прочитал строку, проверил, обработчик ошибки, закрыл файл. Создал объект, объект отработал, завершил объект. Не бросать начатые вещи, доводить до конца. Языки, где все это само-собой типа как решается - на мой взгляд, развращают и притупляют внимание.
Короче, я с тобой согласен, мысль была в том, что любое программирование состоит из а) синтаксиса и б) логики. Выучить синтакцис PHP и C++ и JS может быть не одно и то же, но примерно одного порядка вещи. А вот научиться логически мыслить - это другого уровня задача.

> Как-то это многовато, не?
Я стараюсь в одну страницу укладываться. Чем проще, тем лучше. Но ситуации разные бывают. Например, какой-нибудь длинный SWITCH / CASE, где просто перечисляются много вариантов. И тупо не помещается это на один экран. Это не катастрофа, но лучше стараться покомпактнее писать.

>>132171575
Да, ты прав, умение декомпозировать и находить приемлимый способ закодить то, что надекомпозировал - это неизменная часть разработки, независимо от технологий. Скорее наоборот: выбор инструмента является следствием анализа задачи.
А свичкейсы ога, терминальный случай, ничего не поделаешь.

> сами вы с чего начинали? В каком возрасте? Что сперва учили?

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