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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
30 Кб, 300x219
28 Кб, 600x338
86 Кб, 730x599
Верстка-тред №49 #432466 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Основная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:

>Идите нахуй.


или

>Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css



То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz

Прошлый тред >>415040 (OP)
#2 #432488
Поясните. Имеем 2 слайдера сделанные через бутстрап. Задача опустить индикаторы у второго слайдера. Как это осуществить?
>>433000
#3 #432519
Есть контейнер, содержащий весь контент сайта.
Есть блок обратной связи с формой, на всю высоту экрана и шириной 430 пикселей, который изначально скрыт.

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

Как бы кто такое сверстал?
>>432695
4 Кб, 200x200
#4 #432646
такое ощущение, что я тут единственный сижу вечно. Либо тут просто никто не знает ничего, и не подсказывает добрым людям.
>>432693>>432806
#5 #432693
>>432646
Тоже сижу, если не постоянно, то время от времени. Отвечаю мало, потому что 95% вопросов задают полные ньюфаги. Знаю что не очень правильно, но щито поделать. Такой вот я.
>>432964
#6 #432695
>>432519
Пояснять лень, да и устал уже.
Вот здесь парень что-то похожее делает.
https://www.youtube.com/watch?v=_RPFalOGOJU&index=5&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o
>>432700
#7 #432700
>>432695

О, спасибо, должно подойти
#8 #432806
>>432646
Not your personal google.
#9 #432816
Скиньте пожалуйста решение этих испытаний, не успеваю, а ачивку охота.
Курс «Рамки и фоны, часть 2» / Испытание: ювелирная работа
Кекстаграм: Эпилог. JavaScript / Испытание: игровые фишки
11 Кб, 819x460
#10 #432964
>>432993
#11 #432993
>>432964
Да ну чего ты. Никакого неуважения к ньюфаням у меня нет. Сам таким же был в начале осени. Просто неинтересно отвечать в сотый раз про то как делать меню на нердсе. Отвечаю только если вижу что никто не откликнулся, а так тут и без меня неплохо справляются. Что радует, если честно.
>>433000
13 Кб, 819x460
#12 #433000
>>432488 вот тебе вопрос заданный мной на который никто не отвечал. Могу кинуть код, если не поймешь о чем я говорю.
Думаю надо было сделать второй слайдер через owl, но не уверен в том, что это правильно делать два слайдера по разному.

>>432993
>>433028
#13 #433017
Новогодняя акция хтмлакадемии кажись все. Не хочет задания проверять. Ну да ладно, пройду сначала интенсивы, а потом 300 рублей заплачу.
>>433019
#14 #433019
>>433017
в чем проблема почитать инфу в интернете? Куча всяких видео есть на ютубе.
>>433020
#15 #433020
>>433019
Ну эта жи хтмлакадмия!!1 Мне нравится, когда все в одном месте, хороший курс.
>>433022
71 Кб, 819x460
#16 #433022
>>433020
скорее пустая трата денег, когда можно прочитать все или посмотреть в гугле.
>>433501
#17 #433027
>>432466 (OP)
Оп-хуй, ты зачем для Джаваскрипт нарисовал значок Джава? Ты знаешь, что это два разных языка?
>>433029>>433030
#18 #433028
>>433000
Потому и не ответили что ты по дебильному его задал. Я тебе экстрасенс что ли блять?
>>433042
#19 #433029
>>433027
Конечно не знаю.
#20 #433030
>>433027
первый пошел
#21 #433042
>>433028
пофиг на слайдеры эти. Лучше помоги с этим http://codepen.io/anon/pen/BjRgrV . Что я пишу не так? При уменьшение экрана картинки не становятся меньше, а выходят за границы контейнера. Задавал уже этот вопрос в прошлом треде, но так и не помогли. Уже второй день не понимаю, что не так. Нашел кучу подобных макетов, но там все работает хорошо, а у меня хуй.
>>433047
#22 #433047
>>433042
Ты там что-то с путями напутал, потому что у меня картинки вообще не отображаются.
>>433049
#23 #433049
>>433047
я вообще не знаю, как картинки должны отображаться на этом сайте. Их там надо как-то загружать?
>>433057
#24 #433057
>>433049
Хз если честно. Попробуй заметить онлайн-плейсхолдерами.
>>433058>>433087
#25 #433058
>>433057

>заменить


фикс
#26 #433087
>>433057
http://codepen.io/anon/pen/WrjqqW#0

сейчас вроде норм
>>433110
#27 #433110
>>433087
У картинок добавь класс img-responsive. Удали ширину и высоту у правого и левого блока
http://codepen.io/anon/pen/zrwgKN
>>433140>>433384
#28 #433140
>>433110
оооо "img-responsive" это бутстраповский класс для картинок? Знал бы его раньше неебался бы уже второй день с ними. Видать я не тот сайт бутстрапа листаю. Спасибо.
#29 #433325
алло
389 Кб, 1600x2133
#30 #433326
Где блять почитать про scacss? Читаю офф доки, но примеров мало и я унтерменш не очень хорошо понимаю ангельский. Надо именно примеры. Как собрать, прокоммпилировать и все такое. В рунете вообще нихуя толком нет по этой теме.
>>433424
211 Кб, 1380x611
#31 #433327
А вас уволят из шарашкиной конторы за то, что вы на пиксель ушли от кнопки, которая стоит на другой стороне страницы :))))))))
>>433333>>433344
#32 #433333
>>433327
Кеканул, и где тут проблема верстальщика?
Очевидно же, что слова "Evernote" не должно быть там, либо просто дизайнер проебался.
109 Кб, 819x460
#33 #433344
>>433327
проиграно
272 Кб, 745x534
#34 #433384
>>433110
подскажи почему не меняется цвет прозрачности?
Так же почему не получается сделать, чтобы вовремя наведения мышки появлялся +, как на скрине. http://codepen.io/anon/pen/EPXKMM?editors=110
>>433462
#35 #433424
#36 #433462
>>433384
https://codepen.io/anon/pen/mVwOQP?editors=110
Сделал, но с небольшими косяками. Сейчас некогда править. Если есть желание разобрать по частям тобою написанное, то вечером вернусь. Обрати внимание, что я добавил в html блок mask.
>>433519>>434177
#37 #433501
>>433022
300 рублей охуеть какие деньги большие.
#38 #433519
>>433462
жду
#39 #433668

> верстка


> проект размещен 17:40


> 1000000 откликов

#40 #433697
Посоны, background css svg fragments в хроме не поддерживаются?
Какого хуя на кэнайюз написано что да, а у меня не работает нехера. Анус пылает.
#41 #433759
http://drewhamiltondesign.com/

как же у меня пригорела, когда я посмотрел его портфолио.
>>433772>>434477
#42 #433772
>>433759

лолблядь, особенно спун, что это за хуйня вообще.
А главный сайт весь такой прямо пиздатый анимированый
>>434477
#43 #433811
Анончики, я сам asp.net макака заделывающаяся. Надо выучить хтмл и цсс на уровне семантически правильной вёрстки. Что надо курить из шапки?
>>433894>>439473
#44 #433894
>>433811
Перхоть.
143 Кб, 574x351
#45 #433968
http://codepen.io/anon/pen/VeWMbO

Почему у меня не срабатывает селектор?

.catalog-item:hover + .catalog-item-inner {
display: block;
}
>>433982>>433985
#46 #433982
>>433968
Я нюфек, но вроде через запятую нужно, ни?
>>434020
#47 #433985
>>433968

Вместо плюса поставь ">"
>>434020
#48 #434020
>>433985
Спасибо.
>>433982
Через запятую означало бы, что свойство просто применится ко всем селекторам разделенными запятой. А мне нужно было, чтобы при наведении курсора на .catalog-item срабатывало свойство display: block у .catalog-item-inner
#49 #434177
>>433462
анон, ты тут?
>>434258
24 Кб, 300x300
#50 #434258
>>434177
Тут. Окончательный вариант:
https://codepen.io/anon/pen/obwdrP?editors=110

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


>Так же почему не получается сделать, чтобы вовремя наведения мышки появлялся +, как на скрине.



Картинке с ховером ты задаешь свойство content — неправильно. Content задаётся элементам с псевдоклассами :before и :after.

Картинке, при наведении, ты придал значение прозрачности 0.4 и зелёный бэкграунд, но бэк у изображения не будет видимым. Просто прими как должное. Твою логику понимаю и сам накалывался на этом, но, видимо, это недоработки в спецификации css.

Объяснил хуёво, но как могу.
>>434322
124 Кб, 304x202
#52 #434322
>>434258
нормально объяснил мне. Все супер. Спасибо.

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

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

Так же ты не тот анон, который устроился на работу версталой или я путаю?
>>434343>>434538
344 Кб, 1024x768
#53 #434343
>>434322

> Думаю главная ошибка в нём это редкая практика по таким задачам.


Верно.

Пример со слайдером вкинь, разберемся.

>Так же ты не тот анон, который устроился на работу версталой или я путаю?


Нет, не он.
>>434415>>434516
#54 #434415
>>435230
#55 #434477
>>433759
>>433772
У меня и главный сайт еле прогрузился, сразу видно верстальщик бутстрапа + нескучные скрипты. Даже не знаю, почему у тебя пригорело.
#56 #434516
>>434343
У тебя какой уровень подготовки? По чему учился, какой уровень практики? Верстал уже что-то отдельное? Интенсивы курил?
Скорее всего ты просто не по тому алгоритму пошел, либо на каком-то пункте жестко проебался в плане теории.
Ну и практика необходима ессно, куда ж без нее.
#57 #434526
>>434516
кому ты это написал конкретно?
>>434538
#58 #434538
>>434526
Ох блин, прошу прощения, промазал и не заметил даже. Ньюфажеку тому написал.
Это >>434516 сюда >>434322
#59 #434540
Анончик, как сделать, чтобы в заполненом виде инпут был белым?

http://codepen.io/anon/pen/MKoPNB
>>434545>>434547
#60 #434545
>>434540
Объясни конкретнее.
>>434548
#61 #434547
>>434540

Ну смотри, у инпута бекграунд серый, а нужно, чтобы когда в него написал что-то, он стал белый.
Я там попытался разные варианты, но что-то не то, хотя мне по прежнему кажется, что через val() нужно.
>>434548
#62 #434548
>>434545
>>434547

вот так, то есть
>>434579
#63 #434563
>>434516

>У тебя какой уровень подготовки?


А как мне узнать какой у меня уровень подготовки?

>По чему учился, какой уровень практики?


Прошел хтмл академию, смотрю различные ролики за 2015 год(не старше 1 года, так как ссыкую, что там может уже устаревшая инфа быть).

>Верстал уже что-то отдельное?


Сверстал в общей сложности макетов штук 5, а может 6. Точно не скажу. Отдельное ты имеешь в виду, что-то из архива академии?

>Интенсивы курил?


Интенсивы курил.

Согласен. Моя слабость css, и то что я начинаю забывать что-то во время верстки макета(думаю у многих так было). Особенно всякие position и display, так же ховер в котором помогал добрый анон. Никак не могу запомнить их принцип работы. Начал пытаться освоить бутстрап, но вроде сейчас более менее понимать его начал.
В остальном мне помогает инструмент разработчика. Если что-то не понимаю, то делаю сначала в нем все, а потом уже полученное кидаю в редактор.

Хотел что-то еще написать, но забыл.
#64 #434579
>>434548
Так проще всего наверное

var input = document.querySelector( ".back" );

input.oninput = function() {
if( input.value ) {
input.style.background = "white";
}
else {
input.style.background = "";
}
}
>>434583
#65 #434583
>>434579
Ох блять, хуйню спорол.
Держи короче.
https://jsbin.com/lezeqam/10/edit?html,css,js,console,output
>>434592
#66 #434592
>>434583

Смотри, а если четыре инпута, работает только на первом
https://jsbin.com/gemekozufi/1/edit?html,css,js,console,output
>>434595
#67 #434595
>>434592
Это не джиквери друг, это чистый джс. На нем если инпута четыре, надо собирать их всех в массив через querySelectorAll, а затем вешать обработчик через делегирование, ну или циклом пройтись.
Если интересно, могу дописать скрипт. Если нет, то лучше возвращайся к джиквери. Там вроде все попроще будет, в детали лезть не надо.
>>434597
#68 #434597
>>434595

Очень интересно
>>434598
#70 #434602
>>434598

Спасибо!
>>434641
#71 #434604
>>434598

А ради интереса можешь на Жквери запилить?
#72 #434606
>>434598
>>434604

Или там будет также, через цикл? Если также, то не пили.
А то у меня просто через условие не получается
>>434623>>440949
#73 #434610
>>434598
в скрипт еще строку добавить надо, чтобы он в самом начале если задано value для инпута менял фон. А так норм

мимоанон
>>434641
#74 #434623
>>434604
>>434606
Там все вроде проще. В методах джиквери, насколько я знаю, циклы уже интегрированы.
Но написать не могу, извини. Синтаксис джиквери вообще не знаю. За все время обучения работал с ним чуть меньше получаса. Только пьюр джс, только хардкор.
А вот когда нативный подтяну до нормального уровня, тогда и за фреймворки примусь. А то учить сходу фреймворк, как по мне, тугая практика.
Портишь восприятие языка, нихуя не понимаешь что внутри творится, только функции цепочкой вызываешь. Программист уровня б получается.
>>434640
#75 #434640
>>434623

Ясно.
С чего начинал учить ЖС? Чем продолжил? Книги помогают в этом плане?

Я проходил кодакадемию и повторял выскакивающий попап из барбершопа. Но вот к примеру что-то вот такое попалось, и я уже соснул на чистом
>>434715
#76 #434641
>>434610
Согласен, правда одной строкой не получилось.
>>434602
Держи, если надо, доработанный
https://jsbin.com/zayohu/edit?html,js,console,output
>>434690
#77 #434690
>>434641

Спасибо
#78 #434715
>>434640
Вообще начинал с eloquent javascript, но она слишком неудобна для новичка. Потом пересел на Кантора для ньюфага, ИМХО, мастхев. С тех пор его курю, щас как раз вторую часть учебника оканчиваю.
Насчет книг - думаю да. Я вообще люблю по книгам учить технологии. Ну или по чему-то, структурированному приблизительно как книги. В них информация изложена последовательно. Автор ставит себе намерение раскрыть перед тобой рассматриваемую тему и концентрируется только на ней. Хочешь не хочешь, а понимание описанного предмета получишь.
Ну и практика ессно. В программировании именно она решает.
#79 #434735
объясните, как установить шрифты после того, как я скачал их с fontsquirrel? Генератором воспользовался, скачал архив, а что потом делать? Как их активировать?
>>434736
#80 #434736
>>434735
Гугли @font-face
>>434738>>434745
#81 #434738
>>434736
так и делал, но он не видит.
>>434746
#83 #434746
>>434745
не туда - вот сюда >>434738
>>434761
#84 #434747
Аноны, вот я изучил бок шадоу, и не знаю теперь как делать такие менюшки без него. Абсолютными бефор элементами? У меня такой вопрос, вот есть, например, у меня код ( http://codepen.io/anon/pen/rxzBzJ ), что нужно добавить к этому коду, чтобы это дело хоть как-то работало в старых браузерах (выделение активного пункта меню, например).
>>434751
#85 #434751
>>434747
О каких браузерах вообще речь идет? ИЕ8- чтоль?
Да забей на них вообще. Требование поддерживать динозавров встречается редко. Ну разве что ты работаешь в конторе с каким-то монструозным приложением и огромной историей. Но до того момента, уж поверь, разберешся.
>>434755
#86 #434755
>>434751
Ок. Тогда другой вопрос, бокс шадоу нельзя что-ли процентно офсетить? Ну типа сделал её внутренней и сдвинул на 100% и она как бэкгр колор стала.
>>434759
#87 #434759
>>434755
А, лол, я только сейчас понял что из себя представляет внутренняя тень.
#88 #434761
>>434746
http://codepen.io/anon/pen/EPvYdd

что я сделал не так?
>>434788
#89 #434788
>>434761

Точно не могу сказать, но видимо напутал с путями к файлу шрифта.
Вот такая запись
src: url('bebasneue_regular-webfont.ttf')
означает что файл шрифта находится в корневой папке проекта.

А, ну и я надеюсь ты понимаешь, что затем шрифт надо подключить в боди или любом другом элементе через свойство font-family.
>>434815
#90 #434815
>>434788
Странно, но все пишут так.
#91 #434918
Чем тестите под ИЕ посоны?
Лично у меня с этим траблы. На оси стоит одна ИЕшка 11ая, и та глючная. Со скачиванием другой начинаются майкрософтопроблемы уровня, удали старую версию, почисть пк от вирусов/реестра/временных файлов/микробов/неба/аллаха, отмой процессор с мылом, помолись сатане етц.
Короче полный пиздец. А в итоге у меня на ПК все равно будет какая-то одна версия ослика, пусть и полностью рабочая.
Как это дело упростить и иметь возможность хотя бы приблизительно оценить ситуацию в ИЕ 9-11?
>>435077
#92 #434933
Посоны, что такое Unbounce landing и E-commerce landing?
#93 #435077
>>434918

В ИЕ11 в F12 есть эмулирование старых версий, самый нижний пункт
#94 #435103

> С одного-двух месяцев до 4+



Окей, а это начиная с какого уровня знаний?

С чего начать человеку, котрый вообще в этом не понимает? Есть много времени, свободного от основной работы, да и голова на месте. Решил попробовать, да не знаю с чего начать.
>>435111>>435162
#95 #435111
>>435103

>С чего начать человеку, котрый вообще в этом не понимает?


С фака
>>435125
#96 #435125
>>435111

Но там все непонятно.
>>435158
#97 #435158
>>435125

>Все основная инфа и материалы здесь:


>Обновленная паста - >http://pastebin.com/ytWW0UfU


что тебе здесь непонятно-то? По шагам же расписано. Ну прочти еще раз. Если все равно не поймешь - тогда это не твое.
#98 #435162
>>435103
Качаешь базовый интенсив- смотришь, вникаешь, параллельно проходишь курсы доступные на htmlacademy. Все, что необходимо для начала там есть.
#99 #435230
>>434415
мне тут подскажет кто-нибудь, как выполнить?
519 Кб, 1500x2000
#100 #435581
Бля, как выровнять inline-block'и в бутстраповской ячейке? Надо несколько блоков запихивать в 1 строку? Тоесть в одну бутстрап ячейку 2 блока рядом и выровнять их посредине? Неужели только margin'ом от стены отталкиваться и на глаз центр искать?
26 Кб, 811x591
#101 #435652
Итак свершилось то, чего вы так долго все ждали.
Базовый JS интенсив
https://yadi.sk/d/3 3-a4VF_m f4Ys

Пробелы убираем.
#102 #435659
>>435652
уже несколько дней на торренте лежит

смотрел? как?
>>435662>>436326
#103 #435662
>>435659
Только программу просмотрел. По моему очень хорошо. Качество подачи на уровне. Академия в этом плане, похоже, лучшая в рунете.
#104 #435669
>>435652
Слышь, вот сюда послушай. Слышишь? Ты красавчик!
48 Кб, 467x700
#105 #435678
35 Кб, 806x387
37 Кб, 836x399
#106 #435682
Тут итоги 2015 подъехали
>>435683>>435934
#107 #435683
>>435682
Это популярность или оплачиваемость?
>>435687>>435951
33 Кб, 560x513
42 Кб, 586x520
34 Кб, 560x525
#108 #435687
>>435683
Популярность, на счет зарплат есть только суммарно по технологиям. И вообще кому интересно можете посмотреть тут http://stackoverflow.com/research/developer-survey-2015#profile-experience
Там дохуя интересного.
>>435688
52 Кб, 696x518
#109 #435688
>>435687
самый жир отпал
1865 Кб, 215x200
#110 #435842
10 Кб, 1641x244
#111 #435922
Продублирую и здесь

У меня такая разметка
<td>
<span class="sit-in-the-corner">
13
</span>
Текст-Текст<br/>
Текст-Текст
</td>

sit-in-the-corner {
float: left;
margin-left: 5px;
margin-top: -15px;
}

table td {
vertical-align: middle;
text-align: center;
}

Как сделать чтобы флоат числа которое в верхнем левом углу не спихивало строку которая находится в ячейчке таблицы
>>435931
#112 #435931
>>435922
в песочницу заливай
>>435962
#113 #435934
>>435682
Ессно это популярность. Не может PHP оплачиваться дороже JS
>>435951
#114 #435951
#115 #435962
>>435931
https://jsfiddle.net/91zwgrtr/2/
Значение margin-top здесь отличаются
>>435966
#116 #435966
>>435962
Ой, точнее вот так
https://jsfiddle.net/91zwgrtr/5/
>>435991>>435993
#117 #435991
>>435966
Перезалей на кодепен, разберись с лапшой в html, объясни нормально задачу.
Проще всего в таком случае позиционировать спан абсолютно, чем пердолиться с флоатами, к тому же в таблицах они себя ведут "не очень". Ну и пару моментов у тебя совершенно неочевидных.
Нахуя прописывать такой чудовищный lh? Зачем импортант на заголовке и т.д?
Переписывай.
>>436041
#118 #435993
>>435966
Ах да, в нагрузку, именовать классы так нельзя.
Они не могут быть оформительскими. Если это день месяца, то так и напиши.
#119 #436041
>>435991
http://codepen.io/anon/pen/GovwON

> разберись с лапшой в html, объясни нормально задачу.


Разметке генерируется на стороне сервера, но там ничего такого нету
Нужно отобразить календарь с некоторым содержимым
Выводятся td в цикле
Если есть содержимое то спану с числом приписывается один класс
Если нету то другой
Если нету как видишь все как нужно отображается, если есть то сдвигает в бок содержимое

> Проще всего в таком случае позиционировать спан абсолютно,


Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений? Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?

> Зачем импортант на заголовке


Там 2 имортанта
Если их убрать то надписи не будут центрироваться посредине клетки, это похоже что-то в бутстрапе переопределяет.

> Ах да, в нагрузку, именовать классы так нельзя.


Переименовал
>>436074
#120 #436074
>>436041
http://codepen.io/Ykro314/pen/OMjaBx?editors=110

>Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений?


Будет

>Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?


За счет комбинирования position:relative у родителя и absolute у наследника.

>Переименовал


Лучше но все равно не идеально. При именовании классов, равно как и при объявлении переменных рекомендуется использовать один из стилей
Либо camelCase то есть dayOfMonthEmpty
Либо использование дефиса/нижнего подчеркивания в качестве разделителя.
>>436089
#121 #436089
>>436074
Спасибо.
А зачем
padding: 15px !important;
>>436097
#122 #436097
>>436089
Это скорее мера предосторожности, предотвращает заползание текста на дату или критическое сближение с ней на любом разрешении. Она необзятальна, можешь убрать.
А импортант там стоит потому что у ячейки, если судить по инструментам разработчика, из-за бутстрапа какое-то дичайшее переопределение свойств с наследованием в 5 уровней, без гемороя по-другому его не переопределить. Короче полный пиздец, именно поэтому я бутстрап и не использую.
1396 Кб, 320x172
#123 #436129
>>435652
Спасибо
#124 #436137
>>435652
а где макеты по которым надо задания делать будет?
>>436182
#125 #436182
>>436137
В этой раздаче нет.
Но не думаю что это проблема.
>>436271>>442449
#126 #436184
Можно ли быть "профессионалом" своего дела, не используя бутстрапы всякие?
>>436185
#127 #436185
>>436184
Только так и можно.
#128 #436187
>>435652
ссыль то нерабочая
#129 #436202
http://theuncreativelab.com/portfolio/cube-psd-template/
Как вы оцениваете такой шаблон? Сложный или простой? Для портфолио подойдет?
#130 #436226
Посоны, как там с работой ДС-2 верстальщиком? Есть шанс найти работу, зарплата и 20к устроит?
#131 #436271
>>436182
почему ты думаешь, что это не проблема?
>>436362
#132 #436274
Аноны, а как работают сайты вообще? Ну точнее, вот к примеру техномарт, у него есть список товаров. Откуда этот список товаров получается? Есть база данных в которой есть такая таблица: "Имя Картинка Цена"? И потом с помощью какой-то магии эта информация попадает на страницу, где уже оборачивается в нужный нам вид?
#133 #436279
>>436274

>с помощью какой-то магии эта информация >попадает на страницу

>>436280
#134 #436280
>>436274
>>436279

с помощью php
>>436291
#135 #436291
>>436280
Хорошо, а как это примерно выглядит? Хоть бы в псевдокоде, а то я вообще не могу представить что происходит после того как получили данные из БД.
[code]
var r = select * from items ->
var html = ''
foreach item in items {
parse(item, parsed);
html+= "<h1>" + parsed[0] + "</h1><br>"
+ "<img src=\"" + parsed[1] + "\">"
+ "Цена: " + parsed[2];
}
[/code]
Что-то подобное?
#136 #436304
Есть 3 input'а в одном блоке, отличаются они лишь имена. Как выглядит список который бы задавал 2 из них одинаковые свойства?
>>436310
#137 #436309
>>436291

Понятия не имею. Может кто-то из знающих напишет. А вообще может в гугле или на ютубе по запросу "получение данных из базы данных с помощью пхп" что нибудь есть кратенькое
#138 #436310
>>436304
Ничего не понял, но возможно это тебе поможет? input[name="name-input1"], input[name="name-input2"]
>>436315>>436316
#139 #436315
>>436310
Ты все правильно понял, но у меня так не срабатывает.
#140 #436316
>>436310
Обосрамся. Ты все правильно написал. Спасибо.
#141 #436326
>>435659
Запили чтоль ссылку на торрент, на яндексе потерли уже.
>>436356
#142 #436340
>>436291
Я синтаксис пхп не знаю вообще, но конкретно в этом коде вижу создание элемента циклом из массива.
>>436352
#143 #436352
>>436340
Да это я сам от балды написал, не уверен что там от настоящего пхп что-то есть.
#145 #436362
>>436271
Потому что учат тут JS. А верстку до этого нужно знать по дефолту.
Имея достаточно практики их макеты можно верстать на глаз. Я собственно, этим и займусь. А вместо сайта с их проектом придумаю какой-то свой, с похожим функционалом. Уже даже пару идеек имеется.
>>436427
#146 #436427
>>436362
ну ебать. Мне сверстать сайт тоже не проблема, но вот хотелось бы макет про мага достать. Уж очень понравился.
38 Кб, 912x393
#147 #436480
Это можно как-то сверстать не используя li? Не знаю, как тут быть. Хелп
>>436492>>436547
#148 #436492
>>436480
Подумал сделать через дивы. Все правильно решил или нет?
>>436511
#149 #436511
>>436492
Ты о семантике сейчас говоришь?
>>436534
#150 #436534
>>436511
я спрашивал про заголовок и кнопку. Со стороны семантики это будет правильно, если я в дивы их раскидаю, и задам левый и правый флоат?
>>436665
#151 #436547
>>436480
тут как бы нихуя не список, чтобы логически оправдано юзать ulli, блоками и делай.
>>436558
#152 #436558
>>436547
а места где должны быть фотографии, я так понимаю должен вырезать как есть, а потом задавать ховер при наведение, чтобы появлялся глаз с подписью детали?
>>437079
45 Кб, 525x478
#153 #436585
>>432466 (OP)
Сап, двач, это очередной ЕОТ (есть одна таблица) вопрос.

В каждой ячейке текст должен располагаться в три уровня:

Первый - в верхнем правом углу, небольшого размера
Второй - по центру, большого размера
Третий - под вторым, небольшого размера

У меня получилось сделать только два уровня :(

HTML

<td class=qwerty>Второй<p>Третий</p></td>

CSS

.qwerty {
font-size: 200%;
text-align: center;
}
p {
font-size: 50%;
text-align: bottom;
line-height: 1px;

Еще пробовал второй параграф вставлять перед основным текстом и задавать ему класс, но почему-то не робит

HTML

<td class=qwerty><p class=epta></p>Второй<p>Третий</p></td>*
45 Кб, 525x478
#153 #436585
>>432466 (OP)
Сап, двач, это очередной ЕОТ (есть одна таблица) вопрос.

В каждой ячейке текст должен располагаться в три уровня:

Первый - в верхнем правом углу, небольшого размера
Второй - по центру, большого размера
Третий - под вторым, небольшого размера

У меня получилось сделать только два уровня :(

HTML

<td class=qwerty>Второй<p>Третий</p></td>

CSS

.qwerty {
font-size: 200%;
text-align: center;
}
p {
font-size: 50%;
text-align: bottom;
line-height: 1px;

Еще пробовал второй параграф вставлять перед основным текстом и задавать ему класс, но почему-то не робит

HTML

<td class=qwerty><p class=epta></p>Второй<p>Третий</p></td>*
>>436586>>436627
#154 #436586
>>436585
мда, блять, я даже тут проебался
>>436590
#155 #436590
>>436586
jsfiddle
codepen
plnkr
jsbin
больше не кидай сюда код
>>436605
#156 #436605
>>436590
окей, ну тут только пара строчек bol'she ne budu
>>436627
#157 #436621
Пацаны, как начать? Сделал первые два сайта на генералассембли. Что делать дальше? Сам пока не могу сверстать ничего больше того блога и лендинга. Куда двигаться дальше?
79 Кб, 451x640
#158 #436625
Неофитский вопрос, пацаны.
Вот просят все портфолио, а где его делать? Я вот сверстаю макет с интенсива, я могу его потом людям показывать, типа какой я молодец и вот это все? Куда это все заливать?
>>436666
#159 #436627
>>436605
>>436585

http://www.cssdesk.com/ame8S

Вот кароче, еще они вылазят сверху и снизу
#160 #436630
Образование высшие медецина, но понимаю что не мое. Есть еще пол года отработки на государство.За этот срок могу ли я выучить верстку средним темпом (7-10 часов в неделю) и на что-то претендовать? Город Минск.
>>436653>>436670
#161 #436653
>>436630
Верстка это хуйня, 10 часов в неделю - будешь знать её от корки до корки за 2 месяца, но много на ней не заработаешь, 40-45к супер максимум, скорее всего по началу будет около 20к.
>>436661>>436676
#162 #436661
>>436653
а как ее учить от корки до корки? Если не считать интенсив, то кроме хтмлбук, что еще читать?
>>436663
#163 #436663
>>436661
Там практически больше ничего нету, интенсив я не смотрел, но прошёл хтмлакадемию, кодкадеми и устроился за 20к версталой (за месяц, но я по 6 часов в день задрачивал), сейчас уже больше получаю.
Делаешь как я сказал выше, потом верстаешь 5-6 макетов разных, можно на парочке поюзать какой-нибудь фреймворк, заодно смотришь что такое сборщики (галп лучше/проще всего на данный момент) и препроцессоры (стайлус или сасс лучше всего), можно бэм на одном из макетов заюзать, он сейчас востребован. Всё, ты готовый верстала. Верстая макеты и решаю задачи/проблемы по-ходу их появления намного быстрее всё усваивается.
>>436668>>436674
#164 #436665
>>436534
Нет правильно будет сделать заголовок тегом для заголовка а кнопку тегом для кнопки или ссылкой.
#165 #436666
>>436625
github pages
#166 #436668
>>436663
Где и как устроился?
#167 #436669
>>432466 (OP)
Ох блять, вы тут еще живы, аж прослезился, посоны....
Я один из тех кто гайд пилил и треды создавал, сейчас забил хуй на верстку и только пишу js, получаю чуть больше сотки на руки, опыта чуть меньше двух лет. Кто не такое хуйло как я и уже завел трактор? Меня уже несколько раз хантили в европку, но я соснул. Как дела,посоны?
первым-устроился-в-ДС-кун
#168 #436670
>>436630
Можешь вполне. Тем более в минске все заебись с it
#169 #436674
>>436663
сделал 8 макетов, но скорее всего они гавеные и думаю их переделать скоро, так как сейчас стал шарить получше. Сделал так же 2 макета через бутстрап. Думаю выложить резюме в конце февраля, как буду уверен что рука набита нормально.
#170 #436676
>>436653

>будешь знать её от корки до корки за 2 месяца


Топ лел. От корки до корки блять. За 2 месяца в таком темпе он научится, верстать фиксированные страницы, возможно начнет разбираться в адаптиве, но не более того.
Я вот намного больше на это времени спустил, но себя знающим "от корки до корки" не считаю. Вот когда с легкостью не задумываясь особо сможешь сделать любой пример отсюда
http://tympanus.net/codrops/
тогда уже можно кидаться такими выражениями.
>>436690>>436696
#171 #436690
>>436676
Значит бутстрапом нет смысла мазаться, так как адаптивную верстку я лучше не стану знать? Зачем так все усложнять?
>>436698
#172 #436696
>>436676
Топ кек это сайт этот, там 90% свг хуиты, которая к верстке имеет очень посредственное отношение. В адаптиве разбираться примерно 3 минуты.
#173 #436698
>>436690
Может есть, а может и нет. Все зависит от твоих целей.
Бутстрап - инструмент, не более того. Им можно и нужно пользоваться, когда это необходимо. Он действительно позволяет верстать страницы очень быстро, правда без особой оглядки на дизайн. Но начинать учить верстку с бутстрапа или сразу же перепрыгивать на него после нескольких макетов не вникнув в суть это, как по мне, глупость.
Могу привести возможно немножко дебильную аналогию. Человек верстающий без фреймоворков и постоянно развивающийся - это строитель, способный с нуля построить дом: подобрать чертеж, вырыть котлован, залить фундамент, полы смонтировать, смуровать стены, кровлю, осуществить внутреннюю отделку етц. Мастер от А до Я короче.
А "верстальщик на бутстрапе", ничего кроме этого самого бутстрапа не видящий - это как строитель, собирающий модульные домики из разноцветных панелей. Закрутил парочку винтовых свай, наложил пол, приварил готовые стены, установил кровлю - готово, еще один дремучий барак.
#174 #436706
Пацаны, как начать? Сделал первые два сайта на генералассембли. Что делать дальше? Сам пока не могу сверстать ничего больше того блога и лендинга. Куда двигаться дальше?
>>436708
#175 #436708
>>436706
Пройди хтмлакадеми, потом скачай рандомный макет и начинай верстать как можешь.
>>436717
#176 #436715
>>436669
забил хуй на верстку, нашел другую более менее работу, а треды все равно читаю и иногда отвечаю ньюфагам
>>439011
#177 #436717
>>436708

> пачкаться об русский хтмлакадеми когда есть генералассембли

14 Кб, 960x666
#178 #436724
Аноны, как сделать, чтобы дивы не расползались при изменении размера окна?
>>437010
#179 #437010
>>436724
Адаптивную верстку учи. Тебе в итоге надо сделать разные размеры блоков для разных разрешений и их позиционирование относительно друг-друга без потери функциональности.
#180 #437079
>>436558
кто-нибудь поясните как быть с этими фотографиями. Я в замешательстве.
>>437127
86 Кб, 604x453
#181 #437089
>>436669
Запили свой путь от верстана до жабакодера
>>439011
#182 #437127
>>437079
Курсы проходил/интенсив смотрел??
>>437159
44 Кб, 604x403
#183 #437151
Посоны, глупый ньюфаговопрос.
Посмотрел я, значит, два видоса из интенсива хтмлакадемии и начал размечать Nerds. И кажется мне, что очень он похож на Барбершоп—хоть бери, вставляй код в редактор, а потом только названия ссылок поменяй, ну и слайдер вроде как в другом месте находится. Это так и есть?
#184 #437159
>>437127
проходил, но именно сейчас не знаю, что делать.
>>437248
#185 #437171
>>436274
Есть уроки по созданию простых cms, вот создай по такому уроку и поймешь все.
#186 #437192
Эц самое. js интенсив удалён с yadisk. Может кто залить?
>>437198>>437199
#187 #437198
>>437192
да вы заебали, в шапку въябите чтоль
http://nnm-club.me/forum/viewtopic.php?t=974803
>>437212>>437237
#188 #437199
>>437192
google torrent
#189 #437209
Подскажите что-нибудь по angularJS типо как интенсива JS от хтмлакадеми
23 Кб, 480x336
#190 #437212
>>437198
ты тупой? Каким образом ты предлагаешь ебануть туда эту ссылку? М?
>>437237
26 Кб, 913x383
#191 #437237
>>437212
>>437198
Так ведь уже )))))))))))))
>>437240
47 Кб, 670x629
26 Кб, 581x422
#192 #437240
>>437237
где?
>>437259
#193 #437248
>>437159
Ну проходи еще раз, лол, это ж элементарщина.

Да, делаешь места под картинки пустыми дивами, либо картинками с плейсхолдером, а при наведении задаешь им background с неповторяющимся изображением размещенным по центру.
57 Кб, 1271x770
#194 #437259
>>437240
Да вот же.
>>437320
124 Кб, 304x202
#195 #437320
>>437259
заебал наебывать. Типа мастер-фотошопа дохуя?
113 Кб, 1265x417
#196 #437358
Вы хоть понимаете, что вы натворили?
#197 #437371
>>437358
не правильно ищешь. Надо писать frontend
>>437377
#198 #437377
>>437371
Фронтенд-хуенд
#199 #437422
>>437358

Это академия
#200 #437450
>>437358
Помогли людям реализовать себя?
А вообще толсто.
#201 #437454
Котаны, кто-то что-то может рассказать про фронт-енд/верстка-стажировки? Насколько туда реально попасть? Насколько там высокий уровень знаний требуется?
#202 #437478
Пробуя верстать свой первый макет из Академии, допустимо подглядывать в готовый на гитхабе?
#203 #437495
>>436669
На какой позиции сейчас находишся?
Что планируешь дальше делать?
Какие задачи выполняешь?
>>437506>>439011
#204 #437506
>>437495

Где та грань, когда перестаешь верстать и чисто кодишь?
>>437525
#205 #437524
Как сделать второй слайдер, если первый был сделан через бутстраповскую карусель? У второго слайдера еще должны быть индикаторы в виде изображения.
#206 #437525
>>436669
>>437506

Вот так, то есть
>>439014
699 Кб, 972x616
128 Кб, 524x577
#207 #437541
Sup. На пик-1 изображено то, как должны выглядеть эти блоки(у меня они так и выглядят), но при масштабировании выходить хуита, которая на пик-2? Каким способом сделать так, чтоб эти две колонки не разваливались.

И за одно: при указании, например, ширины столбцов в div-е, с помощью процентов относительно чего высчитывается этот процент?
>>437565>>437647
#208 #437565
>>437541

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


родителя
39 Кб, 339x424
#209 #437633
А че в продвинутом курсе вообще не покажут пример верстки сайта? Тупо пробежались по технологиям и теории и все ?
#210 #437647
>>437541
Наверно будет логично запилить адаптив, на мелкое разрешение и все блоки просто вниз выстроить?
#211 #437651
>>437358
Как-будто что-то удивительное, верстать может каждый, даже дизайнер. Давно уже фронтэн девелопер занимается и версткой и скриптами и чем угодно на стороне клиента. Полноценный разработчик на зарплате может быть только такой и тред на дваче никак на это не повлиял, лол.
>>437653
#212 #437653
>>437651
Если работает в маленькой студии или фриланс - да. Если более менее большая компания, которая заботится о своих деньгах и не разбазаривает их - нет.
>>437654
#213 #437654
>>437653
Все равно верстала-это начальный уровень фронтэнд девелопера и если человека прет только верстать сайты сотнями и никуда не расти, то он странный как минимум.
>>437686
#214 #437656
Аноны, почему это не работает?
.btn:hover .title,
.btn:hover .descr,
.btn:hover .icon {
opacity: 1;
}

http://codepen.io/anon/pen/eJGWrE
#215 #437657
>>437656
А лол, оно работает, просто перекрывается прозрачностью всего блока.
>>437658>>437659
#216 #437658
>>437657
Или нет, что-то хуй пойми. Поясните аноны, если у меня есть див в котором ещё дивы, прозрачность родительского влияет на прозрачность дочерних?
Т.е. если у меня родитель с опасити 0.5, а потомок с опасити 1, то потомок будет полностью непрозрачен?
#217 #437659
>>437656
>>437657
что это такое и где можно про это почитать?
>>437663
#218 #437663
>>437659
Ты о чём? Что почитать?
>>437666
#219 #437664
>>437656
может просто надо задать бтн:ховер 1? Так вроде нормально все видно
>>437667
#220 #437666
>>437663
ну про твои кнопки. Что это будет? Меню или что?
>>437668
259 Кб, 767x500
#221 #437667
>>437664
Мне надо чтобы фон был полупрозрачный, а элементы внутри блока были непрозрачными. Как на пичке.
>>437676
#222 #437668
>>437666
Просто увидел в книжке по CSS3 интересное меню, решил сделать.
28 Кб, 264x566
#223 #437676
>>437667
типа такого?
>>437681
28 Кб, 279x535
#224 #437679
или так
>>437681
#225 #437681
>>437679
>>437676
Да, только ещё иконка непрозрачная должна быть. Как ты это сделал?:)
>>437685
#226 #437685
>>437681
поставил опасити бтн .6 и при ховере .8 . Насчет иконки сейчас посмотрю

.btn {
padding: 15px 20px;
position: relative;
opacity: .6;
width: 150px;
border-top-right-radius: 31px;
border-bottom-right-radius: 31px;
background: transparent;
padding-right: 50px;
transition: all 0.3s ease;
}
.btn:hover {
color: white;
text-shadow: 1px 1px 2px black;
box-shadow: 2px 2px 2px 0 black;
opacity: .8;
width: 185px;
}
>>437687
#227 #437686
>>437654
Но я не согласен с этим.
Верстка это совершенно отдельная часть, да, там работают в основном новички и там всё относительно просто, но фронтенд это не продолжение верстки. Это тоже отдельная область, практически с версткой никак не связанная.
У меня в компании 20 кодеров и 3 версталы, кодеры вообще в верстке почти ничего не понимают и не хотят понимать.
Продвинутый уровень верстки это скорее проектировщик интерфейсов, который плотно работает и с дизайнерами, и с менеджерами, туда идут люди которых реально прёт верстка, довольно много тянок, кстати. Там есть достаточно много жса, но это опять же не совсем фронтендер.
>>437704
#228 #437687
>>437685
А ну т.е. у тебя текст всё равно полупрозрачный, просто это менее заметно. Вот сайт с оригинальным меню: http://farukat.es/ , но что-то я всё равно не понимаю как там полупрозрачность сделана.
>>437689>>437694
#229 #437689
>>437687
так у него вроде просто спрайты стоят. Хотя я не уверен, что в этом дело.
#230 #437694
>>437687
А всё, недоглядел просто, я думал там как-то по-хитрому сделано. А там тупо сделано через ргба, я так сразу думал сделать, но не хотелось использовать ргба вместо православного НЕХа.
#231 #437704
>>437686
Двачую этого. Алсо умение делать крутые анимации тоже требует плотного знания верстки, плюс джс конечно и свг.
Да и вообще, если нырнуть вглубь верстки, можно много чего накопать.
Просто фронт-енд сейчас, сборный образ из всего из всего. Я даже видал вакансии где нужен был сеньйор фронтенд, хотя заниматься он должен по большому счету геймдевом.
#232 #437731
В каком виде верстаются многостраничные сайты для последующего натягивания на движок? Целыми страницами или разбиваются на кусочки в отдельные файлы?
>>437740
#233 #437740
>>437731
В 5 или 6 уроке интенсива показывают
#234 #437778
Недавно устроился в кантору, обосрался, когда туда зашел, вес люди как люди и только погромисты какие-то мега всратые (при чем объективно так, одевай, меняй прически - ничего не поможет). При чем остальные там не менеджеры-социобляди, а всякие 3дшники, художники (я один из них), т.е. те еще задроты. Как будто всратость у них в требованиях для погромистов указана (при чем там нихуя не кресты, а пидорское руби).
31 Кб, 700x266
#235 #437782
Объясните. Заголовок и текст ниже ведь не должен меняться? Меняться должны только картинки и имя со специальностью сотрудника?
>>437843
#236 #437843
>>437782
Заголовок не должен, а фраза может и меняться. У меня в макете меняется.
>>437847
#237 #437847
>>437843
как ты это сделал? Какой только похожий макет не находил, там только сотрудники меняются и все. Пробовал через бутстраповскую карусель, но он не хочет показывать текст без картинки на фоне.
>>437855
#238 #437851
Вот скорее всего даже анон какой-то делал такой же макет, но у него не ок вроде. http://ray-port.ru/pages/GoodGood/index.html
>>437855
#239 #437855
>>437847
Написал на JS слайдер.
>>437851
Совсем не ок. Я бы такой макет показывать постеснялся.

Не советую тебе над этим сильно париться. Просто верстай как тебе кажется нужным и все. Не знаешь как запилить слайдер - лучше не пили. Научишся - тогда возьмешся. Толку тебе от этих плагинов, если на собеседовании любой вопрос о нем сразу же покажет, что нихуя ты в этих самых слайдерах не понимаешь?
Ах да, и включай мозги. Будешь спрашивать совета каждый раз - ничему не научишся. Верстка и кодинг даются в первую очередь тем, кто умеет использовать свой котелок по назначению. Не бойся сделать ошибку. Ошибки очень полезны.
>>437857
#240 #437857
>>437855
я не знаю, что конкретно почитать, чтобы не спрашивать тут. Я знаю, что я конкретно нихуя не умею, но не знаю как найти инфу про это, которая будет правильная и не устаревшая. Просто нахожу много разных портфолио людей, которые верстали макеты академии, и просто охуевал, как они ее могли закончить и получить сертификаты(хз что там дают, если я вдруг не прав).
>>437858
#241 #437858
>>437857

>я не знаю, что конкретно почитать, чтобы не спрашивать тут


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

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


Очень хуево сверстали?
Хочешь книг? В оп-пасте есть ссылка на книжную полку фронтендера, ну или загугли просто. Выбирай понравившуюся книжку по html и css оттуда.
>>437860
#242 #437860
>>437858

>Очень хуево сверстали?


да там больше половины, которых находил почти ничем не отличаются от чувака по ссылке выше. И почти каждый пишет, что имеет сертификат от хтмлакадемии. КАРАУЛ!
Насчет книг, посмотрю повнимательнее. А что делать, когда не получается найти ответ на какой-то вопрос и гугл молчит? Например: Когда сидел на сайте бутстрапа нашел там карусель, при уменьшение экрана текст не меняет свой размер, а тупо не помещается в слайд. Как быть тут? http://bootstrap-3.ru/javascript.php#carousel-examples
Просто уменьши экран и сам увидишь о чем я.
>>437864>>437870
#243 #437864
тут кстати анон помню спрашивал насчет слайдера бутстрапа, но ему так и не помогли.

>>437860-кун
#244 #437870
>>437860

>А что делать, когда не получается найти ответ на какой-то вопрос и гугл молчит?


Такого не бывает. Но если все же случилось и ты реально подумал а потом подумал еще, еще раз погуглил, и снова подумал - можешь спрашивать.

>Просто уменьши экран и сам увидишь о чем я.


Та не у меня вроде работает.
Насчет ответов по бутстрапу, ответить тебе по нему может тот, кто в нем разбирается. Лично я не разбираюсь, хотя с ноля верстаю тот же макет Good__good адаптивно, с функционалом вообще без проблем. И таких множество.
Алсо, тебе я на текущем этапе развития не советовал бы садиться на бутстрап.
>>437872
22 Кб, 282x329
#245 #437872
>>437870

>Та не у меня вроде работает.


ну у меня вот так показывает.

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

Ну я доверстаю уже гудгуд весь на бутстрапе, а потом уже буду без него зубрить.
#246 #438052
самый вредный тред в wrk, за все время не поднялось ни одного версталы кто хотя бы на 50 рублей в месяц вышел.
>>438119>>438704
#247 #438119
>>438052
Верстале сложно получать 50к, т.к. это самый самый топ зарплат для версталы и обычно к этому времени получают необходимые навыки жса и перекатываются во фронт, что я и сделал, получаю 80к. (Меня повысили с версталы с 40к сразу до кодера с 70к)
#248 #438150
Есть проблема. Я пишу и не знаю зачем. Не понимаю что такое position: absolute (что такое абсолют), иногда не понимаю поведение margin: 0 auto или просто auto. Вот этого всего.
Проходил генералассембли.
Да и вообще когда сажусь за свой проект - теряюсь и не понимаю что делать и с чего начать. Знание семантики - 0.
#249 #438151
>>438150
Пройди хтмлакадемию, реально же годный ресурс, там всё разжевывается.
>>438168
#250 #438154
>>438150
Купи годный учебник или открой спецификацию.
#251 #438168
>>438151
Чем от генералассембли отличается?
>>438178
#252 #438178
>>438168
Тем, что там рассказывают, что делает position absolute и margin auto
24 Кб, 604x339
#253 #438180
едешь такой на работу разрабатывать SPA как и мечтал на ангуляре, с sass с грантом и йоманом, а все давно перешли на webpack, react+redux, babel+es6 и PostCSS
>>438706
#254 #438252
Ребята, напишите весь путь до версталы-джуна пожалуйста.
Что делаю сейчас:
1) Начал сегодня htmlacademy.
Что делать после? Прошёл там самый-самый первый урок "Знакомство". Дальше двигаться в какую сторону?
После хтмлакадеми куда?
>>438255>>438256
8 Кб, 320x320
#255 #438254
#256 #438255
>>438252
htmlacademy (желательно пройти платную часть тоже) (2 недели)
codecademy (html + js/jquery) (1 неделя)
дальше верстаешь 5 макетов, попутно решая возникающие проблемы (3 недели)
можешь идти устраиваться версталой за минимальную зп в говностудию, 15/20к
>>438261>>438389
#257 #438256
>>438252
Пасту в ОП-посте читайте, заебали уже.
#258 #438258
А где узнать все фишки типа разницы top и margin и прочее?
Лень тратить драгоценное время на htmlacademy/что вы там советуете.
мимобекенд дев
>>438273
#259 #438261
>>438255

>советует только курсы


>нет знаний адаптивности, хороших практик, етц


>нет препроцессоров, гита и прочих инструментов


>codecademy (html + js/jquery) (1 неделя)


>2 недели - 1 неделя - 3 недели


Топ кек. Я удивлен что нет пункта

>бутстрап (30 минут)

>>438291>>438562
#260 #438273
>>438258

htmlbook.ru
#261 #438291
>>438261
Для джуна версталы за 20к это необязательно.
Естественно после всего, что я написал надо дальше развиваться, но начальный путь именно такой, если ты думаешь, что учит верстку надо с гита и вебпака, то у меня для тебя плохие новости, а именно, что ты пидор ебаный.
30 Кб, 400x487
#262 #438305
>>438291
давайте не будем ссориться. У нас с вами все впереди.
>>438356
#263 #438356
>>438305
Согласен. Но что ты подразумеваешь под джуном версталой? Что он будет знать после прохождения одних только курсов? Скорее всего с горем пополам сверстает несколько чудовищ из дивов с дичайшей разметкой и отсутствием даже намека на семантичность, не говоря уже о поверхностных фишках HTML5/CSS3, адаптивности итц. И не потому что дебил, а потому что попросту не хватило накопленных знаний.
Разве требуется где-то верстальщики такого уровня?

А обзываться сходу нехорошо, я тебя не обзывал, просто подверг критике твою схему
#264 #438358
Промазал
Это >>438356
сюда >>438291
#265 #438378
>>438356
Тут другого пути нет. Задрачивать, тратить время, верстать и еще раз верстать. Волшебного рецепта в этом деле нет. На первых порах, это конечно будет, в лучшем случае, работа за хлеб. По другому опыт не придет. Если хватит сил и мотивации, то неизбежно перекатишься в нормальный фронтэнд.
#266 #438384
>>438356
Вообще-то на курсах хтмлакадеми (да и на кодкадеми) есть адаптивность, поэтому я подразумевал, что человек её тоже выучит за эти 5 недель, и верстая свои 5 макетов будет её использовать хотя бы, как минимум, в 3х.
Да, первый макет он может сделает без неё и с

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


(алсо я считаю, что семантичность нахуй не нужна)
Но потом уже будет лучше, и к пятому макету он уже будет делать всё более менее.

Это всё я говорю из ходя из своего опыта, т.к. я нашёл работу именно проделав все эти пункты, и мне кажется, что выучить верстку за 5 недель задрачивания это более чем реально, т.к. опять же я это сделал, и я не считаю себя сверхчеловеком каким-то, я такой же как все, и другие тоже на это способны.
>>438402
#267 #438389
>>438255
Всмысле 5 недель? На вёртску? Мне надо чтобы интродакшн был сразу такой, интенсивный и ебучий, чтобы я через неделю ебашил макеты пачками. На работу пока похер, я буду переростать во фронтендщика.
>>438397>>438399
#268 #438397
>>438389
Ну тогда вряд ли у тебя что-то получится.
#269 #438399
>>438389
Давай так, чтобы у тебя не осталось всяких детских иллюзий. Верстка - дело не хитрое, но и она требует времени для качественного исполнения. За неделю ты этому никогда в жизни не научишься. Ты можешь вызубрить все теги, но адаптивную сетку из них не сделаешь. Чтобы писать нормальную, качественную разметку, тебе придется потратить не один месяц. Да, такие дела. Не умеючи нормально верстать, ты никогда в жизни не перекатишься в фрондэнд. JS напрямую воздействует с элементами разметки и свойствами. Как ты собираешься кодить, не зная основ?
#270 #438402
>>438384
В курсах академии (и кодкедеми вроде тоже) нет адаптивности. Она у них в интенсиве продвинутом. В кодкедеми правда кропаль бутстрапа есть.
>>438408
62 Кб, 600x751
#271 #438408
>>438402
CУУУКА, мне жаль тех ребят которые заплатили бабки за продвинутый курс. Ту кучу теории что они нагородили в этом курсе можно с успехом нагуглить. Как верстать и собрать этих чудовищ - препроцесоры, адаптивность , js, вместе не показали. Хотяяя, они же работают с наствниками... Я только об этом вспомнил.
62 Кб, 592x592
#272 #438414
Подскажите плиз как можно в Гимпе вырезать слой и сохранить как изображение. Фотожаба оче грузит ноут.
#273 #438562
>>438261
>>438356
>>438399
>>438291
Тоже хотет стать джуном-версталой.
Но я начал учить php. Оно надо вообще? Мне-то, в принципе, интересно, но, может быть, стоит обратить внимание на другие вещи?
sage #274 #438704
>>438052
ты чо все треды врк читаешь?
есть тут парочка поднявшихся, иногда приходят даже
5 Кб, 120x115
#275 #438706
>>438180
Не говори
21 Кб, 304x149
#276 #438966
http://codepen.io/anon/pen/LGzXqY?editors=110

Есть одна кнопка с прозрачностью. Нужно сделать текст в ней непрозрачным. Не подскажите как это реализовать? Запихнуть текст в <span> и переназначить opacity ему не помогло.
>>438993
#277 #438993
>>438966
Это не кнопка вся прозрачная, а фон у нее через rgba задан.
>>439013
#278 #439011
>>436715
Но почему так?
>>437089

>жабакодера


Это ты говоришь про java, а я пишу на javascript, это разные вещи. Пилить долго, задавай конкретные вопросы.
>>437495

>На какой позиции сейчас находишся?


Формально должность называется "верстальщик", но я не верстаю уже почти

>Что планируешь дальше делать?


Углублять знания в js, познакомиться еще с 2-3 языками и немного угореть по матану и компьютерным наукам. Еще хочу найти удаленку за валюту.

>Какие задачи выполняешь?


Сейчас пилю большое приложение целиком на канвасе. Игру.
#279 #439013
>>438993
Спасибо, сам не додумался.
#280 #439014
>>437525
В каком смысле "та грань"? Определи для себя приоритеты и двигайся к ним. Я целенаправленно уделял больше времени JS, чем html/css, на собеседованиях говорил что интереснее, и так далее.
102 Кб, 1326x633
#281 #439085
Предположим, я достиг любительского уровня css/html и хочу найти дизайнер и программиста, дабы вместе реализовывать какие-то проекты за еду и совершенствовать скилл. Где я могу подыскать команду и работу?
>>439091>>439203
#282 #439091
>>439085
Двачую. И какой уровень знаний и умений нужен, чтобы хотя бы за 15-20к взяли?
#284 #439203
>>439085
Что мешает просто накачать макетов и тренироваться? Бери каждый раз макет посложнее, делай все полностью адаптивно, познакомься с UI/UX и попробуй их улучшать самостоятельно и опыта наберешся огого.
>>439279
#285 #439279
>>439203
Дело не только в опыте, а в заработке за счет приобретенных навыков. Во фриланс сходу лезть не разумно, ящитаю, опыта нет, а вот может есть сервисы, созданные для подбора новичков, дабы работали "на подсосе" за копейку и приобретенный в будущем опыт.
На счет макетов подвачну. Наталкиваешься иной раз на задачи, коих не было в курсах, что заставляет искать решение и узнавать что-то новое.
>>444877
#286 #439422
Кто-нибудь использует Avocode? Можно ли через 14 дней просто завести новую учетку?
>>439486
#287 #439473
>>433811
Htmlacademy, htmlbook
#288 #439486
>>439422
Да, даже мыло подтверждать не надо.
>>439488
#289 #439488
>>439486
А проект? Или похуй?
>>439514
40 Кб, 743x251
#290 #439489
http://codepen.io/anon/pen/vLeMKg

Аноны объясните почему 1) надпись "Our service" при уменьшение экрана уходит вправо? 2) Почему картинки тоже не остаются на месте над заголовками?

Не надо говорить, почему у меня они не встрочку. Все сделал, как нужно, но вот те два вопроса не могу решить. Подскажите.
#291 #439492
>>439489
хотя думаю, что в 1 вопросе дело в "left: 600px" у .service h2. Насчет картинок не знаю, что не так.
#292 #439514
>>439488
Что "проект"?
Если ты про свои загруженные туда проекты, то они пропадут понятное дело, надо будет заново загружать.
124 Кб, 310x369
#293 #439560
Дайте дауну подсказку (только подсказку. Можно одним словом. Или двумя) как лучше правильно выстроить сетку пикрелейтед с макета барбершопа (т.е. чтобы чекбоксы в столбик вместе с тектом шли). Мне на ум приходят только дикие огороды с дивами.
>>439570>>439575
#294 #439570
>>439560
в какой-то папке из интенсива лежит видео, где делается похожее в нёрдсе
>>439584
#295 #439575
>>439560
псевдоэлементы-паддинг
это если собираешся заменять дефолтные чекбоксы
>>439584
#296 #439584
>>439570
Спасибо.
>>439575
В интенсиве говорят, что это плохая идея, менять чекбоксы/селекты.

Просто не хочу пока гуглить, в интернетах слишком много готовых примеров. Вроде получается более-менее. Но мне интересно: в этом макете не подразумевается, что это форма (нет кнопки отправки, очевидно что там будет джс типа, кнопочку нажал - тебе справа результаты автоматически). Так что я просто ебанул инпуты, обернул их в спаны вместе с текстом и уже их выстроил в столбик. Это совсем быдло-стайл и так делать нельзя?
>>439610
#297 #439606
>>439489

http://codepen.io/anon/pen/YwrMoY

такое ощущение, что бутстрап не работает
#298 #439608
>>439489
>>439606

Но это не отменяет того, что у тебя там ерунда была написана, то, что я написал, работает без него
>>439723
#299 #439610
>>439584
Да говорят, но есть и другая сторона медали. НИКТО из заказчиков не хочет стандартные чекбоксы/селекты. Поэтому хочешь не хочешь, придется исхитряться.
В любом случае замена чекбокса другими элементами - полезная практика, чисто для прокачки скиллов. А въебать дефолтный чекбокс много ума не надо.

>Это совсем быдло-стайл и так делать нельзя?


Можно, другое дело, как они себя ведут при ресайзе и вообще что за свойства ты там задавал, но это такое.
Я бы делал улом с лишками, внутри которых уже сам чекбокс с тайтлом
>>439621
#300 #439621
>>439610
Ну, я уже научился их стилизовать, в интенсиве он подробно показывает. Сделаю, как разберусь с основным.

> улом с лишками


Вот, спасибо за подсказку.
При ресайзе нормально себя ведут.
4 Кб, 217x148
4 Кб, 238x128
#301 #439633
И еще тупой вопрос, про переполнение контента.
Вот стандартная кнопочка заебавшего всех барбершопа.
Фигачу в него лорем, нормально переносится, не разваливается. Но если пишу одно длинное слово (скажем, тридцать букв "а", то оно улетает за пределы блока. Это считается за фейл?
>>439727>>439811
#302 #439723
>>439608
>>439606
спасибо, но это конечно круто, но хотелось бы через бутстрап чтобы работало. Так как все row у меня будут творить хуйню. Как это сделать?
Абсолют ведь надо задавать, если родитель имеет позишен: релатив. Даже в каком-то уроке на ютубе видел, где так задают и все прекрасно работает.Может заголовок надо в дивы обернуть?
>>440012>>440016
#303 #439727
>>439633
Оверфлоу хайдден
>>440666
#304 #439811
>>439633
word-wrap: break-word
>>440062>>440666
#305 #439926
https://www.youtube.com/channel/UCPAS-cuQrlb9GW8Ue0sgJ8Q
Канал парня с видео из летней конференкции cssday 2015. Есть полезные вещи по UI, флексбоксам етц.
#306 #440012
>>439723

Про позиционирование ты говоришь верно. Но оно в том случае ни к чему даже с бутстрапом.
Мне кажется, там действительно он не сработал, потому что при задании col-lg-3 для лишек, они должны были растянуться на всю ширину, но им было похер. Надо, конечно, на компе проверять, но все же.
>>440044
#307 #440016
>>439723

Ну а по поводу съезжания заголовка при уменьшении экрана, по-этому там и не подходит позиционирование, а нужно было просто отцентровать по-середине с помощью mаrgin: 0 auto. Но чтобы заголов принял ту ширину, которую ты ему задал, а не тянулся на всю ширину экрана, нужно задать ему дисплэй: блок.
>>440044
#308 #440044
>>440012
>>440016
Возможно там именно в бутстрапе кроется проблема. Вернее в том, что он старается переопределить свойства элементов в перемешку с бутстраповскими классами.

Вот например, анон выше просил навести порядок с табличкой-календариком, которую собирают на бутстрапе. Так там паддинг для клеток установлен с наследованием уровня
table>tbody>tr>td
его хочешь не хочешь, придется переопределять либо инлайновыми стилями либо импортантом.
Вот и здесь та же самая хуйня. Он скорее всего пытается переопредилить стили без нормального оверлоада, в итоге работают только те, которые в бутстрапе не установлены.
мимо
#309 #440062
>>439811
Ток эта хуйня не валидная
>>440114>>440118
#310 #440114
>>440062
в валидатор загружал?
только что проверил - пишет, что все гуд.
Но автоматом заменяет на overflow-wrap: break-word;
#311 #440118
>>440062
Особенность свойства. Изначально было создано только word-wrap. Затем его переписали под overflow-wrap, толком ничего не поменяв. А word-wrap оставили черновым.
Проблема у overflow-wrap с поддержкой на старых браузерах, она не очень. А word-wrap делает точно то же самое, но поддерживается везде. Ибо legacy и все дела.
#312 #440138
>>439606
нахуй ты там margin-right: 50px поставил это ломает сетку. И проверь пути подключения файлов
#313 #440663
Признавайтесь пиздюки. Кто был на интенсиве?
#314 #440666
>>439727
>>439811
Спасибо
>>440683
#315 #440683
>>440666
за оверфлоу хидден не благодари это не решение он нихуя не переносит а скрывает, причем может это очень криво сделать
>>440759>>445978
#316 #440759
>>440683
Я уже переделал, без оверфлоу, с переносом. Макет-то учебный, да еще и мой первенец, лол, поэтому я особо всеми этими валидаторами пока не заморачиваюсь. А спасибо за ценную инфу, я еще даже не знал, что есть такое свойство даун, что с меня взять.
#317 #440949
>>434606
https://jsfiddle.net/oszis113/p2q90wjL/
держи через jquery
мимо другой анон
#318 #440950
вот это >>440949 тебе >>434604
#319 #441056
>>440949
такая же шняга как и у предыдущего типочка в первом варианте - не работает, если задавать сразу вэлью
>>441496>>442293
#320 #441111
>>440949

Спасибо
#322 #441550
Хочу найти какой-то доп. заработок помимо основной деятельности в свободное от работы время, если задрочить верстку(ничего в ней пока не смыслю, знаю html) и брать несложные заказы фрилансом в интернете, то я смогу хотя бы 10-15к в месяц делать?
>>441729
#323 #441729
>>441550
Вряд ли. Для работы на фрилансе нужно терпение, опыт, желание и возможность учится. Слишком серьезная конкуренция.
Вряд ли кто-то обратится к халтурщику без знаний, если на тот же заказ задеплоен продвинутый разработчик.
Хочешь срубить мелочь по тихому не напрягаясь - тебе дорога в копирайт. Расценки там смешные, зато уровень вхождения ниже плинтуса.
>>441800
#324 #441800
>>441729
Так я готов учиться, могу год-два потратить, не вопрос, лишь бы это приносило заработок в будущем в обозначенных мной суммах. Копирайт - нет, это хуже некуда, я программист, я не смогу таким заниматься.
#325 #441810
>>441800
Какой же ты программист если заработок на стороне ищешь, да еще и версткой лол?
>>441817>>442299
17 Кб, 413x395
#326 #441815
>>441800
ссым на тебя всем тредом
#327 #441817
>>441810
Обычный начинающий на пятидневке.
6 Кб, 240x281
#328 #442057
В вакансиях на веб-фронт-энда в требованиях обычно указывают основы js.
Что к ним относится? В общих чертах хотя бы.
К примеру http://learn.javascript.ru/first-steps можно ли считать за основы?
Или же даже всего основного курса в двух частях не будет достаточно для этих самых основ?
А то дошел тут модулей через замыкания и задумался, так ли уж нужно всю эту кучу говна знать?
>>442062
#329 #442062
>>442057
Этот учебник это примерно половина того, что нужно знать джуну. Плюс, кроме всего прочего, нужно уметь это применять.
>>442079>>445522
#330 #442079
>>442062
А что касается второй половины? О чем примерно идет речь?
>>445522
693 Кб, 698x481
#331 #442087
Закончил таки барбершоп, спасибо за подсказки.
Следующий вопрос: как в седоне лучше сделать топ-контент?

> Текстовые блоки лежат поверх большого фото в своих фиксированных размерах и центруются.


Я для себя разметил так:
один блок - хуячу фоном большую фотку,
второй блок - внизу хуячу фоном маску
третий блок - мелкие текстовые элементы, в нем свои блоки для каждого текстового элемента.
Правильное направление мысли или я лох, пидр?
#332 #442088
>>442087
Сойдет.
Можно вырезать без маски, прям блок с картинкой и маской вместе. Там все равно белый фон на странице. Я помнится, так и делал, когда продвинутый изучал.
Но это дело вкуса.
>>442089>>442100
#333 #442089
>>442088
Окей, спасибо. Ну я только размечаю, на макет смотрю. Думаю, проще будет одной картиной фон сделать, да, но пока придерживаюсь их стайлгайда.
#334 #442090
Тут кто-нибудь работает на апворке?
685 Кб, 957x398
#335 #442092
http://codepen.io/anon/pen/wMPQGK?editors=110

Скажите почему не получается сделать, как на скриншоте? В чем причина?
>>442138
#336 #442100
>>442088
Да, и еще вдогонку сразу - этот макет лучше верстать параллельно с просмотром продвинутого интенсива? Я просто только базовый закончил, седону резиновую хочу сверстать, чтобы закрепить+углубить знания, а потом уже пойти дальше.
>>442104
#337 #442104
>>442100
Зависит от того, как ты себя чувствуешь в верстке фиксированных страниц. Если барбершоп твой первый и единственный, то советую сверстать еще как минимум техномарт. А вообще рекомендуется для закрепления запилить минимум 3-4 фиксированных лендинга, и только потом садится за продвинутый.
Лично я так и делал.
>>442108
#338 #442105
Я пхп-макака. Какое будущее меня ждёт, если я ещё и верстку выучу?
#339 #442108
>>442104
Чувствую себя... неопределенно. У меня, судя по всему, есть "чуйка" на это дело, но я многого не знаю. Пожалуй, и правда сначала техномарт сверстаю, спасибо.
#340 #442138
>>442092
.col-md-12.info-about-team {
line-height: 0;
font-size: 0;
padding: 0;
text-align: left;
}
#341 #442222
Еще вопрос про седону.
Там в макете все эти надписи (как на пикрелейтед >>442087) сделаны тупо картинками отдельными слоями. Значит ли это, что можно их так же тупо вырезать-вставить, или лучше, как говорится "поиграться шрифтами" и все такое?
>>442975
#342 #442293
>>441056
ну так в том-то и суть. если поле не пустое, то цвет фона белый. если поле пустое, то зеленый. об этом же и просили. если нужно, чтобы изначально было зеленое, то вот тебе:
https://jsfiddle.net/ftp3x8Lx/1/
#343 #442299
>>441800
да, вполне сможешь, если будешь постоянно учиться и делать проекты. иначе проебешься, потому как в веб очень быстро развивается и меняется. достаточно полгода проебать, и уже не наверстаешь лол.

>>441810
ничего особенного в этом нет. многие программисты подрабатывают на стороне. просто кто-то по своей специальности, а кто то запиливается еще куда-нибудь. у меня есть знакомый, который работает питонистом, параллельно преподавая в универе историю.
#344 #442309
http://codepen.io/anon/pen/zrPQVE?editors=110

я снова вернулся со своей проблемой, которую до сих пор не могу решить. Посмотрел даже на примере слайдера на сайте бутстрапа, но все-равно не помогло. Подскажите как сделать, чтобы при уменьшение экрана текст не уходил вверх, а уменьшался под размер слайда. Я знаю тут есть аноны у которых была такая же проблема.
>>443041>>443130
#345 #442449
>>435652
>>436356
>>436182
Так где все таки достать эти допы, посоны?
#346 #442975
>>442222
Этож элемент лого ну или дизайна, она поменяется может через года 2, нахуй париться и шрифты подстраивать искать заморачиваться. Новый текст потом так же вставят картинкой. Единственный плюс шрифтового решения это оптимизация загрузки. И то шрифты вероятно тяжелые, да и несколько их.
#347 #443041
Бутстрапщики с такой проблемой не объявились до сих пор?

>>442309-кун
>>443080>>443525
#348 #443080
>>443041
Блять, бутстрап такая хуйня, из него максимум сетку можно взять, все остальные компоненты нахуй не нужны.

Использовал один раз бутстрап и обосрался-кун
77 Кб, 547x587
#349 #443084
Прошел обучение на learn.javascript.ru, сообразить, например, как сделать слайдер я понять как не мог, так и не могу. Именно как описать его поведение в JS. В шапке указан Флэнаган и, я так понимаю, лучше всего взяться за 5 издание. Что можно еще пробовать посмотреть/почитать, что-то менее сложное, что ли?
#350 #443093
>>443084
Если ты все прошел что на сайте дано то должен понимать как сделать. Если всеравно не понимаешь - открывай код какой-либо из уже готовых реализаций и вникай
#351 #443107
>>443084
Живые примеры разбирай, если узучал, а не проходил, то быстро уловишь смысл.
>>443125
39 Кб, 877x804
#352 #443125
>>443107
Это еще больший пиздец. Я не понимаю что выполняют те или иные объекты, так как функций, как мне кажется, так много и они настолько непонятные на интуитивным уровне, в отличии от CSS; не понятное что является переменной js, а что - программиста; откуда взялись name и age на пикрелейт? при написании как на пикче? ввел пограмист? синтаксис?
Все это в заблуждения какие-то вводит и чем дальше, тем их больше.
>>443129
#353 #443129
>>443125
бля ты точно learn.javascript.ru учил или тралируешь
>>443137
#354 #443130
>>442309

Можно заюзать vw, но он под конец обычно уменьшает размер до совсем пиздюшного.

Я для такого случая как-то писал костыль на жуквери, чтобы рассчитывал размер шрифта от ширины родителя.
>>443170
#355 #443137
>>443129
Да, даже скрин с этого сайта.

https://learn.javascript.ru/object
>>443147
#356 #443147
>>443137
Так ты писал выше что прошел уже его. А тут выходит что ты в объекты не вдупляешь. Как же ты тогда прошел? Сиди кури
>>443152
#357 #443152
>>443147
Я и говорю, что пройдя все - нихуя не понимаю.
>>443165>>443167
30 Кб, 400x487
#358 #443165
>>443152
надо не просто читать, а сидеть решать. Прочитал раз 10, понял что там написано, взял и попробовал написать что-нибудь. Получилось, тогда дальше пошел читать. Снова получилось? Дальше читаем. Просто прочитать, любой даун может, а вот написать по памяти не каждый сможет.
>>443195
#359 #443167
>>443152
У тебя в голове пиздец. Если прошел и не понимаешь то ты нихуя не прошел, а тупо почитал. Прошел - это все понял, усвоил и выпонил упражнения. Как вообще можно идти дальше если ты какойто из базовых разделов не усвоил?
#360 #443170
>>443130
то есть без джеквери никак? Ну ебать.
>>443195>>443210
#361 #443195
>>443170
Ты нахуя за этот бутстрап взялся, если основы верстки не понимаешь?
>>443165
Согласен. Алсо есть еще подход, я таким пользуюсь. Вместо того чтобы читать по 10 раз. Прочитал 1-2 раза, вникнул, а затем в вордовском файлике описал основные моменты.
Если глава сложная и много непонятно, то тупо берешь и описываешь ее всю, причем разбирая каждый пример кода. Реально каждый.
Главы про call/bind/apply я так и разбирал. Брал функцию и описывал ее практически построчно, что автор делает, зачем, и что в конце получилось.
#362 #443210
>>443170
Можешь тупо уменьшать его через медиазапросы на разных разрешениях.
#363 #443435
Кто уже тестил флексаны?
https://github.com/10up/flexibility
Работает ?
#364 #443524
>>443084
та же хуйня была, начал разбираться с кодом, смотрел готовые слайдеры, копался. с опытом приходит понимание. покопайся в коде уже готового простейшего слайдера.
#365 #443525
>>443041
медиа-запросы юзай, гений, или font-size в em или % задавай
#366 #443541
Ух, сделал седону (фиксед) за день (суммарно часа 3 + час на гугление всяких зэдиндексов). С одной стороны - горжусь собой (второй макет в жизни), с другой стороны - сомневаюсь, мне кажется, там куча говнокода.
Макет, кстати, на редкость ебанутый, даже размер шрифтов пришлось интуитивно искать, дезайнер - мдк (но это даже хорошо, теперь я кэтому буду готов, лол).
>>443764>>445044
#367 #443764
>>443541
нахуй ты сюда пишешь о своих достижениях? Нам поебать вообще. Если хочешь, как-то привлечь к себе внимание, то пиздуй на твиттер и оставляй там свои ебанутые восхищения. Боже, как же такие дауны выбешивают.
>>443900
225 Кб, 320x240
#368 #443849
>>438399
золотые слова. хтмл и ксс учить не меньше 3х месяев для начального уровня. но без этого ни в какой фронтэнд не залезешь. к тому же проще верстка не стала а становится только сложнее
>>443900
#369 #443900
>>443764
Успокойся. Ну на подъеме человек. Радуется, что получается что-то. Да, не все бегут на форум рассказывать что у них чего-то выходит. Но и такая реакция как у тебя тоже не уместна.
Я тоже лично не вижу профита для нюфани писать что он сделал макет, не выкладывая код на ревью. Но че поделать...

>>443849
ты наверное имел в ввиду не html, css а верстку (технологии, приемы, инструменты) вцелом. Ибо как можно сидеть 3 месяца только над тегами и селекторами я хз
>>443916
#370 #443916
>>443900
мне кажется, что месяца дрочильни html+css макетов вполне достаточно, чтоб более менее быть готовым к любой верстке. Это без JQ. И это если фул тайм сидеть.
>>443924>>443928
44 Кб, 640x640
#371 #443921
Аноны все же блядь как ебаные пункты переводить в пикселы правильно. Почему ебаные дизигнеры не могут рисовать в 96dpi чтобы не было никакого гемороя...ну пздец.
#372 #443924
>>443916
Ну это такое, постоянно вылезает что-то новое, в каждом макете, что ты не знаешь или не умеешь. Ну и многое не сверстаешь без jq, те же чекбоксы, карусели и тд.

В общем у каждого темп свой, есть где-то даже статья, где рассказывают как учить js, так вот там говорят "учи медленно", то есть закрепляй каждый материал, больше практикуйся, смотри на смежные технологии, понимай чуть шире своего стека, даже когда учишься.
>>443935
#373 #443928
>>443916
Любых лэнингов разве что.
Попробуй без напряга сверстать адаптивно макет крупного инет магазина. Посмотрим как ты запоешь.
Я уже молчу о разных фишках, нестандартных элементах етц.
Это только кажется так ребятки. Этот >>438399 прав. Как и в любом другом деле, освоить основы довольно просто. Но дальше ты погружаешся в детали. А именно они отличают хорошего специалиста от халтурщика.
>>443936
#374 #443935
>>443924
Про js вон чуть выше яркий пример выученого лерн.жс.ру. С этим согласен, но html css все же немного другая тема, тут тупо набивание руки помогает. Я к тому, что месячной дрочки хватит, чтобы тебя взяли в какую-нибудь говностудию за корку хлеба, а там обучение уже куда продуктивнее, как мне кажется
>>443950
42 Кб, 600x700
#375 #443936
>>443928
>>443928
вот в ебаном хтмлакадеми прям сразу на тебя вываливают все особенности и детали, ничего толком не объяснив.
>>443947
#376 #443947
>>443936
Если ты про html css, то там никаких приколов-то и нет особо, только с css3 и всякими йоба фишками, которые все юзают чтоб повыебываться. Остается только знать все правила что куда схлопывается почему инлайн ведет себя так, как лучше выравнивать и почему все поехало и тд. С JS все сложнее. А курс академии на сайте порой заставлял не понимать, а дрочить пиксели чтобы совпадение было 100%, а не 99% и это бесило меня пиздец. Дальше учить не можешь, пока не подберешь с миллионной попытки идеальное положение. Да и миллионной попытки нет, всего 10, что ли, забил на эту хуйню
1645 Кб, 1800x1080
#377 #443950
>>443935
http://kemerovo.hh.ru/vacancy/15415808?query=html
те времена когда в верстальщике нуждались прошли. теперь это за профессию не считают
#378 #443952
>>443947
шта ? в браузере адрес на цифру больше поменять мозга не хватило ?
>>443956
#379 #443953
>>443947
Да это стандартное объявление в стиле - ФУЛСТЭК ПРОГРАММИСТ ВЕБ ВЕРСТАЛЬЩИК, ОПЫТ ОТ 10 лет, ANGULAR JS REACT FLEXBOX ПИТОН ДЖАНГО, ЗП 12.000 РУБЛЕЙ
>>443957
#380 #443956
>>443952
не думал, что у них все так просто.
#381 #443957
>>443953
я к тому что сейчас верстальщики нахуй не нужны.
>>443959>>443972
#382 #443959
>>443957
Ну ладно ладно, не нужны.
>>443965
25 Кб, 414x414
#383 #443965
>>443959
разве что в сео меркетологи ебучие
#384 #443967
Ну я хз, встречаю часто вакансии html css js jq, зп не облачная ну это и похуй для начала
>>443971
#385 #443971
>>443967
из объяв не понятно даже что нужно работодателю и какой уровень скила той или иной технологии
#386 #443972
>>443957
А ты у нас я вижу знаток дохуя.
Верстальщики всегда будут нужны. Чисто из финансовой точки зрения.
>>443947

>то там никаких приколов-то и нет особо


Топ кек. Наверное именно поэтому есть целые сайты и куча книг, посвященные исключительно html/css до отвала забитые контентом, советами, различными типсэндтрикс и прочим дерьмом. Конференции блять разработчики почти что каждый квартал проводят, опытом делятся. Но конечно же ты прав, никакой глубины там нет.
>>443974>>443979
#387 #443974
>>443972
так вакансии посмотри
#388 #443978
Да пускай каждый сам решит что ему нравится и нужны ли верстальщики. Но верстать всегда нужно, бэкэндеры это конечно умеют, но в силу своей основной работы, они не могут знать всех тонкостей, обычно их вёрстка - пара полей на бутсрапе и всё.

Да даже если не нужна, вёрстка это идеальный вариант для входа в профессию. Дальше хоть программируй, хоть оптимизируй, хоть дизайны рисуй.
>>443981
#389 #443979
>>443972
нахуй целый человек в компании не нужен чтобы версткой чисто заниматься
>>443995
#390 #443981
>>443978
так весь вопрос в том - на каком уровне верстку надо знать, если у неё куча особенностей и деталей, которые даже ни кем не используются
>>443983>>443984
#391 #443983
>>443981
Я знаю, что всех бесит, когда так говорят - но на таком уровне, что бы хватало знаний для решений твоих задач.
#392 #443984
>>443981
Ну а свистелки и перделки это как приятный бонус, можешь играться, можешь нет.
>>444030
#393 #443995
>>443979
Ну давай я посчитаю за тебя.
Есть верстальщик и фронтендер ориентированный на джс. Час работы верстальщика стоит 5 баксов. Час работы фронтендера от 15 баксов.
Любой проект начинается с верстки. Если это сайт а не приложение, то верстка - почти что его половина.
Верстальщик делает страницу, например, за 2 дня. Делает хорошо, потому что это его основная работа и конечно же он в ней разбирается. 2 дня его работы - 80 долларов.
Ту же самую работу наверняка сделает и фронтендер, но если он ориентирован исключительно на джс и не сильно знает верстку, то она у него отнимет больше времени.
Но допустим, для чистоты эксперимента он тоже справился за 2 дня с той же задачей. Сколько его 2 дня работы стоят? Примерно 240 баксов, если считать по отмеченной мною выше ставке.
80 и 240. Улавливаешь?
>>444030>>445984
4 Кб, 112x128
#394 #444030
>>443984
>>443995

>фронтендер


>и не сильно знает верстку

>>444043>>444045
#395 #444043
>>444030

>Верстал когда-то на первом курсе))) НЕТ КОНЕЧНО Я МОГУ, НО ДАВНО ЭТО НЕ ДЕЛАЛ)))

#396 #444045
>>444030
Большинство кодеров не знаю верстку, да и не сильно хотят знать.
>>444055
#397 #444055
>>444045
блядь да как так то ? у них жс в первую очередь с хтмл и ксс взаимодействует !!!
189 Кб, 393x391
#398 #444059
front-end developer не знает версту.....до чего еще допиздитесь тут?
>>444062>>444063
#399 #444062
>>444059
Знают, не знаю, знают хорошо, плохо знают, не знают особенностей. Какая разница? Он прав. Разница только в оплате. Зачем давать верстку матерому фронтендеру, и платить ему в 2-3 раза больше, если ту же работу сделает верстальщик, и скорее всего сделает качественнее, за меньшие деньги.
#400 #444063
>>444059
Я не говорил что он ее не знает.
#401 #444064
Ок, тогда чем занимается фронтенд кодер все рабочее время?
>>444066>>444070
#402 #444066
>>444064
двач читает)
>>444091
#403 #444070
>>444072
#404 #444072
>>444070
конкретные пример работы, типо сидит он такой нихуя не верстает и весь день чем-то занят. Слайдеры что ли прикручивает?
>>444077>>444084
#405 #444077
>>444072
Если он хуячит веб приложение еще можно понять, там драг энд дропы всякие, все такое
#406 #444084
>>444072
Окей, давай из простенького - несистемная валидация формы на стороне клиента.
Верстальщик накидал форму на сайте, кодер занимается функционалом. В данном примере проверяет разные поля на тип значения, вешает функции на события, проверяет субмит, пишет функционал для всплывающих подсказок, условия валидации, всякие дополнительные фишки и т.д. и т.п.
#407 #444091
>>444066
топ кек
#408 #444133
Ебать аноны, я сверстал 4 макета на бутстрапе, но теперь не знаю, как с него слезть. Я ведь без него теперь нихуя наверно не смогу сделать, очень все просто с ним делать.
>>444137
#409 #444137
>>444133

ну чо, устроишься бутстрап-девелопером, потом и до джейквери-программиста дорастешь.
>>444162>>444245
#410 #444162
>>444137
смешно-смешно. Еще скажи фотошопером-дизайнером
#411 #444231
аноны, поясните что делать если я половину хтмл академи прошел все задания решаю, но нихрена не зепоминаю. это норма ?
>>444239
#412 #444239
>>444231
Усидчивей будь. Забыл - отвлекись от текущего дела и открой урок вспомни, не ленись.
>>444265
#413 #444245
>>444137
ну а что я могу поделать, если есть одна контора где нужны знания хтмл, ксс и бутстрапа + обучат джс.
#414 #444265
>>444239
да как блядь ? я по кд лезу во вконтакт или на двач!! ямне нравится веб и я хочу этим заниматься, но меня хватает на 30 минут максимум
>>444279
#415 #444279
>>444265
ну так ты себе вопросы задавай тогда, мы-то тебе блеа чем поможем если ты ленивое хуйло. По опыту скажу, что выход из зоны комфорта очень сильно решает, когда жрать нехуй, очень быстро учишься.
#416 #444308
Анон, помоги! не хуячь тряпками , слушай сначала...

Срочно нужно натяпать 2 интерфейса на HTML\css и потом все это обмазать php И jquery и встал вопрос о том как быстрее нарисовать интерфейс.

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

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

Могу в разные фотошопы,java и прочие непонятные слова.

Анон, подскажи
>>444318>>444337
#417 #444318
#418 #444337
>>444308
нихрена не понятно - тебе дизайн надо или верстку?
Если дизайн - то ты написал что могешь фотошоп. Значит нахуй спрашиваешь.
Если верстку - то тогда в обычном блокноте не пиши - юзай sublime, atom, brackets либо Web/php-shtorm.

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

хотя мне чет кажется что хочешь какой-нибудь гавноконструктор. Типа adobe muse или че там еще есть
120 Кб, 1499x944
#419 #444340
Пацаны, что с текстом делать? Я в коментах посмотрел, люди его там вообще не трогали, у них все на месте.
https://htmlacademy.ru/courses/65/run/27
>>444342>>444352
#420 #444342
>>444340
паддинги тебе в помощь
>>444347
#421 #444347
>>444342
Получается, я проебался с размера и их нужно менять в зависимости от падингов?
>>444538
#422 #444352
>>444340
ты зачем clearfix по всем классам распидарасил? Создай один прототип и прописывай блокам, а то тут половина там половина.
>>444356
#423 #444356
>>444352
И так сойдет, у меня только текст пидорасит.
>>444374
357 Кб, 800x533
#424 #444374
>>444356
Зародыш говнокодера в треде, все в укрытие
>>444381
244 Кб, 1864x1398
#425 #444381
>>444374
Я размеры клеарфиксу задал и мне менять лень было.
>>445988
#426 #444538
>>444347
Можесь прописать блокам
box-sizing: border-box
#427 #444545
Посоны, как письма верстаются?
Всмысле, процесс мне понятен - таблицы и инлайн стили, но я не понял как они потом читаются почтовыми клиентами. То есть, закинув html в письмо, нихуя не получается.
#428 #444569
СКАЖИТЕ ЭТО ОБЯЗАТЕЛЬНО ЗНАТЬ ? https://htmlacademy.ru/courses/65/run/1
>>444572>>444586
#429 #444572
>>444569
Лол, это то, с чем ты будешь сталкиваться каждый день, если найдешь работу.
>>444578
#430 #444578
>>444572
Только небольшая оговорчка. В задании ширина фиксированная, а тебе надо будешь делать все резиновое, то есть ширина в процентах.
>>444597>>444647
#431 #444582
Modernizr годнота ?
>>445989
#432 #444586
>>444569
Бля, это основа верстки
437 Кб, 811x730
#433 #444597
>>444578
ТОГДА ИДУ ЕБАШИТЬ ! ! !
>>444824
#434 #444647
>>444578
Точнее сказать не только резиново, но еще и адаптивно.
#435 #444807
посоны поясните, флексбоксы нужны ?
239 Кб, 884x903
#436 #444824
>>444597

>задротка в толстовке


Ересь жи есть.
>>444838
321 Кб, 587x565
#437 #444838
>>444824
братишка!!!, но у нас есть свой тред, тут лучше не злоупотреблять
#438 #444877
>>439279

>"на подсосе"


Такие никому не нужны. Сам был таким когда-то и чудом устроился в конторку, с только со мной наебались, могли бы сразу взять кого-нибудь за 30к и имели бы прибыль с него, а взяли меня за 15 к и учили, деньги платили и учили ещё, конечно потом я стал приносить доход и сам стал получать больше, но нахуя, если контора сразу могла найти кого-то с опытом, ведь с опытом дохуя людей!

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

Поэтому для меня вообще сам факт зарабатывания вёрсткой - что-то не реальное.
Тем более теми, кто на подсосе.
>>444958
#439 #444958
>>444877
Та у тебя в голове вообще взаимоисключающие параграфы.
#440 #444994

>ко-ко-ко верстка учиццо за месяц кудах



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

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

зато потом такое животное делает инпуты ебучими дивами и приходит сюда с раскрытым хайлом, чтобы ему туда нассали. а все потому что ВЕРСТКА УЧИЦЦА ЗА МЕСЯЦ))))) ЧО ТАМ СЛОЖНОВА)))) КВАДРАТИК С ТЕКСТОМ ЗНАЧИТ ДИВ)))) И ВСЕ)))
>>445990
#441 #445037
Синьоры, если не впадлу, гляньте и обосрите по фасту мою верстку. http://c12266.shared.hc.ru/
#442 #445044
>>445037
если ты этот мудила >>443541
, то иди переделывай. Ошибки свои смотри лучше, они перед глазами.
>>445068
#443 #445050
>>445037
По мне так заебись, я б купил.
мимо не смыслю в вёрстке
977 Кб, 500x600
#444 #445066
>>445037

>main-content-item main-content-item-instruments

>>445100
#445 #445068
>>445044
Я не тот пидорок. Но если там есть грубые ошибки, то укажи.
Я когда верстал особо не парился про "пиксель в пиксель" и конечно где-то схалявил. Я просто хотел начать курить продвинутый интенсив, и вот думаю стоит ли или пока потоптаться, но чтоб топтаться нужно узнать где косяки, сам не вижу вот и написал.
37 Кб, 397x567
#446 #445100
>>445066

>html-body-mainsection-main-content-mydick-item-instrument


Нужно быть точнее
>>445102
#447 #445102
>>445100

>main-content-item-instruments


Не проще сделать вложение в css? Ну или префиксами писать, чем такие простыни.
>>445992
#448 #445143
<input type="button">
<button>
Какие различия?
>>445144
#449 #445144
>>445143
Никаких, взаимозаменяемые.
47 Кб, 604x489
#450 #445263
>>445037
Сенсация! Добавил еще один макет, лейте говном. Я готов. http://c12266.shared.hc.ru/
#451 #445267
>>445263
psd где брал
>>445272
#452 #445272
>>445267
Из рассылки html academy.
Во втором макете есть OMG ДАЖЕ JS
3 Кб, 370x118
#453 #445300
верстка от гугл, чесно говоря я ахуел от их адаптивного ютуба
>>445306
#454 #445306
>>445300
главная сделана нормально, а вот страницы юзверей по пиздец
#455 #445394
>>445037
Охуенно, серьезно.
С названием классов ты на правильном пути, но методологии нет. Почитай про БЭМ обязательно.
Необязательно использовать БЭМ библиотеку, там у них охуенная методология по называнию классов.
>>445418
#456 #445413
>>445037
Большая красная кнопка логин не ссылкой ли быть должна? А если и нет, то линк под значком проскакивает
>>445468
#457 #445418
>>445394
Ну так он еще не смотрел продвинутый вроде. Просмотрит и БЭМ будет применять
#458 #445468
>>445413
Да спасибо,что-то с line-height намудрил, нужно было тупо абсолютно спозиционировать и все. Просто в макетах я некоторые вещи делал по разному, чтоб попрактиковаться и возможно не самые лучшие решения.
28 Кб, 500x400
#459 #445522
>>442079
Меня тоже интересует этот вопрос!

>>442062
АТВИЧАЙ БЫСТРА! Время пошло!
#460 #445785
В хтмл академии рассказывают где-нибудь, как сделать сайд бар?
>>445819
#461 #445803
>>445263
>>445037
сколько уже учишь верстку?
>>445970
32 Кб, 265x165
#462 #445806
>>445263
Вроде норм, но этот аутист всё портит.
#463 #445819
>>445785
На жуквери? Вот здесь есть:

https://www.codecademy.com/courses/web-beginner-en-zmn0b/0/1
>>445831
7 Кб, 842x215
#464 #445823
>>445037
Не могу понять где поворот картинок прописан вот тут: http://c12266.shared.hc.ru/duhot/index.html, просвети.
98 Кб, 214x474
#466 #445831
>>445819
нет, я запутался на этом. Не получается никак сдвинуть чексбоксы. В итоге кашу наделал там.
#467 #445833
>>445823
Вроде оно:
.promo-block div:hover>b,
.reality-container:hover
.avatar-form{
animation-name:mirror;
animation-duration:1s;
}
#468 #445874
>>445823
Если тебе интересно как этот поворот делать, то вот видяшка
https://www.youtube.com/watch?v=nD8xqlh6Esk&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o&index=2
мимо-ОП
>>446547
#469 #445970
>>445803
Хз я где-то с сентября. Я это делаю не спешно, т.к работаю, и достаточно стар.
#470 #445978
>>440683
text-overflow: ellipsis;
и всеоо
#471 #445984
>>443995
фронтенд ориентирован на UI, улавливаешь? проще взять фронтенда, который будет верстать и писать на js, чем верстака и чистого js-программиста. другое дело в том, что нормального фронтенда не найдешь сейчас, а в мухосрани не найдешь работы для фронтенда.

олсо, некоторые фронтенды еще и бэк иногда правят. потому что иногда нужно поправить, а времени на ожидание нет.
#472 #445988
>>444381
дебил тупой, нахуя тогда класс clearfix делал? убейся нахуй, фронтенд не твое
#473 #445989
#474 #445990
>>444994
ааа, блядь, как же ты прав, господи, 10 из 10 чаев тебе, братишка!
#475 #445992
>>445102
на больших проектах все пойдет по пизде, если вложения делать, потому и придумали БЕМ. вот только тут не по бем.
>>445994
#476 #445994
>>445992
а scss на больших проектах не придумали? Да и на сколько больших, вряд ли кто-то среди нас будет заниматься проектами уровня яндекс. Ещё, кстати, есть Смакс, кто читал? Такие же простыни как у БЭМ?
>>446020
#477 #446020
>>445994
gulp + jade + stylus (потому что он лучше чем sass) + gulp-bem, если собираешь проект(что быстрее и удобнее в большинстве случаев).

>scss на больших проектах не придумали?


scss - всего лишь препроцессор, он облегчает написание css. по сути, ты никуда от вложенностей не денешься, просто станешь быстрее писать, ибо не нужно больше добавлять фигурные скобки, двоеточия и прочее. компилятор сам все добавит и соберет код.

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

>Да и на сколько больших, вряд ли кто-то среди нас будет заниматься проектами уровня яндекс


любой сайт, который больше лендинга, блога или сайта-обучалки какой-либо хуете, стоит делать по БЕМ, ибо потом может понадобиться что-то заменить, что-то переделать, сверстать точно такую-же страницу, но с другими стилями, и чтобы именно на ней отображались одни стили, а в остальных - другие. и тогда ты заебешься читать эти вложенности, гораздо проще блокам стили поменять, и читается легче.
>>446349
#478 #446067
Решил потренироваться в js, начиная с решения простых задач за 5 класс, и мне кое-что стало непонятно.
Задача и решения следующие:

Задача 5
От веревки длинной 48 метров отрезали 3/4 части. Какой длины стала веревка?

Решение
1) 48 : 3/4 = 36 (м) отрезали от веревки;
2) 48 – 36 = 12 (м).
Ответ: веревка стала равна 12 метров.

В js она выглядит у меня так.

function rope(totalLength){
var cut = totalLength 3 / 4;
var residue = totalLength - cut;
return residue;
}
alert (rope(48));

Предположим, я захочу 3/4 заменить переменной. Соответственно, решение будет выглядеть так:

function rope(totalLength, inCut){
var cut = totalLength
inCut;
var residue = totalLength - cut;
return residue;
}
alert (rope(48, ???));
Но я не знаю как записать те же 3/4 при вызове функции. Гугл дает инфу только про 10-ные дроби. Как в такой ситуации дать переменной inCut значение 3/4?
#478 #446067
Решил потренироваться в js, начиная с решения простых задач за 5 класс, и мне кое-что стало непонятно.
Задача и решения следующие:

Задача 5
От веревки длинной 48 метров отрезали 3/4 части. Какой длины стала веревка?

Решение
1) 48 : 3/4 = 36 (м) отрезали от веревки;
2) 48 – 36 = 12 (м).
Ответ: веревка стала равна 12 метров.

В js она выглядит у меня так.

function rope(totalLength){
var cut = totalLength 3 / 4;
var residue = totalLength - cut;
return residue;
}
alert (rope(48));

Предположим, я захочу 3/4 заменить переменной. Соответственно, решение будет выглядеть так:

function rope(totalLength, inCut){
var cut = totalLength
inCut;
var residue = totalLength - cut;
return residue;
}
alert (rope(48, ???));
Но я не знаю как записать те же 3/4 при вызове функции. Гугл дает инфу только про 10-ные дроби. Как в такой ситуации дать переменной inCut значение 3/4?
>>446123>>446129
2560 Кб, 600x900
#479 #446110
Господа, поясните нужно ли сейчас знание PHP и если нужно то на каком уровне+желательно курсы какие нибудь
>>446123
#480 #446123
>>446067
тебе сюда >>631129

а тебе >>446110 сюда >>612122
>>446126
#481 #446126
>>446123
я относительно верстки спрашиваю
#482 #446129
>>446067
Можешь передать вместо inCut аргументы a,b. А внутри скрипта уже объявить переменную inCut, которая равна a/b.
Кстати получить значение можно и перемножив длину на 3/4.
>>446134
#483 #446134
>>446129
Хотя о втором забудь, в глаза ебусь.
#484 #446287
прошел базовые курсы на хтмл академи,аноны, скажите как наработать практику по верстке?
#485 #446322
>>446287

что бы тебе тут ни посоветовали, не слушай тех питухов, кто скажет "верстать макеты". только время проебешь
>>446325>>446344
#486 #446325
>>446322
что делать то ? почему не макеты ?
#487 #446330
>>446287
если ты только прошел курсы - кури интенсив базовый, потом продвинутый, потом js, а потом иди искать работу
>>446333>>446335
#488 #446333
>>446330
БЛЯДЬ ПРАКТИКУ КАК НАРАБОТАТЬ ?
>>446341>>446346
#489 #446335
>>446330
хотябы верстку закрепить на практике надо прежде чем за жс браться
>>446346
#490 #446341
>>446333
в шапке есть ссылка на макеты от академии. Сиди и верстай их
#491 #446344
>>446322
а что тогда делать, если не макетами заниматься? м?
>>446348
#492 #446346
>>446333
а как ты блядь ПРОЙДЕШЬ два интенсива не сверстав несколько макетов? вот и наработаешь свою практику. Если такой вариант не устраивает - иди ищи стажировки какие-нибудь (если такие есть)

>>446335
я специально написал слово ПОТОМ
#493 #446348
>>446344

не пизди лучше, сядь, интенсив посмотри
>>446355
11 Кб, 200x200
#494 #446349
>>446020
+ stylus (потому что он лучше чем sass)
Чем лучше?
#495 #446355
>>446348

>интенсив посмотри



С каждым новым тредом таких даунов все больше и больше. Просижу 50 тред, и больше не буду сюда заходить, ибо заебали такие уже.
>>446380
125 Кб, 600x450
#496 #446372
>>446287
Лично я захожу на themeforest, выбираю понравившийся макет и верстаю его от и до. Если вдруг что-то не получается, всегда можно заглянуть в исходный код.

+ не нужен фотожоп
+ картинки уже нарезаны
- картинки нужно выкачивать по одной если тупой индус не додумался сделать спрайт
#497 #446380
>>446355

неоценимая потеря будет, ггг
946 Кб, 946x481
#498 #446415
Кто-нибудь поясните за седону. Будет ли правильным вырезать картинку вместе с текстом внутри? Просто у меня не получается узнать, что за шрифт там используется, и из-за этого думаю, что текст должен быть вместе с картинкой вырезан. Спасибо за ответ.
>>446416>>447247
#499 #446416
>>446415
Выше уже отвечали
>>446431
#500 #446431
>>446416
спасибо, нашел ответ.
15 Кб, 382x80
#501 #446513
Помогите с вопросом. В общем когда делаем (ul>li>a) список inline. сам ul имеет большую высоту чем тег <a> с чем связана эта увеличенная высота вообще, на что обратить внимание. padding и margin у ul сброшен
>>446515>>446526
7 Кб, 284x177
#502 #446515
>>446513

> на что обратить внимание


line-height не?
>>446527
#503 #446526
>>446513
inline-block'и ведут себя как строки, есть такое свойство line-height, почитай про него.
#504 #446527
>>446515
Хорошо, попробуем по другому. Как сверстать подобное что на пике, только чтоб контент был красивенько по центру?
#505 #446530
>>446527
Скинь пример кода на codepen/jsfiddle/plnkr тогда и посмотрим.
#506 #446532
>>446527

vertical-align: center;
#507 #446534
>>446527

флексами хуячь
#508 #446547
>>445874
А есть аналогичные и/или подобные господа в русскоязычном сегменте?
>>446548
#509 #446548
>>446547
Зачем тебе русоблядки?
>>446556
#510 #446556
>>446548
С инглишом плоховато.
150 Кб, 908x715
#511 #446570
>>442087
Блять, а как сделать этот язык что сверху?
Где можно можно посмотреть верстку бэмом, ту статью с хабра в шапке я видел. Очень мало обьяснений на примерах как верстать бэмом, зато куча пидорасов которые на конференция талдычать одно и тоже, зато примеров реалной верстки аж блять одна статья. Заходишь на ютуб посмотреть видео - там блять куча уебанов верстают ЧЕРЕЗ ПОЛНЫЙ СТЕК БЭМ, сборщики которые блять сука нахуй нихуя не работают, установи кучу всякой хуйни NPM, BEM-tools , BEMJSON, хуйсон, кучу всякой хуйни про которую блять неебешь в душе что это и как оно блять работает,УХ СУКА МОЯ ЖОПА В ОГНЕ.
Короче дайте дайте пример блять как по кошерному называть классы, как не путать блок с элементами , как блять это все работает на практике.
Что блять такое JSON, хотя нет, я знаю что это, как он блять работает на сайте? Почему это все покрывать 18 слоями абстаркций и почему не рассказать как работают эти абстракци? CСУКККА, ЭТИ СБОРШИКИ КОТОРЫЕ НИХУЯ НЕ РАБОЮТ!
>>446596
#512 #446596
>>446570
про БЭМ (не полный стек, а просто именование классов) есть в продвинутом
>>446599>>446754
#513 #446599
>>446596
в догонку от того же типочка, что в интенсиве статейка

http://nicothin.ru/page/bem
#514 #446609
Есть некая кнопка с раздвигаемой границой при наведении, которую я хочу немного допилить.
Вот пример http://codepen.io/Ykro314/pen/ZQrvmm
Я хочу при наведении как бы отодвинуть ее границу, например, на 10 пикселей, а потом придвинуть обратно на 8. Тоесть запилить что-то типа обратного движения. Вы поймете о чем я, если поховерите на ней.
С @keyframes это делается очень легко. Собственно в примере так и делал. Но есть проблема, при деактивации ховера анимация жестко срывается. Переход обратно к состоянию через transition на кнопке не срабатывает.
Вопрос: можно ли добиться плавного эффекта возврата, то есть чтобы кнопка правильно возвращалась в свое базовое состояние с использованием именно анимаций? То есть как-то деактивировать этот ебучий срыв?

Алсо получилось найти альтернативное решение через эксперименты с кривыми Безье и transition-timing-function, раскомментируйте в ховоре обычный transform: scale(1.1) и закомментируйте анимацию если хотите потестить. Но это работает только на обычном линейном переходе, что нихуя не норм.
#515 #446635
>>436291

>Хорошо, а как это примерно выглядит?


Корень, в корне дохуя папок, в каждой из них так же дохуя папок, в общем охуенный такой каталог, где дохуя папок и файлов. Каждый файл - это скрипт. Скрипты бывают те, которые выполняются у пользователя в браузере - например яваскрипт, который проверят заполненность всех полей при регистрации, или те, которые выполняются на сервере, например получение данных из бд по какому-то запопросу. Для не разработчика выглядит просто непонятным складом хуйни, кучи php скриптов, яваскриптов хтмл, картинки и т.д.
В одном файле может быть как и язык разметки - хтмл, так и язык сценариев - пхп, яваскрипт, в пхп-функции ещё передаются языки запросов для работы с бд.
51 Кб, 599x400
#516 #446754
>>446596
Там тоже просто рассказ ЧТО ТАКОЕ БЭМ. Практики ж нихуя нету.
>>446780
#517 #446776
Котаны, приведите пожалуйста примеры контентных и оформительских изображений. Чем они отличаются?
>>446826
#518 #446780
>>446754
Бля, а для кого он в конце полчаса распинается о верстке по БЭМ (модификации Галахера) адаптивного барбершопа?

Не нравится этот - посмотри у Яндекса похожий.
https://ru.bem.info/forum/-661/
>>447021
#519 #446826
>>446776
Ну же, котаны, везде это просто так подается, как будто все знают что это такое. А я видимо тупой и не понимаю, что где.
>>446835
#520 #446835
>>446826
Контентные от слова контент лол.
Ну в смысле например фотки товаров в онлайн-магазине (их потом будут через cms загружать, а ты прописываешь через тэг img)
А оформительские от слова оформление. То бишь, картинки, предназначенные для оформления страницы (ваш кэп). Ну например фоновая картинка, либо мелкая графика (всякие рюшечки, значки, стрелочки). При том, что мелкая графика по-возможности обычно собирается в спрайт.
Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img (ибо на продвинутом на том же этот же чувак говорит, что можно разделять, а можно не разделять).
>>446839
#521 #446839
>>446835

>Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img


Да, для этого и српашиваю. Ну ладно, img так img, так даже удобнее.
650 Кб, 946x481
#522 #447021
>>446780
Посмотрм, посмотрим. Еще вопрос по верхнему язычку в седоне остался. Там два изображения - синий язык и рисуночек сверху. Как их слепить в кучу и сделать одним изображением? Я думал сделать язык через background -image центральной ячейки верхнего меню. Но проблемка в том что у языка нет отступа сверху. Или лучше сделать через абсолютное позицирование?
>>447025
#523 #447025
>>447021
Какой нахуй язычек, лол, это часть логотипа выше, зачем ты его вообще включил в это изображение? Он накладывается сверху через абсолютное позиционирование и увеличенный зет-индекс.
573 Кб, 1339x325
#524 #447247
>>446415-кун на связи. Помогите разобраться нубу. Почему картинка вылезает за контейнер?

http://codepen.io/anon/pen/NxyOgL

Не обращайте внимание на высоту картинки. Не знаю почему она получилась такой. У меня все нормально показывает, косяк только в контейнере.

Анон, который писал выше про седону, это не я. Не обоссывайте меня сильно, я только учусь.
>>447266
#525 #447266
>>447247
Ширина изображения больше шиниры контейнера на пару пикселей.
Задай изображению ширину в 100%.
Тред утонул или удален.
Это копия, сохраненная 23 февраля 2016 года.

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

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