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

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

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

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

70 Кб, 980x460

Верстка тред №46 18 Ноя, 04:03 #377308 В конец треда | Веб

Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Основная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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

18 Ноя, 04:05 #2 #377311

>>377308 (OP)
Прошлый тред >>366531 (OP)

18 Ноя, 04:53 #3 #377373

В прошлом не ответили, спрошу в этом:
Анон, а вообще какие перспективы роста в верстке? То есть вот сейчас мне 20, я начну изучать всё это, каким я в теории смогу стать через 5 лет? А через 10? К примеру, начать с обычной верстки, а через лет 10 стать востребованным веб-разработчиком возможно? А если мне приспичит ради интереса какой-нибудь крупный проект/стартам запустить, смогу? Всё в теории, естественно. Мне конкретно про перспективы и пределы роста хочется узнать. Да и образования у меня нет. Вот думаю, стоит ли целиком и полностью себя этому посвящать. Последний раз делал простенькие сайты, когда мне было лет 13. Тогда пиздец как интересно было, только вот инфы тогда на русском особо не было, так что забил.

Ответы: >>377468, >>378979, >>381171, >>383123

18 Ноя, 06:15 #4 #377468

>>377373

нет никаких перспектив)))) всю жизнь будешь на харкаче сидеть и интенсивчики пересматривать)))))

Ответы: >>377532

18 Ноя, 09:00 #5 #377532

>>377468
))))))))))

18 Ноя, 09:43 #6 #377554

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

Ответы: >>377602, >>377615, >>377728

18 Ноя, 11:05 #7 #377602

>>377554
>Буду отписываться в стиле успешного марафонца
Не надо, иди нахуй.

18 Ноя, 11:13 #8 #377605

Прочитал книгу по HTML и СSS, знания поверхностные, но суть понятна. Теперь нужно набивать руку и учиться на практике. Какой годный ресурс посоветуете и с чего начать?

Ответы: >>377625

866 Кб, 654x686

18 Ноя, 11:20 #9 #377615

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

Ответы: >>377646, >>377727

18 Ноя, 11:30 #10 #377625

>>377605
шапку читай

18 Ноя, 11:49 #11 #377646

>>377615
А есть ли что-нибудь взамен барбершопа? Надеюсь, что буду примером для нюфанек, которые прокрастинируют годами и не знают с какой стороны начать. Если предложений более реалистичных сайтов, которые являются рутиной для штатного html-верстальщика не будет, то буду начинать марафон "учимся гуглить на ангельском и не только" с барбершопа. Старт девятнадцатого ноября.

Ответы: >>377677

2 Кб, 169x80

18 Ноя, 12:32 #12 #377676

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

.social-btn {
margin: 0 2px;
display: inline-block;
vertical-align: top;
width: 43px;
height: 43px;

font-size: 0;
text-decoration: none;

background: #000 url("../img/sprites.png") no-repeat center;
}

.social-btn:hover {
background-color: #fff;
}

Ответы: >>377964

65 Кб, 416x720

18 Ноя, 12:34 #13 #377677

>>377646
Специально для тебя , чтоб прочувствовать уровень боли, макет на котором я в свое время по неопытности дико сфейлился и сорвал все сроки https://yadi.sk/i/VskZEyyYkY8Gz
2013й год магазин одежды для толстых баб - реальная студия, реальный макет, реальный магазин, реальная боль
10 страниц страха и унижений в одном psd

Контент шириной 960 верхняя картинка тянется на весь экран

P.S. И это еще не самое корявое и убогое что я видел/верстал

Ответы: >>377765, >>389446

18 Ноя, 13:40 #14 #377727

>>377615
Только реально гугли, а не как некоторые за каждую мелочь спрашивают

Ответы: >>377728

18 Ноя, 13:41 #15 #377728

>>377727
это вот сюда, сорян >>377554

18 Ноя, 14:02 #16 #377765

>>377677
Другой анон
Стесняюсь спросить:
1) что за куча невидимых слоев там?
2) верстка предполагала адаптив чтобы ты запилил им по десктопной версии? или фикс и по пизде должна идти карточка с бабой?

Ответы: >>377771

18 Ноя, 14:07 #17 #377771

>>377765
Адаптива не было, там все 10ть экранов сайта в композициях слоев смотри + у дизайнера хуевая привычка не удалять мусорные слои которые вообще не использовались

Ответы: >>377775

18 Ноя, 14:11 #18 #377775

>>377771
Ну я так и подумал, припиздил бы на месте этого дезигнера, как блядь с ним вообще можно было работать?

Ответы: >>377821

18 Ноя, 14:49 #19 #377821

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

Ответы: >>377842

18 Ноя, 15:06 #20 #377842

>>377821
Ну то, что это телка была понятно из названия - главная выпадайки (или как-то так)

Интересно, таких личностей вообще собеседуют?

Есть же блин статьи, сайты, коференции на которых рассказывают о том как нормально надо оформлять макет...

Главное ты делаешь верстку, чтобы удобно было работать дальше, а о том чтобы было работать удобно с макетом видимо когда малюют не думают

Ответы: >>377861

18 Ноя, 15:30 #21 #377861

>>377842
она едва ли не с самого основания этой студии там работала
>что это телка была понятно
Кстати там был дизайнер мужик, у него макеты уже не такие вырвиглазные были, что характерно

18 Ноя, 16:36 #22 #377964

>>377676
Либо vertical-align на middle поставить, либо line-height задать.

Ответы: >>377991

18 Ноя, 16:52 #23 #377991

>>377964
ни что не подходит

Ответы: >>378009

18 Ноя, 17:07 #24 #378009

>>377991
да бля, у тебя спрайт, надо просто background-position подкрутить чтобы по центру было

1 Кб, 200x85

18 Ноя, 18:34 #25 #378165

Все правильно сделал? Изменил координаты в ".social-btn-vk" и т.д.. Рассчитывал, что они автоматом должны встать по центру, как на видео.

18 Ноя, 20:24 #26 #378375

Верстаны, на htmlacademy стоит ли подписку купить, или можно и так найти подобные задания? Может кто за плюшки пояснить

Ответы: >>378455, >>378479, >>378696

18 Ноя, 20:53 #27 #378455

>>378375
Бери, стоит то совсем ничего. Месяца тебе хватит. Годно.

18 Ноя, 20:59 #28 #378479

>>378375
Курсы на академии - это те же самые w3school или htmlbook, только материал собран по категориям и добавлениы задания, чтоб ты мог на практике понять как это работает.
ИМХО, ненужно, но 300 рублей - это совсем не деньги, чтобы думать брать подписку или нет.

18 Ноя, 21:40 #29 #378577

Ананасы кто делала барбершоп у вас переключалось меню? У меня почему-то все переключаются между собой, но если тыкать на "Главная", то он не переключает. Что делать?

Ответы: >>378581

18 Ноя, 21:42 #30 #378581

Проблему решил. Не прописал в меню файл главной страницы. Спасибо за внимание.

>>378577-кун

18 Ноя, 22:56 #31 #378696

>>378375
по всему можно найти, кроме флексов. вот флексы там разобраны ок

18 Ноя, 23:14 #32 #378707

Котаны, скиньте кто-то архив с дивхаком.

19 Ноя, 00:49 #33 #378804

Посоны, как вы учите языки программирования? Вот я недавно прочел курс на learn.javascript и по итогу смог написать лишь сраный калькулятор с использованием if и switch.
Может есть какая-нибудь техника по запоминанию яп?

19 Ноя, 04:33 #34 #378979

>>377373
Бамп.

10 Кб, 550x167

Вендорные префиксы 19 Ноя, 11:24 #35 #379139

Так ли критично обходится без префиксов -webkit -moz -ms и прочих? Как выявляете недостаток префиксов в стилях?

Ответы: >>379148, >>379283

19 Ноя, 11:35 #36 #379148

>>379139
Ты курсы на академии проходил или интенсив смотрел?

В курсах они пишут что можно подключить prefixfree например к странице. А на интенсиве упоминают например prepros куда встроен автопрефиксер, либо юзать таскраннер с этим самым автопрефиксером

Поддерживает какой-либо браузер то или иное свойство и нужен ли префикс можно найти в инете, например caniuse

76 Кб, 471x630

19 Ноя, 12:23 #37 #379198

>>377308 (OP)
Котаны, когда-то задрачивал html, css, js, соснул на паре собеседований (в первом собеседовался на фронтендера, по js интервьювер обоссал меня с ног до головы), забил хуй. Потом задрочил C#, опять соснул, но уже на тестовом. После этого опять забил.
Прошло много времени и ситуация изменилась (дико жалею о проебанном времени - чуть-чуть не добил в свое время, не хватило настойчивости, но что поделать).
Насколько сейчас тяжело найти работу, на какие деньги можно рассчитывать в ДС-2 верстальщику/фронтэндщику начального днищеуровня?
Стоит ли отдать $30 за codeschool, чтобы ознакомиться с jquery, backbone, angular, node? Годные там курсы по ним?

Ответы: >>379277

19 Ноя, 14:04 #38 #379274

Котаны, помогите.
Почему у меня блоки с классами .footer-row-1.1 / .footer-row-1.2 прилипли друг к другу и никак не реагируют на изменение свойств?
Заодно можете обоссать разметку.
http://www.cssdesk.com/Z35rS

Ответы: >>379281

19 Ноя, 14:06 #39 #379277

>>379198
>Стоит ли отдать $30 за codeschool
Не, не стоит.
Можешь еще подождать и тебе там должны скидку дать - один месяц 9$, за один месяц наверное можно все пройти.
Но курсы там простенькие, чтобы устроиться на работу их не хватит.
Лучше читай книги самостоятельно и задачи решай, на этих сайтах кроме красивого оформления ничего нет.

Ответы: >>379310

19 Ноя, 14:12 #40 #379281

>>379274
clearfix для родителя флоутных элементов Пушкин делать будет?

юзай devtools а браузере - там легко можно отыскать в чем трабла

Ответы: >>379296

19 Ноя, 14:15 #41 #379283

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

Ответы: >>379306

19 Ноя, 14:26 #42 #379296

>>379281
Блин, я понял в чем прикол - в названии класса есть точка .footer-row-1.1, короче обосрался я по-полной.

19 Ноя, 14:32 #43 #379306

>>379283
>вебпак

Это чо вообще? Как раз сегодня читал, нихуя не понял.

Ответы: >>379320

19 Ноя, 14:33 #44 #379310

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

Ответы: >>379349

19 Ноя, 14:41 #45 #379320

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

19 Ноя, 14:57 #46 #379349

>>379310
>Скидку дают, если ты зарегистрировался, но не купил подписку?
Точно не знаю, но когда я прошел пару бесплатных уроков по js и забил на этот сайт, где-то через месяц прислали письмо что дают скидку.
>"Ты чего там затих, почему js-фреймворки не изучаешь?"
Да, лол, примерно так.
>Про книги - это понятно, но я бы посмотрел на общие моменты "в живую", чтобы получить быстрый беглый обзор, а потом сориентироваться.
Вся книга Кантора (learn.javascript.ru) построена на живых примерах, а также там в конце почти каждого урока есть задачки.
Если так нужны именно курсы - попробуй codeacademy, там бесплатно, есть еще udacity, да тысячи их.

19 Ноя, 16:33 #47 #379410

Аноны, дайте ссылку где вы скачиваете шрифты для фотошопа.

Ответы: >>379412, >>379470

19 Ноя, 16:37 #48 #379412

>>379410
http://fonts4web.ru/

Ответы: >>379440, >>379448

19 Ноя, 17:00 #49 #379440

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

Ответы: >>379452

19 Ноя, 17:15 #50 #379448

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

Ответы: >>379452

19 Ноя, 17:21 #51 #379452

>>379440
>>379448
азаза

19 Ноя, 17:34 #52 #379470

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

Ответы: >>379510

19 Ноя, 17:54 #53 #379510

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

Ответы: >>379563

19 Ноя, 18:30 #54 #379563

>>379510
ну как бы размер можно узнать не ставя шрифты и пох что он семейство меняет

19 Ноя, 22:08 #55 #379924

При наведении на что должен меняться фон блока? На сам блок или на элементы? Если на элементы, фон должен меняться только у них или у всей этой полоской?

Ответы: >>379926, >>380078

28 Кб, 977x207

19 Ноя, 22:08 #56 #379926

>>379924
Отклеилось.

19 Ноя, 22:39 #57 #379992

Котаны, как вкатываться на работу? Изучить 100500 всякого говна на уровне второго интенсиа -> заполнить портфолио (сколько макетов хватит?) -> откликаться на все вакансии на hh.ru?
Давно что-то не было историй о успешных устройствах ИТТ.

19 Ноя, 23:48 #58 #380078

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

20 Ноя, 10:39 #59 #380233

Котаны, точные свойства тени можно в фотошопе узнать или делать на глаз?

Ответы: >>380284, >>380299, >>380333

20 Ноя, 11:55 #60 #380284

>>380233
Можно. Нажимаешь на иконку с эффектами на слоях.
А затем выбираешь в списке shadow или что-то типа того. Уже и не помню точно.
Но эффекты там наложены немного неочевидно. Часть придется брать из головы.

20 Ноя, 12:18 #61 #380299

>>380233
"фотошоп для верстальщика" - там рассказано как снять показатели

20 Ноя, 12:40 #62 #380333

>>380233
Палю годноту. http://css3ps.com Тени, скруглённые уголки, градиенты молниеносно без лишней ебли.

Ответы: >>380344

20 Ноя, 12:46 #63 #380344

>>380333
Вот тоже норм https://csshat.com/

6 Кб, 245x278

20 Ноя, 13:36 #64 #380403

Верстаны, запилите историю успеха.
А то я уже два собеседования проебал :) и мне нужен стимул

Ответы: >>380525

20 Ноя, 15:43 #65 #380525

>>380403
Сначала ты запили, как проебал.

20 Ноя, 16:59 #66 #380595

Верстач, как прикрепить элемент к низу страницы?

Ответы: >>380615, >>380620

20 Ноя, 17:11 #67 #380615

>>380595
Всмысле к низу?

Ответы: >>380624

20 Ноя, 17:14 #68 #380620

>>380595
футер штоли?

Ответы: >>380624

20 Ноя, 17:17 #69 #380624

>>380620
>>380615
Я ньюфаг, хз
В смысле у страницы фиксированный размер, не прокручивается вниз, надо чтобы элемент был в видимой части экрана около низа. В интернете советуют Position absolute bottom 0, но это не работает

Ответы: >>380633, >>380655

20 Ноя, 17:21 #70 #380633

>>380624
это интернет, тут и на хуй могут послать, делай свой элемент тегом <footer> прописывай свойства отступов в css (margin, padding), добра :3

Ответы: >>380641

20 Ноя, 17:24 #71 #380641

>>380633
Сделал футер. Через margin и делал, но почему-то иногда сбивается и хуй знает как это будет выглядеть на другом мониторе. Лучше делать отступ в процентах, или в пикселях?

Ответы: >>380662

20 Ноя, 17:29 #72 #380655

>>380624
Это стандартный футер, если страница не прокручивается, значит пили его нижним элементом. Это если я правильно понял.
Можно задать и через абсолют, но тут надо смотреть, где располагается точка координат.
Можно и через position fixed, но это уже петросянство.

Ответы: >>380661

20 Ноя, 17:31 #73 #380661

>>380655
Честно говоря, вообще не понимаю, как задавать позицию не через margin и padding. Что значит нижним элементом?

Ответы: >>380664

20 Ноя, 17:32 #74 #380662

>>380641
Кидай скриншоты, будем дальше разбираться

Ответы: >>380666

20 Ноя, 17:33 #75 #380664

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

Ответы: >>380666

20 Ноя, 17:35 #76 #380666

>>380664
>>380662
Ладно, няши, спасибо за помощь
Думал сразу нахуй пошлёте

Ответы: >>380673

20 Ноя, 17:39 #77 #380673

>>380666
я так понял нужно что вроде этого http://getbootstrap.com/examples/sticky-footer-navbar/

Ответы: >>380684

20 Ноя, 17:44 #78 #380684

>>380673
Почти. По сути у меня то же самое через margin. Почему там указано именно padding 60?

Ответы: >>380692

20 Ноя, 17:50 #79 #380692

>>380684
это для фиксированного навбара сверху, он у них через position:fixed прибит кверху, чтоб контент не залез под этот навбар в body сделан padding-top по его высоте

Ответы: >>380724

20 Ноя, 18:06 #80 #380724

>>380692
Тогда я ничего не понял. Паддинг 60 надо сделать всем элементам, чтобы они не залезли под верхнюю панель, так? Ф12 показывает, что нижняя панель сделана через position: absolute; bottom: 0;

Ответы: >>380738, >>380746

20 Ноя, 18:14 #81 #380738

>>380724
нет только body{padding-top:60px;}
т.к. у nav задан position:fixed его размеры браузером игнорируются как будто там и нет ничего вообще

Ответы: >>380746

20 Ноя, 18:21 #82 #380746

>>380724
>>380738
а нет я тебя наебал кажись, у .container задан padding: 60px 15px; чтоб он под навбар не залез, хотя в принципе можно и так и так
С футером та же история

20 Ноя, 19:06 #83 #380781

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

Ответы: >>380785

20 Ноя, 19:08 #84 #380785

>>380781
Не сталкивался, предполагаю, что тебе просто надо задавать нормальный тип файла - например png24

21 Ноя, 09:31 #85 #381150

Можно сделать, чтобы элемент игнорировался margin и padding других элементов?

Ответы: >>381170

21 Ноя, 11:32 #86 #381170

>>381150
position: absolute;

21 Ноя, 11:37 #87 #381171

>>377373
бамп вопросу, тоже интересно

21 Ноя, 14:05 #88 #381234

Аноны, которые делали "Nёrds". Меню прописывать надо ведь перед слайдером? В третьем слайде почему-то не влезает 3 картинка. Делал все по обучающему видео, но все-равно не влазит. Как быть?

Ответы: >>381246

21 Ноя, 14:25 #89 #381246

>>381234
код покажи, как понять че там у тебя не выходит

Ответы: >>381256

21 Ноя, 14:43 #90 #381256

>>381246
http://www.cssdesk.com/2ExTp

Ответы: >>381269

21 Ноя, 15:06 #91 #381269

>>381256
скрин еще выложи, чтобы увидеть что с картинкой не так, а то тут то ее не видно

Ответы: >>381272

21 Ноя, 15:10 #92 #381272

>>381269
хотя я вроде и так понял

например для второго слайда у тебя стоит

.slide:nth-child(2) {
background-image: url("../img/slide2.png");
background-repeat: no-repeat;
background-position: 100% 10px;
}

пропиши для третьего что-то типа такого (должно помочь, если нет еще подумаем):

.slide:nth-child(3) {
background-image: url("../img/slide3.png");
background-repeat: no-repeat;
background-position: 100% 0;
}

Ответы: >>381277

51 Кб, 992x367

77 Кб, 893x343

21 Ноя, 15:17 #93 #381277

>>381272
>.slide:nth-child(3) {
>background-image: url("../img/slide3.png");
>background-repeat: no-repeat;
>background-position: 100% 0;
>}

появился. Спасибо!

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

Ответы: >>381279

21 Ноя, 15:21 #94 #381279

>>381277
ну очевидно же, что блок текста у тебя маленький по длине - надо больше длину прописать, а там уже на каких слайдах короче - там уже можешь <br> вставлять для переноса, чтоб отдельно для каждого слайда длину не корректировать

Ответы: >>381284, >>381287

21 Ноя, 15:30 #95 #381284

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

Ответы: >>381287

21 Ноя, 15:36 #96 #381287

>>381279
>>381284
все переделал, спасибо за помощь!
Ну насчет макета "nerds" нет больше подсказок, как было в барбершопе. Дальше самому придется ведь думать.

21 Ноя, 16:37 #97 #381323

хочу сказать огромное пасиб анону который в прошлом треде посоветовал pomodoro. мне помогает )

Ответы: >>381406

21 Ноя, 18:27 #98 #381406

>>381323
там двое советовали вроде - один из них я, пользуйся на здоровье, мне самому помогает)

21 Ноя, 19:58 #99 #381477

В каких случаях лучше просить тут о помощи? Просто сижу уже третий час и мучаюсь с меню.

Ответы: >>381500

21 Ноя, 20:43 #100 #381500

>>381477
Если ты подумал, погуглил, потом подумал еще раз, и таки не вышло. Вот тогда можно.

Ответы: >>381510

21 Ноя, 20:55 #101 #381510

>>381500
все пункты выполнил, но еще немного подумаю, и тогда попрошу помощи.

94 Кб, 640x597

21 Ноя, 20:57 #102 #381512

Ананасики, проблемка с детьми короч. Есть структура.
<div class="section-block">

<div class="caption-image back1">
</div>

<div>
<a href="/#" class="btn"> Заказать</a>
</div>
</div>

<div class="section-block">
<div class="caption-image back2">
</div>

<div >
<a href="/#" class="btn"> Заказать</a>
</div>

</div>
Я хочу применить к ссылкам "a" разные цвета фонов.
Я пишу разную хуету по типу ".section-block .btn:nth-child(2) { background: black }", но это не работает. Подскажите пожалуйста как это сделать очень лениво писать отдельный класс для каждой ссылки.

Ответы: >>381560

16 Кб, 843x110

21 Ноя, 21:19 #103 #381538

Не могу сделать меню у Nёrds. Чувствую себя нубом 1 лвл.
Пересмотрел уроки, полистал хтмлбук, посмотрел всякие ролики на ютубе. Киньте советов, что делаю не так.

http://www.cssdesk.com/WqdMM

Ответы: >>381543, >>381545

18 Кб, 500x516

21 Ноя, 21:25 #104 #381543

>>381538
Класс nav-bar сделай inline-block. Корзинка - не картинка, а иконочный шрифт, я с ней долго проебался, пока нашел. Корзину сделай через :before. Как то так.

Ответы: >>381587

21 Ноя, 21:28 #105 #381545

>>381538
Меню делаешь так:
ul>li>a, задаешь для li float: left и margin-right
якi питання?

Ответы: >>381587

127 Кб, 968x648

21 Ноя, 21:47 #106 #381560

>>381512
Тупой еблан.

21 Ноя, 22:41 #107 #381587

>>381545
>>381543
Все правильно сделал?

Ответы: >>381588

16 Кб, 1366x174

21 Ноя, 22:43 #108 #381588

случайно нажал. Вот продолжение

http://www.cssdesk.com/WqdMM

В песочнице как-то по другому выглядит, если сравнивать со скриншотом.
>>381587-кун

Ответы: >>381615

34 Кб, 535x495

21 Ноя, 23:48 #109 #381615

>>381588
Да ты не бойся. Делай и все. Лучше что то делать и постояно ошибаться, чем тупо пространировать.

Ответы: >>381635

22 Ноя, 01:10 #110 #381635

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

Ответы: >>381716

22 Ноя, 06:38 #111 #381667

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

22 Ноя, 10:38 #112 #381716

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

22 Ноя, 14:04 #113 #381865

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

Ответы: >>381938

22 Ноя, 14:11 #114 #381884

А обязательно в какую-нибудь контору устраиваться? Фрилансом заработать можно?

Ответы: >>381890

22 Ноя, 14:12 #115 #381890

>>381884
Живут же люди на фрилансе, значит можно.

22 Ноя, 14:44 #116 #381938

>>381865
Кто-нибудь, подскажите

Ответы: >>381990, >>382018

22 Ноя, 15:31 #117 #381990

>>381938
Wireframily, сам нашел подобный, но все же тот был много лучше.

22 Ноя, 16:07 #118 #382018

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

Ответы: >>382057, >>382176

22 Ноя, 16:46 #119 #382057

>>382018
это в мозиле встроенный 3д вид есть

Ответы: >>382074

22 Ноя, 17:15 #120 #382074

>>382057
н вроде только в Firefox Developer Edition

22 Ноя, 17:22 #121 #382081

Как называется дизайн сайта, который подгружается прокручиванием вниз?

Ответы: >>382084

22 Ноя, 17:23 #122 #382084

>>382081
Лендинг пейдж

22 Ноя, 18:08 #123 #382122

Анон, почему надписи "Заказать" не ставятся по центру?

http://www.cssdesk.com/PuxQ7

Ответы: >>382128, >>382135

22 Ноя, 18:13 #124 #382128

>>382122
паддинги дядя Вася будет за тебя выставлять?

Ответы: >>382135

22 Ноя, 18:18 #125 #382135

>>382122
Не слушай пидора >>382128
Такие штуки делают через line-height, поставь её у кнопки равной высоте кнопки и всё будет ок.
А text-align только по горизонтали текст выравнивает

Ответы: >>382140

22 Ноя, 18:26 #126 #382140

>>382135
Лол, ущербный, ну добавь потом в своем коде вместо слова заказать - заказать вэб-сайт и посмотри че будет с твоим предложением

Ответы: >>382145

21 Кб, 998x425

22 Ноя, 18:30 #127 #382145

>>382140
Ну и что будет?

Ответы: >>382149

22 Ноя, 18:36 #128 #382149

>>382145
ну да, она у тебя бесконечно типа тянуться будет.
представь у тебя есть кнопка например по высоте 100px. Пока у тебя в ней одна линия текста все норм, ты можешь писать высоту строки равную высоте кнопки и все будет центрироваться норм. Но когда у тебя будет несколько строк текста у тебя будет конское расстояние между строками, поэтому высоту строки надо ставить как в фш прописано и задавать падинги

Ответы: >>382153

22 Ноя, 18:43 #129 #382153

>>382149
Ну вот когда будет несколько строк, тогда и сделаешь через паддинги, хуле ты приебался?
Если одна строка то нахуй твои паддинги не сдались

Ответы: >>382155, >>382157

22 Ноя, 18:46 #130 #382155

>>382153
Если одна кнопка, то нехуй ее усложнять. Если можно сделать паддингами, это нагляднее.
мимо

Ответы: >>382158

22 Ноя, 18:50 #131 #382157

>>382153
ну да, проверка на переполнение, тестирование верстки нахуй не всрались

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

Ответы: >>382162, >>382168

22 Ноя, 18:50 #132 #382158

>>382155
Ты даун штоле? Или троллишь? Каким боков это усложнение? Пиздец пидораха

22 Ноя, 18:52 #133 #382162

>>382157
Ты тоже даун? Я тебе показал, вставляй любой текст нахуй какой хочешь, в чем проблема?
Алсо, если ты считаешь, что мультилайн кнопки разной высоты это ок, то ты точно уёба

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

22 Ноя, 18:59 #134 #382168

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

Ответы: >>382173

32 Кб, 896x469

50 Кб, 934x611

22 Ноя, 19:06 #135 #382173

>>382168
что значит паддинги переделывать все? типа их там много

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

Ответы: >>382182, >>382191, >>382203

22 Ноя, 19:06 #136 #382176

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

22 Ноя, 19:14 #137 #382182

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

Ответы: >>382192

22 Ноя, 19:20 #138 #382191

>>382173
Кстати, вопрос, а если я захочу сделать иконку рядом с текстом, то что мне делать в твоём случае паддингов? Как мне её выровнять по центру?

Поясню про иконку: не такую, чтобы бекграундом, а чтобы она сразу после текста шла, т.е. произвольной длины текст, скажем от 5 до 20 символов, высотой 30px, после него иконка произвольной высоты от 10 до 30 px, обрисуй ситуацию, как будешь её выравнивать?

Ответы: >>382195

22 Ноя, 19:20 #139 #382192

>>382182
Затем что это блять жизнь. И тут случается всякое. Хороший верстальщик от плохого тем и отличается, что продумывает все наперед.
Другой анон.

Ответы: >>382194, >>382199

22 Ноя, 19:23 #140 #382194

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

Ответы: >>382201

22 Ноя, 19:23 #141 #382195

>>382191
То есть иконка идет дополнительным элементом внутри кнопки?

Ответы: >>382196

22 Ноя, 19:24 #142 #382196

>>382195
Да

Ответы: >>382205

22 Ноя, 19:27 #143 #382199

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

22 Ноя, 19:29 #144 #382201

>>382194
Что за хуйню я сейчас прочитал. Сходи на пару собеседований, да послушай что тебе умные дядьки говорить будут, если мне не веришь.
В продвинутых компаниях дают изъебистые куски макетов, а потом заваливают вопросами типа, а почему вы этот блок сверстали так? А что будет если сюда добавить текст, а там убрать? А почему вы выбрали такое решение? А может это решение выбирают из нескольких вариантов будет лучше? А как это будет взаимодействовать с кодом. А что будет если что-то не подгрузится.
Видишь ли, если ты не думаешь на перспективу, а просто лепишь наугад с мыслями "и так сойдет" то у меня для тебя плохие новости.

Ответы: >>382202

22 Ноя, 19:32 #145 #382202

>>382201
Мде хех, ок, живи в своём манямирке

Алсо, советую зайти на любой модный сайт ютуб, твиттер, фейсбук и посмотреть как там сделаны кнопки

22 Ноя, 19:33 #146 #382203

>>382173
я всё ещё жду кнопку, на которой используются две строки текста.

22 Ноя, 19:34 #147 #382205

>>382196
Абсолютным позиционированием.

Ответы: >>382210

22 Ноя, 19:35 #148 #382210

>>382205
Всмысле?
Иконки произвольной высоты и ширины, и текст тоже произвольной длины, ты не можешь знать наперед где будет иконка.

Ответы: >>382217

101 Кб, 1421x727

22 Ноя, 19:46 #149 #382215

про разные кнопки с 2+ строками
http://codecanyon.net/item/fancy-2-line-css-buttons/109049
http://habrahabr.ru/company/2gis/blog/246831/

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

22 Ноя, 19:48 #150 #382217

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

116 Кб, 1316x788

22 Ноя, 20:24 #151 #382225

Ну че там, где люди делись с 2 годами опыта работы в верстке?

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

Ответы: >>382226, >>382230, >>382252

22 Ноя, 20:27 #152 #382226

>>382225
Не, ты давай реальный пример использования такой кнопки

22 Ноя, 20:35 #153 #382230

>>382225
на ютубе по-другому.
я думаю логика этого анона в том, что можно сделать по-разному, он это с самого начала сказал, хотя в принципе я с ним согласен, что прощё просто задать line-height чем высчитывать там какие-то паддинги

Ответы: >>382237

22 Ноя, 20:45 #154 #382237

>>382230
видимо вот это является его фразой "можно делать по-разному" которую он с самого начала сказал:

Не слушай пидора
Такие штуки делают через line-height, поставь её у кнопки равной высоте кнопки и всё будет ок.

Ответы: >>382245

22 Ноя, 21:12 #155 #382245

>>382237
так или иначе, даже на самом фейсбуке, который ты, или кто-то другой привел в пример, кнопки сделаны обеими способами (например кнопка лайка или создания сообщения/страницы сделана через lh)

Ответы: >>382251

22 Ноя, 21:31 #156 #382251

>>382245
так или иначе, он сразу начал с оскорблений и его сообщение несло смысл типа так не делают надо как я говорю, тогда я в его манере начал объяснять ему в каком случае его решение не подходит, привел примеры сайтов где используется в том числе и такой подход, который описал, дал статью еще про переполнение и т.д.
кнопки в несколько линий текста все же есть я ему кидал уже пример именно кнопок, вот еще пример сайта с такой кнопкой https://www.zendesk.com.ru/

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

44 Кб, 604x604

22 Ноя, 21:31 #157 #382252

>>382225
Как называеться эта програмуля, которая показывает код прям в браузере?

Ответы: >>382253, >>382254

22 Ноя, 21:33 #158 #382253

>>382252
dev tools

Ответы: >>382255

22 Ноя, 21:33 #159 #382254

>>382252
Называется f12

22 Ноя, 21:34 #160 #382255

>>382253
и да, она встроена в браузеры
правой кнопкой мыши на элементе страницы и выбираешь что-то типа "просмотр кода элемента"

23 Ноя, 10:02 #161 #382446

Не могу найти простую вещь. Нужен плагин для саблайма или ноутпад++ который конвертил бы текст в html. Если бы просто хоть теги <p> мог проставлять в абзацы, то уже хорошо. Онлайн сервисами не хочу пользоваться, не хочу чтобы текст как-то попадал в интернет до публикации.

Ответы: >>382478, >>382627

23 Ноя, 10:55 #162 #382478

>>382446
Есть тег, сохраняющий форму текста, и ни каких <br>, <p> не надо. Правда не помню какой.

23 Ноя, 14:54 #163 #382627

>>382446
Делаю так: копирую текст в редактор, ставлю мультикурсор перед каждой строкой и набираю </p><p>, потом автоформатирование выставляет все тэги вокруг текста как положено. Правда нужно будет удалить один ненужный закрывающий тег перед текстом.

Ответы: >>382887

23 Ноя, 15:35 #164 #382676

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

Ответы: >>382710

6 Кб, 198x254

23 Ноя, 15:55 #165 #382710

>>382676

Оставь мыло, буду присылать по 3 макета каждый месяц, о цене договоримся.

Ответы: >>382718, >>382724, >>382726

23 Ноя, 16:01 #166 #382718

>>382710
teG}7maANUS9* temaPUNCTUMrG _u

23 Ноя, 16:12 #167 #382724

>>382710
Ну я-то имею в виду оригинальные макеты.
А не с сайта 500 МОКЕТОВ СКОЧАТI БЕЗПЛАДНО ДЛЯ ТРЕНЕРОВКИ))

Ответы: >>383129

23 Ноя, 16:13 #168 #382726

>>382710
А, вспомнил, ты про 15 число каждого месяца, лол.

23 Ноя, 18:52 #169 #382887

>>382627
Да ну, это тоже ёбля какая-то. Онлайн сервисы это делают норм безо всяких мультитыканий.

61 Кб, 505x551

23 Ноя, 21:10 #170 #383105

Анон, помоги. Как открыть панель слои в Гимпе, я уже минут 30 насилую гугол ничего найти не могу. Просто открыть меню слои

23 Ноя, 21:31 #171 #383123

>>377373
Либо перекат бэкенд, либо будешь работать на ебаную тучу уже знающих тебя клиентов. Оба варианты ниче так.

23 Ноя, 21:37 #172 #383129

>>382724
Верстальщик != дизайнер.

92 Кб, 1024x768

23 Ноя, 22:14 #173 #383171

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

Ответы: >>383179, >>383180

23 Ноя, 22:26 #174 #383179

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

59 Кб, 602x604

23 Ноя, 22:26 #175 #383180

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

Ответы: >>383187

23 Ноя, 22:36 #176 #383187

>>383180
Сохранить ты можешь т.к. криворукий, скачай avocode лучше
И правильно уже сказали, такая хуйня делается через псевдоэлемент простым ксс в 3 строчки.

Ответы: >>383189, >>383193, >>383213, >>383226

23 Ноя, 22:37 #177 #383189

>>383187
ты не можешь*

23 Ноя, 22:41 #178 #383193

>>383187
я таки ее сохранил. Че то не то с фотошопом

23 Ноя, 22:56 #179 #383213

>>383187
сделал через жопу li:before { content ="-"} А вот как придать ему красный цвет не знаю.

Ответы: >>383231, >>383232

19 Кб, 492x355

23 Ноя, 23:03 #180 #383218

Цвет сделал, но вот дефис получился очень маленький, не кошерно выглядит. В макете он сдоровеный размером почти в 3 буквы. А у меня маленький. Посоветуй как увеличить.

Ответы: >>383231

23 Ноя, 23:09 #181 #383226

>>383187
http://www.artlebedev.ru/tools/technogrette/html/list-style-image/
Ая-яй, не хорошо товарищей вводить в ересь.

Ответы: >>383231

23 Ноя, 23:16 #182 #383231

>>383226
>7 февраля 2004
Сука ну ты тупой пидор
>>383213
>>383218
Если ты сделал так, то просто дай псевдоэлементу color: colorname, а чтобы увеличить размер font-size соответственно, это же просто текст у тебя там внутри

А вообще надо было сделать это типо того:
height 2px
width 10px
background-color colorname

И дальше уже позиционированием куда надо зафигарить, а самой li'шке дать паддинг слева

Ответы: >>383236, >>384839

47 Кб, 680x510

23 Ноя, 23:18 #183 #383232

>>383213
Охуеть надо было сделать {content :"\2015"}
Никогда бы не подумал что студия лебедева может сделать что хорошее, а не тут то было.

23 Ноя, 23:22 #184 #383236

>>383231
>увеличить размер font-size
Точняк. Все так просто оказалось.

24 Ноя, 00:01 #185 #383261

Аноны, что читать, когда прошел все бесплатные курсы htmlacademy?

Ответы: >>383276, >>383289, >>383340

24 Ноя, 00:15 #186 #383276

>>383261
Советую пройти ещё платные, а потом начать верстать макеты, больше тебе реально ничего не понадобится, если будут сложности просто гугли конкретную проблему

24 Ноя, 00:26 #187 #383289

>>383261
Уровень знаний какой? Только курсы прошел и все?

24 Ноя, 03:47 #188 #383340

>>383261
Качай торренты с шапки и проходи интенсивы

24 Ноя, 09:17 #189 #383429

Аноны опытные верстальщики, нужен ваш совет.
Работаю сейлзом в ДС3, выходит порядка 60-65к. Раньше получал 2k $ в месяц - меня устраивало более менее. Но в рашке походу таких светлых деньков теперь не скоро будет.
Раньше занимался версткой работал несколько лет фрилансером (в период где с то с 2005 до 2009, но не очень интенсивно).
Сейчас до хера чего поменялось, но тем немее запустил один коммерческий проект сделав его сам. Знания в вертке конечно нужно будет подтянуть и актуализировать, плюс без знания JS щас никуда.
Так вот думаю, сменить сферу работы на вертску (в офисе поработать), а далее пойти на апворк.
Есть перспективы в офисе получать не меньше моего текущего дохода? За 20 тысяч хуй сосать не могу себе позволить сидеть.

Ответы: >>383431, >>383521

24 Ноя, 09:25 #190 #383431

>>383429
Нет. Сейчас даже за двадцадку придётся дохера чего учить. Поверхностными знаниями новых вещей никого на собеседовании не удивишь.

Ответы: >>383443

24 Ноя, 09:45 #191 #383443

>>383431
Так и каким путем лучше пойти? Быть макакой на неполной занятости за копейки?

24 Ноя, 12:04 #192 #383521

>>383429
>на апворк.

В апворк-треде поднимали эту тему, верстаки там нахуй никому не всрались.

Ответы: >>383524

24 Ноя, 12:07 #193 #383524

>>383521
А кто всрался? ну верстак а там дальше глядишь JS, всякие библиотеки типа Ангуляра и прочей еботы.

Ответы: >>383544, >>383631

24 Ноя, 12:16 #194 #383534

Котаны, помяните за вкатывание на 25-ом лвл, надоело деградировать. Возможно ли это или уже поезд ушёл? Образование гуманитарное

Ответы: >>383535, >>383541, >>383619

24 Ноя, 12:17 #195 #383535

>>383534
Поясните, фикс

24 Ноя, 12:23 #196 #383541

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

Ответы: >>383638

24 Ноя, 12:25 #197 #383544

>>383524

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

Сам посуди, там миллиард ебаных индусов сидит.

Ответы: >>383626

24 Ноя, 13:46 #198 #383619

>>383534
нет блин, ты уже старик полный, хах Ну че за дурь, возможно конечно. Минимальное ограничение что я видел было 30, и то я думаю если соображалка есть то пофиг будет (ну в разумных пределах конечно)

на посмотри видосик на тему
https://youtu.be/7N2a2qTf9ik

Ответы: >>383638, >>385242

24 Ноя, 13:49 #199 #383626

>>383544
на фрилансе судя по заказам надо или быть человек-оркестром (делать под ключ), либо минимум знать движки (wp, joomla, bitrix). Верстка и js там не шибко часто. А еще в русском сегменте прикалывает что стоит например тег верстка - открываешь, а там почти как под ключ

(на истину не претендую, ибо просто просматривал заказы, чтобы иметь для себя представление)

24 Ноя, 13:51 #200 #383631

>>383524
Ангуляр не библиотека. jQuery - библиотека.

24 Ноя, 13:57 #201 #383638

>>383541
>>383619
Спасибо, На собеседование попасть хоть куда-нибудь без опыта и образования есть ?

Ответы: >>383657

24 Ноя, 14:06 #202 #383657

>>383638
Чтобы взяли хотя бы стажером, надо хоть минимальное представление иметь то. А ты еще нихуя не разобрал как я понимаю и уже на собеседование хочешь.

118 Кб, 785x613

24 Ноя, 15:55 #203 #383727

Парни, помогите. В общем делаю сетку нердс базового интенсива. Как видно на рисунке всё содержимое я пихаю в .container. И вот дошло до карты. Как мне её разместить? Так же пихнуть в .container в виде фона и сместить в минус? Извините если тупой или не правильно написал.

Ответы: >>383729, >>383737

24 Ноя, 15:57 #204 #383729

>>383727
Забыл дописать.
.main-content - тянется на всю ширину экрана
.container - 900рх и центруется

24 Ноя, 16:05 #205 #383737

>>383727
секция карты должна тянуться на всю ширину
а контейнер внутри этой секции делаешь уже вместе с блоком с адресом

Ответы: >>383747

58 Кб, 579x429

24 Ноя, 16:17 #206 #383747

>>383737
Правильно понял?

Ответы: >>383758

24 Ноя, 16:32 #207 #383758

>>383747
ну, типа того вроде, только у тебя див не закрыт contact-us который
вместо button надо a (так как без js должен быть переход на отдельную страницу по PE)
ну и в блоке карты потом будет выше контейнера еще один блок с айдишником, куда ты карту свою интерактивную вставлять будешь в уроке по js

Ответы: >>383763

39 Кб, 796x434

24 Ноя, 16:39 #208 #383763

>>383758
Так там же, цитирую
>- блок карты: по клику на кнопку «напишите нам» возникает модальное окно с формой отправки сообщения
Нас ведь не ведёт на другую страницу.
Ну до явы еще дожить надо.Спасибо.

Ответы: >>383767

24 Ноя, 16:43 #209 #383767

>>383763
ну да, а что мешает прицепить модалку на ссылку? В 8 уроке будет расскажут тебе про Прогрессивное улучшение (поймешь про другую страницу)
И не ява, а JS - это разные языки

255 Кб, 405x308

24 Ноя, 21:12 #210 #384141

>>377308 (OP)

>http://htmlacademy.ru/ - ультрагоднота

азза, годно, кто на каком уровне? я на 6 ^^

а платный интенсив есть у кого нить?https://htmlacademy.ru/intensive

Ответы: >>384145

24 Ноя, 21:21 #211 #384145

>>384141
Бля где вас таких плодят?
Шапку прочитай внимательно и обрати внимание на две ссылки на торренты с интенсивами

Ответы: >>384516

25 Ноя, 10:44 #212 #384452

Бля что то я не могу понять разницу article section. Может кто объяснит?

7 Кб, 294x182

9 Кб, 675x115

25 Ноя, 11:32 #213 #384480

Работаю в ВордПресс. Понадобилось поюзать классы, а они нихуя не работают. В чем может быть проблема? Все остальное пашет, а ебаные классы вообще не реагируют.

Ответы: >>384520, >>384576

53 Кб, 453x604

25 Ноя, 12:19 #214 #384516

>>384145

норм, спс)
твоя мама классная женщина

25 Ноя, 12:24 #215 #384520

>>384480

ссылка на css указанна?
link href="/assets/course2/final.css" rel="stylesheet">

можеш попробовать в head добавить стили

<style>
.kart {
background: #FF3300; / Цвет фона /
}
</style>

Ответы: >>384576

14 Кб, 180x180

25 Ноя, 12:59 #216 #384576

>>384480

"Не работает" потому что ты переписал значение фона в цсс.

>>384520
Awww :3

25 Ноя, 14:50 #217 #384738

С какого момента можно будет начинать фрилансить? С деньгами сейчас пиздец как туго в семье, тысяч 5 в месяц уже норм было бы.

Ответы: >>384818

31 Кб, 398x190

25 Ноя, 15:46 #218 #384762

Анон, а как нужно делать эти красные полоски?

Ответы: >>384781, >>384814, >>384821, >>384839

255 Кб, 405x308

25 Ноя, 16:10 #219 #384781

>>384762

длинное тире — большим шрифтом мб?

мимо-ньюфаг

25 Ноя, 16:42 #220 #384814

>>384762
Точно не большим шрифтом

>>384762
Попробуй это вставить "&#8212"
И просто покрась
Символы, которых нет на клаве ищи в списках специальных стволов

мимодругойньюфаг

Ответы: >>384815

25 Ноя, 16:43 #221 #384815

>>384814
Символов

25 Ноя, 16:45 #222 #384818

>>384738
Посмотри заказы, если можешь выполнить, берись.
По-мне так разумно. Сам я ещё совсем зелёный. Но сначала собираюсь в конторку устроиться.

Ответы: >>384838

25 Ноя, 16:46 #223 #384821

>>384762
Псевдоэлементами делай.

25 Ноя, 16:57 #224 #384838

>>384818
А вот какой минимальный уровень необходим для устройства в мелкую конторку интересно.

Ответы: >>384843

25 Ноя, 16:57 #225 #384839

>>384762
>>383231

Ответы: >>384890

25 Ноя, 17:00 #226 #384843

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

Ответы: >>384854

25 Ноя, 17:05 #227 #384854

>>384843
Я точно не гожусь ещё. Ничего полноценного сделать не смогу, то есть того, что могло быть полезно.бред какой-то Хотел узнать когда стоить начинать проситься на работу.

Ответы: >>384860, >>384916

25 Ноя, 17:09 #228 #384860

>>384854
Как сможешь в полноценное, так и иди.

25 Ноя, 17:22 #229 #384890

>>384839
зачем там задавать бэкраунд-колор?

Ответы: >>384896

25 Ноя, 17:28 #230 #384896

>>384890
А ты хорош. Откуда будешь?

5 Кб, 893x119

25 Ноя, 17:43 #231 #384915

Как сделать эту серую полоску?

Ответы: >>384924, >>384940

43 Кб, 607x1080

25 Ноя, 17:43 #232 #384916

>>384854

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

идти только вперед, не отступать и не сдаваться

Ответы: >>384932

25 Ноя, 17:47 #233 #384924

>>384915

<hr> ?

мимо-ньюфаг

Ответы: >>384945

25 Ноя, 17:50 #234 #384932

>>384916
сам-то работаешь уже в конторке?

Ответы: >>384948

25 Ноя, 17:52 #235 #384940

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

25 Ноя, 17:56 #236 #384945

>>384924
http://www.cssdesk.com/dWcpa

полоска уходит вверх.

Подскажите, что делать? Много чего еще не доделал, так что не надо тыкать пальцами типа "почему у тебя в SINCE полоска такая широкая?".

60 Кб, 604x604

25 Ноя, 17:58 #237 #384948

>>384932

второй день изучаю html/css
нету домена сайтик залить, разбогатею- куплю домен, покажу :D

25 Ноя, 19:13 #238 #385057

Пацаны, есть ли какие-нибудь толковые книги по html/css? Собираю IT библиотеку на гугл диске, теперь нужно туда закинуть ещё и это.

Ответы: >>385059

25 Ноя, 19:15 #239 #385059

>>385057
http://frontendbookshelf.ru/

Ответы: >>385062, >>385063

25 Ноя, 19:19 #240 #385062

>>385059
ВОУУУ, где раньше ты был с этим чудо-сайтом?

другой анон

Ответы: >>385066

25 Ноя, 19:20 #241 #385063

>>385059
Спасибо. Накидал бы тебе няшек, но я на работе.

25 Ноя, 19:22 #242 #385066

>>385062
Бля я его уже несколько раз тут постил

Ответы: >>385114

30 Кб, 504x230

25 Ноя, 20:27 #243 #385106

Ананасы, подвинулся к "продвинутому" курсу академии и сразу обосрался с понятием структуры html5.
В общем я про эти ваши блять артикли section head footer и т.д
Не пойму нахуй всю эту систему. Если в общем виде я правильно понимаю?

Ответы: >>385108, >>385113, >>385124, >>385136

25 Ноя, 20:28 #244 #385108

>>385106
не h2 а <head> selfix

25 Ноя, 20:45 #245 #385113

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

25 Ноя, 20:45 #246 #385114

>>385066
Не ты один.

25 Ноя, 20:58 #247 #385124

>>385106
Напишу как я понимаю:
Внешний блок не article так как article должен иметь смысл в отрыве от всего остального содержимого, а тут смысл частично утерян так как не понятно чей именно адрес, поэтому я бы сделал это секцией

Далее наш адрес это заголовок, так как семантические теги имеют свою иерархию то в принципе можно писать и h1, хотя и h2 тоже можно оставить

Далее адрес обычным параграфом бы делал, затем телефон ссылкой с приписыванием к адресу tel: чтобы можно было нажав позвонить и точно так же мыло только с припиской

Както так, на объективность не претендую, могу и ошибаться

Ответы: >>385127, >>385128

25 Ноя, 20:59 #248 #385127

>>385124
* мыло с припиской

А то кудато пропало

25 Ноя, 21:03 #249 #385128

>>385124
В "h" там ничего не надо заворачивать. Кто будет гуглить "наш адрес"?
другойновичок

Ответы: >>385130

25 Ноя, 21:08 #250 #385130

>>385128
Те же кто например будет гуглить "прейскурант" продвинутый интенсив 2 занятие отметка 2часа 6 минут

Ответы: >>385132

25 Ноя, 21:10 #251 #385132

>>385130
Вообще можно и простым дивом сделать, но типа у секшн хорошо бы чтобы был заголовок. Короче как сеошник скажет так и сделаем, всеравно стилизация по классу)

25 Ноя, 21:14 #252 #385136

>>385106
Нет. Не правильно.
Тут вместо артикл будет секшн, а все остальное - обычне дивы. Кроме h2.
В книге Introducing HTML5 это неплохо прояснено. Можешь глянуть.
Если коротко, то есть пару правил, которые помогают быстро распознать что есть что.

Навскидку вспомнить
1. Article или section практически всегда содержат в себе другие элементы и ВСЕГДА содержат в себе заголовок. Все что не имеет заголовка - див.
2. Section - конкретный блок сайта с заголовком. При верстке сразу становится видно, что вот у меня этот блочок под портфолио, этот под слайдер етц. По сути на секции и разбивают сайт при верстке. Вот эти все разделы в лэндингах - features, testimonal, portfolio, about us - чистешие секции.
3. Article желательно использовать по прямому назначению. То есть это могут быть статьи, документы, части документов, информационные блоки, комментарии, ссылки на статьи кстати тоже. Все что не подпадает под эту категорию можно смело лепить в section.
4. Section может содержать в себе article и не один, равно как и article может содержать в себе section. Во втором случае практически всегда мы говорим о делении конкретной статьи на подразделы.

Вот как-то так.

Ответы: >>385206

25 Ноя, 22:38 #253 #385205

Суть такова.
Делал я как-то сайт для одного знакомого. Позвонил он мне вчера и сказал, что какие-то мудаки хотят получать некоторые данные с его сайта при помощи csv-файла. Прислали какой-то собственный шифр. Ну, там всё понятно, вот только с этими цсв я никогда раньше не сталкивался. Как это обычно работает? Как мне сделать, чтобы они могли этот файл загрузить?

25 Ноя, 22:38 #254 #385206

>>385136
по спеке section не обязан содержать заголовок. но если автору книги удобнее жить в своём удобном мирке с обязательными заголовками внутри секшнов, а ты с ним согласен, то тогда всё ок. только другим не мешайте секшны без заголовков юзать.

Ответы: >>385219, >>385227

25 Ноя, 22:56 #255 #385219

>>385206
Двачую, там в спецификации написано мол тема каждой секции должна быть определена, как правило путем добавления заголовка в секцию

The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.

Ответы: >>385226

25 Ноя, 23:16 #256 #385224

Вот тебе с w3c инфа
http://www.w3schools.com/html/html5_semantic_elements.asp
The <section> element defines a section in a document.
According to W3C's HTML5 documentation: "A section is a thematic grouping of content, typically with a heading."

Ответы: >>385227

25 Ноя, 23:16 #257 #385226

>>385219
Это кстати тоже говорит в пользу заголовков, так что кто еще живет в манямирке - большой вопрос.

Ответы: >>385230

25 Ноя, 23:17 #258 #385227

>>385224 - >>385206

25 Ноя, 23:25 #259 #385230

>>385226
Перевод слова typically тебя не смущает? Что он какбы не равен слову всегда. Так что возможны случаи использования и без заголовков. Ну и валидатор выдает отсутствие заголовка как варнинг, а не ошибку вроде бы

25 Ноя, 23:40 #260 #385242

>>383619
ОО, Илай, братуха-борцуха. У него вообще годные видосы по ИТ, администрированию и прочему говну. Он там чего, до сих пор скитается?

26 Ноя, 10:09 #261 #385500

Интенсивный онлайн-курс «Базовый JavaScript» от HTML ACADEMY еще не завезли ??

Ответы: >>385597

45 Кб, 503x604

26 Ноя, 11:38 #262 #385561

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

вопросики:

1) чтобы шаб растягивался в зависимости от размеры экрана - нужно достаточно указаывать размеры в %?

2) можно ли также указывать размер текста в %?

3) если ли какой нить док, где все селекторы разобранны на русском ну типо блок (отступ внешний/внутренний - такой селектор, местоположение - такой селектор, размеры - такой-то селектор)

4 день хтмл академии кун

Ответы: >>385583, >>385585

26 Ноя, 11:50 #263 #385583

>>385561
1) Оборачиваешь хедер в див обертку и указываешь ему свойство max-width, если хедер должен тянутся на весь экран делаешь его обычным дивом.
2) Можно. Но лучше его указывать в em и rem. https://learn.javascript.ru/css-units вот тут можно почитать
3) На html-book можешь прочитать про основные теги и селекторы.

26 Ноя, 11:51 #264 #385585

>>385561
чет мне кажется что ты путаешь селекторы со свойствами

Ответы: >>385599

26 Ноя, 11:59 #265 #385597

>>385500
двачую, у них уже новый набор пошел даже

64 Кб, 604x437

26 Ноя, 12:01 #266 #385599

>>385585

да, сеньк
пока полностью не вкурил, надеюсь на месте разберусь

26 Ноя, 15:40 #267 #385837

Ребятишки, расскажите кулстори как устроились на работу после самообучения. Или все кто смог, ушли отсюда?

Ответы: >>385942

26 Ноя, 17:31 #268 #385942

>>385837
Я здесь, задавай свои ответы

Ответы: >>385959

26 Ноя, 17:53 #269 #385959

>>385942
Сколько времени учился прежде чем начал работать?

Как давно это было и чего за это время достиг?

Как оценил бы свой уровень перед трудоустройством и что вообще знал?

78 Кб, 536x798

Положу это здесь 26 Ноя, 20:27 #270 #386177

http://www.pornhub.com/users/deepbunnyhole

>NodeJS developer

Ответы: >>386186, >>386952, >>387198

26 Ноя, 20:35 #271 #386186

>>386177
Я думаю, что 70% сидящих тут, сидят и в Js треде

Ответы: >>386231

26 Ноя, 21:05 #272 #386231

>>386186
не факт

Ответы: >>386766

27 Ноя, 00:19 #273 #386494

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

Ответы: >>386787

96 Кб, 1600x900

27 Ноя, 00:39 #274 #386507

Ну чо, кто бы пошел? На 8-ми часовой рабочий день-то.

Ответы: >>386511, >>386518, >>386523

27 Ноя, 00:51 #275 #386511

>>386507
Неплохая вакансия, на первый взгляд.

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

Ну а в общем нормальная вакансия вроде, а почему ты спрашиваешь?

Алсо, 8 часовой рабочий день это конечно не очень клёво, я люблю часов 6 чтобы был, но в целом это стандарт конечно у нас особенно в России.

Ответы: >>387438

27 Ноя, 00:59 #276 #386518

>>386507
>Москва
>12к
>8 часов рабочий день
>3 года опыта
>десяток фреймворков
Отличная вакансия.
Алсо, насчет фреймворков, когда их используют ворох, варианта два: вакансию в самом деле писал эйчар, второй вариант - это очень низкопробная конторка, которая не могет в универсальность.

Ответы: >>387438

27 Ноя, 01:14 #277 #386523

>>386507
>12к
>3 года опыта
Они будут ну ооочень долго искать человека на эту вакансию.
На эти данные некоторые предлагают без преувеличения в 10 раз больше бабла.

Ответы: >>387438

27 Ноя, 01:35 #278 #386526

Хах. Когда такое вижу у меня только пара вопросов: кто писал это вообще и под чем он был в момент написания. От 3 лет опыта фронт Москва и от 12к рублей, да эти вещи в одно предложение даже совмещаться не хотят. Небось отбоя от кандидатов нету лол

Ответы: >>387443

27 Ноя, 12:39 #279 #386766

>>386231
ФАКТ!!!

27 Ноя, 13:05 #280 #386787

>>386494
Нет.

12 Кб, 309x212

27 Ноя, 13:43 #281 #386832

бандиты как ваши успехи?
пилю сайтик, курю академию

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

.lang_table {
float: top;
margin: 0;
}

Ответы: >>386839, >>386840, >>386871

27 Ноя, 13:56 #282 #386839

>>386832
что еще за float: top?

27 Ноя, 13:57 #283 #386840

>>386832
>float: top;
Heh
Продолжай курить академию

60 Кб, 721x615

27 Ноя, 14:03 #284 #386848

ок

кстате получилось
body {
margin-top: 0; / верхний внешний отступ /
}

http://ru.stackoverflow.com/questions/216642/Шапка-сайта-убрать-отступ-сверху

Ответы: >>386870

27 Ноя, 14:16 #285 #386870

>>386848
Кстати, не раз видел что люди жаловались на отступ этот, а у меня такой хрени не возникало, а все потому что нормалайз юзаю)

27 Ноя, 14:17 #286 #386871

>>386832
Ну с моей (ньюфанской) точки зрения выглядит всё так. У боди есть стандартные паддинги и их нужно обнулить (в самом начале css), а у таблицы ничего не тройгай, она сама впритык встанет.
body {
margin: 0px;
padding: 0px;
}

27 Ноя, 15:57 #287 #386952

>>386177
Намекаешь, что с нодой только в порнухе сниматься?

Ответы: >>387670

27 Ноя, 15:59 #288 #386954

Котаны, я вот прохожу продвинутые курсы и думаю, неужели скоро JQuery и прочие JSы в верстке совсем не будут нужны, а все эффекты будут делаться с помощью голово css?

Ответы: >>386956, >>386958

27 Ноя, 15:59 #289 #386956

>>386954
fix:
>голого
Ебаный стыд.jpg

27 Ноя, 16:02 #290 #386958

>>386954

будеш теперь GOLOGO-кун
незабывай подписываться

Ответы: >>386966

27 Ноя, 16:10 #291 #386966

>>386958
Он хоть исправился, а у тебя какое оправдание, уёба?

Ответы: >>387284

27 Ноя, 16:17 #292 #386974

Аноны, а есть что-то такое вот http://codecanyon.net , но при этом бесплатное?

Ответы: >>386978, >>386986

27 Ноя, 16:25 #293 #386978

>>386974
Есть, http://api.jquery.com/

Ответы: >>386980

27 Ноя, 16:29 #294 #386980

>>386978
Подъебал.

27 Ноя, 16:35 #295 #386986

>>386974
На знаю что по ссылке, но если тебе нужны бесплатные курсы, то они есть на codecademy

Ответы: >>386991

27 Ноя, 16:39 #296 #386991

>>386986
Там целая куча готовых CSS-кодов для кнопок и прочей верстальной фиготени.

Ответы: >>387008

27 Ноя, 16:53 #297 #387008

>>386991
Тебе для прототипирования чтоль готовые нужны?
Так юзай просто css-фреймворки

Или я тебя не так понял?

мимоанон

Ответы: >>387012

27 Ноя, 16:54 #298 #387012

>>387008
Ну, на codecanyon есть много всяких дизайнерских решений с кнопками и прочим, готовых из коробки. Берёшь кусок кода, херачишь к себе, и готово.
Только там всё платно.

27 Ноя, 17:20 #299 #387053

Аноны просмотрел курсы интенсива, и сделал свой сайт, а что дальше то? Когда начинать смотреть продвинутый курс?

Ответы: >>387063, >>387156

27 Ноя, 17:24 #300 #387063

>>387053
Качай пээсдешки и верстай ещё, поверстаешь немного и можешь начинать продвинутый курс проходить.

Ответы: >>387067

27 Ноя, 17:25 #301 #387067

>>387063
Был бы человек который скажет нормально я сверстал или на ошибки укажет.

другой анон

Ответы: >>387119

27 Ноя, 17:46 #302 #387119

>>387067
В какой-нибудь jsfiddle скопируй своё творение и мытакие же нубы как и тыскажем что не так.

27 Ноя, 18:05 #303 #387156

>>387053
Что ты вкладываешь в понятие "сделал свой сайт"?

А вообще в интенсиве 4 макета все сверстаешь - садись за продвинутый

27 Ноя, 18:16 #304 #387169

normalize.css можно где-то скачать? Это же просто стили, в которых прописано всё? Не получается гуглить.

Ответы: >>387173

64 Кб, 604x470

27 Ноя, 18:16 #305 #387170

Поясните, плз, за browserify или киньте ссылку.
Как это работает? Зачем нужно?

27 Ноя, 18:18 #306 #387173

>>387169
Нашел. Вот я дурак.
По первой же ссылке.
https://necolas.github.io/normalize.css/3.0.2/normalize.css

27 Ноя, 18:44 #307 #387198

>>386177
Няша.
Ебать, у неё стим акк. Вот жеж люди всё успевают и потрахаться и в игори поиграть и видео со своим проном залить на порнхаб и ещё жс задрачивать.

Ответы: >>387300

1908 Кб, 310x304

27 Ноя, 19:01 #308 #387244

Пацаны, а как сделать в brackets, чтобы теги и текст разными цветами подсвечивали, как в редакторе у академии?

Ответы: >>387293

47 Кб, 1014x680

27 Ноя, 19:16 #309 #387284

>>386966

юзаю notepad++ https://notepad-plus-plus.org/download/v6.8.7.html

5 день академии кун

Ответы: >>387292, >>387299

27 Ноя, 19:19 #310 #387292

>>387284
Какой мерзкий шрифт.
Пересаживайся на что-нибудь более человеческое, няша.

27 Ноя, 19:20 #311 #387293

>>387244
Тю бля, разобрался.

27 Ноя, 19:22 #312 #387299

>>387284
> 5 день академии мазохист-кун
Пофиксил тебя.

27 Ноя, 19:23 #313 #387300

>>387198
Ага, а ты не трахаешься, видео не заливаешь, еще и верстку изучаешь уже пол года.

Ответы: >>387377

30 Кб, 833x199

27 Ноя, 19:25 #314 #387305

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

Ответы: >>387318, >>387341

27 Ноя, 19:25 #315 #387306

Аноны, что есть "сверстать макет"?
Насколько я понимаю, есть дизайнер, онЮ в фотошопе, или где там, рисует дизайн страницы, как он видит чтобы "пакайфу есть жи" было.
А задача берстальщика - открыть этот макет в псд-шке, и затем средствами вёрстки (хтмл + ксс) повторить, то что нарисовал дизайнер, ну а уникальные картинки и логотипы тупо вырезать и добавить.

Я правильно понимаю или нет? Что вообще кроется за этим "сверстать макед"?

Ответы: >>387309

27 Ноя, 19:26 #316 #387309

>>387306
правильно

27 Ноя, 19:31 #317 #387318

>>387305
active

Ответы: >>387320

27 Ноя, 19:33 #318 #387320

>>387318
а корзину розовую и серую делать в спрайт?

Ответы: >>387323, >>387324

Нюфаня 27 Ноя, 19:35 #319 #387323

>>387320
Это вроде иконочные шрифты же. Там просто цвет текста меняешь.

Ответы: >>387422

27 Ноя, 19:35 #320 #387324

>>387320
Если спрайт, то обе...

А вообще там иконочным шрифтом надо а не спрайтом, в тз же написано

Ответы: >>387422

134 Кб, 950x634

27 Ноя, 19:52 #321 #387341

>>387305

кнопка мыши зажата на ссылке?
a:active { ... }

https://htmlacademy.ru/courses/42/run/14

Ответы: >>387365

27 Ноя, 20:07 #322 #387365

>>387341
Да, я знаю, это просто невероятно и необъяснимо, но факт, что нажатие это когда кнопка мыши зажата на ссылке

Ответы: >>387464

10 Кб, 227x222

27 Ноя, 20:12 #323 #387377

>>387300
Чего ты там полгода изучаешь? HTML, лол?

Ответы: >>387692

27 Ноя, 20:40 #324 #387422

>>387323
>>387324

в папке nerds/symbol-nerds/font/symbols-nerds.ttf есть этот файл. Я его установил, и что делать дальше? Я не подключал еще эти иконочные шрифты в вёрстке

Ответы: >>387439

27 Ноя, 20:48 #325 #387438

>>386523
>>386518
Вы что тупые ебланы?
Там тупо набрано 12456, а не 12к
>>386511
Хоть один нормальный нашёлся, узнаю воркач, одни долбоёбы

Ответы: >>387452

27 Ноя, 20:49 #326 #387439

>>387422
Ты интенсив смотрел вообще? В 6 разделе есть скринкаст небольшой про использование иконочного шрифта

27 Ноя, 20:50 #327 #387443

>>386526
А вот ещё тебя забыл выделить, ещё одна ебанашка.

Ответы: >>387447

27 Ноя, 20:56 #328 #387447

>>387443
Один ты у нас интеллектуальная элита нации, почаще отписывайся тут, а то без твоих умных и нужных комментов сгинем все тут нахер

мимокрокодил

Ответы: >>387450

27 Ноя, 21:00 #329 #387450

>>387447
Иду нахуй мимо-тупая-мразь
Реально, неужели вы все тут такие тугие пидоры? 4 блять человека не смогли понять, что в вакансии зп просто как плейсхолдер стоит, пиздец

27 Ноя, 21:19 #330 #387452

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

27 Ноя, 21:38 #331 #387464

>>387365
:/ есть еще focus, когда попал на ссылку через tab

27 Ноя, 22:45 #332 #387512

а почему наш тред находиться в разделе /wrk а не /pr?

Ответы: >>387513, >>387515

27 Ноя, 22:49 #333 #387513

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

Ответы: >>387525

27 Ноя, 22:50 #334 #387515

>>387512
Потому что верстка именно html/css все-таки не является программированием, ну а по js есть отдельный тред если что

23 Кб, 402x303

27 Ноя, 22:57 #335 #387525

>>387513

я в php могу, ставь шконку рядом

5-день-академии-кун

Ответы: >>387552

108 Кб, 1024x768

27 Ноя, 23:02 #336 #387529

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

Ответы: >>387530, >>387531, >>387533, >>387552

41 Кб, 261x100

27 Ноя, 23:05 #337 #387530

>>387529
>1024x768

Ответы: >>387554

27 Ноя, 23:08 #338 #387531

>>387529
Бля тебе советовали сделать псевдоэлемент с высотой нужной, шириной и бэкграундколором

Ответы: >>387554

27 Ноя, 23:11 #339 #387533

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

27 Ноя, 23:21 #340 #387544

кто пользуется "Sublime Text"? Как сделать две колонки html и css, чтобы было как в brackets? В чем отличие у бесплатной версии с платной? Пользуюсь brackets, но смотрю много видео по верстке с "Sublime Text", и тоже решил попробовать.

Ответы: >>387552

27 Ноя, 23:26 #341 #387552

>>387525
пхп это самый большой зашквар, который возможен в кодерстве, иди нахуй
>>387529
Я тебе уже говорил как это сделать.

Можно ещё так:
1) Делаешь див нужной ширины, ему псевдоэлемент с дисплей блок, нужной высотой и шириной 100%
2) внутри дива спан с текстом "since blablabla", его выравниваешь по центру, даёшь z index и бекграунд колор нужный, чтобы он перекрывал псевдоэлемент дива.
Вуаля.

>>387544
альт+шифт+2
Либо в меню view-layout-columns
Брекетс полное говнище, юзай либо саблайм, либо атом.
Отличий между версиями нету

53 Кб, 600x387

27 Ноя, 23:29 #342 #387554

>>387531
Псевдоэлемент это типо :before ?
> высотой нужной, шириной и бэкграундколором
А как его выровнять в строке? Не кипятись, ткни носом в пример какой нибудь.
>>387530
Нищие хохлы.сэр.

Ответы: >>387560

27 Ноя, 23:39 #343 #387560

>>387554
Короче проще сделать, чем объяснять
http://codepen.io/anon/pen/PPrvZa
Есть ещё другой более крутой способ, но сейчас влом уже делать, весь день ебашил на работе, заебался двигать пиксели

Ответы: >>387837

27 Ноя, 23:45 #344 #387567

Вот второй способ, иногда им лучше
http://codepen.io/anon/pen/epwazN

28 Ноя, 00:53 #345 #387597

Стоит ли вообще ебать себе мозги этими footer header article aside figure time address и прочей хуйней HTML5 или просто ебашить на дивах?

Ответы: >>387600

28 Ноя, 00:55 #346 #387600

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

Ответы: >>387644, >>387654

28 Ноя, 01:27 #347 #387644

>>387600
С другой стороны рано или поздно поисковики начнут учитывать логическую вёрстку, а люди, которым очень нужно, смогут пользоваться своими стилями или упростить обработку страниц (типа загонять их в читалку — ежели слепые люди, допустим).

Поддерживать прогресс это годное дело.

28 Ноя, 01:42 #348 #387654

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

Ответы: >>387668

28 Ноя, 01:57 #349 #387668

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

Ответы: >>387684

28 Ноя, 02:07 #350 #387670

>>386952
Раскрываю перспективы профессии

28 Ноя, 02:58 #351 #387678

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

Ответы: >>387679, >>387725, >>387889

28 Ноя, 03:08 #352 #387679

>>387678
Потоньше плиз.

Ответы: >>387681

28 Ноя, 03:25 #353 #387681

>>387679
Я знал что кроме отрицание ничего в ответ не будет. Но думал может что-то изменилось здесь. похоже что нет

Ответы: >>387715

28 Ноя, 03:47 #354 #387684

>>387668
Это ты чтоль о том видео трехлетней давности, лол?

Ответы: >>387799

28 Ноя, 05:13 #355 #387692

>>387377
Ну да, я аутист, плюс сильно прокрастинирую.

28 Ноя, 08:54 #356 #387714

Блять котаны это пиздец, живу во Владивостоке, для верстальщиков нихуя нету. Даже вкатываться западло. Пойду нахуй лес рубить

Ответы: >>387817, >>387841

28 Ноя, 08:56 #357 #387715

>>387681
расскажи плз за грузчика, какие подводные камни, брат жив?

28 Ноя, 09:45 #358 #387725

>>387678
Стеклопакеты уже небось стоят.

28 Ноя, 10:34 #359 #387739

Анонизмы, а с какого фига верстальщики вообще живы как класс?
То есть есть дизайнеры, они как бы проектируют и рисуют сайт. Они ведь могут просто выучить вёрстку и не ябать мозги. А верстальщику учить дизайн это как-то сомнительно.

Ответы: >>387741, >>387771, >>387889

28 Ноя, 10:42 #360 #387741

>>387739
Верстальщики учат js и работают фронтэндерами

28 Ноя, 11:52 #361 #387771

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

Ответы: >>387777, >>387778

28 Ноя, 12:37 #362 #387777

>>387771
4

28 Ноя, 12:38 #363 #387778

>>387771
А фриланц?

28 Ноя, 13:08 #364 #387799

>>387684
Не знаю о каком ты видео, я про летнюю конференцию, но на самом деле ничего не изменилось даже с того момента, вообще с релиза хтмл5 ничего не изменилось в этом плане.

28 Ноя, 13:33 #365 #387815

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

Ответы: >>388078

28 Ноя, 13:35 #366 #387817

>>387714

Рыбу лови

38 Кб, 604x266

28 Ноя, 13:56 #367 #387837

>>387560
Ты, блять, гений. Четко все работает, спасибо. Догло курил и не мог понять почему :before лезет сверху на элемент. Я думал before стоят строго перед элементом, ну это потому что я туповат.

Ответы: >>387844

28 Ноя, 13:59 #368 #387841

>>387714
Посмотрел hh - там 3 вакансии для фронта есть для твоего города)

Ответы: >>388771

28 Ноя, 14:03 #369 #387844

>>387837
Посмотри ещё второй способ, он тоже интересный.
Алсо, для спана с текстом обязательно нужен position relative, т.к. он тоже влияет на взаимное расположение элементов, без него бы полоска шла поверх текста.

28 Ноя, 14:10 #370 #387848

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

Ответы: >>387865

28 Ноя, 15:02 #371 #387865

>>387848
Смотри шапку и пасту.

28 Ноя, 15:37 #372 #387889

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

Ответы: >>387897

28 Ноя, 15:54 #373 #387897

>>387889
Ничего себе. Значит, действительно, каждому своё. А вообще, много ли заказов, где надо не макет верстать, а самому креативить? Ну там, чисто средствами ксс только рисовать.

Ответы: >>387901

28 Ноя, 16:10 #374 #387901

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

Ответы: >>387902, >>387919

12 Кб, 307x74

28 Ноя, 16:12 #375 #387902

>>387901

28 Ноя, 16:28 #376 #387919

>>387901
Ты где заказы то находишь на верстку? (Или ты не только вертску делаешь?)
Просматривал заказики так там то джумла, то вп, то вообще подключ, на верстку и прикручивание плагинчиков на jquery мало видел.

интересующийся

Ответы: >>387933, >>388053

28 Ноя, 16:39 #377 #387933

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

28 Ноя, 17:09 #378 #387965

https://www.youtube.com/watch?v=98rUSTa5-dE&list=PLcVuGt1dXgc11SafdJPBnr4dQhl5SdWey

Аноны объясните как он увеличивает буквы на 18 минуте в #home h3 и h1? У него вроде даже не прописаны шрифты. Пытаюсь сам так же сделать, но у меня не получается. Размеры шрифта не меняются вообще.

Ответы: >>387967

28 Ноя, 17:12 #379 #387967

>>387965
Какие шрифты не прописаны? Arial? http://htmlbook.ru/css/font

Ответы: >>387971

28 Ноя, 17:16 #380 #387971

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

Ответы: >>387989

28 Ноя, 17:36 #381 #387989

>>387971
Напиши код в тред
http://codepen.io/anon/pen/wKVBoq

Ответы: >>387992

28 Ноя, 17:38 #382 #387992

>>387989
http://codepen.io/anon/pen/wKVBgq

Ответы: >>387994

28 Ноя, 17:41 #383 #387994

>>387992
>font: 75px/75px, 'Raleway', sans-serif;
Запятая после line-height лишняя.
font: 75px/75px 'Raleway', sans-serif;

Ответы: >>387998

28 Ноя, 17:46 #384 #387998

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

Ответы: >>387999

28 Ноя, 17:50 #385 #387999

>>387998
Я сам с ними ошибаюсь, обычно пишу отдельно font-size, line-height и font-family.

487 Кб, 240x209

28 Ноя, 17:53 #386 #388001

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

3157 Кб, 1920x3370

28 Ноя, 17:57 #387 #388005

Попинайте макет, в вебе неделю

Ответы: >>388007, >>388053, >>388214, >>388215

28 Ноя, 18:01 #388 #388007

>>388005
Оранжевый текст имхо надо как-то выделить.

Ответы: >>388008

28 Ноя, 18:07 #389 #388008

>>388007
Обводкой?
Алсо покидайте примеры хороших, годных, современных макетов. Хочу задрочить ФШ и загребать бабло лопатой(или нет).

Ответы: >>388065

33 Кб, 480x351

28 Ноя, 19:08 #390 #388053

>>387919
С заказами разовыми не связываюсь, удаленно на всякие веб студии, просто потоком в течении месяца на тебя макеты новые падают
Есть только одна проблема, у же 4ю контору скоро буду менять только за этот год, уже пишу это в резюме тупо как "фриланс", а то у следующего работодателя будут вопросы. За эту работу могу сказать только одно, где то через полтора месяца охватывает лютая скука и потеря мотивации, где то еще через месяц-два свистопляска с макетами дивами и прочими скриптами и погоняющий тебя через скайп менеджер заебывает окончательно и ты начинаешь косячить и приходится сливаться. А так работы дохуя на том же хед-хантере и для любого уровня, и платят более менее, ну для моей нищей мухосрани.
>>388005
Хедер прилеплен слишком вплотную к верху
Слишком дохуя пустого пространства везде и всюду
Вертикальный ритм отсутствует как класс
Ноут с вписанным в него макетом - you doing it wrong у дизигнеров есть куча готовых мокапов, гугли как это выглядит по людски
В предпоследнем блоке текст над рукой оче уебищно выглядит, нужна либо другая картинка, либо сместить его куда то влево
Футер вообще пиздец

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

Ответы: >>388066, >>388070, >>388072, >>388116

28 Ноя, 19:17 #391 #388065

>>388008

на, верстай, сука
http://arbik2010.narod.ru

Ответы: >>388071

28 Ноя, 19:18 #392 #388066

>>388053
Ааааа, понял, значит удаленка, ок, спасибо за ответ)

23 Кб, 402x303

28 Ноя, 19:25 #393 #388070

>>388053
cколько надрачивал перед первой делюгой, че читал

Ответы: >>388172

28 Ноя, 19:26 #394 #388071

>>388065
что это за хуйня?

Ответы: >>388073

28 Ноя, 19:27 #395 #388072

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

Ответы: >>388172

61 Кб, 640x480

28 Ноя, 19:28 #396 #388073

>>388071

сео-сайтостроительство-эксперт

Ответы: >>388075

28 Ноя, 19:29 #397 #388074

test

28 Ноя, 19:30 #398 #388075

>>388073
>>388073
нахуй он мне нужен?

Ответы: >>388079

16 Кб, 340x255

28 Ноя, 19:45 #399 #388078

>>387815
Бамп вопросу. Есть будущее у веб-дизайна? Не перенасыщен ли рынок?

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

28 Ноя, 19:46 #400 #388079

>>388075

верстай, сука! ебанный макет, для опыта

43 Кб, 475x633

28 Ноя, 20:09 #401 #388096

что с двачем? У одного меня такая хуйня на всех разделах?

Ответы: >>388100, >>388185

28 Ноя, 20:15 #402 #388100

>>388096
Ты случайно NSFW-фильтр включил, в самом верху страницы отключи его.

Ответы: >>388104

28 Ноя, 20:18 #403 #388104

>>388100
Спасибо за помощь

28 Ноя, 20:36 #404 #388116

>>388053
Какого уровня верстка требуется, какие скиллы будут нужны? Можешь скинуть пример рабочего макета или хотя бы описать его, чтобы понимать уровень задач? В чем заключается ебля со скритами, нужно писать что-то архиебическое или просто подключить парочку готовых на jquery?
Мне как раз тоже одна студия удаленку предложила, я срезался, что мол позже отвечу. И щас вот думаю ответить, но хз, хватит ли моих скиллов, или еще надо что-то подтянуть, чтобы не обосраться.

Ответы: >>388172

748 Кб, 2048x1536

28 Ноя, 21:17 #405 #388143

Верстаки, подскажите, открываю модальное окнок бутстрапа, при клике где угодно внутри него, окно закрывается.
data: { toggle: 'modal', target: "#imagemodal", backdrop: "static", keyboard: "false" } бекдроп стоит, клики за пределами модалки не срабатывают, но нужно наоборот! Ибо как только я пытаюсь написать что то в инпуте модального окна, оно тут же закрывается.

Ответы: >>388177

28 Ноя, 22:00 #406 #388172

>>388070
Прошелся по бесплатным урокам htmlacademy покурил доки sass и bootstrap вкотился в местную вебстудию где мне выпрямляли руки по мере возможности, потом уволили месяца через 4ре, с тех пор фрилансю
>>388116
Уровня чтоб был пиксель перфетк и все не разваливалось во всех браузерах
Мне пока хватало bootstrap, sass, compass и Jquery на самом блядь вводном уровне, все собираюсь глубже задрочить его и JS да все никак не соберусь, бабло и так платят, а после работы лень, ну вы поняли
Вообще stackoverflow наше все не знаешь ответ на вопрос, смотри там кто то уже делал подобное

>>388072
Что курить х.з. приходит само в процессе ебли с макетами и общением с дизайнерами
еще как то раскошелился и оплатил месяц codeschool у них как раз вводная по дизайну появилась тогда https://www.codeschool.com/courses/fundamentals-of-design
могу их методичку с кратким пересказом скинуть оттуда
Про тренды не знаю, когда сам делал робкие попытки вкатится в дезигн меня всегда тыкали в http://www.awwwards.com/ мол смотри как там и пытайся делать так же
А так всякой хуйни по дизайну в интернетах дохуя, гугли и обрящешь

Ответы: >>388175, >>388186

28 Ноя, 22:09 #407 #388175

>>388172
https://yadi.sk/d/zkbqnXmlkoxKS
Собственно Fundamentals of Design 4ре видоса и pdf'ка
залил, расшарил может кому поможет

Ответы: >>388387

28 Ноя, 22:18 #408 #388177

>>388143
Вангую что то нахуевертил у z-index окна и его бэкграунда

28 Ноя, 22:38 #409 #388185

>>388096

мамка в комнате мод

45 Кб, 503x604

28 Ноя, 22:40 #410 #388186

>>388172

скок $

Ответы: >>388208

28 Ноя, 23:28 #411 #388208

>>388186
а не помню ,помню что в рублях под 2000 вышло
там на сайте все есть

Ответы: >>388210

28 Ноя, 23:29 #412 #388210

>>388208

нит, тебе за макеты

28 Ноя, 23:36 #413 #388214

>>388005
artgorbunov.ru

Ответы: >>388312, >>388403

28 Ноя, 23:37 #414 #388215

>>388005
Пиздуй в de

87 Кб, 455x604

29 Ноя, 12:15 #415 #388312

>>388214

хз упячка какаято, провисел на сайте секунд 30 и так и не понял где я и в чем его суть

а еще этот он пиздел что на дваче ток школота в вебмке, легион такого не прощает

Ответы: >>388368, >>388614

196 Кб, 442x457

29 Ноя, 13:48 #416 #388368

>>388312

ох лол это не артемка, тогда нарм

29 Ноя, 14:41 #417 #388387

>>388175
Спасибо

29 Ноя, 15:28 #418 #388403

>>388214
прикольные чуваки, я их называю "отрыжка лебедева".

Ответы: >>388508, >>388614

29 Ноя, 19:16 #419 #388508

>>388403
Ты на них молиться должен. Одна из самых профессиональных команд нашей страны.

30 Кб, 563x352

29 Ноя, 19:30 #420 #388517

Пацаны, как пик разметить?

Ответы: >>388568

29 Ноя, 21:00 #421 #388568

>>388517
Интенсив скринкаст к 6 уроку смотри там разобран слайдер

Ответы: >>388573

126 Кб, 1410x1067

29 Ноя, 21:11 #422 #388573

>>388568
Спасибо, не дошел еще туда.

У меня еще вопрос, почему текст ссылкой стал? Что я делаю не так?

Ответы: >>388579

29 Ноя, 21:26 #423 #388579

>>388573
Тю блядь, я там скобку проебал выше.

76 Кб, 977x587

29 Ноя, 21:38 #424 #388589

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

Анон помоги с "Contact Us". Не получается сделать, как на макете. Что я делаю не правильно?

Ответы: >>389114, >>389536

95 Кб, 574x604

29 Ноя, 22:00 #425 #388599

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

Ответы: >>388601, >>388636

212 Кб, 1024x768

29 Ноя, 22:00 #426 #388601

>>388599
Не та картинка

29 Ноя, 22:46 #427 #388614

>>388312
Всё ясно, ты долбаёб.
>>388403
Ты кавычки не те используешь.

30 Ноя, 00:02 #428 #388636

>>388599
привыкай. контейнер, в нем 3 дива (или ссылки), с одинаковым классом. у последнего дива добавляется last-child.

Ответы: >>388638, >>388662

43 Кб, 600x392

30 Ноя, 00:20 #429 #388638

>>388636
Сношения с маржинами не избежать? Рыбку прийдеться съесть?

Ответы: >>388663

30 Ноя, 01:12 #430 #388662

>>388636
да, и сесть еще придется

30 Ноя, 01:12 #431 #388663

>>388638
погодь, что ты там с марджинами делаешь?

Ответы: >>388788

30 Ноя, 02:39 #432 #388673

Есть какие-нибудь бесплатные хостинги? Мне бы пару лендингов залить, всего страниц 5 получится.

Ответы: >>388779

16 Кб, 1248x98

30 Ноя, 08:20 #433 #388703

Почему margin nav'a занимает весь доступный объем? Прописал в css 'margin: 0', но не помогает.

Ответы: >>388708, >>388721

30 Ноя, 08:28 #434 #388708

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

Ответы: >>388720

30 Ноя, 09:08 #435 #388720

>>388708
https://jsfiddle.net/r47obm9s/2/

30 Ноя, 09:08 #436 #388721

>>388703
Возможно ты не прописал списку паддинг 0 маргин 0

Ответы: >>388723

30 Ноя, 09:10 #437 #388723

>>388721
Одновременно запостили. У тебя у width:880px задано у нав

Ответы: >>388728

45 Кб, 1124x189

30 Ноя, 09:23 #438 #388728

>>388723
Я знаю. Где-то накосячил, но все же не в этом дело. Было бы здорово если бы на причину и этого косяка указали.

Ответы: >>388730, >>388734

30 Ноя, 09:28 #439 #388730

>>388728
*Ошибся где-то с размерами, и поэтому не влезает по 780px(столько в интенсиве ставили)

30 Ноя, 09:49 #440 #388734

>>388728
Странное дело, стоило зафлоатить nav влево и margin исчез

Ответы: >>388744

30 Ноя, 10:25 #441 #388744

>>388734
Слова из моей верстки и из макета становятся равными при размере шрифта в 13px, в макете 16px.
В чем дело?

Ответы: >>388907

30 Ноя, 11:21 #442 #388771

>>387841
>>387841
Я же говорю...Вкаааатываться. Пока я вкачусь профессия верстальщика окажется невостребованной, следовательно смысла сие дествие не имеет.=((

Ответы: >>388772

30 Ноя, 11:23 #443 #388772

>>388771
Почему окажется невостребованной?

Ответы: >>388916

28 Кб, 604x336

30 Ноя, 11:40 #444 #388779

>>388673

google => бесплатный php хостинг без рекламы
зы: можно купить за 50руб в месяц

Ответы: >>389534

94 Кб, 1024x768

30 Ноя, 11:59 #445 #388788

>>388663
Ну есть вот такая борода с картинками они как бы на разном уровне получаються. А на макете они стоят как по струночке , ихние центры на одной оси. Я вот за это спрашивал, как выстроить их центры по струнке.

Ответы: >>388794, >>390468

30 Ноя, 12:02 #446 #388794

>>388788
тебя разве не учили пользоваться
display:inline-block;
vertical-align:middle;
?

148 Кб, 812x620

21 Кб, 391x206

30 Ноя, 13:43 #447 #388888

На одной картинке скрин из фотошопа, на второй из браузера(стоит два плагина).
И в макете и в css страницы установлен шрифт 16px, но почему-то выходит такая фигня. Разве размер шрифта не должен быть равен высоте символа?

Ответы: >>388893

1 Кб, 275x121

30 Ноя, 13:46 #448 #388893

>>388888
Все, нагуглил.

30 Ноя, 13:53 #449 #388907

>>388744
Решил и эту проблему.
Шрифт сначала не менял, считая что разница в размерах будет незначительной или не будет вовсе, оказалось очень даже значительна.

30 Ноя, 13:56 #450 #388916

>>388772
Наслушался видать вскукареков копирайтеров, или просто ленивый хуй.

30 Ноя, 18:02 #451 #389114

>>388589
тут кто-нибудь подскажет, что не так?

Ответы: >>390474

17 Кб, 400x400

30 Ноя, 20:25 #452 #389334

Аноняны, как включить шрифты? Вот поставил я шрифты "Lato" , и как мне указывать это в дальнейшем? Я писал уже и font-family: 14px/18px 'Lato', sans-serif; ,и font-family: 14px/18px Lato, sans-serif; . Все равно не меняется шрифт. Так же когда мне надо указать в тексте "italic" или "bold". Мне уже смешно из-за этого, но не могу ничего сделать. Объясните тупому.

P.S. Запятых перед названием шрифты нет.

Ответы: >>389369, >>389390

30 Ноя, 20:58 #453 #389369

>>389334
Они у тебя на компьютере есть? Если не входят в стандартный набор бери, например, отсюда - https://www.google.com/fonts
ТЫ ЧО, ИНТЕНСИВ НЕ СМОТРЕЛ???

Ответы: >>389372

30 Ноя, 21:01 #454 #389372

>>389369
дык я оттуда и беру шрифты.

30 Ноя, 21:24 #455 #389390

>>389334
Тут надо просто font писать, а не font-family.

Ответы: >>389444

41 Кб, 876x613

30 Ноя, 21:27 #456 #389393

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

Ответы: >>389437

30 Ноя, 22:28 #457 #389437

>>389393
Вручную.

30 Ноя, 22:53 #458 #389444

>>389390
в italic все-равно не меняется шрифт. В гугл шрифтах галочка стоит.

Ответы: >>389462

30 Ноя, 23:12 #459 #389446

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

01 Дек, 00:08 #460 #389462

>>389444
Там случаем одновременно курсив и жирный не используешь?

Ответы: >>389820

408 Кб, 1556x973

01 Дек, 01:27 #461 #389488

Какие сильные конкуренты будут.

Ответы: >>389490, >>389494, >>389621, >>390790

01 Дек, 01:32 #462 #389490

>>389488
>смеяться над другими

Ответы: >>389492

01 Дек, 01:35 #463 #389492

>>389490
Да, смеяться над другими весело, что не так?

Ответы: >>389505

01 Дек, 01:41 #464 #389494

>>389488
Учти, они могут стать дизайнерами

01 Дек, 02:33 #465 #389505

>>389492
Ну как бы так делает отбитое быдло.

01 Дек, 09:14 #466 #389534

>>388779
Што? Поясни за гугел

01 Дек, 09:18 #467 #389536

>>388589
Я бы тебе руки нахуй вырвал за такой код. За пека сяду посмотрю, вечером

Ответы: >>389822

01 Дек, 12:25 #468 #389621

>>389488
лол, ты там ващет и одного из преподов подчеркнул.

01 Дек, 12:44 #469 #389647

Решил сесть за продвинутый, посмотрел тот который в открытом доступе (ну и в шапке) и глянул их программу нынешнюю - есть различия:
1) появился отдельный раздел на флексбокс
2) раздел на тестирование производительности верстки

пропали разделы про js (я так понимаю связано с их запуском интенсива по js)

Решил полазить в интернете нашел только обновленный базовый (17.08-22.09.2015), но есть ли там различия не знаю так как еще не качал. А вот обновленный продвинутый и интенсив по js найти в открытом доступе не получилось.

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

Ссылка на обновленный базовый (нужна рега и лайк там чтобы скачать) https://openssource.info/threads/html-academy-mesjachnyj-onlajn-intensiv-sozdanie-veb-interfejsov-s-pomoschju-html-i-css-2015.8356/

Ответы: >>389870

01 Дек, 12:57 #470 #389673

Как перевести пиксели в проценты?

Ответы: >>389675

sage 01 Дек, 13:00 #471 #389675

>>389673
Родитель - 100% например, 10px
дочь - 5px
10/5 = 2
дочь - 50%

01 Дек, 14:26 #472 #389820

>>389462
http://www.cssdesk.com/P5yLu

вот код. Странно что там кнопка не по центру, а у меня открывается в центре.

01 Дек, 14:27 #473 #389822

>>389536
а что кодом не так?

Ответы: >>389856

01 Дек, 14:50 #474 #389856

>>389822
Домой приду - поясню.

01 Дек, 15:09 #475 #389870

>>389647
В продвинутом что указан в шапке есть 2 урока по Js.
Сам интенсив по Js обещали выложить, но воз и ныне там.
Насчет обновленного продвинутого я хз. Не думаю что это так уж критично. Флексбокс охуенно разучивается и сам, нужно только попрактиковаться. Инфы в нете навалом.
Тестирование производительности верстки - уже интереснее да, но ссылок на него я не искал, ткак давно уже все усвоил.

90 Кб, 1199x470

60 Кб, 1366x587

01 Дек, 18:00 #476 #390030

Анон нужна твоя подсказка. На первом скриншоте с фотошопа я указал элементы, которые мне надо поставить на своем сайте. Я зажимаю контр, и объединяю слои и после преобразовываю в смарт-объект. Потом полученный слой я ставлю в стили. На втором скриншоте результат, но он очень отличается от фотошопа. Мне нужно как-то сдвинуть это правее, но у меня не получается. Что делать?

Ответы: >>390059

66 Кб, 1365x672

01 Дек, 18:41 #477 #390059

>>390030
вот переделал. Не знаю нормально так или нет. Масштаб экрана поставил на скрине 90%.

Ответы: >>390105

01 Дек, 19:09 #478 #390101

Антуаны, собираюсь удариться во фриланс, и чем скорее - тем лучше. Цель для начала - умение выполнять самые простые задачи, верстать говностраницы по макетам.
Сейчас сижу на академии, разбираю базовые курсы, восстанавливаю старые знания. Затем перейду на интенсивы. Этих действий хватит чтобы достичь цели?
Алсо, стоит ли брать подписку на html Academy ради продвинутых курсов, если я собираюсь в интенсивы?

Ответы: >>390148

01 Дек, 19:12 #479 #390105

>>390059
Ну у тебя на первом скрине еще и текст не так переносился, а сейчас вроде норм

Ответы: >>390119

01 Дек, 19:22 #480 #390119

>>390105
я просто перед "laborum" прописал <br>

Ответы: >>390142

01 Дек, 19:39 #481 #390142

>>390119
лучше бы паддинг увеличил правый для абзаца - вставлять br просто так посреди текста - плохая практика

Ответы: >>390166

01 Дек, 19:45 #482 #390148

>>390101
> Этих действий хватит чтобы достичь цели?
Даже не близко
>Алсо, стоит ли брать подписку на html Academy ради продвинутых курсов, если я собираюсь в интенсивы?
Нет

Ответы: >>390162

01 Дек, 19:52 #483 #390162

>>390148
>Даже не близко
Это печально. Шапку читал, но всё же, какой порядок действий посоветует анон чтобы прийти к минмальному успеху?
Базовые курсы академии - интенсивы - работа с макетами - изучение JS. Такой порядок. Что ещё мне нужно?

Ответы: >>390172

01 Дек, 19:54 #484 #390166

>>390142
походу я накосячил, и делал все не правильно.

http://www.cssdesk.com/6WpDt

.info {
\twidth: 1180px;
\tmargin: 0 auto;
}

вот тут я так думаю я должен был указать 700px в ширине, как указано на макете. После написать margin-left: 150px;

Что-то я запутался малость

60 Кб, 604x604

01 Дек, 19:57 #485 #390172

>>390162

ну простые ленды верстать сразу после академии помоему можно верстать, не?

>даже не близко
ой иди нахуй маня

неделю на академии кун

Ответы: >>390177, >>390181

01 Дек, 20:02 #486 #390177

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

Ответы: >>390181, >>390184

01 Дек, 20:05 #487 #390181

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

24 Кб, 345x345

01 Дек, 20:07 #488 #390184

>>390177

пока нихуя не скажу про фриланс, но можно приклеится к дизайнерам/студиям с ними пилить и свою студию раскрутить

что вообще может быть сложного в верстке лол, все элементарно и обсосанно на многих сайтах

Ответы: >>390187

01 Дек, 20:13 #489 #390187

>>390184
А кому нужен рандомный ноунейм, прочитавший в интернете две статьи о верстке?

02 Дек, 07:18 #490 #390468

>>388788
хуяришь их ссылками, делаешь одинаковую высоту, display: inline-block, vertical-align: top; ну и маргин всем задаешь одинаковый, ширину тоже. картинку впихиваешь при помощи background-image. и background-position каждому из них задаешь.
извини, что долго отвечал

02 Дек, 08:04 #491 #390474

>>389114
я тут тебе простыню накатал, но случайно обновил браузер, и все нахуй стерлось.
короче:
во первых, !doctype ставь html. просто html. это уже стандарт, не нужно писать много всякой хуеты. html xmlns="http://www.w3.org/1999/xhtml" - в топку. пиши просто <html>
1) забудь id. в большинстве случаев они тебе не нужны. id нужны для того, чтобы накидывать на них скрипты и якоря ссылок. классы - твое все, id для быдла фрондэнда;
2) у тебя есть два блока: .container и #wrapper. по Id и классу этих блоков можно подумать, что они выполняют одинаковую роль. ты должен выбрать между блоком с классом .container или блоком .wrapper на деле это несущественно, какой класс будет у блока, просто у тебя два блока выполняют одинаковую функцию. #wrapper вообще не определен в стилях. значит, он тебе нахуй не нужен. кстати, пофикси .container, у тебя все нахуй съезжает, когда страницу ресайзишь.
3) блоки неправильно распределены, название блока #home - вообще неправильно, это все тот же header.
4) ты не видишь разницы между padding и margin. padding используется для внутренних отступов элемента, margin - для внешних. посмотри на свой блок #header. после него идет блок #home. во первых, объедини их в один блок, потому что это все шапка сайта. блоку задай background-color и все остальное, что у тебя сейчас определено в #home. во вторых, #header поставь margin вниз столько, сколько тебе нужно, чтобы #home опустился вниз. а вот у #home нахуй убери padding вверх, он там нахуй не нужен;
5)у кнопок не убран border;
6) запомни такую структуру. у тебя есть элемент, у него есть border. margin - отступ элемента, например, вправо ссылка на пример http://jsfiddle.net/oszis113/zbto39nh/. padding - отступ текста внутри элемента от border.
старайся не делать margin-top (отступ сверху от элемента), это плохой тон (padding-top делать можно, это нормально);
7) на самом деле, недочетов много, мне просто лень писать дальше, я не тот анон, который хотел тебе руки вырвать, потому не буду дальше писать, он все остальное допишет

54 Кб, 991x902

02 Дек, 09:48 #492 #390510

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

Ответы: >>390518, >>390697

02 Дек, 09:56 #493 #390518

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

Ответы: >>390533

02 Дек, 10:36 #494 #390533

>>390518

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

Ответы: >>390573, >>390585, >>390587

02 Дек, 11:04 #495 #390573

>>390533
стало интересно, не пробовал оверфлоу, но попахивает говнокодом. все ж таки лучше (как по мне) на распорках делать

Ответы: >>390670

02 Дек, 11:19 #496 #390585

>>390533
Ой почистил бы ты лучше уши когда слушаешь, он имел ввиду что пустой элемент не надо в html вставлять задавая ему clear, а фигачить псевдоэлементом распорку. А в продвинутом он сказал что не надо когда пишем по БЭМ давать блоку вспомогательные классы в html типа того же clearfix а просто в стилях делать примесь.

Ответы: >>390670

02 Дек, 11:21 #497 #390587

>>390533
Да, и про флексы есть в интенсиве, правда не целый раздел, но все же.

Бложик его я не читал, поэтому если ткнешь носом, где он пишет что надо использовать оверфлоу вместо распорки, то с удовольствием почитаю

Ответы: >>390670

02 Дек, 12:36 #498 #390670

>>390573
>>390585
>>390587

Правильный сброс float‑блоков

У блочной верстки множество плюсов, но есть и минусы. Самый главный из них связан с обтеканием элементов (блоков, имеющих свойства float: right или float: left). Если такие блоки сильно отличаются по высоте, то следующие за ними в потоке HTML‑документа элементы начинают обтекать один из блоков.

Для «сброса обтекания» часто используется следующий принцип:

<div id="content"> <!- родительский блок->
[… ]
<div style="float: left">некое содержимое</div>
<div style="float: left">другое содержимое</div>
<div style="clear: both"></div> <!-- «сбрасывающий» блок -->
[...]
</div> <!-- /content -->

То есть вставляется дополнительный «сбрасывающий» блочный элемент, предотвращающий смещение последующих элементов (в примере выделен полужирным).

Этот подход имеет право на существование только в одном случае – когда невозможно указать ширину родительского блока. Если же ширину родительского блока указать можно (единицы измерения значения не имеют), то короче и правильнее опустить «сбрасывающий» блок, а для родительского блока задать следующие CSS‑свойства:

#content {width: [ширина]; overflow: hidden}

Есть похожие техники, связанные с использованием псевдокласса :after или свойства height: 0 – несколько менее удобные и красивые, на мой взгляд.

https://web.archive.org/web/20140628222109/http://nicothin.ru/page/10-priznakov-professionalnoj-verstki.html

Ответы: >>390700

17 Кб, 400x400

02 Дек, 12:57 #499 #390697

>>390510
проиграл с этого дауна

02 Дек, 12:59 #500 #390700

>>390670
2008 год...

02 Дек, 14:05 #501 #390790

>>389488
Да там реально большинство какие-то домохозяйки или вахтеры, тоже удивлялся этому.

02 Дек, 14:31 #502 #390865

Подскажите что за псевдокласс у ссылки при нажатии?

Ответы: >>390872

02 Дек, 14:33 #503 #390872

>>390865
:active

Ответы: >>390891

02 Дек, 14:38 #504 #390891

>>390872
Аж стыдно. Спасибо.

49 Кб, 604x403

02 Дек, 15:29 #505 #390971

Анончики, я сейчас ебанусь. Помгите , запутался в трех соснах. Есть вот такая хуйня.
<div class="midd">
<img src="/images/linkin.gif" width="30px" height="30px">
</div>
И к нему стайл
.midd {
width: 100%;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 300px;
border: 1px solid black;
background: #a6b7d2;
}
Изображение которое должно быть в центре divа нихуя не становиться. Я если честно в ахуе. Я просто не могу понять почему не становиться. Бля, помогите.

Ответы: >>390996

Нюфаня 02 Дек, 15:56 #506 #390996

>>390971
Я бы сделал так. https://jsfiddle.net/vo3ab7o0/
display: table-cell;
Правда ширину придется не в процентах устанавливать.

И кстати я не знаю легально так делать или меня опытные версталы виебут.

02 Дек, 16:06 #507 #391002

http://www.cssdesk.com/sd3y2

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

Ответы: >>391009, >>391667

Нюфаня 02 Дек, 16:15 #508 #391008

А теперь мой вопрос. (смотрю 5 урок интенсива если что)
Нормально будет выглядеть если в самом начале я создам 3 класса для span
например
.light {font-weight: 300}
.normal {font-weight: 400}
.bold {font-weight: 700}

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

02 Дек, 16:15 #509 #391009

>>391002
один из способов - в html
<center> </center>

Ответы: >>391660

02 Дек, 16:16 #510 #391012

второй способ -
margin-left: 35%;

115 Кб, 500x773

02 Дек, 16:22 #511 #391017

ps: неделю на академии кун, почти прошел базу на фонах

02 Дек, 16:24 #512 #391018

https://css-tricks.com/centering-css-complete-guide/

02 Дек, 16:29 #513 #391022

Может перекат?

Ответы: >>391347

02 Дек, 22:12 #514 #391347

>>391022
Ночью сделаю

85 Кб, 1020x713

02 Дек, 22:21 #515 #391363

Принес кое-что интересное.
http://www.freecodecamp.com
Сам только начал, но похоже что такие же как и на codecademy интерактивные курсы, но дополнительно входит в обучение участие в некоммерческих проектах.

Ответы: >>391427, >>391482

02 Дек, 23:55 #516 #391427

>>391363
Завтра заценю, пасибо

03 Дек, 07:25 #517 #391482

>>391363
Спасибо

03 Дек, 12:19 #518 #391660

>>391009
дерьмовый вариант

03 Дек, 12:32 #519 #391667

>>391002
http://www.cssdesk.com/QC6X9

Ответы: >>391678

03 Дек, 13:02 #520 #391678

>>391667
ломается при ресайзе. вся проблема в колонках. все три колонки фиксированной ширины => при ресайзе всегда будут ломаться. тут выбирать надо:
1) кнопка фиксированной ширины, у колонок максимальная ширина указана, они ужимаются. проблем при ресайзе быть не должно.
2) все фиксированной ширины, при ресайзе ломаются, лечим media-queries под разрешения экрана.

Ответы: >>391686, >>391724

03 Дек, 13:06 #521 #391686

>>391678
А что, если указать min-width странице? Норм же будет.

Ответы: >>391725

03 Дек, 13:50 #522 #391724

>>391678
а как сделать этот ресайз? в каком уроке интенсива это говорится?

Ответы: >>391728

03 Дек, 13:50 #523 #391725

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

03 Дек, 13:53 #524 #391728

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

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

Ответы: >>391730, >>391773

03 Дек, 13:56 #525 #391730

>>391728
> что многие порицают
Почему? По мне, так это самый человеколюбивый вариант.

Ответы: >>391731

03 Дек, 13:58 #526 #391731

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

Ответы: >>391732

03 Дек, 13:59 #527 #391732

>>391731
>потому что некоторые значения
fix

03 Дек, 14:11 #528 #391737

А можно ли как-то скачать html файл ну и другие файлы какого-нибудь сайта? Например: фейсбук.

Ответы: >>391741, >>391752

03 Дек, 14:21 #529 #391741

>>391737
нахер?
можно сохранить страницу с данными + картинки + css.
можно парсить картинки с сайта.
скачать шаблоны нельзя, так как они на сервере собираются, и ты получаешь уже готовые html и css файлы. а на сервере это могут быть какие-нибудь jade и stylus файлы.

Ответы: >>391776, >>391810

03 Дек, 14:38 #530 #391752

>>391737

можно, через плагин scrapebook для браузера

03 Дек, 14:49 #531 #391759

Как отцентровать по вертикали блок нефиксированного размера в другом резиновом блоке?

03 Дек, 15:11 #532 #391773

>>391728
почему про ресайз нет в шапке ничего? узнал про это вообще только сейчас.

Ответы: >>391781

03 Дек, 15:12 #533 #391776

>>391741
ну я хочу у одного сайта скачать html, css и js файл, чтобы посмотреть код через submit text 3. Потому что через просмотр кода неудобно смотреть.

03 Дек, 15:12 #534 #391777

https://2ch.pm/wrk/res/391774.html (М)
https://2ch.pm/wrk/res/391774.html (М)
https://2ch.pm/wrk/res/391774.html (М)
https://2ch.pm/wrk/res/391774.html (М)
https://2ch.pm/wrk/res/391774.html (М)
https://2ch.pm/wrk/res/391774.html (М)
ПЕРЕКАТ

03 Дек, 15:14 #535 #391781

>>391773
Потому что ты невнимательный дебил.
мимо ОП

03 Дек, 15:31 #536 #391798

Господа Фронтендеры, кто сколько получает? Есть тут аноны получающие к примеру 3k$ в месяц стабильно?

Ответы: >>391832

03 Дек, 15:48 #537 #391810

>>391741

формы/html/css/js/ всё норм качнется
карочи всё кроме php кода стянется

03 Дек, 16:07 #538 #391832

>>391798
Люди такого уровня здесь не сидят. Тут полнейшие ньюфаги. А тебе нужен уровень мидл+. Или сеньйор.

Ответы: >>391870

03 Дек, 16:22 #539 #391870

>>391832
Я почти только что устроился на работу вертальщиком с окладом в 60к.
А нужно было всего-то убрать слово "Junior" из резюме на хх. До этого много месяцев вообще никуда не брали.
Не 3к$, конечно, но лично для меня это больше, чем дохуя.

Ответы: >>391904

03 Дек, 16:33 #540 #391904

>>391870
Я тебе там в новом тредике вопрос задал, ответь пожалуйста.
А этот уже надо абандонить, давно за бампилит ушел.

08 Дек, 08:00 #541 #396835

Аноны знает есть ли аналог stylus rupture только для less или чтолибо похожее, не могу ничего найти одна хуйня типо стандартных @media.

11 Дек, 15:12 #542 #400630

Привет, ребята.
В верстке и оформлении мне приглянулся такой способ работы
<div class="slide">
<div class="title">
The title is here
</div>
</div>

А потом в CSS цепляюсь вот так:
.slide .title {
bla-bla: bla;
}

Это позволяет не писат ебал ее рука в духе .slider-slide, .slider-slide-title соответственно. Вообще очень удобно, хотя бы оттого что не нужно выдумывать длинные названия. А еще в этом проще ориентироваться.

А теперь вопрос: какой велосипед я только что придумал? Хочу почитать побольше о таком способе, но в душе ниебу как он называется. Как называется такой способ верстки, анон?

Ответы: >>403320, >>403328

13 Дек, 12:19 #543 #403320

>>400630
Это что то типа отношений между элементами.
Если див с классом title не один , но именно когда он вложен в див с классом slide надо поменять какие то стили. Это норм практика. Ты ничего не изобрел. Почитай про селекторы отношений в css /

13 Дек, 12:24 #544 #403328

>>400630
Вот ещё неплохой ресур. http://codebra.ru

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

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

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

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion