М.Двач / Работа и карьера

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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

30 Кб, 300x219

28 Кб, 600x338

86 Кб, 730x599

Верстка-тред №49 09 Янв, 16:44 #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)

Ответы>>433027>>436585>>436669

09 Янв, 17:13 #2 #432488

Поясните. Имеем 2 слайдера сделанные через бутстрап. Задача опустить индикаторы у второго слайдера. Как это осуществить?

Ответы>>433000

09 Янв, 17:40 #3 #432519

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

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

Как бы кто такое сверстал?

Ответы>>432695

4 Кб, 200x200

09 Янв, 21:24 #4 #432646

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

Ответы>>432693>>432806

09 Янв, 22:33 #5 #432693

>>432646
Тоже сижу, если не постоянно, то время от времени. Отвечаю мало, потому что 95% вопросов задают полные ньюфаги. Знаю что не очень правильно, но щито поделать. Такой вот я.

Ответы>>432964

09 Янв, 22:35 #6 #432695

>>432519
Пояснять лень, да и устал уже.
Вот здесь парень что-то похожее делает.
https://www.youtube.com/watch?v=_RPFalOGOJU&index=5&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o

Ответы>>432700

09 Янв, 22:37 #7 #432700

>>432695

О, спасибо, должно подойти

10 Янв, 07:52 #8 #432806

>>432646
Not your personal google.

10 Янв, 08:17 #9 #432816

Скиньте пожалуйста решение этих испытаний, не успеваю, а ачивку охота.
Курс «Рамки и фоны, часть 2» / Испытание: ювелирная работа
Кекстаграм: Эпилог. JavaScript / Испытание: игровые фишки

11 Кб, 819x460

10 Янв, 15:29 #10 #432964

>>432693

Ответы>>432993

10 Янв, 16:27 #11 #432993

>>432964
Да ну чего ты. Никакого неуважения к ньюфаням у меня нет. Сам таким же был в начале осени. Просто неинтересно отвечать в сотый раз про то как делать меню на нердсе. Отвечаю только если вижу что никто не откликнулся, а так тут и без меня неплохо справляются. Что радует, если честно.

Ответы>>433000

13 Кб, 819x460

10 Янв, 16:40 #12 #433000

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

>>432993

Ответы>>433028

10 Янв, 17:07 #13 #433017

Новогодняя акция хтмлакадемии кажись все. Не хочет задания проверять. Ну да ладно, пройду сначала интенсивы, а потом 300 рублей заплачу.

Ответы>>433019

10 Янв, 17:13 #14 #433019

>>433017
в чем проблема почитать инфу в интернете? Куча всяких видео есть на ютубе.

Ответы>>433020

10 Янв, 17:15 #15 #433020

>>433019
Ну эта жи хтмлакадмия!!1 Мне нравится, когда все в одном месте, хороший курс.

Ответы>>433022

71 Кб, 819x460

10 Янв, 17:20 #16 #433022

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

Ответы>>433501

10 Янв, 17:27 #17 #433027

>>432466 (OP)
Оп-хуй, ты зачем для Джаваскрипт нарисовал значок Джава? Ты знаешь, что это два разных языка?

Ответы>>433029>>433030

10 Янв, 17:30 #18 #433028

>>433000
Потому и не ответили что ты по дебильному его задал. Я тебе экстрасенс что ли блять?

Ответы>>433042

10 Янв, 17:30 #19 #433029

>>433027
Конечно не знаю.

10 Янв, 17:30 #20 #433030

>>433027
первый пошел

10 Янв, 18:01 #21 #433042

>>433028
пофиг на слайдеры эти. Лучше помоги с этим http://codepen.io/anon/pen/BjRgrV . Что я пишу не так? При уменьшение экрана картинки не становятся меньше, а выходят за границы контейнера. Задавал уже этот вопрос в прошлом треде, но так и не помогли. Уже второй день не понимаю, что не так. Нашел кучу подобных макетов, но там все работает хорошо, а у меня хуй.

Ответы>>433047

10 Янв, 18:11 #22 #433047

>>433042
Ты там что-то с путями напутал, потому что у меня картинки вообще не отображаются.

Ответы>>433049

10 Янв, 18:21 #23 #433049

>>433047
я вообще не знаю, как картинки должны отображаться на этом сайте. Их там надо как-то загружать?

Ответы>>433057

10 Янв, 18:36 #24 #433057

>>433049
Хз если честно. Попробуй заметить онлайн-плейсхолдерами.

Ответы>>433058>>433087

10 Янв, 18:37 #25 #433058

>>433057
>заменить
фикс

10 Янв, 19:07 #26 #433087

>>433057
http://codepen.io/anon/pen/WrjqqW#0

сейчас вроде норм

Ответы>>433110

10 Янв, 19:43 #27 #433110

>>433087
У картинок добавь класс img-responsive. Удали ширину и высоту у правого и левого блока
http://codepen.io/anon/pen/zrwgKN

Ответы>>433140>>433384

10 Янв, 20:20 #28 #433140

>>433110
оооо "img-responsive" это бутстраповский класс для картинок? Знал бы его раньше неебался бы уже второй день с ними. Видать я не тот сайт бутстрапа листаю. Спасибо.

11 Янв, 00:28 #29 #433325

алло

389 Кб, 1600x2133

11 Янв, 00:32 #30 #433326

Где блять почитать про scacss? Читаю офф доки, но примеров мало и я унтерменш не очень хорошо понимаю ангельский. Надо именно примеры. Как собрать, прокоммпилировать и все такое. В рунете вообще нихуя толком нет по этой теме.

Ответы>>433424

211 Кб, 1380x611

11 Янв, 00:35 #31 #433327

А вас уволят из шарашкиной конторы за то, что вы на пиксель ушли от кнопки, которая стоит на другой стороне страницы :))))))))

Ответы>>433333>>433344

11 Янв, 00:48 #32 #433333

>>433327
Кеканул, и где тут проблема верстальщика?
Очевидно же, что слова "Evernote" не должно быть там, либо просто дизайнер проебался.

109 Кб, 819x460

11 Янв, 15:31 #33 #433344

>>433327
проиграно

272 Кб, 745x534

11 Янв, 16:04 #34 #433384

>>433110
подскажи почему не меняется цвет прозрачности?
Так же почему не получается сделать, чтобы вовремя наведения мышки появлялся +, как на скрине. http://codepen.io/anon/pen/EPXKMM?editors=110

Ответы>>433462

11 Янв, 16:29 #35 #433424

>>433326
scss?

11 Янв, 16:49 #36 #433462

>>433384
https://codepen.io/anon/pen/mVwOQP?editors=110
Сделал, но с небольшими косяками. Сейчас некогда править. Если есть желание разобрать по частям тобою написанное, то вечером вернусь. Обрати внимание, что я добавил в html блок mask.

Ответы>>433519>>434177

11 Янв, 17:08 #37 #433501

>>433022
300 рублей охуеть какие деньги большие.

11 Янв, 17:17 #38 #433519

>>433462
жду

11 Янв, 19:01 #39 #433668

> верстка
> проект размещен 17:40
> 1000000 откликов

11 Янв, 19:40 #40 #433697

Посоны, background css svg fragments в хроме не поддерживаются?
Какого хуя на кэнайюз написано что да, а у меня не работает нехера. Анус пылает.

11 Янв, 20:33 #41 #433759

http://drewhamiltondesign.com/

как же у меня пригорела, когда я посмотрел его портфолио.

Ответы>>433772>>434477

11 Янв, 20:46 #42 #433772

>>433759

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

Ответы>>434477

11 Янв, 21:28 #43 #433811

Анончики, я сам asp.net макака заделывающаяся. Надо выучить хтмл и цсс на уровне семантически правильной вёрстки. Что надо курить из шапки?

Ответы>>433894>>439473

11 Янв, 22:34 #44 #433894

>>433811
Перхоть.

143 Кб, 574x351

12 Янв, 00:46 #45 #433968

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

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

.catalog-item:hover + .catalog-item-inner {
display: block;
}

Ответы>>433982>>433985

12 Янв, 01:43 #46 #433982

>>433968
Я нюфек, но вроде через запятую нужно, ни?

Ответы>>434020

12 Янв, 01:50 #47 #433985

>>433968

Вместо плюса поставь ">"

Ответы>>434020

12 Янв, 04:02 #48 #434020

>>433985
Спасибо.
>>433982
Через запятую означало бы, что свойство просто применится ко всем селекторам разделенными запятой. А мне нужно было, чтобы при наведении курсора на .catalog-item срабатывало свойство display: block у .catalog-item-inner

12 Янв, 11:14 #49 #434177

>>433462
анон, ты тут?

Ответы>>434258

24 Кб, 300x300

12 Янв, 12:30 #50 #434258

>>434177
Тут. Окончательный вариант:
https://codepen.io/anon/pen/obwdrP?editors=110

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

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

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

Объяснил хуёво, но как могу.

Ответы>>434322

12 Янв, 12:53 #51 #434306

https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support

124 Кб, 304x202

12 Янв, 13:04 #52 #434322

>>434258
нормально объяснил мне. Все супер. Спасибо.

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

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

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

Ответы>>434343>>434538

344 Кб, 1024x768

12 Янв, 13:18 #53 #434343

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

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

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

Ответы>>434415>>434516

12 Янв, 14:54 #54 #434415

>>434343
http://codepen.io/anon/pen/Nxgjrr
как-то так

Ответы>>435230

12 Янв, 16:37 #55 #434477

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

12 Янв, 17:25 #56 #434516

>>434343
У тебя какой уровень подготовки? По чему учился, какой уровень практики? Верстал уже что-то отдельное? Интенсивы курил?
Скорее всего ты просто не по тому алгоритму пошел, либо на каком-то пункте жестко проебался в плане теории.
Ну и практика необходима ессно, куда ж без нее.

Ответы>>434526>>434538>>434563

12 Янв, 17:35 #57 #434526

>>434516
кому ты это написал конкретно?

Ответы>>434538

12 Янв, 17:48 #58 #434538

>>434526
Ох блин, прошу прощения, промазал и не заметил даже. Ньюфажеку тому написал.
Это >>434516 сюда >>434322

12 Янв, 17:50 #59 #434540

Анончик, как сделать, чтобы в заполненом виде инпут был белым?

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

Ответы>>434545>>434547

12 Янв, 17:52 #60 #434545

>>434540
Объясни конкретнее.

Ответы>>434548

12 Янв, 17:55 #61 #434547

>>434540

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

Ответы>>434548

12 Янв, 17:55 #62 #434548

>>434545
>>434547

вот так, то есть

Ответы>>434579

12 Янв, 18:11 #63 #434563

>>434516
>У тебя какой уровень подготовки?
А как мне узнать какой у меня уровень подготовки?
>По чему учился, какой уровень практики?
Прошел хтмл академию, смотрю различные ролики за 2015 год(не старше 1 года, так как ссыкую, что там может уже устаревшая инфа быть).
>Верстал уже что-то отдельное?
Сверстал в общей сложности макетов штук 5, а может 6. Точно не скажу. Отдельное ты имеешь в виду, что-то из архива академии?
>Интенсивы курил?
Интенсивы курил.

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

Хотел что-то еще написать, но забыл.

12 Янв, 18:28 #64 #434579

>>434548
Так проще всего наверное

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

input.oninput = function() {
if( input.value ) {
input.style.background = "white";
}
else {
input.style.background = "";
}
}

Ответы>>434583

12 Янв, 18:30 #65 #434583

>>434579
Ох блять, хуйню спорол.
Держи короче.
https://jsbin.com/lezeqam/10/edit?html,css,js,console,output

Ответы>>434592

12 Янв, 18:48 #66 #434592

>>434583

Смотри, а если четыре инпута, работает только на первом
https://jsbin.com/gemekozufi/1/edit?html,css,js,console,output

Ответы>>434595

12 Янв, 18:52 #67 #434595

>>434592
Это не джиквери друг, это чистый джс. На нем если инпута четыре, надо собирать их всех в массив через querySelectorAll, а затем вешать обработчик через делегирование, ну или циклом пройтись.
Если интересно, могу дописать скрипт. Если нет, то лучше возвращайся к джиквери. Там вроде все попроще будет, в детали лезть не надо.

Ответы>>434597

12 Янв, 18:55 #68 #434597

>>434595

Очень интересно

Ответы>>434598

12 Янв, 18:56 #69 #434598

>>434597
Лови
https://jsbin.com/zayohu/4/edit?js,console,output

Ответы>>434602>>434604>>434606>>434610

12 Янв, 18:58 #70 #434602

>>434598

Спасибо!

Ответы>>434641

12 Янв, 19:05 #71 #434604

>>434598

А ради интереса можешь на Жквери запилить?

Ответы>>434606>>434623>>440950

12 Янв, 19:06 #72 #434606

>>434598
>>434604

Или там будет также, через цикл? Если также, то не пили.
А то у меня просто через условие не получается

Ответы>>434623>>440949

12 Янв, 19:10 #73 #434610

>>434598
в скрипт еще строку добавить надо, чтобы он в самом начале если задано value для инпута менял фон. А так норм

мимоанон

Ответы>>434641

12 Янв, 19:19 #74 #434623

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

Ответы>>434640

12 Янв, 19:27 #75 #434640

>>434623

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

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

Ответы>>434715

12 Янв, 19:27 #76 #434641

>>434610
Согласен, правда одной строкой не получилось.
>>434602
Держи, если надо, доработанный
https://jsbin.com/zayohu/edit?html,js,console,output

Ответы>>434690

12 Янв, 20:00 #77 #434690

>>434641

Спасибо

12 Янв, 20:34 #78 #434715

>>434640
Вообще начинал с eloquent javascript, но она слишком неудобна для новичка. Потом пересел на Кантора для ньюфага, ИМХО, мастхев. С тех пор его курю, щас как раз вторую часть учебника оканчиваю.
Насчет книг - думаю да. Я вообще люблю по книгам учить технологии. Ну или по чему-то, структурированному приблизительно как книги. В них информация изложена последовательно. Автор ставит себе намерение раскрыть перед тобой рассматриваемую тему и концентрируется только на ней. Хочешь не хочешь, а понимание описанного предмета получишь.
Ну и практика ессно. В программировании именно она решает.

12 Янв, 21:01 #79 #434735

объясните, как установить шрифты после того, как я скачал их с fontsquirrel? Генератором воспользовался, скачал архив, а что потом делать? Как их активировать?

Ответы>>434736

12 Янв, 21:03 #80 #434736

>>434735
Гугли @font-face

Ответы>>434738>>434745

12 Янв, 21:07 #81 #434738

>>434736
так и делал, но он не видит.

Ответы>>434746

12 Янв, 21:19 #82 #434745

>>434736
http://nicothin.ru/page/web-fonts

Ответы>>434746

12 Янв, 21:20 #83 #434746

>>434745
не туда - вот сюда >>434738

Ответы>>434761

12 Янв, 21:20 #84 #434747

Аноны, вот я изучил бок шадоу, и не знаю теперь как делать такие менюшки без него. Абсолютными бефор элементами? У меня такой вопрос, вот есть, например, у меня код ( http://codepen.io/anon/pen/rxzBzJ ), что нужно добавить к этому коду, чтобы это дело хоть как-то работало в старых браузерах (выделение активного пункта меню, например).

Ответы>>434751

12 Янв, 21:26 #85 #434751

>>434747
О каких браузерах вообще речь идет? ИЕ8- чтоль?
Да забей на них вообще. Требование поддерживать динозавров встречается редко. Ну разве что ты работаешь в конторе с каким-то монструозным приложением и огромной историей. Но до того момента, уж поверь, разберешся.

Ответы>>434755

12 Янв, 21:30 #86 #434755

>>434751
Ок. Тогда другой вопрос, бокс шадоу нельзя что-ли процентно офсетить? Ну типа сделал её внутренней и сдвинул на 100% и она как бэкгр колор стала.

Ответы>>434759

12 Янв, 21:35 #87 #434759

>>434755
А, лол, я только сейчас понял что из себя представляет внутренняя тень.

12 Янв, 21:36 #88 #434761

>>434746
http://codepen.io/anon/pen/EPvYdd

что я сделал не так?

Ответы>>434788

12 Янв, 22:23 #89 #434788

>>434761

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

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

Ответы>>434815

12 Янв, 23:28 #90 #434815

>>434788
Странно, но все пишут так.

13 Янв, 10:11 #91 #434918

Чем тестите под ИЕ посоны?
Лично у меня с этим траблы. На оси стоит одна ИЕшка 11ая, и та глючная. Со скачиванием другой начинаются майкрософтопроблемы уровня, удали старую версию, почисть пк от вирусов/реестра/временных файлов/микробов/неба/аллаха, отмой процессор с мылом, помолись сатане етц.
Короче полный пиздец. А в итоге у меня на ПК все равно будет какая-то одна версия ослика, пусть и полностью рабочая.
Как это дело упростить и иметь возможность хотя бы приблизительно оценить ситуацию в ИЕ 9-11?

Ответы>>435077

13 Янв, 10:40 #92 #434933

Посоны, что такое Unbounce landing и E-commerce landing?

13 Янв, 13:44 #93 #435077

>>434918

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

13 Янв, 14:13 #94 #435103

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

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

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

Ответы>>435111>>435162

13 Янв, 14:20 #95 #435111

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

Ответы>>435125

13 Янв, 14:46 #96 #435125

>>435111

Но там все непонятно.

Ответы>>435158

13 Янв, 15:34 #97 #435158

>>435125
>Все основная инфа и материалы здесь:
>Обновленная паста - >http://pastebin.com/ytWW0UfU
что тебе здесь непонятно-то? По шагам же расписано. Ну прочти еще раз. Если все равно не поймешь - тогда это не твое.

13 Янв, 15:41 #98 #435162

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

13 Янв, 16:50 #99 #435230

>>434415
мне тут подскажет кто-нибудь, как выполнить?

519 Кб, 1500x2000

13 Янв, 22:49 #100 #435581

Бля, как выровнять inline-block'и в бутстраповской ячейке? Надо несколько блоков запихивать в 1 строку? Тоесть в одну бутстрап ячейку 2 блока рядом и выровнять их посредине? Неужели только margin'ом от стены отталкиваться и на глаз центр искать?

26 Кб, 811x591

14 Янв, 00:40 #101 #435652

Итак свершилось то, чего вы так долго все ждали.
Базовый JS интенсив
https://yadi.sk/d/3 3-a4VF_m f4Ys

Пробелы убираем.

Ответы>>435659>>435669>>435678>>435842>>436129>>436137>>436187>>442449

14 Янв, 00:51 #102 #435659

>>435652
уже несколько дней на торренте лежит

смотрел? как?

Ответы>>435662>>436326

14 Янв, 00:54 #103 #435662

>>435659
Только программу просмотрел. По моему очень хорошо. Качество подачи на уровне. Академия в этом плане, похоже, лучшая в рунете.

14 Янв, 01:04 #104 #435669

>>435652
Слышь, вот сюда послушай. Слышишь? Ты красавчик!

48 Кб, 467x700

14 Янв, 01:27 #105 #435678

>>435652

35 Кб, 806x387

37 Кб, 836x399

14 Янв, 01:44 #106 #435682

Тут итоги 2015 подъехали

Ответы>>435683>>435934

14 Янв, 01:46 #107 #435683

>>435682
Это популярность или оплачиваемость?

Ответы>>435687>>435951

33 Кб, 560x513

42 Кб, 586x520

34 Кб, 560x525

14 Янв, 02:16 #108 #435687

>>435683
Популярность, на счет зарплат есть только суммарно по технологиям. И вообще кому интересно можете посмотреть тут http://stackoverflow.com/research/developer-survey-2015#profile-experience
Там дохуя интересного.

Ответы>>435688

52 Кб, 696x518

14 Янв, 02:18 #109 #435688

>>435687
самый жир отпал

1865 Кб, 215x200

14 Янв, 12:03 #110 #435842

>>435652

10 Кб, 1641x244

14 Янв, 13:32 #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

14 Янв, 13:48 #112 #435931

>>435922
в песочницу заливай

Ответы>>435962

14 Янв, 13:51 #113 #435934

>>435682
Ессно это популярность. Не может PHP оплачиваться дороже JS

Ответы>>435951

14 Янв, 13:59 #114 #435951

>>435934 - >>435683

14 Янв, 14:06 #115 #435962

>>435931
https://jsfiddle.net/91zwgrtr/2/
Значение margin-top здесь отличаются

Ответы>>435966

14 Янв, 14:10 #116 #435966

>>435962
Ой, точнее вот так
https://jsfiddle.net/91zwgrtr/5/

Ответы>>435991>>435993

14 Янв, 14:27 #117 #435991

>>435966
Перезалей на кодепен, разберись с лапшой в html, объясни нормально задачу.
Проще всего в таком случае позиционировать спан абсолютно, чем пердолиться с флоатами, к тому же в таблицах они себя ведут "не очень". Ну и пару моментов у тебя совершенно неочевидных.
Нахуя прописывать такой чудовищный lh? Зачем импортант на заголовке и т.д?
Переписывай.

Ответы>>436041

14 Янв, 14:29 #118 #435993

>>435966
Ах да, в нагрузку, именовать классы так нельзя.
Они не могут быть оформительскими. Если это день месяца, то так и напиши.

14 Янв, 15:02 #119 #436041

>>435991
http://codepen.io/anon/pen/GovwON

> разберись с лапшой в html, объясни нормально задачу.
Разметке генерируется на стороне сервера, но там ничего такого нету
Нужно отобразить календарь с некоторым содержимым
Выводятся td в цикле
Если есть содержимое то спану с числом приписывается один класс
Если нету то другой
Если нету как видишь все как нужно отображается, если есть то сдвигает в бок содержимое
> Проще всего в таком случае позиционировать спан абсолютно,
Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений? Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?
> Зачем импортант на заголовке
Там 2 имортанта
Если их убрать то надписи не будут центрироваться посредине клетки, это похоже что-то в бутстрапе переопределяет.
> Ах да, в нагрузку, именовать классы так нельзя.
Переименовал

Ответы>>436074

14 Янв, 15:27 #120 #436074

>>436041
http://codepen.io/Ykro314/pen/OMjaBx?editors=110
>Я плохо разбираюсь в html, но разве абсолютное позиционирование будет работать для разных разрешений?
Будет
>Как можно 30 спанов расположить чтобы они всюду были в верхнем левом углу клетки?
За счет комбинирования position:relative у родителя и absolute у наследника.
>Переименовал
Лучше но все равно не идеально. При именовании классов, равно как и при объявлении переменных рекомендуется использовать один из стилей
Либо camelCase то есть dayOfMonthEmpty
Либо использование дефиса/нижнего подчеркивания в качестве разделителя.

Ответы>>436089

14 Янв, 15:41 #121 #436089

>>436074
Спасибо.
А зачем
padding: 15px !important;

Ответы>>436097

14 Янв, 15:51 #122 #436097

>>436089
Это скорее мера предосторожности, предотвращает заползание текста на дату или критическое сближение с ней на любом разрешении. Она необзятальна, можешь убрать.
А импортант там стоит потому что у ячейки, если судить по инструментам разработчика, из-за бутстрапа какое-то дичайшее переопределение свойств с наследованием в 5 уровней, без гемороя по-другому его не переопределить. Короче полный пиздец, именно поэтому я бутстрап и не использую.

1396 Кб, 320x172

14 Янв, 16:43 #123 #436129

>>435652
Спасибо

14 Янв, 16:49 #124 #436137

>>435652
а где макеты по которым надо задания делать будет?

Ответы>>436182

14 Янв, 17:26 #125 #436182

>>436137
В этой раздаче нет.
Но не думаю что это проблема.

Ответы>>436271>>442449

14 Янв, 17:29 #126 #436184

Можно ли быть "профессионалом" своего дела, не используя бутстрапы всякие?

Ответы>>436185

14 Янв, 17:30 #127 #436185

>>436184
Только так и можно.

14 Янв, 17:32 #128 #436187

>>435652
ссыль то нерабочая

14 Янв, 17:50 #129 #436202

http://theuncreativelab.com/portfolio/cube-psd-template/
Как вы оцениваете такой шаблон? Сложный или простой? Для портфолио подойдет?

14 Янв, 18:24 #130 #436226

Посоны, как там с работой ДС-2 верстальщиком? Есть шанс найти работу, зарплата и 20к устроит?

14 Янв, 19:01 #131 #436271

>>436182
почему ты думаешь, что это не проблема?

Ответы>>436362

14 Янв, 19:02 #132 #436274

Аноны, а как работают сайты вообще? Ну точнее, вот к примеру техномарт, у него есть список товаров. Откуда этот список товаров получается? Есть база данных в которой есть такая таблица: "Имя Картинка Цена"? И потом с помощью какой-то магии эта информация попадает на страницу, где уже оборачивается в нужный нам вид?

Ответы>>436279>>436280>>437171

14 Янв, 19:06 #133 #436279

>>436274

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

Ответы>>436280

14 Янв, 19:06 #134 #436280

>>436274
>>436279

с помощью php

Ответы>>436291

14 Янв, 19:15 #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]
Что-то подобное?

Ответы>>436309>>436340>>446635

14 Янв, 19:20 #136 #436304

Есть 3 input'а в одном блоке, отличаются они лишь имена. Как выглядит список который бы задавал 2 из них одинаковые свойства?

Ответы>>436310

14 Янв, 19:22 #137 #436309

>>436291

Понятия не имею. Может кто-то из знающих напишет. А вообще может в гугле или на ютубе по запросу "получение данных из базы данных с помощью пхп" что нибудь есть кратенькое

14 Янв, 19:22 #138 #436310

>>436304
Ничего не понял, но возможно это тебе поможет? input[name="name-input1"], input[name="name-input2"]

Ответы>>436315>>436316

14 Янв, 19:25 #139 #436315

>>436310
Ты все правильно понял, но у меня так не срабатывает.

14 Янв, 19:26 #140 #436316

>>436310
Обосрамся. Ты все правильно написал. Спасибо.

14 Янв, 19:32 #141 #436326

>>435659
Запили чтоль ссылку на торрент, на яндексе потерли уже.

Ответы>>436356

14 Янв, 19:41 #142 #436340

>>436291
Я синтаксис пхп не знаю вообще, но конкретно в этом коде вижу создание элемента циклом из массива.

Ответы>>436352

14 Янв, 19:45 #143 #436352

>>436340
Да это я сам от балды написал, не уверен что там от настоящего пхп что-то есть.

14 Янв, 19:48 #144 #436356

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

Ответы>>442449

14 Янв, 19:54 #145 #436362

>>436271
Потому что учат тут JS. А верстку до этого нужно знать по дефолту.
Имея достаточно практики их макеты можно верстать на глаз. Я собственно, этим и займусь. А вместо сайта с их проектом придумаю какой-то свой, с похожим функционалом. Уже даже пару идеек имеется.

Ответы>>436427

14 Янв, 21:00 #146 #436427

>>436362
ну ебать. Мне сверстать сайт тоже не проблема, но вот хотелось бы макет про мага достать. Уж очень понравился.

38 Кб, 912x393

14 Янв, 21:32 #147 #436480

Это можно как-то сверстать не используя li? Не знаю, как тут быть. Хелп

Ответы>>436492>>436547

14 Янв, 21:39 #148 #436492

>>436480
Подумал сделать через дивы. Все правильно решил или нет?

Ответы>>436511

14 Янв, 22:00 #149 #436511

>>436492
Ты о семантике сейчас говоришь?

Ответы>>436534

14 Янв, 22:17 #150 #436534

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

Ответы>>436665

14 Янв, 22:25 #151 #436547

>>436480
тут как бы нихуя не список, чтобы логически оправдано юзать ulli, блоками и делай.

Ответы>>436558

14 Янв, 22:30 #152 #436558

>>436547
а места где должны быть фотографии, я так понимаю должен вырезать как есть, а потом задавать ховер при наведение, чтобы появлялся глаз с подписью детали?

Ответы>>437079

45 Кб, 525x478

14 Янв, 22:49 #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

14 Янв, 22:50 #154 #436586

>>436585
мда, блять, я даже тут проебался

Ответы>>436590

14 Янв, 22:55 #155 #436590

>>436586
jsfiddle
codepen
plnkr
jsbin
больше не кидай сюда код

Ответы>>436605

14 Янв, 23:05 #156 #436605

>>436590
окей, ну тут только пара строчек bol'she ne budu

Ответы>>436627

14 Янв, 23:25 #157 #436621

Пацаны, как начать? Сделал первые два сайта на генералассембли. Что делать дальше? Сам пока не могу сверстать ничего больше того блога и лендинга. Куда двигаться дальше?

79 Кб, 451x640

14 Янв, 23:30 #158 #436625

Неофитский вопрос, пацаны.
Вот просят все портфолио, а где его делать? Я вот сверстаю макет с интенсива, я могу его потом людям показывать, типа какой я молодец и вот это все? Куда это все заливать?

Ответы>>436666

14 Янв, 23:32 #159 #436627

>>436605
>>436585

http://www.cssdesk.com/ame8S

Вот кароче, еще они вылазят сверху и снизу

14 Янв, 23:38 #160 #436630

Образование высшие медецина, но понимаю что не мое. Есть еще пол года отработки на государство.За этот срок могу ли я выучить верстку средним темпом (7-10 часов в неделю) и на что-то претендовать? Город Минск.

Ответы>>436653>>436670

15 Янв, 00:11 #161 #436653

>>436630
Верстка это хуйня, 10 часов в неделю - будешь знать её от корки до корки за 2 месяца, но много на ней не заработаешь, 40-45к супер максимум, скорее всего по началу будет около 20к.

Ответы>>436661>>436676

15 Янв, 00:24 #162 #436661

>>436653
а как ее учить от корки до корки? Если не считать интенсив, то кроме хтмлбук, что еще читать?

Ответы>>436663

15 Янв, 00:29 #163 #436663

>>436661
Там практически больше ничего нету, интенсив я не смотрел, но прошёл хтмлакадемию, кодкадеми и устроился за 20к версталой (за месяц, но я по 6 часов в день задрачивал), сейчас уже больше получаю.
Делаешь как я сказал выше, потом верстаешь 5-6 макетов разных, можно на парочке поюзать какой-нибудь фреймворк, заодно смотришь что такое сборщики (галп лучше/проще всего на данный момент) и препроцессоры (стайлус или сасс лучше всего), можно бэм на одном из макетов заюзать, он сейчас востребован. Всё, ты готовый верстала. Верстая макеты и решаю задачи/проблемы по-ходу их появления намного быстрее всё усваивается.

Ответы>>436668>>436674

15 Янв, 00:33 #164 #436665

>>436534
Нет правильно будет сделать заголовок тегом для заголовка а кнопку тегом для кнопки или ссылкой.

15 Янв, 00:33 #165 #436666

>>436625
github pages

15 Янв, 00:35 #166 #436668

>>436663
Где и как устроился?

15 Янв, 00:35 #167 #436669

>>432466 (OP)
Ох блять, вы тут еще живы, аж прослезился, посоны....
Я один из тех кто гайд пилил и треды создавал, сейчас забил хуй на верстку и только пишу js, получаю чуть больше сотки на руки, опыта чуть меньше двух лет. Кто не такое хуйло как я и уже завел трактор? Меня уже несколько раз хантили в европку, но я соснул. Как дела,посоны?
первым-устроился-в-ДС-кун

Ответы>>436715>>437089>>437495>>437525

15 Янв, 00:37 #168 #436670

>>436630
Можешь вполне. Тем более в минске все заебись с it

15 Янв, 00:40 #169 #436674

>>436663
сделал 8 макетов, но скорее всего они гавеные и думаю их переделать скоро, так как сейчас стал шарить получше. Сделал так же 2 макета через бутстрап. Думаю выложить резюме в конце февраля, как буду уверен что рука набита нормально.

15 Янв, 00:42 #170 #436676

>>436653
>будешь знать её от корки до корки за 2 месяца
Топ лел. От корки до корки блять. За 2 месяца в таком темпе он научится, верстать фиксированные страницы, возможно начнет разбираться в адаптиве, но не более того.
Я вот намного больше на это времени спустил, но себя знающим "от корки до корки" не считаю. Вот когда с легкостью не задумываясь особо сможешь сделать любой пример отсюда
http://tympanus.net/codrops/
тогда уже можно кидаться такими выражениями.

Ответы>>436690>>436696

15 Янв, 00:58 #171 #436690

>>436676
Значит бутстрапом нет смысла мазаться, так как адаптивную верстку я лучше не стану знать? Зачем так все усложнять?

Ответы>>436698

15 Янв, 01:13 #172 #436696

>>436676
Топ кек это сайт этот, там 90% свг хуиты, которая к верстке имеет очень посредственное отношение. В адаптиве разбираться примерно 3 минуты.

15 Янв, 01:15 #173 #436698

>>436690
Может есть, а может и нет. Все зависит от твоих целей.
Бутстрап - инструмент, не более того. Им можно и нужно пользоваться, когда это необходимо. Он действительно позволяет верстать страницы очень быстро, правда без особой оглядки на дизайн. Но начинать учить верстку с бутстрапа или сразу же перепрыгивать на него после нескольких макетов не вникнув в суть это, как по мне, глупость.
Могу привести возможно немножко дебильную аналогию. Человек верстающий без фреймоворков и постоянно развивающийся - это строитель, способный с нуля построить дом: подобрать чертеж, вырыть котлован, залить фундамент, полы смонтировать, смуровать стены, кровлю, осуществить внутреннюю отделку етц. Мастер от А до Я короче.
А "верстальщик на бутстрапе", ничего кроме этого самого бутстрапа не видящий - это как строитель, собирающий модульные домики из разноцветных панелей. Закрутил парочку винтовых свай, наложил пол, приварил готовые стены, установил кровлю - готово, еще один дремучий барак.

15 Янв, 01:51 #174 #436706

Пацаны, как начать? Сделал первые два сайта на генералассембли. Что делать дальше? Сам пока не могу сверстать ничего больше того блога и лендинга. Куда двигаться дальше?

Ответы>>436708

15 Янв, 01:53 #175 #436708

>>436706
Пройди хтмлакадеми, потом скачай рандомный макет и начинай верстать как можешь.

Ответы>>436717

15 Янв, 02:39 #176 #436715

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

Ответы>>439011

15 Янв, 03:22 #177 #436717

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

14 Кб, 960x666

15 Янв, 04:26 #178 #436724

Аноны, как сделать, чтобы дивы не расползались при изменении размера окна?

Ответы>>437010

15 Янв, 13:34 #179 #437010

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

15 Янв, 14:10 #180 #437079

>>436558
кто-нибудь поясните как быть с этими фотографиями. Я в замешательстве.

Ответы>>437127

86 Кб, 604x453

15 Янв, 14:18 #181 #437089

>>436669
Запили свой путь от верстана до жабакодера

Ответы>>439011

15 Янв, 14:54 #182 #437127

>>437079
Курсы проходил/интенсив смотрел??

Ответы>>437159

44 Кб, 604x403

15 Янв, 15:19 #183 #437151

Посоны, глупый ньюфаговопрос.
Посмотрел я, значит, два видоса из интенсива хтмлакадемии и начал размечать Nerds. И кажется мне, что очень он похож на Барбершоп—хоть бери, вставляй код в редактор, а потом только названия ссылок поменяй, ну и слайдер вроде как в другом месте находится. Это так и есть?

15 Янв, 15:25 #184 #437159

>>437127
проходил, но именно сейчас не знаю, что делать.

Ответы>>437248

15 Янв, 15:38 #185 #437171

>>436274
Есть уроки по созданию простых cms, вот создай по такому уроку и поймешь все.

15 Янв, 16:03 #186 #437192

Эц самое. js интенсив удалён с yadisk. Может кто залить?

Ответы>>437198>>437199

15 Янв, 16:10 #187 #437198

>>437192
да вы заебали, в шапку въябите чтоль
http://nnm-club.me/forum/viewtopic.php?t=974803

Ответы>>437212>>437237

15 Янв, 16:13 #188 #437199

>>437192
google torrent

15 Янв, 16:23 #189 #437209

Подскажите что-нибудь по angularJS типо как интенсива JS от хтмлакадеми

23 Кб, 480x336

15 Янв, 16:26 #190 #437212

>>437198
ты тупой? Каким образом ты предлагаешь ебануть туда эту ссылку? М?

Ответы>>437237

26 Кб, 913x383

15 Янв, 16:48 #191 #437237

>>437212
>>437198
Так ведь уже )))))))))))))

Ответы>>437240

47 Кб, 670x629

26 Кб, 581x422

15 Янв, 16:51 #192 #437240

>>437237
где?

Ответы>>437259

15 Янв, 16:57 #193 #437248

>>437159
Ну проходи еще раз, лол, это ж элементарщина.

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

57 Кб, 1271x770

15 Янв, 17:00 #194 #437259

>>437240
Да вот же.

Ответы>>437320

124 Кб, 304x202

15 Янв, 17:53 #195 #437320

>>437259
заебал наебывать. Типа мастер-фотошопа дохуя?

113 Кб, 1265x417

15 Янв, 18:26 #196 #437358

Вы хоть понимаете, что вы натворили?

Ответы>>437371>>437422>>437450>>437651

15 Янв, 18:35 #197 #437371

>>437358
не правильно ищешь. Надо писать frontend

Ответы>>437377

15 Янв, 18:38 #198 #437377

>>437371
Фронтенд-хуенд

15 Янв, 19:18 #199 #437422

>>437358

Это академия

15 Янв, 20:07 #200 #437450

>>437358
Помогли людям реализовать себя?
А вообще толсто.

15 Янв, 20:11 #201 #437454

Котаны, кто-то что-то может рассказать про фронт-енд/верстка-стажировки? Насколько туда реально попасть? Насколько там высокий уровень знаний требуется?

15 Янв, 20:33 #202 #437478

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

15 Янв, 20:44 #203 #437495

>>436669
На какой позиции сейчас находишся?
Что планируешь дальше делать?
Какие задачи выполняешь?

Ответы>>437506>>439011

15 Янв, 21:00 #204 #437506

>>437495

Где та грань, когда перестаешь верстать и чисто кодишь?

Ответы>>437525

15 Янв, 21:18 #205 #437524

Как сделать второй слайдер, если первый был сделан через бутстраповскую карусель? У второго слайдера еще должны быть индикаторы в виде изображения.

15 Янв, 21:20 #206 #437525

>>436669
>>437506

Вот так, то есть

Ответы>>439014

699 Кб, 972x616

128 Кб, 524x577

15 Янв, 21:38 #207 #437541

Sup. На пик-1 изображено то, как должны выглядеть эти блоки(у меня они так и выглядят), но при масштабировании выходить хуита, которая на пик-2? Каким способом сделать так, чтоб эти две колонки не разваливались.

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

Ответы>>437565>>437647

15 Янв, 22:01 #208 #437565

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

39 Кб, 339x424

15 Янв, 22:43 #209 #437633

А че в продвинутом курсе вообще не покажут пример верстки сайта? Тупо пробежались по технологиям и теории и все ?

15 Янв, 23:07 #210 #437647

>>437541
Наверно будет логично запилить адаптив, на мелкое разрешение и все блоки просто вниз выстроить?

15 Янв, 23:12 #211 #437651

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

Ответы>>437653

15 Янв, 23:20 #212 #437653

>>437651
Если работает в маленькой студии или фриланс - да. Если более менее большая компания, которая заботится о своих деньгах и не разбазаривает их - нет.

Ответы>>437654

15 Янв, 23:26 #213 #437654

>>437653
Все равно верстала-это начальный уровень фронтэнд девелопера и если человека прет только верстать сайты сотнями и никуда не расти, то он странный как минимум.

Ответы>>437686

15 Янв, 23:31 #214 #437656

Аноны, почему это не работает?
.btn:hover .title,
.btn:hover .descr,
.btn:hover .icon {
opacity: 1;
}

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

Ответы>>437657>>437659>>437664

15 Янв, 23:32 #215 #437657

>>437656
А лол, оно работает, просто перекрывается прозрачностью всего блока.

Ответы>>437658>>437659

15 Янв, 23:39 #216 #437658

>>437657
Или нет, что-то хуй пойми. Поясните аноны, если у меня есть див в котором ещё дивы, прозрачность родительского влияет на прозрачность дочерних?
Т.е. если у меня родитель с опасити 0.5, а потомок с опасити 1, то потомок будет полностью непрозрачен?

15 Янв, 23:40 #217 #437659

>>437656
>>437657
что это такое и где можно про это почитать?

Ответы>>437663

15 Янв, 23:42 #218 #437663

>>437659
Ты о чём? Что почитать?

Ответы>>437666

15 Янв, 23:42 #219 #437664

>>437656
может просто надо задать бтн:ховер 1? Так вроде нормально все видно

Ответы>>437667

15 Янв, 23:46 #220 #437666

>>437663
ну про твои кнопки. Что это будет? Меню или что?

Ответы>>437668

259 Кб, 767x500

15 Янв, 23:46 #221 #437667

>>437664
Мне надо чтобы фон был полупрозрачный, а элементы внутри блока были непрозрачными. Как на пичке.

Ответы>>437676

15 Янв, 23:47 #222 #437668

>>437666
Просто увидел в книжке по CSS3 интересное меню, решил сделать.

28 Кб, 264x566

15 Янв, 23:54 #223 #437676

>>437667
типа такого?

Ответы>>437681

28 Кб, 279x535

15 Янв, 23:55 #224 #437679

или так

Ответы>>437681

15 Янв, 23:56 #225 #437681

>>437679
>>437676
Да, только ещё иконка непрозрачная должна быть. Как ты это сделал?:)

Ответы>>437685

15 Янв, 23:59 #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

15 Янв, 23:59 #227 #437686

>>437654
Но я не согласен с этим.
Верстка это совершенно отдельная часть, да, там работают в основном новички и там всё относительно просто, но фронтенд это не продолжение верстки. Это тоже отдельная область, практически с версткой никак не связанная.
У меня в компании 20 кодеров и 3 версталы, кодеры вообще в верстке почти ничего не понимают и не хотят понимать.
Продвинутый уровень верстки это скорее проектировщик интерфейсов, который плотно работает и с дизайнерами, и с менеджерами, туда идут люди которых реально прёт верстка, довольно много тянок, кстати. Там есть достаточно много жса, но это опять же не совсем фронтендер.

Ответы>>437704

16 Янв, 00:03 #228 #437687

>>437685
А ну т.е. у тебя текст всё равно полупрозрачный, просто это менее заметно. Вот сайт с оригинальным меню: http://farukat.es/ , но что-то я всё равно не понимаю как там полупрозрачность сделана.

Ответы>>437689>>437694

16 Янв, 00:05 #229 #437689

>>437687
так у него вроде просто спрайты стоят. Хотя я не уверен, что в этом дело.

16 Янв, 00:21 #230 #437694

>>437687
А всё, недоглядел просто, я думал там как-то по-хитрому сделано. А там тупо сделано через ргба, я так сразу думал сделать, но не хотелось использовать ргба вместо православного НЕХа.

16 Янв, 01:01 #231 #437704

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

16 Янв, 02:21 #232 #437731

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

Ответы>>437740

16 Янв, 02:58 #233 #437740

>>437731
В 5 или 6 уроке интенсива показывают

16 Янв, 08:40 #234 #437778

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

31 Кб, 700x266

16 Янв, 09:04 #235 #437782

Объясните. Заголовок и текст ниже ведь не должен меняться? Меняться должны только картинки и имя со специальностью сотрудника?

Ответы>>437843

16 Янв, 10:55 #236 #437843

>>437782
Заголовок не должен, а фраза может и меняться. У меня в макете меняется.

Ответы>>437847

16 Янв, 11:05 #237 #437847

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

Ответы>>437855

16 Янв, 11:12 #238 #437851

Вот скорее всего даже анон какой-то делал такой же макет, но у него не ок вроде. http://ray-port.ru/pages/GoodGood/index.html

Ответы>>437855

16 Янв, 11:21 #239 #437855

>>437847
Написал на JS слайдер.
>>437851
Совсем не ок. Я бы такой макет показывать постеснялся.

Не советую тебе над этим сильно париться. Просто верстай как тебе кажется нужным и все. Не знаешь как запилить слайдер - лучше не пили. Научишся - тогда возьмешся. Толку тебе от этих плагинов, если на собеседовании любой вопрос о нем сразу же покажет, что нихуя ты в этих самых слайдерах не понимаешь?
Ах да, и включай мозги. Будешь спрашивать совета каждый раз - ничему не научишся. Верстка и кодинг даются в первую очередь тем, кто умеет использовать свой котелок по назначению. Не бойся сделать ошибку. Ошибки очень полезны.

Ответы>>437857

16 Янв, 11:28 #240 #437857

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

Ответы>>437858

16 Янв, 11:33 #241 #437858

>>437857
>я не знаю, что конкретно почитать, чтобы не спрашивать тут
Все что нужно дается в интенсиве. И базовые знания, и хорошие практики и инструменты. Дальше используешь эти знания по назначению. От тебя не так много требуется.
>Просто нахожу много разных портфолио людей, которые верстали макеты академии, и просто охуевал, как они ее могли закончить и получить сертификаты
Очень хуево сверстали?
Хочешь книг? В оп-пасте есть ссылка на книжную полку фронтендера, ну или загугли просто. Выбирай понравившуюся книжку по html и css оттуда.

Ответы>>437860

16 Янв, 11:39 #242 #437860

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

Ответы>>437864>>437870

16 Янв, 11:41 #243 #437864

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

>>437860-кун

16 Янв, 11:52 #244 #437870

>>437860
>А что делать, когда не получается найти ответ на какой-то вопрос и гугл молчит?
Такого не бывает. Но если все же случилось и ты реально подумал а потом подумал еще, еще раз погуглил, и снова подумал - можешь спрашивать.
>Просто уменьши экран и сам увидишь о чем я.
Та не у меня вроде работает.
Насчет ответов по бутстрапу, ответить тебе по нему может тот, кто в нем разбирается. Лично я не разбираюсь, хотя с ноля верстаю тот же макет Good__good адаптивно, с функционалом вообще без проблем. И таких множество.
Алсо, тебе я на текущем этапе развития не советовал бы садиться на бутстрап.

Ответы>>437872

22 Кб, 282x329

16 Янв, 12:01 #245 #437872

>>437870
>Та не у меня вроде работает.
ну у меня вот так показывает.

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

Ну я доверстаю уже гудгуд весь на бутстрапе, а потом уже буду без него зубрить.

16 Янв, 15:18 #246 #438052

самый вредный тред в wrk, за все время не поднялось ни одного версталы кто хотя бы на 50 рублей в месяц вышел.

Ответы>>438119>>438704

16 Янв, 16:06 #247 #438119

>>438052
Верстале сложно получать 50к, т.к. это самый самый топ зарплат для версталы и обычно к этому времени получают необходимые навыки жса и перекатываются во фронт, что я и сделал, получаю 80к. (Меня повысили с версталы с 40к сразу до кодера с 70к)

16 Янв, 16:33 #248 #438150

Есть проблема. Я пишу и не знаю зачем. Не понимаю что такое position: absolute (что такое абсолют), иногда не понимаю поведение margin: 0 auto или просто auto. Вот этого всего.
Проходил генералассембли.
Да и вообще когда сажусь за свой проект - теряюсь и не понимаю что делать и с чего начать. Знание семантики - 0.

Ответы>>438151>>438154>>438254>>439093

16 Янв, 16:37 #249 #438151

>>438150
Пройди хтмлакадемию, реально же годный ресурс, там всё разжевывается.

Ответы>>438168

16 Янв, 16:53 #250 #438154

>>438150
Купи годный учебник или открой спецификацию.

16 Янв, 17:09 #251 #438168

>>438151
Чем от генералассембли отличается?

Ответы>>438178

16 Янв, 17:13 #252 #438178

>>438168
Тем, что там рассказывают, что делает position absolute и margin auto

24 Кб, 604x339

16 Янв, 17:16 #253 #438180

едешь такой на работу разрабатывать SPA как и мечтал на ангуляре, с sass с грантом и йоманом, а все давно перешли на webpack, react+redux, babel+es6 и PostCSS

Ответы>>438706

16 Янв, 18:48 #254 #438252

Ребята, напишите весь путь до версталы-джуна пожалуйста.
Что делаю сейчас:
1) Начал сегодня htmlacademy.
Что делать после? Прошёл там самый-самый первый урок "Знакомство". Дальше двигаться в какую сторону?
После хтмлакадеми куда?

Ответы>>438255>>438256

8 Кб, 320x320

16 Янв, 18:53 #255 #438254

>>438150

16 Янв, 18:55 #256 #438255

>>438252
htmlacademy (желательно пройти платную часть тоже) (2 недели)
codecademy (html + js/jquery) (1 неделя)
дальше верстаешь 5 макетов, попутно решая возникающие проблемы (3 недели)
можешь идти устраиваться версталой за минимальную зп в говностудию, 15/20к

Ответы>>438261>>438389

16 Янв, 18:56 #257 #438256

>>438252
Пасту в ОП-посте читайте, заебали уже.

16 Янв, 19:06 #258 #438258

А где узнать все фишки типа разницы top и margin и прочее?
Лень тратить драгоценное время на htmlacademy/что вы там советуете.
мимобекенд дев

Ответы>>438273

16 Янв, 19:14 #259 #438261

>>438255
>советует только курсы
>нет знаний адаптивности, хороших практик, етц
>нет препроцессоров, гита и прочих инструментов
>codecademy (html + js/jquery) (1 неделя)
>2 недели - 1 неделя - 3 недели
Топ кек. Я удивлен что нет пункта
>бутстрап (30 минут)

Ответы>>438291>>438562

16 Янв, 19:29 #260 #438273

>>438258

htmlbook.ru

16 Янв, 19:45 #261 #438291

>>438261
Для джуна версталы за 20к это необязательно.
Естественно после всего, что я написал надо дальше развиваться, но начальный путь именно такой, если ты думаешь, что учит верстку надо с гита и вебпака, то у меня для тебя плохие новости, а именно, что ты пидор ебаный.

Ответы>>438305>>438358>>438562

30 Кб, 400x487

16 Янв, 19:53 #262 #438305

>>438291
давайте не будем ссориться. У нас с вами все впереди.

Ответы>>438356

16 Янв, 20:20 #263 #438356

>>438305
Согласен. Но что ты подразумеваешь под джуном версталой? Что он будет знать после прохождения одних только курсов? Скорее всего с горем пополам сверстает несколько чудовищ из дивов с дичайшей разметкой и отсутствием даже намека на семантичность, не говоря уже о поверхностных фишках HTML5/CSS3, адаптивности итц. И не потому что дебил, а потому что попросту не хватило накопленных знаний.
Разве требуется где-то верстальщики такого уровня?

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

Ответы>>438358>>438378>>438384>>438562

16 Янв, 20:21 #264 #438358

Промазал
Это >>438356
сюда >>438291

16 Янв, 20:39 #265 #438378

>>438356
Тут другого пути нет. Задрачивать, тратить время, верстать и еще раз верстать. Волшебного рецепта в этом деле нет. На первых порах, это конечно будет, в лучшем случае, работа за хлеб. По другому опыт не придет. Если хватит сил и мотивации, то неизбежно перекатишься в нормальный фронтэнд.

16 Янв, 20:56 #266 #438384

>>438356
Вообще-то на курсах хтмлакадеми (да и на кодкадеми) есть адаптивность, поэтому я подразумевал, что человек её тоже выучит за эти 5 недель, и верстая свои 5 макетов будет её использовать хотя бы, как минимум, в 3х.
Да, первый макет он может сделает без неё и с
>дичайшей разметкой и отсутствием даже намека на семантичность
(алсо я считаю, что семантичность нахуй не нужна)
Но потом уже будет лучше, и к пятому макету он уже будет делать всё более менее.

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

Ответы>>438402

16 Янв, 21:01 #267 #438389

>>438255
Всмысле 5 недель? На вёртску? Мне надо чтобы интродакшн был сразу такой, интенсивный и ебучий, чтобы я через неделю ебашил макеты пачками. На работу пока похер, я буду переростать во фронтендщика.

Ответы>>438397>>438399

16 Янв, 21:18 #268 #438397

>>438389
Ну тогда вряд ли у тебя что-то получится.

16 Янв, 21:25 #269 #438399

>>438389
Давай так, чтобы у тебя не осталось всяких детских иллюзий. Верстка - дело не хитрое, но и она требует времени для качественного исполнения. За неделю ты этому никогда в жизни не научишься. Ты можешь вызубрить все теги, но адаптивную сетку из них не сделаешь. Чтобы писать нормальную, качественную разметку, тебе придется потратить не один месяц. Да, такие дела. Не умеючи нормально верстать, ты никогда в жизни не перекатишься в фрондэнд. JS напрямую воздействует с элементами разметки и свойствами. Как ты собираешься кодить, не зная основ?

Ответы>>438562>>443849>>443928

16 Янв, 21:33 #270 #438402

>>438384
В курсах академии (и кодкедеми вроде тоже) нет адаптивности. Она у них в интенсиве продвинутом. В кодкедеми правда кропаль бутстрапа есть.

Ответы>>438408

62 Кб, 600x751

16 Янв, 21:45 #271 #438408

>>438402
CУУУКА, мне жаль тех ребят которые заплатили бабки за продвинутый курс. Ту кучу теории что они нагородили в этом курсе можно с успехом нагуглить. Как верстать и собрать этих чудовищ - препроцесоры, адаптивность , js, вместе не показали. Хотяяя, они же работают с наствниками... Я только об этом вспомнил.

62 Кб, 592x592

16 Янв, 21:51 #272 #438414

Подскажите плиз как можно в Гимпе вырезать слой и сохранить как изображение. Фотожаба оче грузит ноут.

17 Янв, 00:49 #273 #438562

>>438261
>>438356
>>438399
>>438291
Тоже хотет стать джуном-версталой.
Но я начал учить php. Оно надо вообще? Мне-то, в принципе, интересно, но, может быть, стоит обратить внимание на другие вещи?

sage 17 Янв, 09:19 #274 #438704

>>438052
ты чо все треды врк читаешь?
есть тут парочка поднявшихся, иногда приходят даже

5 Кб, 120x115

17 Янв, 09:21 #275 #438706

>>438180
Не говори

21 Кб, 304x149

17 Янв, 14:33 #276 #438966

http://codepen.io/anon/pen/LGzXqY?editors=110

Есть одна кнопка с прозрачностью. Нужно сделать текст в ней непрозрачным. Не подскажите как это реализовать? Запихнуть текст в <span> и переназначить opacity ему не помогло.

Ответы>>438993

17 Янв, 14:47 #277 #438993

>>438966
Это не кнопка вся прозрачная, а фон у нее через rgba задан.

Ответы>>439013

17 Янв, 15:03 #278 #439011

>>436715
Но почему так?
>>437089
>жабакодера
Это ты говоришь про java, а я пишу на javascript, это разные вещи. Пилить долго, задавай конкретные вопросы.
>>437495
>На какой позиции сейчас находишся?
Формально должность называется "верстальщик", но я не верстаю уже почти
>Что планируешь дальше делать?
Углублять знания в js, познакомиться еще с 2-3 языками и немного угореть по матану и компьютерным наукам. Еще хочу найти удаленку за валюту.
>Какие задачи выполняешь?
Сейчас пилю большое приложение целиком на канвасе. Игру.

17 Янв, 15:04 #279 #439013

>>438993
Спасибо, сам не додумался.

17 Янв, 15:04 #280 #439014

>>437525
В каком смысле "та грань"? Определи для себя приоритеты и двигайся к ним. Я целенаправленно уделял больше времени JS, чем html/css, на собеседованиях говорил что интереснее, и так далее.

102 Кб, 1326x633

17 Янв, 16:25 #281 #439085

Предположим, я достиг любительского уровня css/html и хочу найти дизайнер и программиста, дабы вместе реализовывать какие-то проекты за еду и совершенствовать скилл. Где я могу подыскать команду и работу?

Ответы>>439091>>439203

17 Янв, 16:29 #282 #439091

>>439085
Двачую. И какой уровень знаний и умений нужен, чтобы хотя бы за 15-20к взяли?

17 Янв, 16:30 #283 #439093

>>438150
http://habrahabr.ru/post/273471/?utm_source=tm_habrahabr&utm_medium=tm_block&utm_campaign=tm_promo

17 Янв, 18:20 #284 #439203

>>439085
Что мешает просто накачать макетов и тренироваться? Бери каждый раз макет посложнее, делай все полностью адаптивно, познакомься с UI/UX и попробуй их улучшать самостоятельно и опыта наберешся огого.

Ответы>>439279

17 Янв, 19:43 #285 #439279

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

Ответы>>444877

17 Янв, 21:54 #286 #439422

Кто-нибудь использует Avocode? Можно ли через 14 дней просто завести новую учетку?

Ответы>>439486

17 Янв, 22:28 #287 #439473

>>433811
Htmlacademy, htmlbook

17 Янв, 22:52 #288 #439486

>>439422
Да, даже мыло подтверждать не надо.

Ответы>>439488

17 Янв, 22:53 #289 #439488

>>439486
А проект? Или похуй?

Ответы>>439514

40 Кб, 743x251

17 Янв, 22:54 #290 #439489

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

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

Не надо говорить, почему у меня они не встрочку. Все сделал, как нужно, но вот те два вопроса не могу решить. Подскажите.

Ответы>>439492>>439606>>439608

17 Янв, 22:55 #291 #439492

>>439489
хотя думаю, что в 1 вопросе дело в "left: 600px" у .service h2. Насчет картинок не знаю, что не так.

17 Янв, 23:07 #292 #439514

>>439488
Что "проект"?
Если ты про свои загруженные туда проекты, то они пропадут понятное дело, надо будет заново загружать.

124 Кб, 310x369

18 Янв, 00:11 #293 #439560

Дайте дауну подсказку (только подсказку. Можно одним словом. Или двумя) как лучше правильно выстроить сетку пикрелейтед с макета барбершопа (т.е. чтобы чекбоксы в столбик вместе с тектом шли). Мне на ум приходят только дикие огороды с дивами.

Ответы>>439570>>439575

18 Янв, 00:14 #294 #439570

>>439560
в какой-то папке из интенсива лежит видео, где делается похожее в нёрдсе

Ответы>>439584

18 Янв, 00:18 #295 #439575

>>439560
псевдоэлементы-паддинг
это если собираешся заменять дефолтные чекбоксы

Ответы>>439584

18 Янв, 00:23 #296 #439584

>>439570
Спасибо.
>>439575
В интенсиве говорят, что это плохая идея, менять чекбоксы/селекты.

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

Ответы>>439610

18 Янв, 00:53 #297 #439606

>>439489

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

такое ощущение, что бутстрап не работает

Ответы>>439608>>439723>>440138

18 Янв, 00:54 #298 #439608

>>439489
>>439606

Но это не отменяет того, что у тебя там ерунда была написана, то, что я написал, работает без него

Ответы>>439723

18 Янв, 00:58 #299 #439610

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

Ответы>>439621

18 Янв, 01:19 #300 #439621

>>439610
Ну, я уже научился их стилизовать, в интенсиве он подробно показывает. Сделаю, как разберусь с основным.
> улом с лишками
Вот, спасибо за подсказку.
При ресайзе нормально себя ведут.

4 Кб, 217x148

4 Кб, 238x128

18 Янв, 02:19 #301 #439633

И еще тупой вопрос, про переполнение контента.
Вот стандартная кнопочка заебавшего всех барбершопа.
Фигачу в него лорем, нормально переносится, не разваливается. Но если пишу одно длинное слово (скажем, тридцать букв "а", то оно улетает за пределы блока. Это считается за фейл?

Ответы>>439727>>439811

18 Янв, 09:44 #302 #439723

>>439608
>>439606
спасибо, но это конечно круто, но хотелось бы через бутстрап чтобы работало. Так как все row у меня будут творить хуйню. Как это сделать?
Абсолют ведь надо задавать, если родитель имеет позишен: релатив. Даже в каком-то уроке на ютубе видел, где так задают и все прекрасно работает.Может заголовок надо в дивы обернуть?

Ответы>>440012>>440016

18 Янв, 09:51 #303 #439727

>>439633
Оверфлоу хайдден

Ответы>>440666

18 Янв, 11:54 #304 #439811

>>439633
word-wrap: break-word

Ответы>>440062>>440666

18 Янв, 13:03 #305 #439926

https://www.youtube.com/channel/UCPAS-cuQrlb9GW8Ue0sgJ8Q
Канал парня с видео из летней конференкции cssday 2015. Есть полезные вещи по UI, флексбоксам етц.

18 Янв, 13:36 #306 #440012

>>439723

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

Ответы>>440044

18 Янв, 13:39 #307 #440016

>>439723

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

Ответы>>440044

18 Янв, 13:53 #308 #440044

>>440012
>>440016
Возможно там именно в бутстрапе кроется проблема. Вернее в том, что он старается переопределить свойства элементов в перемешку с бутстраповскими классами.

Вот например, анон выше просил навести порядок с табличкой-календариком, которую собирают на бутстрапе. Так там паддинг для клеток установлен с наследованием уровня
table>tbody>tr>td
его хочешь не хочешь, придется переопределять либо инлайновыми стилями либо импортантом.
Вот и здесь та же самая хуйня. Он скорее всего пытается переопредилить стили без нормального оверлоада, в итоге работают только те, которые в бутстрапе не установлены.
мимо

18 Янв, 14:04 #309 #440062

>>439811
Ток эта хуйня не валидная

Ответы>>440114>>440118

18 Янв, 14:30 #310 #440114

>>440062
в валидатор загружал?
только что проверил - пишет, что все гуд.
Но автоматом заменяет на overflow-wrap: break-word;

18 Янв, 14:31 #311 #440118

>>440062
Особенность свойства. Изначально было создано только word-wrap. Затем его переписали под overflow-wrap, толком ничего не поменяв. А word-wrap оставили черновым.
Проблема у overflow-wrap с поддержкой на старых браузерах, она не очень. А word-wrap делает точно то же самое, но поддерживается везде. Ибо legacy и все дела.

18 Янв, 15:14 #312 #440138

>>439606
нахуй ты там margin-right: 50px поставил это ломает сетку. И проверь пути подключения файлов

18 Янв, 21:48 #313 #440663

Признавайтесь пиздюки. Кто был на интенсиве?

18 Янв, 21:49 #314 #440666

>>439727
>>439811
Спасибо

Ответы>>440683

18 Янв, 21:59 #315 #440683

>>440666
за оверфлоу хидден не благодари это не решение он нихуя не переносит а скрывает, причем может это очень криво сделать

Ответы>>440759>>445978

18 Янв, 22:44 #316 #440759

>>440683
Я уже переделал, без оверфлоу, с переносом. Макет-то учебный, да еще и мой первенец, лол, поэтому я особо всеми этими валидаторами пока не заморачиваюсь. А спасибо за ценную инфу, я еще даже не знал, что есть такое свойство даун, что с меня взять.

19 Янв, 03:45 #317 #440949

>>434606
https://jsfiddle.net/oszis113/p2q90wjL/
держи через jquery
мимо другой анон

Ответы>>440950>>441056>>441111

19 Янв, 03:46 #318 #440950

вот это >>440949 тебе >>434604

19 Янв, 10:09 #319 #441056

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

Ответы>>441496>>442293

19 Янв, 11:18 #320 #441111

>>440949

Спасибо

19 Янв, 15:15 #321 #441496

>>441056
https://jsfiddle.net/ftp3x8Lx/

19 Янв, 15:59 #322 #441550

Хочу найти какой-то доп. заработок помимо основной деятельности в свободное от работы время, если задрочить верстку(ничего в ней пока не смыслю, знаю html) и брать несложные заказы фрилансом в интернете, то я смогу хотя бы 10-15к в месяц делать?

Ответы>>441729

19 Янв, 17:59 #323 #441729

>>441550
Вряд ли. Для работы на фрилансе нужно терпение, опыт, желание и возможность учится. Слишком серьезная конкуренция.
Вряд ли кто-то обратится к халтурщику без знаний, если на тот же заказ задеплоен продвинутый разработчик.
Хочешь срубить мелочь по тихому не напрягаясь - тебе дорога в копирайт. Расценки там смешные, зато уровень вхождения ниже плинтуса.

Ответы>>441800

19 Янв, 18:53 #324 #441800

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

Ответы>>441810>>441815>>442299

19 Янв, 19:00 #325 #441810

>>441800
Какой же ты программист если заработок на стороне ищешь, да еще и версткой лол?

Ответы>>441817>>442299

17 Кб, 413x395

19 Янв, 19:03 #326 #441815

>>441800
ссым на тебя всем тредом

19 Янв, 19:04 #327 #441817

>>441810
Обычный начинающий на пятидневке.

6 Кб, 240x281

19 Янв, 22:11 #328 #442057

В вакансиях на веб-фронт-энда в требованиях обычно указывают основы js.
Что к ним относится? В общих чертах хотя бы.
К примеру http://learn.javascript.ru/first-steps можно ли считать за основы?
Или же даже всего основного курса в двух частях не будет достаточно для этих самых основ?
А то дошел тут модулей через замыкания и задумался, так ли уж нужно всю эту кучу говна знать?

Ответы>>442062

19 Янв, 22:15 #329 #442062

>>442057
Этот учебник это примерно половина того, что нужно знать джуну. Плюс, кроме всего прочего, нужно уметь это применять.

Ответы>>442079>>445522

19 Янв, 22:36 #330 #442079

>>442062
А что касается второй половины? О чем примерно идет речь?

Ответы>>445522

693 Кб, 698x481

19 Янв, 22:39 #331 #442087

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

Ответы>>442088>>442222>>446570

19 Янв, 22:42 #332 #442088

>>442087
Сойдет.
Можно вырезать без маски, прям блок с картинкой и маской вместе. Там все равно белый фон на странице. Я помнится, так и делал, когда продвинутый изучал.
Но это дело вкуса.

Ответы>>442089>>442100

19 Янв, 22:45 #333 #442089

>>442088
Окей, спасибо. Ну я только размечаю, на макет смотрю. Думаю, проще будет одной картиной фон сделать, да, но пока придерживаюсь их стайлгайда.

19 Янв, 22:45 #334 #442090

Тут кто-нибудь работает на апворке?

685 Кб, 957x398

19 Янв, 22:48 #335 #442092

http://codepen.io/anon/pen/wMPQGK?editors=110

Скажите почему не получается сделать, как на скриншоте? В чем причина?

Ответы>>442138

19 Янв, 22:54 #336 #442100

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

Ответы>>442104

19 Янв, 22:56 #337 #442104

>>442100
Зависит от того, как ты себя чувствуешь в верстке фиксированных страниц. Если барбершоп твой первый и единственный, то советую сверстать еще как минимум техномарт. А вообще рекомендуется для закрепления запилить минимум 3-4 фиксированных лендинга, и только потом садится за продвинутый.
Лично я так и делал.

Ответы>>442108

19 Янв, 22:57 #338 #442105

Я пхп-макака. Какое будущее меня ждёт, если я ещё и верстку выучу?

19 Янв, 23:00 #339 #442108

>>442104
Чувствую себя... неопределенно. У меня, судя по всему, есть "чуйка" на это дело, но я многого не знаю. Пожалуй, и правда сначала техномарт сверстаю, спасибо.

19 Янв, 23:36 #340 #442138

>>442092
.col-md-12.info-about-team {
line-height: 0;
font-size: 0;
padding: 0;
text-align: left;
}

20 Янв, 01:26 #341 #442222

Еще вопрос про седону.
Там в макете все эти надписи (как на пикрелейтед >>442087) сделаны тупо картинками отдельными слоями. Значит ли это, что можно их так же тупо вырезать-вставить, или лучше, как говорится "поиграться шрифтами" и все такое?

Ответы>>442975

20 Янв, 08:21 #342 #442293

>>441056
ну так в том-то и суть. если поле не пустое, то цвет фона белый. если поле пустое, то зеленый. об этом же и просили. если нужно, чтобы изначально было зеленое, то вот тебе:
https://jsfiddle.net/ftp3x8Lx/1/

20 Янв, 08:30 #343 #442299

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

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

20 Янв, 09:11 #344 #442309

http://codepen.io/anon/pen/zrPQVE?editors=110

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

Ответы>>443041>>443130

20 Янв, 11:34 #345 #442449

>>435652
>>436356
>>436182
Так где все таки достать эти допы, посоны?

20 Янв, 18:53 #346 #442975

>>442222
Этож элемент лого ну или дизайна, она поменяется может через года 2, нахуй париться и шрифты подстраивать искать заморачиваться. Новый текст потом так же вставят картинкой. Единственный плюс шрифтового решения это оптимизация загрузки. И то шрифты вероятно тяжелые, да и несколько их.

20 Янв, 19:38 #347 #443041

Бутстрапщики с такой проблемой не объявились до сих пор?

>>442309-кун

Ответы>>443080>>443525

20 Янв, 19:56 #348 #443080

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

Использовал один раз бутстрап и обосрался-кун

77 Кб, 547x587

20 Янв, 19:59 #349 #443084

Прошел обучение на learn.javascript.ru, сообразить, например, как сделать слайдер я понять как не мог, так и не могу. Именно как описать его поведение в JS. В шапке указан Флэнаган и, я так понимаю, лучше всего взяться за 5 издание. Что можно еще пробовать посмотреть/почитать, что-то менее сложное, что ли?

Ответы>>443093>>443107>>443524

20 Янв, 20:07 #350 #443093

>>443084
Если ты все прошел что на сайте дано то должен понимать как сделать. Если всеравно не понимаешь - открывай код какой-либо из уже готовых реализаций и вникай

20 Янв, 20:25 #351 #443107

>>443084
Живые примеры разбирай, если узучал, а не проходил, то быстро уловишь смысл.

Ответы>>443125

39 Кб, 877x804

20 Янв, 20:38 #352 #443125

>>443107
Это еще больший пиздец. Я не понимаю что выполняют те или иные объекты, так как функций, как мне кажется, так много и они настолько непонятные на интуитивным уровне, в отличии от CSS; не понятное что является переменной js, а что - программиста; откуда взялись name и age на пикрелейт? при написании как на пикче? ввел пограмист? синтаксис?
Все это в заблуждения какие-то вводит и чем дальше, тем их больше.

Ответы>>443129

20 Янв, 20:40 #353 #443129

>>443125
бля ты точно learn.javascript.ru учил или тралируешь

Ответы>>443137

20 Янв, 20:40 #354 #443130

>>442309

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

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

Ответы>>443170

20 Янв, 20:44 #355 #443137

>>443129
Да, даже скрин с этого сайта.

https://learn.javascript.ru/object

Ответы>>443147

20 Янв, 20:57 #356 #443147

>>443137
Так ты писал выше что прошел уже его. А тут выходит что ты в объекты не вдупляешь. Как же ты тогда прошел? Сиди кури

Ответы>>443152

20 Янв, 21:01 #357 #443152

>>443147
Я и говорю, что пройдя все - нихуя не понимаю.

Ответы>>443165>>443167

30 Кб, 400x487

20 Янв, 21:13 #358 #443165

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

Ответы>>443195

20 Янв, 21:13 #359 #443167

>>443152
У тебя в голове пиздец. Если прошел и не понимаешь то ты нихуя не прошел, а тупо почитал. Прошел - это все понял, усвоил и выпонил упражнения. Как вообще можно идти дальше если ты какойто из базовых разделов не усвоил?

20 Янв, 21:14 #360 #443170

>>443130
то есть без джеквери никак? Ну ебать.

Ответы>>443195>>443210

20 Янв, 21:36 #361 #443195

>>443170
Ты нахуя за этот бутстрап взялся, если основы верстки не понимаешь?
>>443165
Согласен. Алсо есть еще подход, я таким пользуюсь. Вместо того чтобы читать по 10 раз. Прочитал 1-2 раза, вникнул, а затем в вордовском файлике описал основные моменты.
Если глава сложная и много непонятно, то тупо берешь и описываешь ее всю, причем разбирая каждый пример кода. Реально каждый.
Главы про call/bind/apply я так и разбирал. Брал функцию и описывал ее практически построчно, что автор делает, зачем, и что в конце получилось.

20 Янв, 21:49 #362 #443210

>>443170
Можешь тупо уменьшать его через медиазапросы на разных разрешениях.

21 Янв, 01:32 #363 #443435

Кто уже тестил флексаны?
https://github.com/10up/flexibility
Работает ?

21 Янв, 09:37 #364 #443524

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

21 Янв, 09:39 #365 #443525

>>443041
медиа-запросы юзай, гений, или font-size в em или % задавай

21 Янв, 10:19 #366 #443541

Ух, сделал седону (фиксед) за день (суммарно часа 3 + час на гугление всяких зэдиндексов). С одной стороны - горжусь собой (второй макет в жизни), с другой стороны - сомневаюсь, мне кажется, там куча говнокода.
Макет, кстати, на редкость ебанутый, даже размер шрифтов пришлось интуитивно искать, дезайнер - мдк (но это даже хорошо, теперь я кэтому буду готов, лол).

Ответы>>443764>>445044

21 Янв, 13:02 #367 #443764

>>443541
нахуй ты сюда пишешь о своих достижениях? Нам поебать вообще. Если хочешь, как-то привлечь к себе внимание, то пиздуй на твиттер и оставляй там свои ебанутые восхищения. Боже, как же такие дауны выбешивают.

Ответы>>443900

225 Кб, 320x240

21 Янв, 13:58 #368 #443849

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

Ответы>>443900

21 Янв, 14:32 #369 #443900

>>443764
Успокойся. Ну на подъеме человек. Радуется, что получается что-то. Да, не все бегут на форум рассказывать что у них чего-то выходит. Но и такая реакция как у тебя тоже не уместна.
Я тоже лично не вижу профита для нюфани писать что он сделал макет, не выкладывая код на ревью. Но че поделать...

>>443849
ты наверное имел в ввиду не html, css а верстку (технологии, приемы, инструменты) вцелом. Ибо как можно сидеть 3 месяца только над тегами и селекторами я хз

Ответы>>443916

21 Янв, 14:37 #370 #443916

>>443900
мне кажется, что месяца дрочильни html+css макетов вполне достаточно, чтоб более менее быть готовым к любой верстке. Это без JQ. И это если фул тайм сидеть.

Ответы>>443924>>443928

44 Кб, 640x640

21 Янв, 14:40 #371 #443921

Аноны все же блядь как ебаные пункты переводить в пикселы правильно. Почему ебаные дизигнеры не могут рисовать в 96dpi чтобы не было никакого гемороя...ну пздец.

21 Янв, 14:41 #372 #443924

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

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

Ответы>>443935

21 Янв, 14:42 #373 #443928

>>443916
Любых лэнингов разве что.
Попробуй без напряга сверстать адаптивно макет крупного инет магазина. Посмотрим как ты запоешь.
Я уже молчу о разных фишках, нестандартных элементах етц.
Это только кажется так ребятки. Этот >>438399 прав. Как и в любом другом деле, освоить основы довольно просто. Но дальше ты погружаешся в детали. А именно они отличают хорошего специалиста от халтурщика.

Ответы>>443936

21 Янв, 14:44 #374 #443935

>>443924
Про js вон чуть выше яркий пример выученого лерн.жс.ру. С этим согласен, но html css все же немного другая тема, тут тупо набивание руки помогает. Я к тому, что месячной дрочки хватит, чтобы тебя взяли в какую-нибудь говностудию за корку хлеба, а там обучение уже куда продуктивнее, как мне кажется

Ответы>>443950

42 Кб, 600x700

21 Янв, 14:45 #375 #443936

>>443928
>>443928
вот в ебаном хтмлакадеми прям сразу на тебя вываливают все особенности и детали, ничего толком не объяснив.

Ответы>>443947

21 Янв, 14:53 #376 #443947

>>443936
Если ты про html css, то там никаких приколов-то и нет особо, только с css3 и всякими йоба фишками, которые все юзают чтоб повыебываться. Остается только знать все правила что куда схлопывается почему инлайн ведет себя так, как лучше выравнивать и почему все поехало и тд. С JS все сложнее. А курс академии на сайте порой заставлял не понимать, а дрочить пиксели чтобы совпадение было 100%, а не 99% и это бесило меня пиздец. Дальше учить не можешь, пока не подберешь с миллионной попытки идеальное положение. Да и миллионной попытки нет, всего 10, что ли, забил на эту хуйню

Ответы>>443952>>443953>>443972

1645 Кб, 1800x1080

21 Янв, 14:53 #377 #443950

>>443935
http://kemerovo.hh.ru/vacancy/15415808?query=html
те времена когда в верстальщике нуждались прошли. теперь это за профессию не считают

21 Янв, 14:55 #378 #443952

>>443947
шта ? в браузере адрес на цифру больше поменять мозга не хватило ?

Ответы>>443956

21 Янв, 14:56 #379 #443953

>>443947
Да это стандартное объявление в стиле - ФУЛСТЭК ПРОГРАММИСТ ВЕБ ВЕРСТАЛЬЩИК, ОПЫТ ОТ 10 лет, ANGULAR JS REACT FLEXBOX ПИТОН ДЖАНГО, ЗП 12.000 РУБЛЕЙ

Ответы>>443957

21 Янв, 14:57 #380 #443956

>>443952
не думал, что у них все так просто.

21 Янв, 14:57 #381 #443957

>>443953
я к тому что сейчас верстальщики нахуй не нужны.

Ответы>>443959>>443972

21 Янв, 14:58 #382 #443959

>>443957
Ну ладно ладно, не нужны.

Ответы>>443965

25 Кб, 414x414

21 Янв, 15:00 #383 #443965

>>443959
разве что в сео меркетологи ебучие

21 Янв, 15:00 #384 #443967

Ну я хз, встречаю часто вакансии html css js jq, зп не облачная ну это и похуй для начала

Ответы>>443971

21 Янв, 15:01 #385 #443971

>>443967
из объяв не понятно даже что нужно работодателю и какой уровень скила той или иной технологии

21 Янв, 15:02 #386 #443972

>>443957
А ты у нас я вижу знаток дохуя.
Верстальщики всегда будут нужны. Чисто из финансовой точки зрения.
>>443947
>то там никаких приколов-то и нет особо
Топ кек. Наверное именно поэтому есть целые сайты и куча книг, посвященные исключительно html/css до отвала забитые контентом, советами, различными типсэндтрикс и прочим дерьмом. Конференции блять разработчики почти что каждый квартал проводят, опытом делятся. Но конечно же ты прав, никакой глубины там нет.

Ответы>>443974>>443979

21 Янв, 15:03 #387 #443974

>>443972
так вакансии посмотри

21 Янв, 15:05 #388 #443978

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

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

Ответы>>443981

21 Янв, 15:05 #389 #443979

>>443972
нахуй целый человек в компании не нужен чтобы версткой чисто заниматься

Ответы>>443995

21 Янв, 15:06 #390 #443981

>>443978
так весь вопрос в том - на каком уровне верстку надо знать, если у неё куча особенностей и деталей, которые даже ни кем не используются

Ответы>>443983>>443984

21 Янв, 15:08 #391 #443983

>>443981
Я знаю, что всех бесит, когда так говорят - но на таком уровне, что бы хватало знаний для решений твоих задач.

21 Янв, 15:08 #392 #443984

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

Ответы>>444030

21 Янв, 15:11 #393 #443995

>>443979
Ну давай я посчитаю за тебя.
Есть верстальщик и фронтендер ориентированный на джс. Час работы верстальщика стоит 5 баксов. Час работы фронтендера от 15 баксов.
Любой проект начинается с верстки. Если это сайт а не приложение, то верстка - почти что его половина.
Верстальщик делает страницу, например, за 2 дня. Делает хорошо, потому что это его основная работа и конечно же он в ней разбирается. 2 дня его работы - 80 долларов.
Ту же самую работу наверняка сделает и фронтендер, но если он ориентирован исключительно на джс и не сильно знает верстку, то она у него отнимет больше времени.
Но допустим, для чистоты эксперимента он тоже справился за 2 дня с той же задачей. Сколько его 2 дня работы стоят? Примерно 240 баксов, если считать по отмеченной мною выше ставке.
80 и 240. Улавливаешь?

Ответы>>444030>>445984

4 Кб, 112x128

21 Янв, 15:18 #394 #444030

>>443984
>>443995
>фронтендер
>и не сильно знает верстку

Ответы>>444043>>444045

21 Янв, 15:23 #395 #444043

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

21 Янв, 15:24 #396 #444045

>>444030
Большинство кодеров не знаю верстку, да и не сильно хотят знать.

Ответы>>444055

21 Янв, 15:27 #397 #444055

>>444045
блядь да как так то ? у них жс в первую очередь с хтмл и ксс взаимодействует !!!

189 Кб, 393x391

21 Янв, 15:29 #398 #444059

front-end developer не знает версту.....до чего еще допиздитесь тут?

Ответы>>444062>>444063

21 Янв, 15:32 #399 #444062

>>444059
Знают, не знаю, знают хорошо, плохо знают, не знают особенностей. Какая разница? Он прав. Разница только в оплате. Зачем давать верстку матерому фронтендеру, и платить ему в 2-3 раза больше, если ту же работу сделает верстальщик, и скорее всего сделает качественнее, за меньшие деньги.

21 Янв, 15:32 #400 #444063

>>444059
Я не говорил что он ее не знает.

21 Янв, 15:33 #401 #444064

Ок, тогда чем занимается фронтенд кодер все рабочее время?

Ответы>>444066>>444070

21 Янв, 15:34 #402 #444066

>>444064
двач читает)

Ответы>>444091

21 Янв, 15:35 #403 #444070

>>444064
JS

Ответы>>444072

21 Янв, 15:36 #404 #444072

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

Ответы>>444077>>444084

21 Янв, 15:38 #405 #444077

>>444072
Если он хуячит веб приложение еще можно понять, там драг энд дропы всякие, все такое

21 Янв, 15:40 #406 #444084

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

21 Янв, 15:45 #407 #444091

>>444066
топ кек

21 Янв, 16:14 #408 #444133

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

Ответы>>444137

21 Янв, 16:16 #409 #444137

>>444133

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

Ответы>>444162>>444245

21 Янв, 16:32 #410 #444162

>>444137
смешно-смешно. Еще скажи фотошопером-дизайнером

21 Янв, 17:09 #411 #444231

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

Ответы>>444239

21 Янв, 17:12 #412 #444239

>>444231
Усидчивей будь. Забыл - отвлекись от текущего дела и открой урок вспомни, не ленись.

Ответы>>444265

21 Янв, 17:15 #413 #444245

>>444137
ну а что я могу поделать, если есть одна контора где нужны знания хтмл, ксс и бутстрапа + обучат джс.

21 Янв, 17:24 #414 #444265

>>444239
да как блядь ? я по кд лезу во вконтакт или на двач!! ямне нравится веб и я хочу этим заниматься, но меня хватает на 30 минут максимум

Ответы>>444279

21 Янв, 17:29 #415 #444279

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

21 Янв, 17:39 #416 #444308

Анон, помоги! не хуячь тряпками , слушай сначала...

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

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

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

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

Анон, подскажи

Ответы>>444318>>444337

21 Янв, 17:41 #417 #444318

>>444308
cms?

21 Янв, 17:47 #418 #444337

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

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

хотя мне чет кажется что хочешь какой-нибудь гавноконструктор. Типа adobe muse или че там еще есть

120 Кб, 1499x944

21 Янв, 17:49 #419 #444340

Пацаны, что с текстом делать? Я в коментах посмотрел, люди его там вообще не трогали, у них все на месте.
https://htmlacademy.ru/courses/65/run/27

Ответы>>444342>>444352

21 Янв, 17:50 #420 #444342

>>444340
паддинги тебе в помощь

Ответы>>444347

21 Янв, 17:52 #421 #444347

>>444342
Получается, я проебался с размера и их нужно менять в зависимости от падингов?

Ответы>>444538

21 Янв, 17:55 #422 #444352

>>444340
ты зачем clearfix по всем классам распидарасил? Создай один прототип и прописывай блокам, а то тут половина там половина.

Ответы>>444356

21 Янв, 17:56 #423 #444356

>>444352
И так сойдет, у меня только текст пидорасит.

Ответы>>444374

357 Кб, 800x533

21 Янв, 18:04 #424 #444374

>>444356
Зародыш говнокодера в треде, все в укрытие

Ответы>>444381

244 Кб, 1864x1398

21 Янв, 18:08 #425 #444381

>>444374
Я размеры клеарфиксу задал и мне менять лень было.

Ответы>>445988

21 Янв, 19:33 #426 #444538

>>444347
Можесь прописать блокам
box-sizing: border-box

21 Янв, 19:44 #427 #444545

Посоны, как письма верстаются?
Всмысле, процесс мне понятен - таблицы и инлайн стили, но я не понял как они потом читаются почтовыми клиентами. То есть, закинув html в письмо, нихуя не получается.

21 Янв, 20:03 #428 #444569

СКАЖИТЕ ЭТО ОБЯЗАТЕЛЬНО ЗНАТЬ ? https://htmlacademy.ru/courses/65/run/1

Ответы>>444572>>444586

21 Янв, 20:04 #429 #444572

>>444569
Лол, это то, с чем ты будешь сталкиваться каждый день, если найдешь работу.

Ответы>>444578

21 Янв, 20:06 #430 #444578

>>444572
Только небольшая оговорчка. В задании ширина фиксированная, а тебе надо будешь делать все резиновое, то есть ширина в процентах.

Ответы>>444597>>444647

21 Янв, 20:08 #431 #444582

Modernizr годнота ?

Ответы>>445989

21 Янв, 20:09 #432 #444586

>>444569
Бля, это основа верстки

437 Кб, 811x730

21 Янв, 20:13 #433 #444597

>>444578
ТОГДА ИДУ ЕБАШИТЬ ! ! !

Ответы>>444824

21 Янв, 20:40 #434 #444647

>>444578
Точнее сказать не только резиново, но еще и адаптивно.

21 Янв, 22:48 #435 #444807

посоны поясните, флексбоксы нужны ?

239 Кб, 884x903

21 Янв, 23:07 #436 #444824

>>444597
>задротка в толстовке
Ересь жи есть.

Ответы>>444838

321 Кб, 587x565

21 Янв, 23:19 #437 #444838

>>444824
братишка!!!, но у нас есть свой тред, тут лучше не злоупотреблять

22 Янв, 00:18 #438 #444877

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

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

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

Ответы>>444958

22 Янв, 02:03 #439 #444958

>>444877
Та у тебя в голове вообще взаимоисключающие параграфы.

22 Янв, 06:50 #440 #444994

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

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

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

зато потом такое животное делает инпуты ебучими дивами и приходит сюда с раскрытым хайлом, чтобы ему туда нассали. а все потому что ВЕРСТКА УЧИЦЦА ЗА МЕСЯЦ))))) ЧО ТАМ СЛОЖНОВА)))) КВАДРАТИК С ТЕКСТОМ ЗНАЧИТ ДИВ)))) И ВСЕ)))

Ответы>>445990

22 Янв, 09:41 #441 #445037

Синьоры, если не впадлу, гляньте и обосрите по фасту мою верстку. http://c12266.shared.hc.ru/

Ответы>>445044>>445050>>445066>>445263>>445394>>445413>>445803>>445823

22 Янв, 09:47 #442 #445044

>>445037
если ты этот мудила >>443541
, то иди переделывай. Ошибки свои смотри лучше, они перед глазами.

Ответы>>445068

22 Янв, 09:56 #443 #445050

>>445037
По мне так заебись, я б купил.
мимо не смыслю в вёрстке

977 Кб, 500x600

22 Янв, 10:33 #444 #445066

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

Ответы>>445100

22 Янв, 10:36 #445 #445068

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

37 Кб, 397x567

22 Янв, 11:22 #446 #445100

>>445066
>html-body-mainsection-main-content-mydick-item-instrument
Нужно быть точнее

Ответы>>445102

22 Янв, 11:24 #447 #445102

>>445100
>main-content-item-instruments
Не проще сделать вложение в css? Ну или префиксами писать, чем такие простыни.

Ответы>>445992

22 Янв, 12:14 #448 #445143

<input type="button">
<button>
Какие различия?

Ответы>>445144

22 Янв, 12:18 #449 #445144

>>445143
Никаких, взаимозаменяемые.

47 Кб, 604x489

22 Янв, 14:58 #450 #445263

>>445037
Сенсация! Добавил еще один макет, лейте говном. Я готов. http://c12266.shared.hc.ru/

Ответы>>445267>>445803>>445806

22 Янв, 15:01 #451 #445267

>>445263
psd где брал

Ответы>>445272

22 Янв, 15:04 #452 #445272

>>445267
Из рассылки html academy.
Во втором макете есть OMG ДАЖЕ JS

3 Кб, 370x118

22 Янв, 15:26 #453 #445300

верстка от гугл, чесно говоря я ахуел от их адаптивного ютуба

Ответы>>445306

22 Янв, 15:28 #454 #445306

>>445300
главная сделана нормально, а вот страницы юзверей по пиздец

22 Янв, 16:44 #455 #445394

>>445037
Охуенно, серьезно.
С названием классов ты на правильном пути, но методологии нет. Почитай про БЭМ обязательно.
Необязательно использовать БЭМ библиотеку, там у них охуенная методология по называнию классов.

Ответы>>445418

22 Янв, 16:55 #456 #445413

>>445037
Большая красная кнопка логин не ссылкой ли быть должна? А если и нет, то линк под значком проскакивает

Ответы>>445468

22 Янв, 16:58 #457 #445418

>>445394
Ну так он еще не смотрел продвинутый вроде. Просмотрит и БЭМ будет применять

22 Янв, 17:48 #458 #445468

>>445413
Да спасибо,что-то с line-height намудрил, нужно было тупо абсолютно спозиционировать и все. Просто в макетах я некоторые вещи делал по разному, чтоб попрактиковаться и возможно не самые лучшие решения.

28 Кб, 500x400

22 Янв, 19:20 #459 #445522

>>442079
Меня тоже интересует этот вопрос!

>>442062
АТВИЧАЙ БЫСТРА! Время пошло!

22 Янв, 22:28 #460 #445785

В хтмл академии рассказывают где-нибудь, как сделать сайд бар?

Ответы>>445819

22 Янв, 22:47 #461 #445803

>>445263
>>445037
сколько уже учишь верстку?

Ответы>>445970

32 Кб, 265x165

22 Янв, 22:55 #462 #445806

>>445263
Вроде норм, но этот аутист всё портит.

22 Янв, 23:06 #463 #445819

>>445785
На жуквери? Вот здесь есть:

https://www.codecademy.com/courses/web-beginner-en-zmn0b/0/1

Ответы>>445831

7 Кб, 842x215

22 Янв, 23:12 #464 #445823

>>445037
Не могу понять где поворот картинок прописан вот тут: http://c12266.shared.hc.ru/duhot/index.html, просвети.

Ответы>>445826>>445833>>445874

22 Янв, 23:12 #465 #445826

>>445823
http://c12266.shared.hc.ru/duhot/index.html

fix

98 Кб, 214x474

22 Янв, 23:18 #466 #445831

>>445819
нет, я запутался на этом. Не получается никак сдвинуть чексбоксы. В итоге кашу наделал там.

22 Янв, 23:19 #467 #445833

>>445823
Вроде оно:
.promo-block div:hover>b,
.reality-container:hover
.avatar-form{
animation-name:mirror;
animation-duration:1s;
}

22 Янв, 23:46 #468 #445874

>>445823
Если тебе интересно как этот поворот делать, то вот видяшка
https://www.youtube.com/watch?v=nD8xqlh6Esk&list=PLLnpHn493BHGrSO0lNO-3SNuuoPuJrA1o&index=2
мимо-ОП

Ответы>>446547

23 Янв, 01:40 #469 #445970

>>445803
Хз я где-то с сентября. Я это делаю не спешно, т.к работаю, и достаточно стар.

23 Янв, 03:53 #470 #445978

>>440683
text-overflow: ellipsis;
и всеоо

23 Янв, 05:24 #471 #445984

>>443995
фронтенд ориентирован на UI, улавливаешь? проще взять фронтенда, который будет верстать и писать на js, чем верстака и чистого js-программиста. другое дело в том, что нормального фронтенда не найдешь сейчас, а в мухосрани не найдешь работы для фронтенда.

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

23 Янв, 06:58 #472 #445988

>>444381
дебил тупой, нахуя тогда класс clearfix делал? убейся нахуй, фронтенд не твое

23 Янв, 06:59 #473 #445989

>>444582
да

23 Янв, 07:02 #474 #445990

>>444994
ааа, блядь, как же ты прав, господи, 10 из 10 чаев тебе, братишка!

23 Янв, 07:12 #475 #445992

>>445102
на больших проектах все пойдет по пизде, если вложения делать, потому и придумали БЕМ. вот только тут не по бем.

Ответы>>445994

23 Янв, 07:35 #476 #445994

>>445992
а scss на больших проектах не придумали? Да и на сколько больших, вряд ли кто-то среди нас будет заниматься проектами уровня яндекс. Ещё, кстати, есть Смакс, кто читал? Такие же простыни как у БЭМ?

Ответы>>446020

23 Янв, 11:20 #477 #446020

>>445994
gulp + jade + stylus (потому что он лучше чем sass) + gulp-bem, если собираешь проект(что быстрее и удобнее в большинстве случаев).

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

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

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

Ответы>>446349

23 Янв, 12:16 #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

23 Янв, 12:53 #479 #446110

Господа, поясните нужно ли сейчас знание PHP и если нужно то на каком уровне+желательно курсы какие нибудь

Ответы>>446123

23 Янв, 13:11 #480 #446123

>>446067
тебе сюда >>631129

а тебе >>446110 сюда >>612122

Ответы>>446126

23 Янв, 13:12 #481 #446126

>>446123
я относительно верстки спрашиваю

23 Янв, 13:13 #482 #446129

>>446067
Можешь передать вместо inCut аргументы a,b. А внутри скрипта уже объявить переменную inCut, которая равна a/b.
Кстати получить значение можно и перемножив длину на 3/4.

Ответы>>446134

23 Янв, 13:15 #483 #446134

>>446129
Хотя о втором забудь, в глаза ебусь.

23 Янв, 16:27 #484 #446287

прошел базовые курсы на хтмл академи,аноны, скажите как наработать практику по верстке?

Ответы>>446322>>446330>>446372

23 Янв, 17:19 #485 #446322

>>446287

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

Ответы>>446325>>446344

23 Янв, 17:30 #486 #446325

>>446322
что делать то ? почему не макеты ?

23 Янв, 17:36 #487 #446330

>>446287
если ты только прошел курсы - кури интенсив базовый, потом продвинутый, потом js, а потом иди искать работу

Ответы>>446333>>446335

23 Янв, 17:37 #488 #446333

>>446330
БЛЯДЬ ПРАКТИКУ КАК НАРАБОТАТЬ ?

Ответы>>446341>>446346

23 Янв, 17:40 #489 #446335

>>446330
хотябы верстку закрепить на практике надо прежде чем за жс браться

Ответы>>446346

23 Янв, 17:47 #490 #446341

>>446333
в шапке есть ссылка на макеты от академии. Сиди и верстай их

23 Янв, 17:48 #491 #446344

>>446322
а что тогда делать, если не макетами заниматься? м?

Ответы>>446348

23 Янв, 17:48 #492 #446346

>>446333
а как ты блядь ПРОЙДЕШЬ два интенсива не сверстав несколько макетов? вот и наработаешь свою практику. Если такой вариант не устраивает - иди ищи стажировки какие-нибудь (если такие есть)

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

23 Янв, 17:51 #493 #446348

>>446344

не пизди лучше, сядь, интенсив посмотри

Ответы>>446355

11 Кб, 200x200

23 Янв, 17:53 #494 #446349

>>446020
+ stylus (потому что он лучше чем sass)
Чем лучше?

23 Янв, 18:07 #495 #446355

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

С каждым новым тредом таких даунов все больше и больше. Просижу 50 тред, и больше не буду сюда заходить, ибо заебали такие уже.

Ответы>>446380

125 Кб, 600x450

23 Янв, 18:23 #496 #446372

>>446287
Лично я захожу на themeforest, выбираю понравившийся макет и верстаю его от и до. Если вдруг что-то не получается, всегда можно заглянуть в исходный код.

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

23 Янв, 18:31 #497 #446380

>>446355

неоценимая потеря будет, ггг

946 Кб, 946x481

23 Янв, 19:24 #498 #446415

Кто-нибудь поясните за седону. Будет ли правильным вырезать картинку вместе с текстом внутри? Просто у меня не получается узнать, что за шрифт там используется, и из-за этого думаю, что текст должен быть вместе с картинкой вырезан. Спасибо за ответ.

Ответы>>446416>>447247

23 Янв, 19:28 #499 #446416

>>446415
Выше уже отвечали

Ответы>>446431

23 Янв, 19:46 #500 #446431

>>446416
спасибо, нашел ответ.

15 Кб, 382x80

23 Янв, 22:05 #501 #446513

Помогите с вопросом. В общем когда делаем (ul>li>a) список inline. сам ul имеет большую высоту чем тег <a> с чем связана эта увеличенная высота вообще, на что обратить внимание. padding и margin у ul сброшен

Ответы>>446515>>446526

7 Кб, 284x177

23 Янв, 22:07 #502 #446515

>>446513
> на что обратить внимание
line-height не?

Ответы>>446527

23 Янв, 22:25 #503 #446526

>>446513
inline-block'и ведут себя как строки, есть такое свойство line-height, почитай про него.

23 Янв, 22:27 #504 #446527

>>446515
Хорошо, попробуем по другому. Как сверстать подобное что на пике, только чтоб контент был красивенько по центру?

Ответы>>446530>>446532>>446534

23 Янв, 22:34 #505 #446530

>>446527
Скинь пример кода на codepen/jsfiddle/plnkr тогда и посмотрим.

23 Янв, 22:38 #506 #446532

>>446527

vertical-align: center;

23 Янв, 22:42 #507 #446534

>>446527

флексами хуячь

23 Янв, 23:15 #508 #446547

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

Ответы>>446548

23 Янв, 23:18 #509 #446548

>>446547
Зачем тебе русоблядки?

Ответы>>446556

23 Янв, 23:31 #510 #446556

>>446548
С инглишом плоховато.

150 Кб, 908x715

23 Янв, 23:52 #511 #446570

>>442087
Блять, а как сделать этот язык что сверху?
Где можно можно посмотреть верстку бэмом, ту статью с хабра в шапке я видел. Очень мало обьяснений на примерах как верстать бэмом, зато куча пидорасов которые на конференция талдычать одно и тоже, зато примеров реалной верстки аж блять одна статья. Заходишь на ютуб посмотреть видео - там блять куча уебанов верстают ЧЕРЕЗ ПОЛНЫЙ СТЕК БЭМ, сборщики которые блять сука нахуй нихуя не работают, установи кучу всякой хуйни NPM, BEM-tools , BEMJSON, хуйсон, кучу всякой хуйни про которую блять неебешь в душе что это и как оно блять работает,УХ СУКА МОЯ ЖОПА В ОГНЕ.
Короче дайте дайте пример блять как по кошерному называть классы, как не путать блок с элементами , как блять это все работает на практике.
Что блять такое JSON, хотя нет, я знаю что это, как он блять работает на сайте? Почему это все покрывать 18 слоями абстаркций и почему не рассказать как работают эти абстракци? CСУКККА, ЭТИ СБОРШИКИ КОТОРЫЕ НИХУЯ НЕ РАБОЮТ!

Ответы>>446596

24 Янв, 00:16 #512 #446596

>>446570
про БЭМ (не полный стек, а просто именование классов) есть в продвинутом

Ответы>>446599>>446754

24 Янв, 00:17 #513 #446599

>>446596
в догонку от того же типочка, что в интенсиве статейка

http://nicothin.ru/page/bem

24 Янв, 00:26 #514 #446609

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

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

24 Янв, 00:52 #515 #446635

>>436291
>Хорошо, а как это примерно выглядит?
Корень, в корне дохуя папок, в каждой из них так же дохуя папок, в общем охуенный такой каталог, где дохуя папок и файлов. Каждый файл - это скрипт. Скрипты бывают те, которые выполняются у пользователя в браузере - например яваскрипт, который проверят заполненность всех полей при регистрации, или те, которые выполняются на сервере, например получение данных из бд по какому-то запопросу. Для не разработчика выглядит просто непонятным складом хуйни, кучи php скриптов, яваскриптов хтмл, картинки и т.д.
В одном файле может быть как и язык разметки - хтмл, так и язык сценариев - пхп, яваскрипт, в пхп-функции ещё передаются языки запросов для работы с бд.

51 Кб, 599x400

24 Янв, 08:29 #516 #446754

>>446596
Там тоже просто рассказ ЧТО ТАКОЕ БЭМ. Практики ж нихуя нету.

Ответы>>446780

24 Янв, 10:47 #517 #446776

Котаны, приведите пожалуйста примеры контентных и оформительских изображений. Чем они отличаются?

Ответы>>446826

24 Янв, 10:57 #518 #446780

>>446754
Бля, а для кого он в конце полчаса распинается о верстке по БЭМ (модификации Галахера) адаптивного барбершопа?

Не нравится этот - посмотри у Яндекса похожий.
https://ru.bem.info/forum/-661/

Ответы>>447021

24 Янв, 11:58 #519 #446826

>>446776
Ну же, котаны, везде это просто так подается, как будто все знают что это такое. А я видимо тупой и не понимаю, что где.

Ответы>>446835

24 Янв, 12:07 #520 #446835

>>446826
Контентные от слова контент лол.
Ну в смысле например фотки товаров в онлайн-магазине (их потом будут через cms загружать, а ты прописываешь через тэг img)
А оформительские от слова оформление. То бишь, картинки, предназначенные для оформления страницы (ваш кэп). Ну например фоновая картинка, либо мелкая графика (всякие рюшечки, значки, стрелочки). При том, что мелкая графика по-возможности обычно собирается в спрайт.
Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img (ибо на продвинутом на том же этот же чувак говорит, что можно разделять, а можно не разделять).

Ответы>>446839

24 Янв, 12:19 #521 #446839

>>446835
>Если ты спрашиваешь для разделения на папки (как он говорит на базовом) - то забей и клади все в папку img
Да, для этого и српашиваю. Ну ладно, img так img, так даже удобнее.

650 Кб, 946x481

24 Янв, 14:47 #522 #447021

>>446780
Посмотрм, посмотрим. Еще вопрос по верхнему язычку в седоне остался. Там два изображения - синий язык и рисуночек сверху. Как их слепить в кучу и сделать одним изображением? Я думал сделать язык через background -image центральной ячейки верхнего меню. Но проблемка в том что у языка нет отступа сверху. Или лучше сделать через абсолютное позицирование?

Ответы>>447025

24 Янв, 14:51 #523 #447025

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

573 Кб, 1339x325

24 Янв, 18:52 #524 #447247

>>446415-кун на связи. Помогите разобраться нубу. Почему картинка вылезает за контейнер?

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

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

Анон, который писал выше про седону, это не я. Не обоссывайте меня сильно, я только учусь.

Ответы>>447266

24 Янв, 19:37 #525 #447266

>>447247
Ширина изображения больше шиниры контейнера на пару пикселей.
Задай изображению ширину в 100%.

24 Янв, 19:52 #526 #447287

ПЕРЕКАТ
https://2ch.pm/wrk/res/447285.html (М)
https://2ch.pm/wrk/res/447285.html (М)
https://2ch.pm/wrk/res/447285.html (М)
https://2ch.pm/wrk/res/447285.html (М)
https://2ch.pm/wrk/res/447285.html (М)

Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 23 февраля 2016 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion