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

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

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

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

236 Кб, 989x989

47 Кб, 1280x720

48 Кб, 550x515

Вёрстка, фронтенд, веб-программирование 24 Янв, 19:52 #447285 В конец треда | Веб

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

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

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

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

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

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

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

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

Ответы>>447288>>447385>>454863>>454869>>456554

26 Кб, 811x591

24 Янв, 19:53 #2 #447288

>>447285 (OP)
Блять, нумерацию проебал. Но короче этот должен юбилайным пятидесятым быть котаны. Поздравляют чтоле.
мимо ОП

24 Янв, 20:14 #3 #447302

Благодарю за интенсив по JS, как раз хотел учить и не знал с чего начать

Ответы>>447369

320 Кб, 420x530

24 Янв, 20:16 #4 #447305

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

Ответы>>447310>>448687

24 Янв, 20:25 #5 #447310

>>447305
Любой элемент-родитель, у которого position НЕ static.

Ответы>>447311

24 Янв, 20:27 #6 #447311

>>447310
Ну точнее не любой, а первый конечно же. Либо боди, если такого элемента нету.

Ответы>>447315

48 Кб, 604x399

24 Янв, 20:32 #7 #447315

>>447311
Спасибо.

24 Янв, 21:30 #8 #447340

Аноны объясните в каких случаях надо задавать clearfix? Не понимаю вообще.

Ответы>>447344

24 Янв, 21:33 #9 #447344

>>447340
Когда внутри блока элементы с флоатами, тогда ему даешь clearfix

Ответы>>447368

24 Янв, 22:11 #10 #447368

>>447344
Аа, благодарю

24 Янв, 22:19 #11 #447369

>>447302
Начинать лучше с learn.javascript, а после него уже браться за интенсив.

69 Кб, 1024x600

24 Янв, 22:53 #12 #447380

Посоны, пытаюсь версать адаптивно. Очень смущают размеры картинок. Как бы задал синему языку на пике правильную ширину - 10,5 % , но выглядит не оче. Какие вы приемы применяте, как боретесь с картинками? Пытался применить background-size, но делает немного не то что нужно мне.

Ответы>>447481

24 Янв, 23:01 #13 #447385

>>447285 (OP)
Почаны, поясните по хардкору.
Ситуация: Мне дали задание, поднять сайт одного унылого учреждения. Основы верстки я знаю, сидел давно ИТТ тредах, но вот что касается остального-я полный ноль. Есть туториалы как заливать сайты, как их администрировать, заливать на них инфу и фотки, как вообще и чего? Очень буду благодарен за помощь

Ответы>>447768

25 Янв, 02:03 #14 #447481

>>447380
В этом макете, у этого логотипа, ширина фиксированная (размеры самой картинки), а у блока в котором находится картинка, ширина 20%, как и у всех остальных li'шек.

25 Янв, 14:29 #15 #447768

>>447385
Зачем вообще брался за такое задание, если знаний нет нихуя?
Смотря какой функционал требуется. Очевидно что на серверной стороне, равно как и на клиентской ты нихуя вразумительного не напишешь. Верстка - это только оболочка. Но ее надо на что-то насажывать.
Копни в сторону CMS типа вордпресса, джумлы етц. Получится отборное говно, но возможно оно даже сможет работать.

Ответы>>448211

868 Кб, Webm

25 Янв, 15:01 #16 #447790

Еще вопрос по адаптиву. Как делать высоту элементов? Думал делать в ремах, но потом подумал "А что если пользователь будет изменять размер шрифта?" Стремно будет выглядеть если будет изменять одних элементов, а других не будет.

Ответы>>447793>>447838

25 Янв, 15:04 #17 #447793

>>447790
min-height: * px;

Ответы>>447808

207 Кб, 1280x860

25 Янв, 15:23 #18 #447808

>>447793
То есть, с вертикальными отступами, паддингами в адаптиве применять пиксели?

Ответы>>447815

25 Янв, 15:28 #19 #447815

>>447808
представь, что у тебя лендинг в высоту 20000px и потом будет только расти, как будешь процент у меню навигации считать?

Ответы>>447817>>447890

25 Янв, 15:30 #20 #447817

>>447815
я к тому, что адаптивная ширина зависит от устройства, а адаптивная высота от контента.

25 Янв, 15:42 #21 #447838

>>447790

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

Ответы>>447890

25 Янв, 16:03 #22 #447866

ВНЕЗАПНО ВКАТЫВАЕТСЯ ДОЛБОЕБ ВЕРСТАВШИЙ В 2009-13 ГОДУ

1) Почему всем важна валидная верстка? На сео она не влияет нихуя, на отображение тоже
2) Перестал работать во многом, потому что теперь требуют адаптивную и нет устройств, с которых просматривать и вобще поясните, как это, в адаптивную? И где проверять?

Ответы>>447888>>447896>>448349

25 Янв, 16:16 #23 #447888

>>447866
валидная, значит соответствует стандартам вот этих пидаров https://validator.w3.org/. Любая нормальная верстка-валидна. Просто введены стандарты, чтоб ты не городил там неведомую хуйню. А адаптив можешь проверить сжимая окно браузера, как минимум. Для мобил медиаправило можешь проверить тут https://www.google.com/webmasters/tools/mobile-friendly/

519 Кб, 1087x610

25 Янв, 16:19 #24 #447890

>>447838
>>447815
>>447815
Я запутался. С чем работать в адаптиве при верстании высот? С пикселями? Ответь мне пожалуйста быстро, решительно

Ответы>>447900>>447907

121 Кб, 421x404

25 Янв, 16:28 #25 #447896

>>447866
>ВНЕЗАПНО ВКАТЫВАЕТСЯ ДОЛБОЕБ ВЕРСТАВШИЙ В 2009-13 ГОДУ
>бросил работу не додумавшись погуглить
Действительно долбоеб.

Ответы>>447920>>448349

30 Кб, 500x332

25 Янв, 16:31 #26 #447900

>>447890
min-height можешь ставить 100% если блок ужимается под контент всегда и у него нет минимальной высоты(иначе min-height), вертикальные маржины и паддинги в фиксированных пикселах.

25 Янв, 16:34 #27 #447904

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

Ответы>>448335

25 Янв, 16:39 #28 #447907

>>447890

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

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

лишний заеб, но ничо не поделаешь, поведние отступов в процентах меня как-то редко устраивает. мб, есть какие-то решения с vh/vw, но надо копать отдельно это все

833 Кб, 1024x768

25 Янв, 16:51 #29 #447917

Есть надписи выделенные на пике. Я собираюсь верстать каждую надпись как отдельный блок <div>. Насколько этот подход правильный? И второй вопрос, в прошлый раз я принес свои поделия, аноны ржали над названиями которые я присваивал своим блокам и оче обсирали меня. Вот и и спрашиваю как правильно называть по методологии БЭМа эту хуету? Вот например блок hat , а все надписи сделаю элементами - hat__welcom, hat__to-the-gargeus, hat__sedona?

Ответы>>447923>>448058>>448064

25 Янв, 16:55 #30 #447920

>>447896
Я не по этой причине бросил, дурачинка. Просто мне заебало, - эта причина была главнее

25 Янв, 16:59 #31 #447923

>>447917
Лол, какая разница, как ты назовешь? Как тебе удобнее, так и называй.
>Насколько этот подход правильный?
Правильный. Фон снизу. И три дива с надписями

МИМО ВЕРСТАЛЬЩИК_2009

Ответы>>448004

659 Кб, 1897x2336

25 Янв, 18:34 #32 #448004

>>447923
>>447923
> МИМО ВЕРСТАЛЬЩИК_2009
Как то стремно звучит. Верстальщик ИЗ 2009 года иди верстальщик С 2009 года?

Ответы>>448019

25 Янв, 18:59 #33 #448019

>>448004
Я выше написал, что 2009. Даже с 2007, лол, но это был самый простой хтмл сайт моего мухосранска из 10 страниц, который я полгода каждый день допиливал, лол

25 Янв, 19:57 #34 #448058

>>447917
Нет, неправильно.
Интенсив то смотрел, особенно продвинутый? Там все поясняется.
Во-первых, классы не должны быть оформительскими. Во-вторых, никакого транслита, ты этим насколько я понимаю не страдаешь, но лучше предостеречь.
Насчет БЭМа. В БЭМе основная задача разбить части страницы на логичесмки верные блоки и элементы. Именование идет по следующей схеме block__element. Это сильно упрощает верстку и делает ее читаемой даже из css. Плюсов там дохуя, но это больше вкусовщина. Хочешь деталей - тебе сюда https://ru.bem.info/
Ну и семантически верно будет использовать для последней фразы элемент h2-h4 потому что это что-то вроде слогана. А слоганы всегда считаются заголовками, хоть и не первой важности.

Ответы>>448156

25 Янв, 20:08 #35 #448064

>>447917
>hat__welcom, hat__to-the-gargeus, hat__sedona
вот эту хуйню вообще убери.
Че это еще за hat? Что за to-the-gargeus?
Вот если твой код буду глядеть, что я в нем вообще пойму? Где я эти элементы искать буду?
Нельзя так классы именовать.
Правильно будет к примеру banner__title banner__name, banner__tagline и т.д.

Ответы>>448143

72 Кб, 608x389

25 Янв, 21:39 #36 #448143

>>448064
Ну вот с этим у меня и проблемки. Hat - это типо шапка сайта. Ну банер это ладно, этоя может быть и я сам догадался, но вот остальные части сайта называть как называть понятия не имею. Я когда помню была схема разбивки сайта, но она устарела шо пиздец.
Вот ниже банера там идут строки - " Седона - небольшой городок заслуживающий большего" , "Рассмотрим : причин почему Седона круче чем гран коньон" . Как мне назвать этот блок? Назвать этот блок blok-commersial? Типа блок-реклама? "Седона - небольшой городок заслуживающий большего" - block-commersial__caption. "Рассмотрим : причин почему Седона круче чем гран коньон"- block-commersial__tag-stringВеришь, я 15 минут сидел и думал как назвать этот элемент? Как по мне это вообще не отражает никакой сути элемента и совершено ничего не говорит человеку который будет читать код. Ничего лучше я не могу придумать
. Я когда смотрю доклады по БЭМу, кажеться все понятным, а когда сам начинаю сам писать все выходит как в той стори про дурака и разбитый лоб.
И да, спасибо что отвечаешь

Ответы>>448209

25 Янв, 22:03 #37 #448156

>>448058
https://ru.bem.info/
А вот ихний полный стек - это реальный пиздец. На прыщах как всегда хуй запустишь, нихуя не работает. Да еще 20 слоев абстракций, как работает этот миксер? - а хуй его знает товащ Берия. Как в том анктдоте про молдована, Белку и Стрелку на орбите.

Ответы>>448209

25 Янв, 23:25 #38 #448209

>>448143
>Hat - это типо шапка сайта
проиграл
Шапка - это header, подвал - это footer, контентная часть соответственно content или main. Посмотри начало базового интенсива епта, там все разжевывают про именование классов и прочую лабуду.
>>448156
Та необязательно их сборщики использовать. Тем более зеленому верстале на лэндингах. И систему их именования необязательно брать, есть куча других. Бери такую, которая нравится и больше подходит лично тебе.
Мне вот БЭМ больше всех других нравится. Логичен, удобен, лаконичен, позволяет создавать изолированные блоки на странице, которые потом легко перемещать куда угодно, улучшает читаемость кода - даже из ксс сразу понятно что в чем лежит, как оно выглядит и т.д. и т.п.

Ответы>>448217

25 Янв, 23:29 #39 #448211

>>447768
>Зачем вообще брался за такое задание, если знаний нет нихуя?
Увидел возможность научиться этому

25 Янв, 23:40 #40 #448215

Error: Cannot find module 'enb-js/techs/browser-js'
И это уже 3я ошибка которая вылазит.
C песнями и плясками бубном может и устновлю все таки этот ебучий бем.
So, how easy is it to get started with BEM? — Super easy!
Это просто блять издевательсво какое то.

25 Янв, 23:47 #41 #448217

>>448209
>Шапка - это header, подвал - это footer, контентная часть соответственно content или main
Блоков то на странице намного больше чем 4. Жаль нету макетов под рукой, нестандртных каких не будь. Например , по типу мозаики или сот, штук 15 блоков. Что вот с таким счастьем делать?

25 Янв, 23:49 #42 #448219

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

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

Ответы>>448425

26 Янв, 05:12 #43 #448335

>>447904
Лол, а здесь ты что делаешь?

62 Кб, 550x653

26 Янв, 07:18 #44 #448348

Аноны
а никому не нужен подмастерье?
знаю совсем капельку, обучаемый, кроткий, умный ;3
Просто 15 баксов нужна до конца месяца.
Ну или помогите советом, где их можно в интернете достать за столь короткий срок.

Ответы>>448355>>454005

51 Кб, 480x322

26 Янв, 07:26 #45 #448349

>>447896
>бросил работу не додумавшись погуглить>>447866
>447866
>>447866

26 Янв, 07:38 #46 #448351

Как дополнить этот код:

i = prompt('Введите число больше 100.', '');

while(i <= 100){
i = prompt('Еще раз.', '');
}

чтобы он возвращал i = prompt('Еще раз.', ''); при вводе строки?

Ответы>>448381>>448384>>448413>>448418>>448444

102 Кб, 600x804

26 Янв, 08:11 #47 #448355

>>448348
Много таких по весне оттаяло. Я тоже такой наивный был. Реалии современного мира - или ты йоба-специалист или насасываешь немытые хуи у бомжей в подворотне за краюху хлеба. Третьего не дано.

26 Янв, 10:34 #48 #448381

>>448351
if блядь, а не while

Ответы>>448384

26 Янв, 10:39 #49 #448384

>>448351
если я тебя правильно понял то
var i = prompt('Введите число больше 100.', '');

while( i ) {
i = prompt('Еще раз.', '');
}
>>448381
И проверяет на условие и отрабатывает один раз. While отрабатывает до тех пор пока условие верно.

Ответы>>448386

10 Кб, 252x159

26 Янв, 10:41 #50 #448386

>>448384

Ответы>>448449

26 Янв, 11:22 #51 #448413

>>448351
Чому вебодолбоёбы такие долбоёбы?
while ( i <= 100 ) {
i = promt('Введите число больше 100','');
if(!Number.IsInteger(i)) i = 0;
}

Ответы>>448499

1876 Кб, 245x230

119 Кб, 421x404

26 Янв, 11:28 #52 #448418

>>448351

Ответы>>448421

26 Янв, 11:31 #53 #448421

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

26 Янв, 11:34 #54 #448425

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

Ответы>>448432

26 Янв, 11:40 #55 #448432

>>448425

я тупо про систему именования классов спрашивал. библиотеки какие-то, рендеры блядь, вообще охуеть.

Ответы>>448490

26 Янв, 11:46 #56 #448444

>>448351
я бы так сделал:
function js2ch(msg) {
var i = prompt(msg, '');
if (parseInt(i) > 100)
js2ch('Еще раз');
}
Ну и вызов функции, при нужном событии:
js2ch('Введите число >100');

26 Янв, 11:50 #57 #448449

>>448386
Ах да точно, лол. Меня сбило то что промпт всегда возвращает строку.
Показалось что условие - запускать промпт пока пользователь хоть что-то ввел.

26 Янв, 12:31 #58 #448490

>>448432
Двачую этого. Ты им про методолгию, а они тебе рендеров, сборщиков всяких полну тачку нахуярят. Я в ахуе

26 Янв, 12:37 #59 #448499

>>448413
а ты не долбаеб?

var x = prompt("С тебя число больше ста");
function isNumeric(n) {
return !isNaN(parseInt(n)) && isFinite(n);
}
while(!isNumeric(x)||(x<=100)){x = prompt("С тебя число больше ста");}
console.log("все збс-",x);

26 Янв, 12:37 #60 #448500

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

Есть вот это http://ilyabirman.ru/projects/emerge/, но оно платное и слишком много на себя берет. Всякие прелоадеры это гониво, ибо просто ждут загрузки всех элементов, а не управляют ей.

Хотелось бы следующий функционал. Добавляем к элементам доп.класс "load_1", "load_2" и т.д. и очередь загрузки идет по порядковым номерам, ну и плюс возможность анимацию прикрутить и кастомно дописать т.е. загрузился "load_1", вылетел слева, загрузился "load_2" вылетел справа, а не все загрузилось, а потом начало вылетать.

Вот ссылка на подборку статей http://usabili.ru/news/2014/06/03/javascript-load-and-execution-order.html (судя по поняше, кто-то местный автор). Я там немного почитал, но ничего не прояснилось. В основном речь идет о загрузки скриптов, использовании всяких упаковщиков и т.п. Меня же интересует загрузка контента. Вот еще http://web-standards.ru/articles/front-end-performance/.

Допустим, страница у нас простая, загрузили jq.js и css-ы просто в head. Затем грузится dom и картинки.
Вот задача грузить так:
1. <div class="load_2"><img src="/anon.jpg" class="load_1"/></div>
2. <div class="load_4"><img src="/anon.jpg" class="load_3"/></div>
А не:
1. <div class="load_1"><img src="/anon.jpg" class="load_4"/></div>
2. <div class="load_2"><img src="/anon.jpg" class="load_3"/></div>
Ну или хотя бы сначала див, потом картинку в нем, и только потом следующий див и его картинку. А не сначала весь dom, а потом картинки к нему. Ну или как вариант хотя бы картинки последовательно вот здесь так грузятся http://portfolio.cpeople.ru/portfolio/all.

Вот есть легкий код:
<!-- html -->
<img src="/main.png" id="mainImg">
<img src="/" data-src="/notmain1.png" class="notmain">
<img src="/" data-src="/notmain2.png" class="notmain">
<img src="/" data-src="/notmain3.png" class="notmain">
/ javascript /
$("#mainImg").load(function() {
$(".notmain").attr('src', function() {
return $(this).attr("data-src");
});
});
Но это гон какой-то, если таким образом описывать пример выше с cpeople. Вообще, все, что удалось найти - это, либо просто последовательное появление (при условии, что все уже загрузилось), либо какие-то тонны js (вот на том же cpeople script.js за все это отвечает же?), где приходится полностью описывать логику загрузки страницы, а не просто классы проставить, например, при условии, что контент на разных страницах будет разный, это гемор дикий, и отдельный скрипт для каждой страницы.

В /пр сказали, что нужно #Control-Flow-Libraries, но среди них я пока не нашел коробку типа приведенного Ёмерджа, везде куча кода нужна.

Ответы>>449445>>449446

26 Янв, 13:02 #61 #448515

Подал резюме в одну говностудию моего мухосранска, ответили что нужена только пхп-макака, верстальщик не нужен. Дали тестовое задание сделать добавление комментариев на пхп с ajax и mysql. Я все эти три технологии не знаю, но могу сделать задание с помощью гугла. Вопрос: стоит ли делать задание и устраиваться к ним, если я на самом деле нихуя не умею кроме верстки?

Ответы>>448522>>448525>>448528>>448688

26 Янв, 13:08 #62 #448522

>>448515
они тебе и там тест дадут, в конторе, тоже гуглить будешь?

Ответы>>448526

26 Янв, 13:14 #63 #448525

>>448515
может надо на фронтэнд макаку искаться хотяб?

Ответы>>448548

26 Янв, 13:15 #64 #448526

>>448522
В работе очень часто приходится гуглить, не? По крайней мере первые 3-5 лет работы.

26 Янв, 13:16 #65 #448528

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

Ответы>>448548

26 Янв, 13:18 #66 #448533

тем более что зная js набрать за месяц знаний на php джуна вполне можно

26 Янв, 13:41 #67 #448548

>>448528
Не, бекенд не хочу, с самого начала на фронт нацелен. Хотел только через 3+ лет если буду хорошо знать js попробовать node.js. Да, лучше не устраиваться.
>>448525
Да в моем городе очень мало таких ваканский, по пальцам одной руки можно посчитать. Иногда бывает около десяти, но там большинство с довольно высокими требованиями, я на них смогу только через год претендовать.

Ответы>>448555

26 Янв, 13:55 #68 #448555

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

Ответы>>449454

26 Янв, 15:21 #69 #448630

Где скачать нормальный фотошоп CS 6? Я устал искать - либо не ломается нормально, либо вирусня.

Ответы>>448632>>448650

26 Янв, 15:24 #70 #448632

>>448630
rutracker
затроллил

26 Янв, 15:26 #71 #448633

Сколько времени нужно, чтобы самостоятельно научиться хорошо кодить с нуля? Т.е. сколько лет надо учить java, C+, C#, etc чтобы влиться в работу кодера и уже продолжать развиваться в этой сфере, зарабатывая этим на жизнь?
Мимо 24 лвл

Ответы>>448635>>449447

26 Янв, 15:26 #72 #448635

>>448633
в /pr

26 Янв, 15:40 #73 #448650

>>448630
Зачем тебе старье?
https://nnm-club.me/forum/viewtopic.php?t=973156
https://nnm-club.me/forum/viewtopic.php?t=967176

Ответы>>448653>>448658

26 Янв, 15:42 #74 #448653

>>448650
От души.

26 Янв, 15:45 #75 #448658

>>448650
А он будет без видяхи работать?

Ответы>>448682

26 Янв, 16:03 #76 #448682

>>448658
ты же двач видишь? Значит видяха есть. Хули бы ему не идти, хоть и хуево.

26 Янв, 16:06 #77 #448687

>>447305
Просто родителю абсолютно спозиционированного элемента задаешь position: realative.

26 Янв, 16:07 #78 #448688

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

Ответы>>448690>>448705

26 Янв, 16:08 #79 #448690

>>448688
он вообще нихуя не понимает, какой нахуй левел ап?! Он этот левел будет в гугле год апать

Ответы>>448705>>448789

26 Янв, 16:16 #80 #448705

>>448688
>>448690
Я уже решил не идти к ним, буду дальше дрочить верстку и JS, мне как раз JS не хватает чтобы подойти под ещё несколько вакансий регулярно появляющихся в моей мухосрани.

Ответы>>448746

26 Янв, 16:48 #81 #448746

>>448705
Везёт. У меня была единственная вакансия в городе версталы. Но пока я начал учить все дела, вакансия ушла в архив. Сейчас им тоже нужна пхп-макака. Думаю написать им мотивированное письмо, мол возьмите на стажировку (версталой) за еду, чтобы поучился. Как думаете могут взять?

Ответы>>448792

26 Янв, 17:43 #82 #448789

>>448690
Хули там апать - если тестовое задание сделает, то и на рабочем месте вполне справляться будет.
Но эта корзинка зассыт и дальше будет дрочить дома, думая что прогрессирует.

Ответы>>448797>>448843

1953 Кб, 1681x901

26 Янв, 17:45 #83 #448792

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

Ответы>>448797

26 Янв, 17:49 #84 #448797

>>448792
>>448789
Это мотивации посты?

Ответы>>448804

26 Янв, 17:53 #85 #448804

>>448797
Это мотивации хуйцы. У тебя за щекой. Ты знаешь что делать.

26 Янв, 18:25 #86 #448843

>>448789
Апнул тебе за щеку, мотиватор. Проверяй.

Ответы>>448850

26 Янв, 18:35 #87 #448850

>>448843
Ничего нет. Ты как обычно зассал и передумал на полпути.

Ответы>>448890

26 Янв, 19:21 #88 #448890

>>448850
Самостоятельно изучать интересующие технологии намного лучше, чем работать с тем, в чем не заинтересован.

Ответы>>448900

26 Янв, 19:34 #89 #448900

>>448890
Само собой, няша. Только у 99% корзиночек это сводится к "Ой, ну это мне неинтересно, к этому я еще не готов." и дрочеву одних и тех же простейших теоретических задачек.
Но ты, конечно, исключение.

Ответы>>448902

26 Янв, 19:35 #90 #448902

>>448900
>Только у 99% корзиночек это сводится к
Ты сказал?

Ответы>>448904

26 Янв, 19:37 #91 #448904

>>448902
Статистика. Но ты прав безусловно, тебе же с дивана виднее.

Ответы>>448905

26 Янв, 19:38 #92 #448905

>>448904
>Статистика
И тут ты такой с пруфами, диванный.

Ответы>>448931

102 Кб, 768x658

26 Янв, 20:08 #93 #448931

>>448905
Я другой анон, но отчасти обсиратель прав. Очень мало людей способны к самообучению, вот почему есть такой бешеный спрос на погромистов. А ты поменьше бы агрился и засел за обучение.

26 Янв, 23:17 #94 #449138

Зацените посоны.
http://codepen.io/Ykro314/pen/Wrzgbw
В код можете особо не вглядываться, он ужасен, голова уже не варит его рефракторить.

Ответы>>449139>>449192>>449560

26 Янв, 23:17 #95 #449139

>>449138
>рефакторить
фикс

27 Янв, 00:28 #96 #449192

>>449138
Нахуй внутри ссылки спан?

Ответы>>449203

27 Янв, 00:38 #97 #449203

>>449192
Нужен чтобы текст внутри кнопки не перекрывался при развороте круга.
Первое что в голову пришло - добавить спан и повысить ему z-index.

Ответы>>449206

27 Янв, 00:41 #98 #449206

>>449203
Ты серьезна? Ебаааааать, я съёбываю с этого треда.

Ответы>>449208

27 Янв, 00:43 #99 #449208

>>449206
Предложи вариант получше, я внимательно слушаю.

92 Кб, 968x345

Фильтр 27 Янв, 12:46 #100 #449416

Привет, верстаны.
Есть достаточно сложный (на мой взгляд) фильтр, который я не могу сделать. Состоит из двух частей. По сути, это два фильтра, которые образуют один. Пикрелейтед.
Принцип работы: выбираем количество денех в первом фильтре, выбираем количество часов во втором и из этих значений должна получаться итоговая цена.
Я сделал второй, и то через жопу, так как из знаний жс у меня только урок из обычного интенсива.
Буду очень благодарен за помощь, могу кинуть на вебмани 200-300 рублев.

Ответы>>449427>>449517

27 Янв, 13:07 #101 #449427

>>449416
Кидай исходники с подробными пояснениями, если будет время - гляну.

27 Янв, 13:43 #102 #449445

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

по поводу скриптов, есть атрибут async, по поводу картинок, вся эта поебота не нужна, ибо пользователю нужно как можно скорее преступить к возможности читать статью, смотреть видосики и прочее. а тут такой затуп будет с отрисовкой элементов.

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

Ответы>>449865

27 Янв, 13:44 #103 #449446

>>448500
а, да, и еще, педрила, научись код в jsfiddle.net или подобное говно оборачивать, уебище. ненавижу, блядь, таких мудаков, не читающих шапку треда.

27 Янв, 13:49 #104 #449447

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

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

27 Янв, 14:03 #105 #449454

>>448555
этого поддвачну, сам напиздел много, когда устраивался, а потом проебался в процессе работы. итог: первые полгода меня подъебывали, предлагая написать что-нибудь на js.

Ответы>>449455

27 Янв, 14:05 #106 #449455

>>449454
легко отделался, могли же и на дверь показать

Ответы>>449466

27 Янв, 14:17 #107 #449466

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

Ответы>>449520

27 Янв, 15:56 #108 #449511

Поясните, почему моя стрелка только как четвертый ребенок определяется? В контейнере же всего 2 объекта с классом arrow. first-child соответственно тоже не работает.
http://codepen.io/anon/pen/jWxOwg

Ответы>>449518>>449522

27 Янв, 16:05 #109 #449517

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

27 Янв, 16:07 #110 #449518

>>449511
.catalog .filter a:nth-child() и не еби мозг. First child к родителю элементов применяется. Ты применяешь к .arrow у него нет детей.

84 Кб, 284x339

27 Янв, 16:08 #111 #449520

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

Ответы>>449521>>452723

27 Янв, 16:10 #112 #449521

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

27 Янв, 16:10 #113 #449522

>>449511

бля, когда уже сделают nth-of-class, ну ебаный ты в рот.

40 Кб, 440x383

27 Янв, 16:42 #114 #449533

Пример: https://jsfiddle.net/fv0dmp0x/

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

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

Ответы>>449540>>449541>>449548

27 Янв, 16:49 #115 #449540

>>449533
пизды дизайнеру. Вангую он про мобилы и не вспоминал

27 Янв, 16:50 #116 #449541

>>449533
>Какие есть общие рекомендации по поводу ховера
Забыть про него нахуй

27 Янв, 16:57 #117 #449548

>>449533

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

Ответы>>449552

27 Янв, 17:02 #118 #449552

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

Ответы>>449554

27 Янв, 17:04 #119 #449554

>>449552

тогда наверное можно сразу обернуть все в ссылку на другую страницу.

Ответы>>449565

27 Янв, 17:10 #120 #449560

>>449138
Что тут должно быть? НА фаерфоксе ничего не происходит, так и должно быть?

Ответы>>449605

27 Янв, 17:13 #121 #449563

Посоны, посмотрел я тут Amazon и придумал, как можно сделать:
Сейчас кнопка — это тэг a. Текст находится внутри контейнера <div class="card">.
Сделаю контейнер ссылкой, а кнопку через span или div реализую. То есть она будет иметь только декоративную функцию. На мобиле вообще ее скрою.

Ответы>>449594

27 Янв, 17:14 #122 #449565

>>449554
пока писал, не видел твой пост.

27 Янв, 17:46 #123 #449594

>>449563
Вот скажите мне, как делать КРОСПЛАТФОРМЕННОСТЬ эту?
Вы верстаете один макет, который адаптируется под разные разрешения?
Или вы для декстопа и мобил верстаете отдельные страницы, как например m.vk.com и vk.com

второй день изучаю вёрстку

Ответы>>449600>>449601>>449623

27 Янв, 17:47 #124 #449600

>>449594
Ты путаешь понятия. Кроссплатформенность и адаптивность разыне вещи.

Ответы>>449604

27 Янв, 17:48 #125 #449601

>>449594
Ебать ну и словечко. Адаптивности и кроссбраузерности неловко аж стало.

27 Янв, 17:50 #126 #449604

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

27 Янв, 17:50 #127 #449605

>>449560
спасибо что отметил
Попробуй сейчас, должно работать.

27 Янв, 17:53 #128 #449608

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

Ответы>>449612

27 Янв, 17:59 #129 #449612

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

Ответы>>449615>>449618

27 Янв, 18:00 #130 #449615

>>449612
все нашел, не надо Ctrl ++ блядь

27 Янв, 18:02 #131 #449618

>>449612
попробуй ctrl и плюс

мимо-анон, файербаг не юзаю

Ответы>>449619

27 Янв, 18:02 #132 #449619

>>449618
о, зря написал, ты сам нашел лол

27 Янв, 18:06 #133 #449623

>>449594
>m.vk.com и vk.com
Хз, это какой-то пердолинг на бэкенде, видимо. Я не сталкивался.

Дизайнер должен сделать макет начиная с мобильного, потом планшет и так до десктопа. Даже принцип такой есть "Сначала мобильные". В реальности мне приходилось за дизайнера думать, был только один макет для десктопа

От тебя требуется:
1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
2. max-width: 100% для изображений и прочих медиа
3. задавай значения в процентах, em, rem.
4. Кнопки должны быть покрупнее, 48 на 48 пикселей, например (это больше к дизайнеру относится)
5. в CSS используешь @media выражения для того, чтобы менять раскладку, взависимости от ширины экрана. Допустим, у тебя 3 блока в 3 колонки на декстопе, на мобиле одна колонка и блоки идут друг под другом и т. д. (такой подход называется column drop, он не единственный) при выборе какие именно значения max-width или min-width не советую ориентироваться на популярные размер экранов (все равно они постоянно меняются), смотри как у тебя что помещается по ширине, то есть все идет от дизайна.
6. Еще @media выражения могут работать с пиксельной плотностью, короч для ретины и прочих мобилок нужно большего размера графику.

Ответы>>449627>>449746

27 Янв, 18:09 #134 #449624

По поводу <meta name="viewport" content="width=device-width, initial-scale=1.0"> почитай тут:
https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=ru

Ответы>>449627

76 Кб, 720x800

27 Янв, 18:14 #135 #449627

>>449623
>>449624
Спасибо тебе, ананас.

27 Янв, 20:14 #136 #449746

>>449623
второй пункт необязателен во многих ситуациях
мимо

187 Кб, 400x200

27 Янв, 20:55 #137 #449804

как такую залупу сделать? просто треугольник показывает фон блока розового, а надо картинки.

Ответы>>450172>>454752

27 Янв, 21:37 #138 #449865

>>449445
Кекнул, картинки в асинке грузятся вообще-то

В остальном согласен, нахуй такое делать не нужно, я уже ему в жс треде говорил.

Ответы>>452722

27 Янв, 22:20 #139 #449894

Судари ответьте на пару вопросов, а немного позже выкачу свой первый ололо-адаптив на полубеме бля. я знаю, что вам это очень интересно
Вот сидел я значит несколько месяцев читал вашу эту верстку, почитал про селекторы, юзал всякие селекторы input[type="radio"]+label... .div>div>a и т.д и т.п И вот дочитал я до БЭМ. Немного ахуел от политики этой методологии. Вроде бы заебись все, но там я так понял половина этих селекторов не используется, все именуется классами Блок__ебать-как-я-люблю--БЭМ. И мне так стало грустно.И как-то теперь не по себе, все равно что всю жизнь вытирать жопу правой рукой, а тут бац и левой. Вообще стоит париться с этим бемом или делать как раньше делал. Насколько это необходимая техника.

Ответы>>449895>>449904>>449952>>450070>>450125

27 Янв, 22:27 #140 #449895

>>449894
лучше бы less/sass/stylus задрочил вместо нахуй не нужной хуйни. кто ее юзает? яндекс?

27 Янв, 22:39 #141 #449904

>>449894
Чем меньше ты используешь таких непонятных говноселекторов, тем меньше вероятность ошибок.
БЭМ подразумевая отказ от каскадности вообще, поэтому стили писать гораздо проще.
Да, советую задрочить его (хотя там нечего дрочить, за две минуты учится, надо только наловчиться придумывать понятные имена классам), используется очень много где в том или ином виде.

Ответы>>449907

27 Янв, 22:43 #142 #449907

>>449904
Думаю програмизды ахуевают от такой верстки. Но это же и в их благо

Ответы>>449912

27 Янв, 22:47 #143 #449912

>>449907
Это да.
Но в целом получается всё намного проще и удобней.

Ответы>>449918

27 Янв, 22:50 #144 #449918

>>449912
Кстати, я так понял что БЭМ это ноу-хау яндекса. Ну ок, в пидорахе многие верстают по этой методологии. А что за бугром? Они хоть слышали об этом?

Ответы>>449949

27 Янв, 23:20 #145 #449949

>>449918
Ну там больше всетаки smacss, но бэм обороты набирает. Была у Коера у того же статья на css-tricks, Галахер вон предложил модификатор отделять по-другому. Так что слышали эт факт

27 Янв, 23:22 #146 #449952

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

28 Янв, 01:41 #147 #450031

Вот он полубэмовый резиновый говноадаптив.
http://c12266.shared.hc.ru/onelook/index.html
Что-нибудь кроме приставки говно получилось?
В видосах говорилось что если резина+адаптив типа брекпоинты более плавные. Вывод: пиздешь или у меня не получилось.

Ответы>>450382>>450490>>453009

28 Янв, 06:45 #148 #450070

>>449894
>половина этих селекторов не используется

в этом весь кайф. каскадность и прочая селекторная ебатория каскадируют к хуям собачьим.

28 Янв, 10:57 #149 #450125

>>449894
БЭМ — годная идея. Единственная трудность заключается в придумывании имен классов. Но со временем у тебя расширится, так сказать, словарный запас и это перестанет быть проблемой.

Ответы>>450135

28 Янв, 11:06 #150 #450135

>>450125
А типа без бэма нормальные имена придумывать не надо ? Лол

28 Янв, 11:13 #151 #450138

>>450133
Спасибо, поел!

28 Янв, 11:16 #152 #450140

>>450133
мать твоя шлюха её весь тред ебал а потом мы её сожгли

Ответы>>450143

28 Янв, 11:18 #153 #450143

>>450140
Я ебал если что первый. Не люблю вторяки.

28 Янв, 12:21 #154 #450172

>>449804
Что блядь к чему вообще, код хоть скинь ебан

Ответы>>450379

28 Янв, 14:48 #155 #450330

Здрасте, господа верстальщики. Имеется некоторый дизайн сайтика компании, с бложиком, интернет-магазином и парой фиксированных страниц типа "оплата-доставка", "FAQ" и т. п., нарисованный в AI, и, по сути, представляющий собой набор примеров страниц сайта.
Этот дизайн необходимо сверстать и натянуть на движок (лично мне интересен Wordpress, но это обсуждаемо, возможно это должен быть OpenCart).
Можете ли вы дать ориентировку, сколько примерно нынче стоит подобная услуга на рынке вёрстки, на ваш личный каждого, кому не влом ответить, взгляд?
Возможно, кто-то даже интересуется подобной работой и готов обсуждать конкретику?..

Ответы>>450380

28 Янв, 14:51 #156 #450333

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

28 Янв, 15:40 #157 #450379

>>450172
Есть блок поверх картинки. Сбоку такая выемка (прозрачная). Пробовал с помошью цсса в ::after запихать прозрачный треугольник, но видно только фон этого блока, а не картинки.

Ответы>>450484

28 Янв, 15:41 #158 #450380

>>450330
Без макета со всеми пояснениями тут тебе никто ничего толком не объяснит.
Одна и та же страница блога может стоить, например, до 30 баксов, за простенький вариант, 30-60 за сложный вариант с кучей элементов. А если еще хочешь анимации, всякие, скрытые блоки, всплывающие окна и прочее дерьмо, то и того дороже. По инет-магазинам вообще молчу.
Так что только макет смотреть, никак иначе.
По натяжке на движки не знаю, таким макакингом не занимаюсь.

Ответы>>450398>>450410

28 Янв, 15:43 #159 #450382

>>450031
1) сделай анимации при изменении ширины
2) шрифты нечитаемые
3) появляются непонятные белые отступы на маленьком экране.

28 Янв, 15:46 #160 #450384

Пацаны, хотите прикол?
http://smagro36.ru/
70 К РУБЛЕЙ
СЕМЬДЕСЯТ
ЗА ЧТОООО???

Ответы>>450399>>450400>>450402>>450481

28 Янв, 16:12 #161 #450398

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

Ответы>>450410

28 Янв, 16:12 #162 #450399

>>450384
этож cms

Ответы>>450404

28 Янв, 16:12 #163 #450400

>>450384
а че, респонсив не заделали?

28 Янв, 16:14 #164 #450402

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

28 Янв, 16:15 #165 #450404

>>450399
cms ради того, чтобы выложить 3.5 товара, которые не изменяются 10 лет?
это из-за неё так дорого?

Ответы>>450405

28 Янв, 16:16 #166 #450405

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

Ответы>>450408

28 Янв, 16:18 #167 #450408

>>450405
они ещё и наполнение делали, фотки, вот это всё
для меня было бы это идеальной работой

28 Янв, 16:24 #168 #450410

>>450398
>>450380
Куда вам макет скинуть можно?

Ответы>>450411

28 Янв, 16:26 #169 #450411

>>450410
Сюда

Ответы>>450414

28 Янв, 16:31 #170 #450414

>>450411
Сюда могу только анус пса скинуть, к сожалению. Устроит?

Ответы>>450425

28 Янв, 16:45 #171 #450425

>>450414
Тогда на хуй иди, лось ебаный.

28 Янв, 17:42 #172 #450481

>>450384

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

28 Янв, 17:46 #173 #450484

>>450379
Ты реально тупой?

28 Янв, 17:48 #174 #450490

>>450031
Форму в самом низу на лоу разрешениях оцентруй

28 Янв, 17:56 #175 #450496

https://jsfiddle.net/161dbpup/
Почему с <section> код не работает? Почему когда я убираю его всё отлично?

Ответы>>450502

28 Янв, 18:11 #176 #450502

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

Ответы>>450505>>450512

28 Янв, 18:14 #177 #450505

>>450502
>Могу по взгляду на одну строчку кода понять где стоял твой ебучий секшн
фикс

28 Янв, 18:18 #178 #450512

>>450502
А извини, сохранился без него.
https://jsfiddle.net/161dbpup/2/

Ответы>>450515

28 Янв, 18:21 #179 #450515

>>450512
Что не работает то?
У тебя на секшне стоит селектор с display: none

Ответы>>450535

28 Янв, 18:26 #180 #450521

Я один охуел от конечных заданий по css на htmlacademy? Все задания давались относительно легко. А тут прямо ракету построить нужно.

Ответы>>450532>>450533

28 Янв, 18:35 #181 #450532

>>450521
рисуем сову хули

28 Янв, 18:35 #182 #450533

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

162 Кб, 1442x520

28 Янв, 18:37 #183 #450535

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

Ответы>>450536

28 Янв, 18:39 #184 #450536

>>450535
href="/css/sedona.css"

Ответы>>450545

28 Янв, 18:44 #185 #450545

>>450536
Так он вообще эти стили не подгружает. Ладно.

Ответы>>450548

28 Янв, 18:48 #186 #450548

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

Ответы>>450558

28 Янв, 18:56 #187 #450558

>>450548
С другим была пробелма, сори за мусор в треде.

28 Янв, 19:00 #188 #450565

господа подскажите почему фотошоп на макете не определяет шрифт. а именно один и тотже Georgia Regular пишет везде ???

Ответы>>450570

28 Янв, 19:04 #189 #450570

>>450565
Потому что у тебя их нет на пк.

Ответы>>450572

28 Янв, 19:05 #190 #450572

>>450570
скачивать именно для фотошопа ?

Ответы>>450576

28 Янв, 19:10 #191 #450576

>>450572
шрифт установлен в системе а не конкретно в фотошопе, качаешь устанавливаешь в шопе появится

Ответы>>450582

28 Янв, 19:16 #192 #450582

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

Ответы>>450588>>450589

28 Янв, 19:18 #193 #450588

>>450582
да хоть где, хоть впаше https://vk.com/nfonts

Ответы>>450592

28 Янв, 19:19 #194 #450589

>>450582
но я подозреваю тебе нужен https://www.google.com/fonts

Ответы>>450591

28 Янв, 19:23 #195 #450591

>>450589
да в перечне у фотошопа шрифтов много. но распознает от всегда только один

28 Янв, 19:24 #196 #450592

>>450588
надо чтобы фотошоп узнал что это за шрифт чтобы потом задать его

Ответы>>450595

28 Янв, 19:29 #197 #450595

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

28 Янв, 22:15 #198 #450759

SASS, SCSS, Compass, LESS, Stylus, PostCSS.
Поясните, что перспективнее что ли. Сам пока юзаю лесс, его возможностей хватает.

Ответы>>450766

28 Янв, 22:22 #199 #450766

>>450759
js
работаешь ?

Ответы>>450912>>451166

29 Янв, 00:26 #200 #450874

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

Ответы>>450901>>450985

29 Янв, 01:05 #201 #450901

>>450874
Не сможешь.

507 Кб, 1024x600

29 Янв, 01:13 #202 #450905

Так нужен совет. Как верстать эти белые треугольники что выделены прямоугольником? Пердолитьтся с css и transform или тупо сделать картинками?

Ответы>>450917

1199 Кб, 945x627

29 Янв, 01:21 #203 #450912

>>450766
Двачую этого. JS скоро джаву своими корявыми гусеницами передет. И поедет дальше других давить

Ответы>>451075>>451166

29 Янв, 01:27 #204 #450917

>>450905
Вырезай картинкой.

29 Янв, 08:56 #205 #450985

>>450874 начни академию учить и сразу поймешь.

29 Янв, 12:19 #206 #451068

Надеюсь правильно распишу. Есть например главное меню. Я попытался назвать селекторы по БЕМу (понравилось, что уж). При этом еще учусь less. Так вот в интенсиве говорят что больше двойной вложенности - плохо. Но из-за именования селекторов в стилях очень удобно добираться вложенностями. Сначала пишем имя блока в него вкладываются его элементы, а в них уже модификаторы. А если еще и псевдоклассы расписывать то не менее 5 вложенностей выходит. С одной стороны удобно, а с другой говорят это фу. Как быть?
http://codepen.io/anon/pen/obdKwP?editors=1100

Ответы>>451086>>451109

20 Кб, 604x438

29 Янв, 12:35 #207 #451075

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

Ответы>>451119

29 Янв, 13:02 #208 #451086

>>451068

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

Ответы>>451096

29 Янв, 13:16 #209 #451096

>>451086
Видел уже. Но если я использую лесс, не значит ли что похуй что там в css?

Ответы>>451110

29 Янв, 13:32 #210 #451109

>>451068
> <a class="link-active" href="/#">Карта штата</a>

29 Янв, 13:34 #211 #451110

>>451096

ты ебанулся штоле? как это "похуй что в css"?

29 Янв, 13:43 #212 #451119

>>451075
https://github.com/blog/2047-language-trends-on-github

Ответы>>451130

174 Кб, 756x575

29 Янв, 13:45 #213 #451120

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

29 Янв, 14:04 #214 #451130

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

Ответы>>451133

29 Янв, 14:09 #215 #451133

>>451130
за пыху поясни. надо её дрочить ?

Ответы>>451151

106 Кб, 471x314

29 Янв, 14:27 #216 #451149

Поясните за БЭМ. Вот эти 2 элемента по бэму это все нужно расписывать под разными классами копируя содержимое и изменяя только флоат лефт и райт, или все сделать глобальным классом, задав уникальные классы только ебучим флотнутым элементам и контейнеру с разными бэкграундами?

Ответы>>451163>>452713>>452715

29 Янв, 14:28 #217 #451150

Заебала эта поебота. Как убрать?
https://jsfiddle.net/r5uabug9/
Ставлю li ibhbye 25%, а последний элемент оказывается за бортом. Как убрать эти пробелы между элементами.

Ответы>>451155>>451158

29 Янв, 14:28 #218 #451151

>>451133
да, он развивается и еще надолго король бэк-енда. Хотя и пыха и JS сорта говна, по сути. JS это такой бомж, который долгое время собирал на свалке "лучшее" говно с других ЯП, все это сложил вместе-получилась какая-то куча неведомого, дырявого говна, но которое работает. Бомж этот отрастил бороду и теперь называется хипстером. Так же считает своим долгом защищать свое говноделие во всех диспутах как родное дитя. Еще этот бомж лезет во все дыры неизменно повторяя брызжа слюной "и на ЖС так можно" или "зато АССИНХРОННО".
Пэхапе-это шлюха-старуха, к которой подбирают все новые и новые стринги, ее знают во всех хостинг борделях, она уже всех заебала своей кривизной, но по-прежнему отменно сосет, а что еще надо?

Ответы>>451552

29 Янв, 14:31 #219 #451155

>>451150

Задай ul font-size 0

Ответы>>451160

29 Янв, 14:32 #220 #451158

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

Ответы>>451160

29 Янв, 14:35 #221 #451160

>>451158
>>451155
Спасибо. Сработало, но при этом пришлось переопределить у li font-size.

29 Янв, 14:39 #222 #451163

>>451149

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

Ответы>>451170

sage 29 Янв, 14:44 #223 #451166

>>450766
>>450912
Охуеть, ребят, спасибо за совет!

29 Янв, 14:48 #224 #451170

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

Ответы>>451173

29 Янв, 14:54 #225 #451173

>>451170

значит не расписывай!

29 Янв, 14:54 #226 #451174

Я так понимаю БЭМ эта такая хуйня которая убивает принцип наследования в css? Вообще он удобный, каскад же, Css же блядь, ну что за хуйня?

Ответы>>451176

29 Янв, 14:58 #227 #451176

>>451174
Это для того чтоб потом когда тебя уволят, в твоей верстке могла разобраться даже уборщица в офисе.

Ответы>>451179

29 Янв, 14:59 #228 #451179

>>451176
а понятное наименование и комментарии уже не котируются?

Ответы>>451183

29 Янв, 15:03 #229 #451183

>>451179
Дело не в комментариях. Дело в том что при дальнейшей модификации проекта, будет гораздо проще добавив класс, чем разбираться с глобальными классами, наследованием *>+~.#>>+>##

29 Янв, 15:05 #230 #451187

>>45115
шикарно / схоронил

419 Кб, 1279x756

29 Янв, 15:37 #231 #451211

Котаны, не могу понять как в седоне модалка должна открываться и вообще где ее четкие границы.
Надпись ПОИСК ГОСТИНИЦЫ В СЕДОНЕ - это и есть кнопка, при нажатии на которую выходит окошко ниже (выходя как бы из этой надписи-кнопки) или это тупо часть модального окна, его заголовок?

Ответы>>451214

29 Янв, 15:42 #232 #451214

>>451211

https://github.com/ayrgrant/sedona

Скачай у него, посмотри

Ответы>>451215>>451404

29 Янв, 15:43 #233 #451215

>>451214
нахуй качать? https://ayrgrant.github.io/sedona/

Ответы>>451217>>451404

29 Янв, 15:47 #234 #451217

>>451215

Чтобы в коде порыться

Ответы>>451218>>451404

29 Янв, 15:47 #235 #451218

>>451217
он функционал не понял

Ответы>>451404

29 Янв, 18:14 #236 #451404

>>451217
>>451215
>>451214
>>451218
Все понял, работает оно так как я и думал.
А это чей гитхаб?
И еще, вопрос сразу на будущее - я сверстал уже нердс и техномарт, никто не будет возражать в смысле авторских прав если я их в портфолио засуну? За интенсив я не платил.

Ответы>>451406>>451411

138 Кб, 300x300

29 Янв, 18:18 #237 #451406

>>451404

29 Янв, 18:28 #238 #451411

>>451404
можешь сувать все, кроме дизайна (ну в смысле psd)

29 Янв, 19:21 #239 #451473

Открыл макет техномарта и охуел. Как его верстать? Что это за ад?

Ответы>>451476

29 Янв, 19:25 #240 #451476

>>451473
что там тяжелого? пройдя курс можно верстать

Ответы>>451487>>451503

109 Кб, 209x192

29 Янв, 19:31 #241 #451487

>>451476
> техномарт
А если я смогу такую ебалу сверстать, меня верстальщиком возьмут работать?

мимодругойхуй

29 Янв, 19:36 #242 #451503

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

Ответы>>451507>>451528

29 Янв, 19:38 #243 #451507

>>451503
И что именно не так там?

Ответы>>451547

29 Янв, 19:44 #244 #451528

>>451503
>>451503
хтмл академи базове курсы проходишь
потом интенсив смотришь
верстаешь макеты(пытаешься)
потом продвинутые курсы проходишь
смотришь продвинутый интенсив
НАЧИНАЕШЬ ИЗУЧАТЬ ЖС !!!
ПИЗДУЕШЬ НА РАБОТУ

Ответы>>451532>>451547

29 Янв, 19:46 #245 #451532

>>451528
> ПИЗДУЕШЬ НА РАБОТУ
Вот тут заплакал.

Ответы>>451537

29 Янв, 19:48 #246 #451537

>>451532
не возьмут ?

Ответы>>451539

29 Янв, 19:49 #247 #451539

>>451537
Нет, просто работать не хочу, а нужно.

Ответы>>451545

29 Янв, 19:50 #248 #451545

>>451539
так поди не умеешь нихрена. полюби и выучи веб и будешь норм зарабатывать

Ответы>>451546

29 Янв, 19:50 #249 #451546

>>451545
> полюби
А этот сделать?

Ответы>>451553

29 Янв, 19:51 #250 #451547

>>451528
при чем тут я?

>>451507
меня вводит в ступор панель, где написано "техномарт". Если я правильно думаю, то там надо делать два списка: 1) логотип и поиск(флоат лефт) 2) закладки, корзина и оформить заказ(флоат райт). Правильно думаю или все хуйня?

Ответы>>451551

29 Янв, 19:53 #251 #451551

>>451547
> два списка
Зачем списком?

Ответы>>451556

230 Кб, 599x354

29 Янв, 19:53 #252 #451552

>>451151
>>451151
Браво, анон. Хоть и не Набоков, но классно описал ситуацию.
>получилась какая-то куча неведомого, дырявого говна, но которое работает
Прям как я. У меня главное что бы "работало". Знаю что это очень плохо заканчивается

Ответы>>451574>>451902

29 Янв, 19:54 #253 #451553

>>451546
>а как это сделать
слоуфикс

Ответы>>451557

29 Янв, 19:55 #254 #451556

>>451551
а как? два блока сделать вместо списка?

Ответы>>451563

29 Янв, 19:55 #255 #451557

>>451553
посмотри на современные возможности и перспективы веба

Ответы>>451561>>451579

113 Кб, 768x1024

29 Янв, 19:55 #256 #451558

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

Ответы>>451562

29 Янв, 19:56 #257 #451561

>>451557
Ну, в принципе очевидно, что это все перспективно, потому и начал учить. Но рынок проебали.

29 Янв, 19:56 #258 #451562

>>451558
это фронтэнд

Ответы>>451565

29 Янв, 19:57 #259 #451563

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

Ответы>>451566>>451572

29 Янв, 19:57 #260 #451565

>>451562
Я знаю, мне интересно, что там с тем аноном.

29 Янв, 19:58 #261 #451566

>>451563
почему не лого ?

20 Кб, 991x222

29 Янв, 19:59 #262 #451572

>>451563
а что тогда там лого?

Ответы>>451577>>451591

29 Янв, 20:00 #263 #451574

>>451552
>главное что бы "работало"

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

29 Янв, 20:00 #264 #451577

>>451572
Ну тогда лого, хули.

Ответы>>451584

29 Янв, 20:01 #265 #451579

>>451557
Где смотреть?

Ответы>>451582

29 Янв, 20:02 #266 #451582

>>451579
погугли блядь

Ответы>>451585

19 Кб, 969x215

29 Янв, 20:03 #267 #451584

>>451577

Ответы>>451586>>451591

29 Янв, 20:03 #268 #451585

>>451582
Ну охуеть.

29 Янв, 20:03 #269 #451586

>>451584
У тебя случайно нет нервных расстройств?

Ответы>>451588

18 Кб, 659x159

29 Янв, 20:06 #270 #451588

>>451586
нет

Ответы>>451591>>451592

29 Янв, 20:07 #271 #451591

>>451572
>>451584
>>451588
да это же роберт смит

29 Янв, 20:07 #272 #451592

>>451588
Ну ладно.

29 Янв, 21:09 #273 #451662

Насчет БЭМа я понял две вещи:
1) учиться и верстать портфолио/проекты для того, чтобы показать их на собеседовании лучше просто следуя общим методологиям цсс
2) Если на работе требуют БЭМ, то в нем разобраться и привыкнуть к нему можно за пару часов.
Короче - нахуй БЭМ для учебы.

Ответы>>451663

29 Янв, 21:10 #274 #451663

>>451662
статью читануть перед собеседование можно помоему

Ответы>>451668

29 Янв, 21:14 #275 #451668

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

Ответы>>451677>>451693>>452712

29 Янв, 21:22 #276 #451677

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

Ответы>>451696>>451739

29 Янв, 21:27 #277 #451686

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

29 Янв, 21:29 #278 #451693

>>451668

слабак

29 Янв, 21:30 #279 #451696

>>451677
Я все это понимаю, но зачем такая йоба для верстки какого-нибудь техномарта/седоны? Методички прочитал, еще пары статей тоже прочитал. Может сверстаю по БЭМу какой-нибудь нердс, например, чисто для примера, так сказать.

528 Кб, 800x480

433 Кб, 800x480

29 Янв, 21:57 #280 #451733

А если я в адаптиве все буду делать через rem - маржины, paddingи , hight element, это будет говноедством? Думал через проценты делать, так для это надо задавать высоту родителя. Просто смотрю сейчас на сайт на своем eeePC 701 и с высотой ВСЕ ОЧЕНЬ ПЛОХО. Делал высоты с пикселами, старался делать все соотвествуя шаблону, но на практике не сходтся - первый пик шаблон PSD, второй сайт. Нижняя граница фото гор вообще не там где ожидалось. Может я проебал эффект когда отступы наследуються? Забыл как эта ебала называеться, напомните, я погуглю.

29 Янв, 22:05 #281 #451739

>>451677
>>451677
Немного занимался djangо, там есть такая прикольная вешь как наследование. Страницу можно шить кусками из других страниц. Охуть я только сейчас понял что БЭМ это просто постулаты ООП перенесеные в верстку. Но джанго помоему понятней блять.

Ответы>>451750

29 Янв, 22:19 #282 #451750

>>451739
Как раз таки наоборот, в бэме вообще нету наследования. Алсо, наследование в ЯП тоже говно, ФП во все поля.

Ответы>>451760

29 Янв, 22:31 #283 #451760

>>451750
Инкомпсуляция. Наследования да, в БЭМе нету. ФП это что, фунциональные языки?
А размеры шрифтов вы задаете фиксировано, в пикселах. в адаптиве?

Ответы>>451781

29 Янв, 22:47 #284 #451781

>>451760
Инкапсуляции тоже нету, лол.
В ксс модулях вот там может быть (но они говно).
Шрифты через rem, хотя обычно в пикселях, давно не делал адаптивных сайтов, сейчас от них как-то отошли, чаще делают отдельную версию под мобилки, а на планшетах и обычная норм идёт.

Ответы>>451799

1102 Кб, 2560x1430

29 Янв, 23:10 #285 #451798

ОЧЕНЬ круто сделали шапку

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

буду юзать эту ветку для старта

и вот эту
https://2ch.hk/pr/catalog.html (М)

только в ней столько всего ...

__________________

хочу выехать на https://yandex.ru/jobs/vacancies/dev/?cities=146

мне кажется будет пизже
https://yandex.ru/jobs/vacancies/dev/inter_infrastructure_dev_simf/

поэтому штурмую основы

Ответы>>452447

29 Янв, 23:12 #286 #451799

>>451781
>сейчас от них как-то отошли, чаще делают отдельную версию под мобилки, а на планшетах и обычная норм идёт.
Tell me more

Ответы>>451800

29 Янв, 23:15 #287 #451800

>>451799
Ну я про свою компанию чисто говорю
У для мобилок делают всегда отдельную версию, там мини аналог реакта юзается и полная тач поддержка все выкрутасов, упрощенный интерфейс и т.д. Намного быстрее получается сделать такую версию и поддерживать её отдельно, чем поддерживать адаптив и нагружать мобилку большим app.js файлом, обычно не сильно оптимизированным.

Ответы>>451805

29 Янв, 23:20 #288 #451805

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

Ответы>>451814

29 Янв, 23:25 #289 #451814

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

3 Кб, 113x37

30 Янв, 03:39 #290 #451898

Очередной седонодаун на связи. Пытался сделать пикрелейтед полосочки по методу барбершопа и потерпел неудачу. Собственно, черт с ним, у меня намного более даунский вопрос:
почему з-индекс вот тут, например, не работает? Можете не отвечать, намекните хоть как гуглить.
https://jsfiddle.net/1n74roy0/3/

30 Янв, 04:22 #291 #451902

>>451552
>Знаю что это очень плохо заканчивается
Обычно это заканчивается гораздо лучше, чем бесконечное ебалово "чтобы было ИДЕАЛЬНО"

sage 30 Янв, 18:56 #292 #452447

>>451798
Держи нас в курсе, пиздец интересно.

6 Кб, 186x270

30 Янв, 19:54 #293 #452493

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

body {
//bla-bla

& section {
//bla-bla-bla
}
}

вот нахуя тут амперсант то, елки-палки???

Наверное, надо быть терпимее, но чет бомбануло....

192 Кб, 1200x928

30 Янв, 21:54 #294 #452574

Яннп, поясните плиз. Координаты пердолил, дело не в них.

https://htmlacademy.ru/courses/55/run/18

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: анонс поста</title>
</head>
<body>
<div class="post">
<div class="post-title">Интенсив: программа</div>
<div class="post-date">13.09</div>
<div class="post-type"></div>
<div class="post-author">
Автор: <a href="/#">HTML Academy</a>
</div>
<div class="post-stats">
<div class="icon icon-tags"></div>
<a href="/#">интенсив</a>,
<a href="/#">программа</a>
</div>
<div class="post-statss">
<div class="icon icon-comments"></div>
<a href="/#">5</a>
</div>
<div class="post-text">Работа над интенсивом идёт<br> полным ходом. Мы нашли<br> крутых людей в команду и<br> решили еще кучу задач. Но<br> сегодня я подробнее расскажу<br> о работе над программой<br> интенсива.</div>
</div>
</body>
</html>

html, body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 250px;
font-size: 12px;
font-family: "Arial", sans-serif;
line-height: 1.2;
color: #7f8c8d;

}
.post-stats .icon {
width: 15px;
height: 15px;
}
.post {
position: relative;
min-width: 295px;
min-height: 300px;
background: #ecf0f1;
}
.post-date {
display: inline-block;
min-width: 55px;
text-align: center;
background: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 5px solid #bdc3c7;
font-weight: 700;
font-size: 15px;
position: absolute;
top: 50px;
left: 10px;
}
.post-title {
display: inline-block;
position: absolute;
top: 50px;
left: 85px;
font-size: 20px;
color: #2980b9;
}
.post-author {
display: inline-block;
position: absolute;
top: 80px;
left: 85px;
}
a {
text-decoration: none;
color: #2980b9;
display: inline-block;
}
.post-text {
display: inline-block;
position: absolute;
top: 135px;
left: 85px;
background: #ffffff;
padding: 10px 15px 10px 15px;
border-bottom: 5px solid #bdc3c7;
}
.post-type {
display: block;
width: 55px;
height: 55px;
background: #7f8c8d url(/assets/course14/quotes.png) no-repeat center;
border-bottom: 5px solid #bdc3c7;
position: absolute;
top: 125px;
left: 10px;
}
.post-stats {
position: absolute;
top: 100px;
left: 85px;
}
.icon-tags {
vertical-align: middle;
background: url(/assets/course14/post-challenge.png) no-repeat;
display: inline-block;
}
.post-statss {
position: absolute;
top: 100px;
left: 250px;
}
.post .post-statss .icon-comments {
vertical-align: middle;
display: inline-block;
background: url(/assets/course14/post-challenge.png) no-repeat;
}
/
Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10.
Ардеса картинок:
/assets/course14/quotes.png
/assets/course14/post-challenge.png
Картинка "кавычки" выровнена по центру
/

Ответы>>452601>>452610>>452750

30 Янв, 22:41 #295 #452601

>>452574
Помогите, мне очень интересно, что не так.

30 Янв, 23:00 #296 #452610

>>452574
Хочешь чтоб помогли - выкладывать код на песочницу и нормально поясняй что там у тебя работает или не работает.

255 Кб, 1920x1080

30 Янв, 23:48 #297 #452635

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

Ответы>>452644>>452660>>452749

31 Янв, 00:06 #298 #452644

>>452635
Нахуй ты эту парашу проходишь? Пустая трата времени. Скачай интенсив и дрочи htmlbook

31 Янв, 01:35 #299 #452660

>>452635
Нет это нормально.

31 Янв, 03:25 #300 #452680

Анон, возможно это не совсем тот тред, но подскажи тугодуму: когда и для чего стоит использовать ангуляр, реакт? С примерами из жизни в виде конкретных задач. Читаю доки с бесконечными TODO, и в голове полный мрак остается. Могу в базовый js, читал Фланагана, пишу на работе из-за вечного аврала в основном на jQuery.

Ответы>>452681

31 Янв, 03:26 #301 #452681

>>452680
*флэнагана
быстрофикс

31 Янв, 08:39 #302 #452712

>>451668
нехуй каждому блоку задавать свой класс. разберись сначала с блоками article, section и div. потом разбивай сложные блоки на более легкие

31 Янв, 08:43 #303 #452713

>>451149
общие классы им, а потом просто добавь класс к флоату

Ответы>>452715

31 Янв, 08:45 #304 #452715

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

31 Янв, 10:00 #305 #452722

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

31 Янв, 10:03 #306 #452723

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

31 Янв, 11:37 #307 #452748

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

31 Янв, 11:41 #308 #452749

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

31 Янв, 11:43 #309 #452750

>>452574
мудила читай шапку блядь

31 Янв, 17:07 #310 #453009

>>450031
анон ты тут? Расскажи, как ты вообще учил верстку? Сижу уже с ней 3 месяца, но до такого уровня как у тебя мне далеко. Не знаю, что я не правильно делаю.

Ответы>>453018

31 Янв, 17:18 #311 #453018

>>453009
у парня ошибок много, когда глаз наметан, становится видно.

Ответы>>453032

31 Янв, 17:43 #312 #453032

>>453018
ну это конкретно в этом макете много ошибок. http://c12266.shared.hc.ru вот тут посмотри остальные макеты.

Ответы>>453037

31 Янв, 17:48 #313 #453037

>>453032
SEDONA
я бы с яндекс-картами помудрил, но хз как, потому сделал точно так же.

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

Ответы>>453050

31 Янв, 17:59 #314 #453050

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

Ответы>>453088>>453120>>453123

31 Янв, 18:37 #315 #453088

>>453050
>считается ли нормальным

нет

плагиатор ебучий

Ответы>>453100

31 Янв, 18:51 #316 #453097

Есть желание начать изучать верстку.
Через какое время с момента изучения можно выйти на доход 15к в месяц?

Ответы>>453109>>453115

31 Янв, 18:57 #317 #453100

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

31 Янв, 19:17 #318 #453109

>>453097
2 месяца упорного изучения

Ответы>>453116>>453140

31 Янв, 19:30 #319 #453115

>>453097
15К врядли. либо ты спец либо идешь нахуй

31 Янв, 19:30 #320 #453116

>>453109
и кому он нужен будет ?

Ответы>>453159

31 Янв, 19:35 #321 #453120

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

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

31 Янв, 19:36 #322 #453123

>>453050
так зачем ты мне чужой код скидываешь с предложением посмотреть? скидывай свой в следующий раз.

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

385 Кб, 800x921

31 Янв, 19:51 #323 #453140

>>453109
Сукаблиять.
В моём мухосранске нихуя нет front-end вакансий.
Я уже даже сишечку плас плашечку задрачивать начал от скуки.
Что мне делать? Анон, я очень хочу в офис!
В какой город мне ебануть, что-бы мне хватало зарплаты на съём хаты и ролтон?
В какую кампанию податься? Знаю html,css,stylus,js,angular
Анон спаси меня, я сука становлюсь дегенератом. Ещё год два и пиздец...

Ответы>>453145>>453155

31 Янв, 19:56 #324 #453145

>>453140
лол. типа во фриланс ты не вкатывался ? уходи отсюда

Ответы>>453152

31 Янв, 20:01 #325 #453152

>>453145
Клал я на фриланс.
Я хочу в офис. Мне нужны коллеги. Мне нужен руководитель.
Я не хочу искать заказы!

Ответы>>453164

31 Янв, 20:02 #326 #453155

>>453140

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

Ответы>>453163>>453164

31 Янв, 20:04 #327 #453159

>>453116
Я за месяц с нуля нашёл работу на 20к. (уже рассказывал тут сто раз).
Думаю за 2 месяца на 15к вполне реально даже в мухосранске

Ответы>>453165>>453200

31 Янв, 20:06 #328 #453163

>>453155
Пару десятков точно. :(
Может чуть больше. =(

31 Янв, 20:06 #329 #453164

>>453152
двачую >>453155 у тебя опыта сколько ?

31 Янв, 20:07 #330 #453165

>>453159
это год какой был ? щас всем ёба спецы нужны

Ответы>>453173

31 Янв, 20:12 #331 #453173

>>453165
Этим летом

Ответы>>453176

31 Янв, 20:18 #332 #453176

>>453173
и что ты умел через месяц ?

Ответы>>453212

31 Янв, 20:22 #333 #453181

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

Ответы>>453182

31 Янв, 20:24 #334 #453182

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

Ответы>>453184>>453185

31 Янв, 20:28 #335 #453184

>>453182

>верстальщик-дизайнер

угу, с каким-нибудь macaw наперевес

31 Янв, 20:29 #336 #453185

>>453182
это больше в мухосранях так, потому что особых уба-навыков не требуется. я уже, например, подумываю над тем, чтобы забуриться на вакансию html-css-js-php-mysql-еба-погромиста за 20к. все равно там не нужны сильные навыки, никто и не пойдет за 20к работать фуллстеком, а мне деньги нужны.
мимо

Ответы>>453189

31 Янв, 20:30 #337 #453189

>>453185
еба-погромистом
фаст-фикс
сижу без работы уже полгода

31 Янв, 20:49 #338 #453200

>>453159
>> нашёл работу
Где?

>> уже рассказывал тут сто раз
Расскажи ещё раз :з Ну или линк дай

31 Янв, 21:37 #339 #453212

>>453176
По верстке очень много всего. Почти всё что угодно, по сути. (не беря в расчет хуйню без задач типо codrops, где половина свг + жс, только реально полезные знания)
БЭМ, препроцы, галп.
Но я задрачивал по 6-8 часов в день.
На 4ое собеседования уже был трудоустроен

Ответы>>453220

31 Янв, 21:59 #340 #453220

>>453212
>> На 4ое собеседования уже был трудоустроен
Город?

Ответы>>453244>>453305

31 Янв, 22:23 #341 #453244

>>453220
дс лол

Ответы>>453248

31 Янв, 22:26 #342 #453248

>>453244
А ты понаех али местный боярин?

Ответы>>453251

31 Янв, 22:29 #343 #453251

>>453248
я не он. я угарнул прос

31 Янв, 23:16 #344 #453305

>>453220
ДС2, местный господин.
Вакансий было реально море, я на собеседование каждый день ходил в течение недели и ещё на два был записан, когда меня уже взяли. Так что думаю в мухосрани реально хоть что-то найти, либо удаленку (например ксср, у меня знакомый туда устроился на 20к с примерно такими же знаниями, может чуть получше)

Ответы>>453314

31 Янв, 23:22 #345 #453314

>>453305
>> например ксср
Кстати я поглядываю в их сторону.
Друг там ещё работает?
Текучесть кадров у них высокая?

Ответы>>453320

31 Янв, 23:28 #346 #453320

>>453314
Да.
Ну такая, не так чтобы высокая, просто по началу надо неплохо въёбывать, чтобы врубиться как там что устроено.

47 Кб, 593x198

01 Фев, 01:41 #347 #453405

Вроде почти сверстал http://c12266.shared.hc.ru/jeep-service/index.html , но блять не пойму как сделать место на пике. Сделал так: под оберку подложил фон и немного отодвинул вниз, но что-то хуйня это. Как быть в такой ситуации?

Ответы>>453411>>453426

369 Кб, 499x732

01 Фев, 01:45 #348 #453409

Аноны, как быть. Работаю удалённо набрал уже стажа почти 1,5 года в одной небольшой компании.
Работал неофициально, но совсем недавно мне предложили устроиться официально.
проблема в том, что работаю я за не очень много 30к в дс2.
Очень хочется сделать шаг к более высокой зарплате и менее заёбной работе, чем вёрстка (сейчас активно подтягиваю js, из фреймворков уже использую canJs).
Более того, наша компания часто выступает как субподрядчик более крутой московской компании.
Как результат, все мои проекты, которыми я действительно горжусь я показывать не могу.
Запретили, так как мы субподрядчики и логотип стоит совсем другой компании.
Как быть аноны? В принципе зарплата терпимая, но общая тенденция меня напрягает. Имеет мне смысл устраиваться официально или нет?

Ответы>>454177

01 Фев, 01:47 #349 #453411

>>453405
не понял, что тебе нужно сделать

Ответы>>453418

15 Кб, 339x112

20 Кб, 298x253

01 Фев, 01:54 #350 #453418

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

Ответы>>453426

01 Фев, 02:09 #351 #453426

>>453405>>453418
Почему ты всё это не сделал целиком через png с прозрачностью? Зачем разбивать на части и что-то двигать туда-сюда?

Ответы>>453428

01 Фев, 02:13 #352 #453428

>>453426
Прост, ну типа всегда ведь есть несколько путей решения=)

Ответы>>453429

01 Фев, 02:20 #353 #453429

>>453428
Это называется проёб рабочего времени, друг. Это никому не нужно и пользы я здесь никакой не вижу. Скорее даже вред, так как будет больше обращений к изображениям.
Не запаривайся по поводу таких мелочей, мой тебе совет.
Всякие простенькие уголки, хвостики, загибы ещё можно попробовать сделать через css. Но если там уже идёт какая-нибудь ебанутая тень или выёбистый градиент - шли это нахуй и делай через png.

Ответы>>453433

01 Фев, 02:27 #354 #453433

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

Ответы>>453441

01 Фев, 02:40 #355 #453441

>>453433
Да, кстати, у тебя норм БЭМ. Только постарайся в БЭМе не использовать цифры и больше вкладывать смысл в названия.
Например,
header
header__top
header__logo-wrapper
header__main
header__nav
У тебя есть деление по блокам, это круто, но и врапперы лучше тоже как-то узнавать.

01 Фев, 04:33 #356 #453460

А чет вакансий то и правда кот наплакал, причем почти все с требованиями уровня "Высшее техническое образование, опыт работы от 5 лет, наличие макбука, навыки дизайнера, знание С++ на уровне сеньора будет существенным плюсом"
ДС

Ответы>>453463

01 Фев, 04:41 #357 #453463

>>453460
Welcome to 2016

Ответы>>453469

01 Фев, 05:08 #358 #453469

>>453463
Тред можно удалять

Ответы>>453560

01 Фев, 11:07 #359 #453560

>>453469
Советую тебе самому из него удалиться и всем будет заебись.

01 Фев, 14:32 #360 #453688

Всех я юбилеем!
Вопрос:
Слышал что у сайтов на бутстрапе, какие то проблемы с СЕО и выдачей в поиске? Это так? Если да, то почему? Где почитать про это?

01 Фев, 15:44 #361 #453733

Аноны хелп, не гуглится нихуя. Кароче с каких-то хуев у меня при открытии любым браузером html в адресе от это file:///D:/.. три слэша нахуй, что это за поебень? Естественно файл не открывается, удаляю один-ентер снова появляется, что за поебище такое?

Ответы>>453735>>453739

01 Фев, 15:46 #362 #453735

>>453733

У меня так же, проблема где в другом месте

Ответы>>453738

01 Фев, 15:49 #363 #453738

>>453735
когда сломалось?

Ответы>>453741

01 Фев, 15:50 #364 #453739

>>453733

лал. у меня тоже три, и все открывается.

01 Фев, 15:51 #365 #453741

>>453738

Нет, ничего не ломалось, так же три слеша, все работает

01 Фев, 15:52 #366 #453742

Разобрался, эта хуня не работала пока стояло расширение livereloaded

Ответы>>453744

01 Фев, 15:53 #367 #453744

>>453742
Сразу не сдетектил потому что ставил на хром, а не открывал фаерфоксом. Прикола не понял.

847 Кб, 1024x768

675 Кб, 1024x768

01 Фев, 18:40 #368 #453938

Короче есть два с...криншота. На нем типа адаптивная верстка, есть блок выделенный синей рамкой. Backgraund-image у блока - зубчатая поебота, а background-size: contain. При уменьшении окна браузера рисунок бакграунда тоже уменьшается и в проплешину видно фон. Как блять бороться с этой хуйней? Сука, сколько мороки с рисунками в адаптиве это просто пиздос. Помогите, анансики, пожалуйста.

Ответы>>454001

01 Фев, 19:17 #369 #454001

>>453938
Что тебе мешает нормально вырезать фоновую картинку вместе с маской? Религия?

Ответы>>454029>>454033>>454086>>454228

01 Фев, 19:18 #370 #454005

>>448348
толока блять

219 Кб, 796x1003

01 Фев, 19:35 #371 #454024

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

Ответы>>454050

4 Кб, 270x187

01 Фев, 19:38 #372 #454029

>>454001
В макете фотошопа эти зубы состоят из 4 слоев. Я не знаю как их слепить в один рисунок. Этот рисунок я спиздил. Про маску я вообще первый раз слышу. Можно этот фокус с маской можно сделать через свойства css или надо картинку в html страницу вставлять?

Ответы>>454247

01 Фев, 19:41 #373 #454033

>>454001
расскажи про маски мне тоже интересно. как их юзают

01 Фев, 19:54 #374 #454050

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

Ответы>>454054

01 Фев, 19:56 #375 #454054

>>454050
А сам ксс может быть охуенно большим и тормозить весь процесс?

56 Кб, 604x471

01 Фев, 20:21 #376 #454086

>>454001
блять только для position: absolute

107 Кб, 744x1035

01 Фев, 21:10 #377 #454158

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

Ответы>>454166

01 Фев, 21:13 #378 #454166

>>454158
шапку читай блядина

Ответы>>454174>>454184

01 Фев, 21:17 #379 #454174

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

Ответы>>454179

01 Фев, 21:18 #380 #454177

>>453409
Чот хуйня 30к в дс2. Советую попросить надбавку, хотя бы до 40-45к. Не знаю конечно, какого уровня ты там задачи выполняешь, но я 50к получаю, тоже за верстку онли, тоже дс2.

01 Фев, 21:19 #381 #454179

>>454174
> я не про верску
Блядь

66 Кб, 530x397

01 Фев, 21:21 #382 #454184

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

Ответы>>454186>>454187

01 Фев, 21:21 #383 #454186

>>454184
Какие маски, наркоман?

Ответы>>454210

01 Фев, 21:22 #384 #454187

>>454184
месячный интенсив фотошоп для верстальщика. я сам в них нихуя не шарю я не тот анон.

65 Кб, 604x419

01 Фев, 21:33 #385 #454210

>>454186
А вот такие http://htmlbook.ru/blog/maskirovanie-v-css и которые у меня нихуя не работают.

Ответы>>454547>>454652

01 Фев, 21:33 #386 #454211

Пол месяца только пытаюсь познать JS, а фляга уже брызжит во всю. Смотрю интенсив одного хохла +читаю и пытаюсь решить задачки на лирне. Вроде все доходчиво объясняется и там и там, но самостоятельно я ничего не могу сделать(я про задачи) - все время приходиться смотреть решение. Сейчас столкнулся с тем, что долго не мог вспомнить как работает while(я сейчас себя словил на мысли, что не помню как правильно while назвать(метод это или функция)). А чем дальше, тем я хуже начинаю понимать, а ведь я только на 6 из 24 видео интенсива.

Собственно, исходя из вышеописанного у меня вопрос: программист уровня джуниор знает на память хотя бы половину того, что описано на learn.javascript.ru и свободно эти знания применяет? или же это работает как-то иначе?

Ответы>>454212>>454229

01 Фев, 21:33 #387 #454212

>>454211
И как у вас с обучением?

39 Кб, 380x604

01 Фев, 21:42 #388 #454228

>>454001
Да хуйня твои маски. В лисе нихуя не работют.

01 Фев, 21:42 #389 #454229

>>454211
почему тебе не пройти в специальный тред js?

Ответы>>454233>>454242

01 Фев, 21:44 #390 #454233

>>454229
двачаю. при всем уважинии к жс - валите нахуй из верстки.

Ответы>>454242

01 Фев, 21:53 #391 #454242

>>454229
>>454233
Вы про тред в /pr или еще где-то есть?

Ответы>>454244

01 Фев, 21:54 #392 #454244

>>454242
да иди от сю да

01 Фев, 21:57 #393 #454247

>>454029
Смотри урок интенсива по фотошопу, там все наглядно. Выбираешь слои, группируешь их (кто надо - конвертишь в смарт объект), обрезаешь, сохраняешь. Зачем тебе ебаться с наложением фонов в цсс, если очевидно, что это одна огромная фоновая картинка?

Ответы>>454272

53 Кб, 598x285

01 Фев, 22:11 #394 #454272

>>454247
Когда в адаптиве уменьшается окно фоновая картинка тоже изменяется и снизу получается зазор. СУКА КАК ЖЕ ЗАЕБАЛСЯ ИСКАТЬ НОРМАЛЬНОЕ ОБЪЯСНЕНИЕ ЧТО ЕСТЬ ЕБУЧИЕ МАСКИ И КАК ИХ ДЕЛАТЬ.

Ответы>>454303

142 Кб, 900x675

01 Фев, 22:36 #395 #454298

Такой вопрос если из песочницы http://codepen.io/chriscoyier/pen/b7e1305250912d645cb9ab8fabea0f1c скопипастить код он должен работать в браузере? Когда смотрю в песочнице в браузере как бы маска работает, когда копирую в свои файлы - хуй.

01 Фев, 22:52 #396 #454303

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

Ответы>>454306

643 Кб, 1024x768

01 Фев, 22:59 #397 #454306

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

Ответы>>454313

01 Фев, 22:59 #398 #454307

Решил делать респонсив (выборочно офк). Попробовал использовать именования по БЭМу. Посмотрите пожалуйста как я сделал. Тащемта нахуевертил я там знатно, хотелось бы глобальные косяки услышать и как надо правильно. Ховеры, активы пока не делал, мне главное сейчас с сеткой разобраться.
http://newfagget.hop.ru/#

Ответы>>454317>>454321

01 Фев, 23:03 #399 #454313

>>454306
Попробуй указать
background-repeat: no-repeat;

Ответы>>454323

01 Фев, 23:08 #400 #454317

>>454307
Именование - более менее. Если будет больше вложенность, придется разбираться с вложенными блоками. Но это легко гуглится.
С адаптивом полный пиздец.

01 Фев, 23:11 #401 #454321

>>454307
И да, лучше лей такие вот небольшие блочки лей в песочницу. Там удобнее смотреть.

Ответы>>454661

675 Кб, 1024x768

01 Фев, 23:12 #402 #454323

>>454313
>>454313
Я img в html засунул, если делать через сss и backgound-image, то при уменьшении окна барузера вообще выходить огромная пиздень.

Ответы>>454325>>454336

01 Фев, 23:13 #403 #454325

>>454323
Лей в песочницу, одни только скрины ни о чем не говорят совершенно.

Ответы>>454374

01 Фев, 23:24 #404 #454336

>>454323
Сука. Даю самый главный совет для новичков. Занимайтесь версткой САМОСТОЯТЕЛЬНО!!! Если вы будете постоянно просить помощи, то нихуя не разберётесь в ней. Проверено на личном опыте.

Ответы>>454347

01 Фев, 23:30 #405 #454347

>>454336
анон скажи о пользе книг для программирование !

16 Кб, 596x447

01 Фев, 23:48 #406 #454374

>>454325
http://codepen.io/ogurchik/pen/gPjwpd
ПИздос полный, в песке маска работает!
Хуйня
<defs>
<clipPath id="myClip">
</clipPath>
</defs>
Вот с этими defs и clipPath тегами браузер не работает. Я пошел спать, день ушел в пизду, наблять ебучем месте протоптался.
Простите за винегрет в коде.

Ответы>>454416

02 Фев, 00:08 #407 #454416

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

Ответы>>454678

544 Кб, 1600x764

02 Фев, 00:35 #408 #454494

Верстаны выручайте, плиз. Как сделать форму на пикрелейтед около видео?

Ответы>>454673>>455333

02 Фев, 01:05 #409 #454547

>>454210

Нихера себе, впервые вижу такое свойство

02 Фев, 01:24 #410 #454561

А очень важно чтоб при максимальном отдалении (масштабе) строки не перескакивали?

Ответы>>454653

02 Фев, 10:01 #411 #454652

>>454210
Маски не работают на ИЕ, поэтому всеми посланы нахуй и не используются.

02 Фев, 10:09 #412 #454653

>>454561
Что значит не перескакивали? Если ты про перестроение текста так это очевидная норма.

02 Фев, 10:32 #413 #454661

>>454321
Хорошо. Можешь в двух словах сказать что "за пиздец" там?

02 Фев, 11:00 #414 #454673

>>454494
на http://codepen.io/anon/pen/pgZrWj думаю идею уловишь.

Ответы>>454674

02 Фев, 11:01 #415 #454674

>>454673
а бля не не бери, я чет тупанул для файлаприемника сделал, для текста не так будет, но переделывать в лом

Ответы>>454686

02 Фев, 11:07 #416 #454678

>>454416
Сделал фотку position relative и сдвинул bottom: -4px. Может быть потом попробую сделаю через чистый css.

Ответы>>454691

02 Фев, 11:16 #417 #454685

Котаны, сколько стоит 4х страничный шаблон на модх рево натянуть?

02 Фев, 11:18 #418 #454686

>>454674
Кароче делаешь форму в ней импут на текст и баттон, баттон скрываешь и привязываешь к лейблу, который стилизуешь через абсолютное позиционирование, цвет фона и правое скругление border-radius: 0 x x 0

Ответы>>455427

02 Фев, 11:27 #419 #454691

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

02 Фев, 11:33 #420 #454692

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

Ответы>>454693

02 Фев, 11:34 #421 #454693

>>454692
будет

02 Фев, 12:24 #422 #454725

Живу в мухосрани где нет ВООБЩЕ нихуя связанного с вебом. Поэтому думаю пойти удаленно или во фриланс. Много не ожидаю, так как хочу просто накопить и съебать в город-миллионик и там уже искать работу имея реальный опыт.

Из скиллов:
HTML5 (Jade), CSS (Sass), JS + JQuery — не на уровне крутых приложений, но в коде разбираюсь и сам смогу при необходимости написать плагин, Gulp, адаптивка.

Также могу в веб-дизайн нарисовать макет, логотипчик, хуипчик и всё такое: Photoshop, Illustrator, CorelDraw, After Effects угорел по моушен дизайну.

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

Ответы>>454737

02 Фев, 12:45 #423 #454737

>>454725
ну так отсылай портфолио и узнаешь, никто тебя не съест если ты всем его отправишь, кто заинтересуется тестовое пришлет.

02 Фев, 13:15 #424 #454752

>>449804
Читай http://htmlbook.ru/blog/treugolniki-cherez-css

02 Фев, 14:59 #425 #454859

Сколько по времени примерно потратит норм верстала на верстку главной техномарта с нуля?

Ответы>>454872

02 Фев, 15:01 #426 #454863

>>447285 (OP)

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

02 Фев, 15:04 #427 #454869

>>447285 (OP)
Для успешного фриланса надо уметь и в дизайн, и в фронтенд и в бэкенд? Хочу иметь хотя бы пару тысяч с этой хуйни. На работе вообще нехуй делать, а так хоть какой-то дополнительный доход будет.

Ответы>>454870

02 Фев, 15:05 #428 #454870

>>454869
кем работаешь

Ответы>>454885

43 Кб, 639x421

02 Фев, 15:06 #429 #454872

>>454859
бамп

02 Фев, 15:14 #430 #454885

>>454870
Админом же. Свободного времени просто дохуя.

81 Кб, 1005x442

02 Фев, 15:40 #431 #454911

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

Ответы>>454914>>454947>>454950

02 Фев, 15:42 #432 #454914

>>454911
Это пробел между инлайн блоками, родительскому блоку этих элементов font-size: 0; поставь

Ответы>>454934

02 Фев, 15:59 #433 #454934

>>454914
спасибо, а то что картинки так стоят это не есть хорошо? На видео просто нет примера с первой картинкой.

Ответы>>454937

02 Фев, 16:02 #434 #454937

>>454934
Я бы заверстал это флексбоксом. Тогда не будет еботы с флоатом и вертикальным позиционирование картинок.

Ответы>>454945>>454952

02 Фев, 16:09 #435 #454945

>>454937
нахуй флексбокс. картинку в бэкграунд и background-position: center center; ну и no-repeat

Ответы>>454948

02 Фев, 16:10 #436 #454947

>>454911
Если объекты в контейнере всегда будут одинаковой высоты - то надо использовать float.
Если высота будет варьироваться, но они все равно должны выстраиваться в строчку - inline-block.
Если требуется опртимальное распределение объектов разной высоты/ширины в контейнере, то надо использовать какой-нибудь js-плагин для построения сетки.

Ответы>>454951

02 Фев, 16:12 #437 #454948

>>454945
Несемантично же.

Ответы>>454951

02 Фев, 16:15 #438 #454950

>>454911
Вообще, если уж делаешь через Inline-block, то всем кроме последнего делай margin-right: -0.25em;
Это более кросс-баузерный вариант, чем font-size: 0; у контейнера.

Ответы>>454955

02 Фев, 16:15 #439 #454951

>>454947
он про центровку изображения, а не про распределение блоков. Жирафу понятно, что в этом случае ни о каком перестроении блоков не может быть и речи, прикручивать js из-за того что одна из картинок перворатора большая...ну лол
>>454948
не ебу что ты под этим подразумеваешь, но эти свойства для того и созданы.

Ответы>>454961

02 Фев, 16:15 #440 #454952

>>454937
Стоит вообще сейчас упарывать флексбоксы? Мне понравилось, но поддержка браузерами печалит, почти везде заказчики/конторки все еще требуют ие9+/ие10+ да, я знаю, что мелкософт прекратила их поддержку

Ответы>>454961

02 Фев, 16:18 #441 #454955

>>454950
Нормально все там с кроссбраузерностью, пропиши родителю display: table и даже в ебаной сафари фонт сайз нормально отработает.

02 Фев, 16:24 #442 #454961

>>454951
То, что свойство background предназначено для фона, а здесь нет никакого смысла его использовать. Это не позволит пользователю сохранить ее, а слепому — прочитать alt/title.

>>454952
ИЕ10 уже поддерживает флексбокс.

Ответы>>454969>>454976

02 Фев, 16:27 #443 #454965

кстати говоря про отступ, проверте кто-нибудь, сработает ли эта хуйня letter-spacing:-1px; у родителя

02 Фев, 16:30 #444 #454969

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

Ответы>>454979

02 Фев, 16:33 #445 #454976

>>454961
Т.е. можно упороться и заверстать все, что я хочу заверстать (для портфолио) на флексах? Это же охуенно. Ну и какой-нибудь один макет по старинке сделать, для ИЕ9+.

Ответы>>454979

02 Фев, 16:36 #446 #454979

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

>>454976
Угу. Только лучше этого делать с каким-нибудь сборщиком и автопрефиксером, а то заебешься все руками прописывать.

Ответы>>454981

02 Фев, 16:39 #447 #454981

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

02 Фев, 16:40 #448 #454983

а кто-нибудь уже имел дело с эджем? норм браузер?

02 Фев, 17:08 #449 #455010

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

02 Фев, 18:51 #450 #455093

Здравствуйте, дорогие аноны.
На связи кун 16лвл из городка Московской области с населением около 100к.Решил обучиться html и css (впоследствии JS ну и тд) для вёрстки начального уровня. Начал буквально на днях, прохожу по 1 курсу в день на html academy, вроде не тупой, всё ок. Вот , собственно, сам вопрос:
какие необходимо иметь знания, чтобы начать получать свои первые деньги в этой теме?

Ответы>>455156

02 Фев, 19:58 #451 #455156

>>455093
минимум без проблем верстать макеты любой сложности в адаптиве.

Ответы>>455217

242 Кб, 1024x600

02 Фев, 20:19 #452 #455177

Так, БЭМисты, я оче тупой и у меня вопрос. Есть блок на пике выделеный кругом. И вот я его назвал, пытаясь следовать бэму, block-for-turist и это мне кажеться очень НЕправильным названием. Потому что этот как бы суть того, что находиться в блоке, а нихуя не отражает сути блока в общем потоке страницы. Как бы вы его назвали? Ну вот top-menu, ну footer, ну блять map, но как называть эти секшены которых может быть мильон штук в body? Че их называть body__item, что ли?

Ответы>>455234

02 Фев, 21:00 #453 #455217

>>455156
Это очень сложно?

Ответы>>455222>>455224

02 Фев, 21:04 #454 #455222

>>455217
не то чтобы сложно, просто надо кучу времени на освоение всех нюансов и закрепление всего на практике.

Ответы>>455227

02 Фев, 21:04 #455 #455224

>>455217
пройдешь интенсивы - поймешь на сколько сложно

Ответы>>455227

02 Фев, 21:09 #456 #455227

>>455222
>>455224
После прохождения базового и продвинутого интенсивов на что следует обратить внимание, ориентируясь целеноправленно на вёрстку?

Ответы>>455237

02 Фев, 21:13 #457 #455234

>>455177
ну можно как у тебя только убрать block и вместо turist tourist написать
еще вариант назвать advice (recommendations) или еще как-нибудь

02 Фев, 21:14 #458 #455237

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

Ответы>>455242

02 Фев, 21:17 #459 #455242

>>455237
Спасибо за наставления, в ближайшее время посвящу себе курсам.

02 Фев, 21:58 #460 #455288

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

Ответы>>455712

02 Фев, 22:20 #461 #455333

>>454494
http://codepen.io/anon/pen/LGBgea

Ответы>>455374>>455481

02 Фев, 22:38 #462 #455374

>>455333
удобней же border-radius: 10px 0px 0px 10px;

Ответы>>456272

51 Кб, 599x400

02 Фев, 22:54 #463 #455405

Что за шайтан с высотой блоков? Задаю в стилях 266 пикселя, в браузере меряю 320пикселей. Гуглил, но как то не нашел ответа, box-sizing применял.

Ответы>>455466>>455478

02 Фев, 23:05 #464 #455427

>>454686
Спасибо анон! Буду разбираться.

02 Фев, 23:51 #465 #455466

>>455405
margin/padding от чего-то наследуется

Ответы>>455674

03 Фев, 00:07 #466 #455478

>>455405
Открой в инспекторе браузера, да посмотри в metrics. Там все расписано же.

03 Фев, 00:17 #467 #455481

>>455333
Если ты про то, что у тебя элементы находятся на разной высоте, то поставь обоим vertical-align: top. По умолчанию браузер пытается выравнять их по базовой линии, а она у них разная. Но я бы такое тоже верстал флексом.

Ответы>>455541

03 Фев, 01:18 #468 #455538

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

03 Фев, 01:24 #469 #455541

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

Ответы>>455750

6 Кб, 269x187

03 Фев, 10:08 #470 #455674

>>455466
Inherite from body
body {
font-size: 14px;
font-family: PT Sans Caption;
}
Тут, как я понимаю, пишут всех наследуемых родителей?
>>455466

Ну ебана, они же не наследуються!

Ответы>>455752

03 Фев, 11:01 #471 #455712

>>455288
Говно, гугли интенсив от htmlacademy, на их сайте также есть много бесплатных уроков для практики

03 Фев, 12:12 #472 #455750

>>455541
Начиная с ИЕ10 проблем нет.

03 Фев, 12:21 #473 #455752

>>455674
Выложи уже свой долбанный код куда-нибудь.

03 Фев, 13:52 #474 #455847

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

Ответы>>455849>>455854>>455895>>456378

03 Фев, 13:54 #475 #455849

>>455847
пили

03 Фев, 14:00 #476 #455854

>>455847
Естественно, потому что новичкам об этом объяснять нет нужды, все равно с их уровнем знаний нихуя не поймут, только испугаются.
Но полезный материал по этой теме конечно же всегда нужен, тут ведь не одни ньюфаги сидят. Так что пили буду благодарен и закину ссылкой в ОП-пост.
мимо ОП

03 Фев, 14:43 #477 #455895

>>455847
Давай, желательно вообще какую-нибудь сборочку-стартер проекта сварганить или поделиться рабочей.
Чтобы скачал
npm install
bower install
gulp
и можно было работать.
У самого есть, но она заточена под битрикс шаблоны, а это я думаю никому здесь не нужно.

03 Фев, 16:04 #478 #455999

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

Как сделать эти кнопки под текстом? Суть в том, что при наведении курсора подсвечивается нижний слой, а сверху видны иконки - яблоко, андроид. Я нарисовал круги в css, подсветил их с помощью li:hover. А как наложить на них иконки сверху?

Алсо, кто нибудь верстал эту тему? Скинте плиз полный код.

Ответы>>456000>>456025>>456035>>456072

709 Кб, 1069x408

03 Фев, 16:05 #479 #456000

>>455999
Пик отклеился.

Р 03 Фев, 16:07 #480 #456003

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

03 Фев, 16:16 #481 #456025

>>455999
Внутри ссылки-кнопки центрированный span с png-иконки.

20 Кб, 604x438

03 Фев, 16:24 #482 #456035

>>455999
Вы заебали не выкладывать свой код. Ебу я как ты это делал? Сейчас буду вопросы задавать. Как реализована иконка? Никаких проблем не будет если сделать ее псевдоэлементом с абс позиционированием. Можно сделать по-разному, и чтоб решить проблему твою надо видеть как делал это ты, поэтому разберись блядь c http://codepen.io/

Ответы>>456070

03 Фев, 16:42 #483 #456070

>>456035
Ну ок, вот код: http://codepen.io/Zorn/pen/MKqwBr
Ваши варианты?

Ответы>>456085

03 Фев, 16:43 #484 #456072

>>455999
https://jsfiddle.net/alextewpin/z8rd8com/ так? Хз зачем, правда, верстать их через список.

Ответы>>456079

03 Фев, 16:52 #485 #456079

>>456072
Ну ты ему блядь и объяснил, это чтобы он точно не понял?

Ответы>>456083

03 Фев, 16:54 #486 #456083

>>456079
В чем проблема? Он не уточнил как иконки реализованы. Font awesome, пожалуй, простейший вариант для новичка, даже проще картинок.

Ответы>>456085>>456111

03 Фев, 16:56 #487 #456085

>>456070
Какие варианты? Где иконки? Нарисуй там квадратики красные завместо твоих png иконок.
>>456083
так ему как раз бы и научиться кастом верстать. Хоть на примере квадратиков, чтоб суть понимал что красится, что исчезает, что нет.

03 Фев, 17:08 #488 #456111

>>456083
и мне интересно как ты подключил их? Нигде же нихуя не отображено?! Это какой-то приворот JSfiddle?

Ответы>>456118

03 Фев, 17:10 #489 #456118

>>456111
В меню слева external resources.

03 Фев, 17:47 #490 #456161

Аноны а будет ли правильно если написать в css так? http://codepen.io/anon/pen/gPdaZX

Или правильно будет просто писать .name-daddy { bla: blabla; } .name-son { bla: blabla;} ?????

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

Ответы>>456168>>456170

03 Фев, 17:51 #491 #456168

>>456161
первое

03 Фев, 17:53 #492 #456170

>>456161
Правильнее писать без каскада вообще, или, если очень нужно, то с оператором >. В твоем случае браузер каждый раз найдя элемент .name-son будет проверять все css-дерево до самого верха, пытаясь найти элемент .name-daddy.

Алсо, канонические имена для таких элементов parent и child.

Ответы>>456178>>456182

03 Фев, 17:56 #493 #456178

>>456170
Поясню — я про случай .parent .child {...}

03 Фев, 18:01 #494 #456182

>>456170
Правильнее БЭМ

03 Фев, 19:51 #495 #456272

>>455374
Я постоянно забываю какая цифра за какой угол отвечает.

Ответы>>456273

03 Фев, 19:53 #496 #456273

>>456272
Верхний левый угол начало дальше по часовой.

31 Кб, 674x334

03 Фев, 20:21 #497 #456298

Дианон?)

Ответы>>456301

03 Фев, 20:30 #498 #456301

>>456298
всем похуй

673 Кб, 2500x1664

03 Фев, 21:16 #499 #456357

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

Ответы>>456383

03 Фев, 21:35 #500 #456378

>>455847
Сделал первую версию: https://github.com/alextewpin/wrk-advanced-css

Рейтим, бугуртим, пилим пулл-реквесты.

Далее планирую написать комментарии в scss и галпфайле.

Ответы>>456425

03 Фев, 21:36 #501 #456383

>>456357
Открой, для начала, инспектор в браузере и посмотри какой шрифт у тебя поставился и почему именно он.

Ответы>>456400

273 Кб, 1280x853

03 Фев, 21:46 #502 #456400

>>456383
>>456383
>>456383
>>456383
У меня показывает PT Sans. Почему он не так выглядит не пойду.

Ответы>>456414

03 Фев, 21:54 #503 #456414

>>456400
Выкладывай код, тогда

03 Фев, 21:56 #504 #456425

>>456378
Может ещё добавить спрайтсмит? Он очень полезен как раз для вёрстки.
Ещё bower можно поставить, чтобы учиться ставить плагины из консоли.

Ответы>>456442

03 Фев, 22:02 #505 #456442

>>456425
А что ты ставишь через bower? Мои нужны npm покрывает с головой.

Ответы>>456467

03 Фев, 22:05 #506 #456447

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

Ответы>>456451

03 Фев, 22:07 #507 #456451

>>456447
https://pages.github.com

Ответы>>456456

03 Фев, 22:09 #508 #456456

>>456451
Спасибо!

03 Фев, 22:20 #509 #456467

>>456442
"Стартовый комплект" сборки через npm, все штуки для галпа.
Все js-плагины через bower. Он проверяет нормально ли всё с зависимостям для них и не конфликтуют ли они друг с другом.

03 Фев, 23:16 #510 #456546

Ребят, что думаете об этом
http://foxford.ru/courses/268/program/7033 ? Кто в теме давно,
что думаете о программе?

Ответы>>456563

03 Фев, 23:24 #511 #456554

>>447285 (OP)
Ребят, умственно-отсталый может все эти темы изучить, чтобы начать зарабатывать на жизнь кодерством? Сейчас работаю на заводе грузчиком, но чувствую долго не протяну. Нужно искать доп. заработок. В школе все плохо изучалось. Вуз тоже дропнул. Проблема с запоминание всех ключевых вещей и последующим воспроизведением прочитанного. Трудно мне будет в программировании?

Ответы>>456560>>456575>>456601

03 Фев, 23:28 #512 #456560

>>456554
Да, может. Да, будет трудно.

Ответы>>456579

03 Фев, 23:30 #513 #456563

>>456546
Дороговато чот. Попробуй трихаус, там первый месяц бесплатно. Если не перегоришь, то будешь докидывать по мере надобности.

Ответы>>456568>>456576

03 Фев, 23:32 #514 #456568

>>456563
Интересует именно сама программа обучения, правильность и нужность того материала, который даётся

Ответы>>456571

03 Фев, 23:34 #515 #456571

>>456568
Программа выглядит разумно.

03 Фев, 23:36 #516 #456575

>>456554
Я сам почти такой, правда в школе всегда была пятёрка по точным наукам, вуз хардовый. Трудно будет, да. Попробуй читая, в голове раскладывать инфу "по полочкам".

03 Фев, 23:36 #517 #456576

>>456563
Трихаус отпадает , так как с англ жопка. И, пожалуй, самый главный вопрос : смогу ли я приступить к практике, после прохождения этих курсов?

Ответы>>456581

03 Фев, 23:37 #518 #456579

>>456560
>Да, будет трудно.

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

Ответы>>456584

03 Фев, 23:38 #519 #456581

>>456576
Программер без английского не нужен. Что ты подразумеваешь под практикой?

Ответы>>456589

03 Фев, 23:40 #520 #456584

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

Ответы>>456585>>456601

03 Фев, 23:41 #521 #456585

>>456584
Спасибо. Вдохновил на подвиги.

03 Фев, 23:42 #522 #456589

>>456581
Так я, собстна, и не особо программером хочу стать. Под практикой подразумеваю вёрстку, впоследствии, естественно, буду изучать JS и прочее приблуды(вот там уже с англ и буду морочиться), а пока что ориентируюсь именно на CSS и html

Ответы>>456597

03 Фев, 23:43 #523 #456594

ПЕРЕКАТ
https://2ch.pm/wrk/res/456590.html (М)
https://2ch.pm/wrk/res/456590.html (М)
https://2ch.pm/wrk/res/456590.html (М)
https://2ch.pm/wrk/res/456590.html (М)

03 Фев, 23:44 #524 #456597

>>456589
Да, верстать сможешь. Но без английского тебе будет тяжело гуглить и ты иногда будешь надолго утыкаться в тупики, которые уже давно пройдены на SO.

03 Фев, 23:45 #525 #456601

>>456554
Естественно будет трудно. Но ничего невозможного нет. Вряд ли ты прям таки отсталый, разве что справка имеется.
Этот анон дело говорит >>456584
Если мозг не напрягать, он со временем теряет свои свойства. Прям как с мышцами.

03 Фев, 23:47 #526 #456607

такая же хуйня анон

вот уже пару месяцев как загорелся программированием

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

нужно брать и делать !!!

не понимаешь ?
читай книги по программированию
там разжевано

читай следующую

Ответы>>456610

03 Фев, 23:47 #527 #456608

Если мозг не напрягать, он со временем теряет свои свойства. Прям как с мышцами.

+100500

03 Фев, 23:48 #528 #456610

>>456607
Не подкинешь годной литературы на эту тему ( для новичков тип)?

Ответы>>457003

53 Кб, 599x470

04 Фев, 14:41 #529 #457003

Если в блоке делаешь другие блоки, а в тех блоках делаешь еще блоки,это плохая практика для БЭМ, анафеме меня предадут?
>>456610
Так в шапке все есть для новичков, если тебе по верстве надо. Если тебе надо настоящее программирования, то это надо в 2ch.hk/pr/

137 Кб, 1600x1000

04 Фев, 19:40 #530 #457348

Ну что, петуханы, колитесь, что нужно читать, что учить, чтобы стать таким же отсосом, как и вы и верстать за ЖРАТ

06 Фев, 22:39 #531 #459306

Пацаны, как сверстать страницу так, чтобы она умещалась на а4 листе?
Тут в относительных размерах высот блоков дело мейби?
Я сделал примерную верстку макета, но она аккурат под две страницы, а тз в том, чтобы под одну сделать.

74 Кб, 547x587

08 Фев, 19:10 #532 #460803

Где можно найти объяснение счетчика-объекта( http://learn.javascript.ru/closures-usage ) для даунов || как ты понял как это работает.

Ответы>>465398

12 Фев, 18:36 #533 #465398

>>460803
Какую строчку кода ты не понимаешь?

Тред утонул или удален.
Это копия, сохраненная 4 марта 2016 года.

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

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

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion