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

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

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

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

66 Кб, 1600x900

53 Кб, 461x604

Верстка тред №51 03 Фев, 23:42 #456590 В конец треда | Веб

Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

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

Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.

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

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

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

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

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

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

Ответы>>456676

03 Фев, 23:50 #2 #456615

Репостану сорт оф гайд по сборке css с помощью Sass и Gulp: https://github.com/alextewpin/wrk-advanced-css (дорабатывается)

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

Ответы>>456620>>456825

45 Кб, 300x300

03 Фев, 23:56 #3 #456620

>>456615
ETO TBON` GUIDE?

Ответы>>456701

04 Фев, 02:35 #4 #456676

>>456590 (OP)
>Гайд от анона по гитхабу
Спасибо, полезно.
Расскажите еще поподробнее про особенности термина "коммитить" и ключевые плюсы гитхаба, как инструмента. Я, безусловно, это загуглил, но у анона гораздо лучше получается объяснять подобные вещи доступным языком.

Ответы>>456678>>456701>>456779

04 Фев, 02:37 #5 #456678

>>456676
>Расскажите еще поподробнее про особенности термина "коммитить"
Ну и про "бранчи" всякие и прочие расхожие термины. Я выпал из современной этики разработчика, клепая говносайтики для рунета.

Ответы>>456685>>456701

04 Фев, 03:09 #6 #456685

>>456678
Или вот
>Обратите внимание, что даже после сборки Gulp остался висеть в консоли. Теперь он следит за измениями в папке src и перезапустит сборку, если ее содержимое изменися.
>Собранный проект находится в папке dev.
Где прочитать подробнее про эти базовые стандарты разработки? Что сырцы в папке "src", собранные версии в папке "dev", а продакшен - где-то еще. Всё то, чему учат в приличных местах и что совсем упущено мной во время самообучения в процессе работы.
Я знаю, анон, вопросы предельно глупые, но надеюсь ты отнесешься к этому со снисхождением.

Ответы>>456701

04 Фев, 03:59 #7 #456701

>>456620
DA

>>456676
Для начала нужно понять, что Гит и Гитхаб это разные вещи. Первое — система контроля версий, а второе — публичное хранилище репозиторев для Гита. Их не обязательно хранить именно там, можно использовать Битбакет, можно вообще держать локально.

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

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

>>456678
Инфа 99%, что в ближайшее время ты можешь работать в мастер-бранче и не париться на эту тему.

>>456685
Почти во всех приличных проектах есть по крайней мере три версии кода — исходный код, dev-версия и production-версия. Папки могут называть по-разному, dev-версия может генерироваться только на лету, сути это не меняется.

Исходники (src) это код, который ты пишешь. Для удобства там применяются разные методы разбиения проекта на отдельные файлы, которые можно импортировать друг в друга (CommonJS, SCSS), а также тонны синтаксического сахара (ES6/7 и тот же SCSS).

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

Версия для отправки (production) это то, что в итоге увидит пользователь. Соурс мапов нет, все минифицировано и сжато по максимуму.

Ответы>>456960

04 Фев, 04:11 #8 #456704

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

Ответы>>456751>>456776>>456848>>456913>>456934>>458324

04 Фев, 08:40 #9 #456751

>>456704
Этот копирайтер совсем обезумел, сможем ли мы совладать с ним?

Ответы>>457596

04 Фев, 09:08 #10 #456776

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

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

Ответы>>456843>>456854

04 Фев, 09:15 #11 #456779

>>456676
Про все че ты спрашивал есть в продвинутом интенсиве и в допах к их урокам. + рекомендую подписаться на каналы типа devtips, web standart days, uwebdesign, webdesignmaster, ну и почитывать чтото вроде css-tricks

Ответы>>456960

04 Фев, 10:16 #12 #456825

>>456615

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

Я еще тогда не понял, он ставил грант, зайдя в папку с проектом, но при этом, сука, глобально. Нахуя так делать? И куда он в итоге установился? Если я например, потом снесу эту папку с проектом, грант тоже слетит?

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

Ответы>>456985

04 Фев, 10:42 #13 #456843

>>456776
> А если все уйдут
Не уйдут. Тащемта правильно написано же, в бэкэнде есть куда расти и платят больше, а от двигания блоков за пару лет крыша поедет.

04 Фев, 10:48 #14 #456848

>>456704
толсто

Ответы>>457596

04 Фев, 10:55 #15 #456854

>>456776
>если все уйдут кто тогда клаент-сайд пилить будет?

Дезигнеры с macaw и другими ёба-редакторами.

Ответы>>456856

43 Кб, 527x604

04 Фев, 10:58 #16 #456856

>>456854

4 Кб, 638x479

04 Фев, 12:10 #17 #456900

Тут Яндекс выкатил на хабр статью про свой БЭМ. https://habrahabr.ru/company/yandex/blog/276035/

Ответы>>456909>>456958>>456962

04 Фев, 12:21 #18 #456909

>>456900
сука, весь интернет уже засрали своими мечами цветными, джедаи хуевы блядь

04 Фев, 12:31 #19 #456913

>>456704
Типичная роисся, плевать, что всё разваливается от малейшего изменения экрана и что 100500 ошибок в консоли.
ГЛАВНОЕ ЖЕ, ЧТОБЫ РАБОТАЛО!
Только почему-то во всём мире фронтенд более высоко оплачивается. Но не в России.

Ответы>>457596

04 Фев, 12:37 #20 #456916

Как размечать такие короткие предложения?
<P> или <span> или еще как?

Ответы>>456918>>457049

66 Кб, 468x435

04 Фев, 12:37 #21 #456918

>>456916
Отклеилось

Ответы>>457049>>458317

04 Фев, 12:58 #22 #456934

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

Ответы>>456949

04 Фев, 13:04 #23 #456935

>зашел с мобильника на ru.bem.info почитать про бэм
>блоки кода не помещаются в 720п экран, прокрутить в андроидном хроме нельзя
Ой лол, хуевы мастера верстки

04 Фев, 13:25 #24 #456949

>>456934
У меня вот есть техническая вышка (не красный диплом, оценки были запороты матанализом и дифурами). Изучали плюсы и еще немного древнего гавна типа фортрана. Нормально писать код никто толком не учил. Не скажу, что совсем ничего не дали, но все-таки не то, что хотят на рынке. Из знаний которые более-менее годные отмечу работу с БД. А так было еще дохуя математики, да и большинство лаб было связано с математикой. ООП как таковое было вообще в мизере. Из моего потока знаю что устроились на заводы краснодипломщики, некоторые вообще не по специальности поустраивались (типа строителем там пошел).
Сам сижу вот курю верстку и js ибо к этому душа больше лежит (хорошо хоть нарыл, так бы вообще не знал чем заняться, небольшая халтурка есть так что могу себе позволить время на самообучение). (кстати в универе толком тоже ничего рассказано не было, наверное даже на codecademy курсы и то полезней будут по теме, чем то что нам толкали, даже вроде еще таблицами верстали лол).
Всякие джавы, питоны с джанго, доп тулзы типа гита даже не упоминались.
Да, кстати, в школе еще начинал вникать в программирование, думал, пойду в универ и там меня научат. А вот хуй там с первых же дней загрузили матаном по самые гланды и дифурами, а те просветы жизни когда рассказывали про плюсы были не столь радостными потому что прогали на них мы какие-нибудь суммы и интегралы... И так охоту напрочь отбило...

мимоанон, можете пропустить мой опус мимо ушей

Ответы>>456955

60 Кб, 460x611

04 Фев, 13:36 #25 #456955

>>456949
ну это уже к вопросу о качестве современного образования. И да, даже образование не делает тебя профессионалом в области, если ты сам того не желаешь, только собственный стимул способен тебя развивать.
Я не поступил на IT так как хуево написал русский и слабо матан, а в год поступления в единственный доступный вуз проходной был очень высок, не хватило 10 баллов до последнего бесплатного. Ушел на энергетическую вышку, закончил ее, ушел работать, поработав год понял, что это пиздец не мое и теперь перекатываюсь. Все было бы иначе если бы не ебаное егэ. К слову писал по приколу егэ по информатике, которое в год моего поступления не принимал вообще ни один вуз, лол. Написал его почти на 90 баллов, а хули толку. Жалею только о том, что не дропнул эту вышку сразу и потерял 5 лет. Не знаю почему тут так все дрочат на эту корочку.

04 Фев, 13:42 #26 #456957

https://habrahabr.ru/company/yandex/blog/276035/

Ответы>>456958

23 Кб, 101x102

04 Фев, 13:43 #27 #456958

>>456900
сука, не посмотрел выше. Зачем ты меня опередил?

>>456957-кун

04 Фев, 13:46 #28 #456960

>>456779
>>456701
Спасибо, анончики

04 Фев, 13:48 #29 #456962

>>456900
Еще чуть-чуть и они догадаются назвать блок объектом и увидят что вся эта ебала с описанием БЭМа не нужна, потому что просто повторяет существующие принципы ООП и MVC

Ответы>>456967

04 Фев, 13:53 #30 #456967

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

Ответы>>456971

04 Фев, 13:55 #31 #456971

>>456967
любой, кому приходилось постоянно и много верстать приходит к этим же решениям. Конкретно БЭМ, на мой взгляд, полон ненужной корпоративной блевоты. Половина терминологии там введена лишь для того, чтобы описывать другую половину.

04 Фев, 14:26 #32 #456985

>>456825
Если ты его ставишь локально, то он установится в папку node_modules, а если глобально, то в папку %AppData%\npm\node_modules (Windows 7+).

Зачем нужен сборщик локально, я думаю вопросов нет — чтобы собирать.

Глобально он нужен только затем, чтобы была возможность писать gulp в любой папке. Дальше он передает управление на локальную версию. Этого же эффекта можно добиться, если писать "./node_modules/.bin/gulp" или прописать это в скриптах в package.json и запускать его командой "npm run gulp". Тогда необходимости в глобальной установке нет вообще.

04 Фев, 15:12 #33 #457034

Верстка которой обучают в вебинарах от академии по бэм?

Ответы>>457040

04 Фев, 15:12 #34 #457035

Кто-то поднимал фотошоп через виртуалку в линупсе, как оно там работает?

Ответы>>457044>>457243

04 Фев, 15:18 #35 #457040

>>457034
только как метод именования и предлагают модификацию Галлахера. Но этого вполне хватает для того чтобы добиться АНБ и не было большей части гемороя

Ответы>>457045

04 Фев, 15:22 #36 #457044

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

04 Фев, 15:23 #37 #457045

>>457040
Что такое анб? Не нагуглил.

Ответы>>457057

41 Кб, 492x534

04 Фев, 15:24 #38 #457047

Если в блоке делаешь другие блоки, а в тех блоках делаешь еще блоки,это плохая практика для БЭМ, анафеме меня предадут?

Ответы>>457051

04 Фев, 15:26 #39 #457049

>>456916
>>456918
Бамп вопросу.

Ответы>>457057

04 Фев, 15:26 #40 #457051

>>457047
это значит, что ты скорее всего хуевато отличаешь блок от элемента

хотя так-то блоки в блоки пихать можно без проблем

04 Фев, 15:30 #41 #457056

Кто бэм дрочит, можете посмотреть как у них Яндекса почта сделана

04 Фев, 15:31 #42 #457057

>>457045
Абсолютно независимые блоки.

>>457049
Семантически похуй, но p блочный, а span инлайновый. Смотри как удобнее.

Ответы>>460490

17 Кб, 480x360

04 Фев, 16:01 #43 #457099

Кантор запилил на трубе курс по gulp, налетай
https://www.youtube.com/watch?v=uPk6lQoTThE&list=PLDyvV36pndZFLTE13V4qNWTZbeipNhCgQ

Ответы>>457107>>457116

36 Кб, 566x426

04 Фев, 16:06 #44 #457107

>>457099
Что за хуй? Но все равно нефти

Ответы>>457116

04 Фев, 16:11 #45 #457116

>>457107
создатель learnjs.ru

>>457099
ГАЛЬП лол
а так спасибо, а то про вебпак от него натыкался но еще руки не дошли, а тут как раз в темку

04 Фев, 16:49 #46 #457146

Парни, взял заказ на лендос за 150к, но нихуяшеньки не знаю, как его делать. Начал читать learn.javascript.ru и чет не могу разобраться с первым примером:
>Сделайте страницу, которая выводит «Я – JavaScript!»
Где её делать и как?
Спасайте, через 1.5 месяца сдавать работу.

Ответы>>457150>>457151>>457153>>457155>>457157>>457158>>457161>>457169>>457174>>457277>>459286

252 Кб, 877x700

04 Фев, 16:50 #47 #457148

Пацаны, вот я задавал маргины всем заголовкам (класс h2), потом ниже одному заголовку сбросил маргины (другой_класс h2), почему они остались? Каскад проебал? Добавлял еще в имя селектора - не помогло.
http://codepen.io/anon/pen/VeGdmV

Ответы>>457152>>457165

04 Фев, 16:50 #48 #457150

>>457146
Лолировал с тебя, нахуя ты брал работу, если нихуя не умеешь?

Ответы>>457261

04 Фев, 16:52 #49 #457151

>>457146
Интересно как тебе его дали? Портфолио напизженное?

Ответы>>457261

04 Фев, 16:54 #50 #457152

>>457148
В примере что ты скинул у h2 и нет маргинов, но они есть у его обертки.

Ответы>>457160

04 Фев, 16:54 #51 #457153

>>457146
лол

04 Фев, 16:54 #52 #457155

>>457146
Давай сделаю за тебя. Тебе, так и быть, 5% скину.

04 Фев, 16:55 #53 #457157

>>457146

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

Ответы>>457261

04 Фев, 16:55 #54 #457158

>>457146
Какие требования и сложность? Адаптив, скрипты, скинь скрин хоть

04 Фев, 16:57 #55 #457160

>>457152
Точно, благодарю.

20 Кб, 400x239

04 Фев, 16:57 #56 #457161

>>457146
толсто конечно

11 Кб, 225x225

04 Фев, 16:58 #57 #457162

Предлагаю сделать всем тредом его работу и поделить профит поровну. А потом каждый сможет еще и в портфолио добавить

Ответы>>457163>>457175>>457180

23 Кб, 377x330

04 Фев, 16:59 #58 #457163

>>457162
Так, где там мой БЭМ

04 Фев, 17:00 #59 #457165

>>457148
Ты инспектор-то открывал вообще? Убери класс clearfix у блока inner-content-colums, у тебя из-за display: table образуются лишние отступы.

Ответы>>457167

04 Фев, 17:02 #60 #457167

>>457165
> инспектор-то открывал вообще?
Это f12 в браузере?

> Убери класс clearfix у блока inner-content-colums, у тебя из-за display: table образуются лишние отступы
Нет, там у обертки заголовка маргины были, анон выше пояснил.

Ответы>>457173

04 Фев, 17:03 #61 #457169

>>457146
перетолстил

04 Фев, 17:05 #62 #457173

>>457167
А, да, проебал вопрос. Но паразитный отступ из-за левого display: table все равно есть.

04 Фев, 17:05 #63 #457174

>>457146

сенсация нахуй

04 Фев, 17:05 #64 #457175

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

Ответы>>457179

5 Кб, 246x205

04 Фев, 17:09 #65 #457179

>>457175

04 Фев, 17:09 #66 #457180

>>457162
>всем тредом его работу

пиздец там монстр франкенштейна будет.

Ответы>>457182>>457185

04 Фев, 17:09 #67 #457182

>>457180
ну я же шутканул, ну

04 Фев, 17:11 #68 #457185

>>457180
Заказчику скажет, что все съезжающие блоки это новое модное направление content-flow, и за это, кстати, пусть еще двадцатку доплатит.

04 Фев, 17:15 #69 #457189

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

Ответы>>457194

04 Фев, 17:18 #70 #457194

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

Ответы>>457204

04 Фев, 17:33 #71 #457204

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

Ответы>>457207>>457210

04 Фев, 17:35 #72 #457207

>>457204
Так не юзай сасс без сборщика. Галп настраивается относительно легко.

Ответы>>457217

04 Фев, 17:37 #73 #457210

>>457204
http://nicothin.ru/page/console-windows

Ответы>>457217

04 Фев, 17:42 #74 #457217

>>457207
Да у меня тут, наверное, психологический ступор. Я так же стопорнулся, когда апач локальный поднимал, хотя там, на самом деле, пару строчек в консоли надо было прописать.
>>457210
Ого, спасибо.

Ответы>>460490

04 Фев, 17:55 #75 #457230

Верстаны, кто работает, палите з/п, если не стремаетесь.
Нихуя не работаю.

Ответы>>457231

04 Фев, 17:56 #76 #457231

>>457230
Верстаны не нужны это тред начинающих фронтендеров

Ответы>>457233>>457236

04 Фев, 17:59 #77 #457233

>>457231
да, так лучше звучит, лол)

04 Фев, 18:02 #78 #457236

>>457231
З/п не нужна, это тред работающих за идею.

Ответы>>457239

04 Фев, 18:06 #79 #457239

>>457236
>> неработающих
Пофиксил, не благодари.

04 Фев, 18:15 #80 #457243

>>457035
>>457035
Установил через playonlinux, фотошоп грузит комп крепко. Гимп порхает как калибри, но цвета отображает не правильно

04 Фев, 18:29 #81 #457261

>>457150
>>457151
>>457157
Я продажник прост в студии, появилась возможность взять заказ себе мимо конторы. Один хуй судя по нашим макакам, которые дурака валяют целыми днями, с этим и школьник справится.

Ответы>>457263>>457266>>457267>>457269>>457277

39 Кб, 385x264

04 Фев, 18:31 #82 #457263

>>457261
наивный

04 Фев, 18:32 #83 #457266

>>457261
Ахахахахахахахахах.

Ну давай, справляйся или школьник.

14 Кб, 226x234

04 Фев, 18:32 #84 #457267

>>457261

04 Фев, 18:34 #85 #457269

>>457261
отдай на фриланс за 40 и не еби мозг.

Ответы>>457289

04 Фев, 18:44 #86 #457277

>>457146
>>457261
2к$ за лендинг? Только вёрстка и интеграция, даже без дизайна?
Не верю.

Ответы>>457287

04 Фев, 18:56 #87 #457287

>>457277
Любой продукт стоит столько, сколько за него готов заплатить клиент. Можешь развести на 150к - разводишь, можешь развести на большее - дерзай.

Ответы>>458319

04 Фев, 19:00 #88 #457289

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

04 Фев, 19:52 #89 #457365

поясните кто-нибудь, как в техномарте делать это задание: - фильтр: каждый субболок фильтра может быть свернут кликом на иконку «вверх» справа от названия субблока, сама иконка при этом должна измениться на «вниз» (см. styleguide)???? Нашел выполненный макет, но не пойму как он там работает http://sedovolosy.com/_technomart/catalog.html#

Ответы>>457376>>457386>>457388>>457390>>458268

04 Фев, 20:05 #90 #457376

>>457365
js

Ответы>>457379>>457390

04 Фев, 20:06 #91 #457379

>>457376
нет у него js там вообще

04 Фев, 20:09 #92 #457386

>>457365
Заголовок это лейбл для скрытого чекбокса, который его переключает. В зависимости от псевдокласса :checked этого чекбокса к блокам применяются разные правила.

Ответы>>457388>>457392>>457399

04 Фев, 20:11 #93 #457388

>>457365
>>457386
Прикольно, не знал про такой способ, всегда по старинке менял класс/состояние с помощью js

04 Фев, 20:11 #94 #457390

>>457365
>>457376
не надо там js. Вся строка с надписью цена и сама стрелка это лэйбл скрытого чекбокса. Нижний блок появляется когда у этого импута input[type="checkbox"]:checked+label:after ->меняешь стрелку на другую, она псевдоэлемент, там же свойство хиден переставляешь у нижнего блока.

04 Фев, 20:12 #95 #457392

>>457386
ну я понял, что заголовок у него в лэбэл обёрнут, но я не вижу правила с чекед у него. Где оно?

Ответы>>457397

04 Фев, 20:15 #96 #457397

>>457392
инспектор тебе этого не покажет, нужен сам css файл. Он отображает только пограничные состояния: тут псевдо поменял, там объект скрыл..и т.д. Это по сути условие.

Ответы>>457400

04 Фев, 20:17 #97 #457399

>>457386
Алсо, замечу, что это совершенно бессмысленное дрочево и изъебства.

Ответы>>457403

04 Фев, 20:18 #98 #457400

>>457397
инспектор покажет в соурсах ведь код глянуть можно

Ответы>>457401

04 Фев, 20:21 #99 #457401

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

04 Фев, 20:22 #100 #457403

>>457399
особенно с учетом того, что эту хуйню желательно анимировать, я как представлю если эту хуйню через чекбокс делать, да потом еще css анимацию писать, пизданутся можно. Прще сразу jq

Ответы>>457406>>457407

04 Фев, 20:24 #101 #457406

>>457403
Анимацию в любом случае лучше делать на CSS.

Ответы>>457413

04 Фев, 20:24 #102 #457407

>>457403
но transofrm'ы просты, удобны и легковесны.

04 Фев, 20:27 #103 #457413

>>457406
Ну это только примитивную анимацию, в принципе тут да, высоту только расписать, в принципе проще.

137 Кб, 1600x1000

04 Фев, 22:31 #104 #457572

Ну что, петуханы, колитесь, что нужно читать, что учить, чтобы стать таким же отсосом, как и вы и верстать за ЖРАТ

Ответы>>457574

04 Фев, 22:32 #105 #457574

>>457572
Первый пост, дебилоид.

Ответы>>457632

23 Кб, 256x300

04 Фев, 23:07 #106 #457596

>>456751
>>456848
>>456913
Вот это подрыв, я и не ожидал. Идите формочки двигать, формочки сами себя не подвигают.

04 Фев, 23:41 #107 #457628

Увидел в програмаче пик, притащил напоржать
https://2ch.hk/pr/src/642638/14546164178040.png (М)

04 Фев, 23:46 #108 #457632

>>457574
Там хуйня какая-то написана, тут же наебка, вы же, петухи, наверняка все проще делаете.

Ответы>>457693>>458323

05 Фев, 00:31 #109 #457693

>>457632
html academy начни. я вот нихуя не знаю, для меня самое то. всё постепенно.

05 Фев, 03:11 #110 #457773

Господа, подскажите, где можно подробно почитать про кроссбраузерную верстку (еи9+, или даже ие8+) с использованием флексбоксов. И нужна ли она вообще сейчас, или можно забить хуй на все, что ниже ие10?

Ответы>>457777>>457893

05 Фев, 03:29 #111 #457777

>>457773
Ие 9 и меньше не поддерживают флексбокс от слова совсем: http://caniuse.com/#search=flex

Соответственно и читать тут особо нечего. Это же не JS, полифилл не напишешь.

Ответы>>457778

05 Фев, 03:32 #112 #457778

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

05 Фев, 11:01 #113 #457893

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

17 Кб, 350x350

05 Фев, 11:50 #114 #457931

Блять ну а если в БЭМе пишешь модификатор, но имя модификатора verbose??? Ну есть вот блок header and element - top-title и модификатор - blue. Как это написать? header__top-title-blue, и ты уже не можешь различить что это, модификатор или просто елемент. Я вот выделяю модификаторы двумя минусами --, но это просто самопальная придумка, почему яндекс не продумал это? А если еще и verbose название блока? main-block__top-title-MODIFIDICAR

Ответы>>457950>>457961>>457966

05 Фев, 12:00 #115 #457950

>>457931
Потому что правильно писать header__top-title_blue или даже header__top-title_color_blue

Ответы>>458082>>459160

05 Фев, 12:13 #116 #457961

>>457931
ну вообще выделение модификатора -- предложил Галлахер

05 Фев, 12:16 #117 #457966

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

Ответы>>459160

05 Фев, 12:32 #118 #457990

А чего БЭМ так стал популярен последние полгода? Помню раньше, где-то год назад, в вёрстка-треде никто о нём почти не упоминал кроме шапки. А теперь смотрю даже во многих вакансиях требуют такую вёрстку.
У Яндекса была какая-то серьёзная рекламная компания?

Ответы>>458011>>458090

05 Фев, 12:46 #119 #458011

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

05 Фев, 14:03 #120 #458082

>>457950
>this__is__top__header__of__the__page-title_color_blue_like_the_blue_sky

05 Фев, 14:07 #121 #458090

>>457990
Говноеды, с трудом верстающие "Хеллоу ворлд", просто любят быть В ТРЕНДЕ. Думают, что если будут носиться и орать на каждом углу про очередную модную свистоперделку - это как-то повысит их ценность.
Опытные версталы давно самостоятельного дошли до тех полезных составляющих, что есть в бэме и не ебут себе и другим мозги.

Ответы>>458103

78 Кб, 604x449

05 Фев, 14:16 #122 #458099

Вчера узнал что в бэме можно делать вот так class="banner banner__ktulhu banner__ktulhu--horrible" и возрадовался.

05 Фев, 14:19 #123 #458102

Как-то тут приторно уже от этого вашего бэма.

Ответы>>458123>>458308

39 Кб, 339x424

05 Фев, 14:20 #124 #458103

>>458090
>А теперь смотрю даже во многих вакансиях требуют такую вёрстку БЭМ.
Жрать захочешь и в жопу начнешь давать. А с такой бешеной конкуренцией будешь плясать вообще под любую дудку. Лишь бы всунуться.

Ответы>>459159

67 Кб, 640x640

05 Фев, 14:40 #125 #458123

>>458102
Дваждую, блевать уже тянет от одного слова

05 Фев, 14:40 #126 #458124

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

Ответы>>458126>>458247

05 Фев, 14:41 #127 #458126

>>458124
Начинай с БЭМа. Ищи на Яндексе информацию по БЭМу и изучай БЭМ. Потом устроишься на 50к+ на вакансию с требованием занния БЭМа. Ведь ты будешь знать БЭМ.

Ответы>>458127

05 Фев, 14:42 #128 #458127

>>458126
Я ещё даже не читал тред, а уже попахивает какой-то иронией.

Ответы>>458134>>458155

26 Кб, 599x411

05 Фев, 14:49 #129 #458134

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

05 Фев, 15:11 #130 #458153

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

Ответы>>458160

05 Фев, 15:12 #131 #458155

>>458127
попахивает бэмом. ну в общем самое главное ты уже узнал.

05 Фев, 15:14 #132 #458158

Ну давайте что ли и SMACSS добавим тоже, раз кого-то уже тошнит)

https://youtu.be/6co781JgoqQ

хотя я все-равно по БЭМ именую селекторы лол

Ответы>>458167

05 Фев, 15:15 #133 #458160

>>458153
ну елы-палы, 3 урок (вроде) базового интенсива - работа с фотошопом. Смотришь, усваиваешь. Все объяснено и разжевано

Ответы>>458171

05 Фев, 15:20 #134 #458167

>>458158
Нахуй, нахуй, книга блять обучающая платная. Иди в пизду со копирастной хуйней.

Ответы>>458176

05 Фев, 15:22 #135 #458171

>>458160
Смотрел, да забыл.
Тут конкретный вопрос, в падлу что ли было написать да, нет?

Ответы>>458174>>458178

05 Фев, 15:24 #136 #458174

>>458171
Изучал бы БЭМ - не задавал бы глупых вопросов.

05 Фев, 15:25 #137 #458176

>>458167
А я ее бесплатно скачал О_0

05 Фев, 15:27 #138 #458178

>>458171
В технологии бэм все разжевано.

Ответы>>458181

05 Фев, 15:28 #139 #458181

>>458178
БЭМчую этого господина. Чувствует старая школа БЭМа.

05 Фев, 15:48 #140 #458204

лал, так и знал, что рано или поздно в треде начнется ололо-форс бэма.

05 Фев, 16:53 #141 #458247

>>458124
http://nicothin.ru/page/chto-izuchat-html-verstalshhiku

Ответы>>458310

05 Фев, 17:08 #142 #458259

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

Ответы>>458457

05 Фев, 17:24 #143 #458268

>>457365
Тут погляди
http://c12266.shared.hc.ru/tehnomart/index.html

05 Фев, 18:17 #144 #458308

>>458102
БЭМС)

05 Фев, 18:18 #145 #458310

>>458247
> Уметь создавать, редактировать, оптимизировать SVG, быть в состоянии стилизовать и управлять частями SVG-изображения
> создавать редактировать управлять
И тут у меня пригорело. Я когда про свг смотрел в интенсиве, выпал в астрал. Это же пиздец дичайший.

Ответы>>458325

05 Фев, 18:26 #146 #458317

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

Ответы>>458321

05 Фев, 18:29 #147 #458319

>>457287
проиграл с мамкиного продажника. уроки то сделал?

05 Фев, 18:30 #148 #458321

>>458317
Теоретически тут может помочь свойство border-image. Но на практике я его не применял никогда, так что не знаю как оно себя поведет.

05 Фев, 18:32 #149 #458323

>>457632
иди на хуй, жирнота зеленая

05 Фев, 18:32 #150 #458324

>>456704
валера, съеби в сиб

05 Фев, 18:33 #151 #458325

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

5 Кб, 401x131

05 Фев, 20:48 #152 #458446

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

Подскажите почему у меня спрайт с первого элемента не убирается? Что я написал не правильно? Уже пробовал :hover:first-child { content: none; } и :first-child:hover { content: none; } . Помогите разобраться, даже гуглил и вроде все правильно написал.

Ответы>>458460>>458701

05 Фев, 20:55 #153 #458457

>>458259
псевдоклассю этого элемента

05 Фев, 20:56 #154 #458460

>>458446
мде, были бы еще картиночки, у меня нихуя не грузит

Ответы>>458487

05 Фев, 21:20 #155 #458487

>>458460
прошу всего лишь посмотреть код

06 Фев, 01:50 #156 #458701

>>458446
В твоем коде нихуя не понять, но предположу, что потому что ты перезаписываешь свойство content, а спрайт лежит в background.

06 Фев, 15:02 #157 #458920

Игра для понимания азов флексбокса
http://flexboxfroggy.com/#ru
Если уже выкладывали - сорян. А так может для ньюфажиков потом пригодится.

Ответы>>458986

1002 Кб, 250x251

06 Фев, 15:26 #158 #458935

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

Ответы>>458958>>459055

06 Фев, 15:56 #159 #458958

>>458935
типа кроссбраузерность хреновая будет.

143 Кб, 833x600

06 Фев, 16:27 #160 #458970

Проебал вот этот момент на пике, я нихуя не понял, я как должен следить за этим? Просто min-width задавать? Я окно браузера мотал туда-сюда, без разнциы же.

Ответы>>458994>>458998>>459055

06 Фев, 16:31 #161 #458974

В вебинарах был момент, когда что-то прописано у них было в хед, типа только в хед путь к главной папке, а в разметке/ксс везде только корни этой папки, как нагуглить эту штуку?

06 Фев, 16:35 #162 #458978

https://jsfiddle.net/g2j7xqc4/1/

div {width: 500px; border: 3px solid black;}
p.wide {margin-left: 10px; width: auto; margin-right: -50px; }

Не могу понять, или я дебил, или да. Есть родительский div, шириной в 500px. у потомка p указано width: auto, так что его ширина складывается из двух margin + width, заполняя контейнер. вопрос - почему в инспекторе ширина получается 540px? помогите, пожалуйста

Ответы>>459013

06 Фев, 16:40 #163 #458986

>>458920
Спасибо.
Ньюфажик

06 Фев, 16:48 #164 #458994

>>458970
И еще вопрос у меня.
>нет вложенности селекторов больше двух
Имеется ввиду не писать C1 C2 C3{}, а только C1 C2 {}? Или даже C1 C2 {} не использовать чаще пары раз?

Ответы>>459028>>459192

06 Фев, 16:50 #165 #458998

>>458970
Да, min-width для body. Там фоны могут съезжать когда не прописываешь и экран меньше.

Ответы>>459050

06 Фев, 17:03 #166 #459013

>>458978
p.wide - так писать не надо. Просто класс указывай.
Конкретно по твоему вопросу.
есть доступное пространство в 500px. Ты от него margin-left: 10px; забираешь 10px. Выходит 490. А потом ты пишешь margin-right: 50px; таким образом "добавляя" еще 50px. (минус и минус дают плюс). 490-(-50)=540.

Ответы>>459016>>459038>>459061

06 Фев, 17:04 #167 #459016

>>459013
margin-right: -50px;

selffix

06 Фев, 17:10 #168 #459028

>>458994
чем меньше, тем лучше. пробуй обходиться c1 c2 {}

Потом в продвинутом изучишь БЭМ, будешь по нему писать.

Ответы>>459050

06 Фев, 17:16 #169 #459038

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

06 Фев, 17:30 #170 #459050

>>459028
>>458998
Благодарю.

06 Фев, 17:37 #171 #459055

>>458935
Я стилизую через select2

>>458970
Можно попробовать медиавыражения.

06 Фев, 17:43 #172 #459061

>>459013
О, прости, если не по адресу.
Но вот я, чтобы не мучиться с размерами, полюбил указывать:
{box-sizing: border-box;}
:after, :before {box-sizing: inherit;}
Это теоретически может вылиться во что-то неприятное?
Осваиваю респонсив-адаптив, и там дополнительный геморрой с расчетом процентных паддингов-маргинов-бордеров просто взорвет мне мозг.
тупой ньюфажик*

Ответы>>459068>>459135

06 Фев, 17:54 #173 #459068

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

06 Фев, 19:32 #174 #459135

>>459061
выльется в хреновые размеры на старых ie.

06 Фев, 20:08 #175 #459159

>>458103
>А с такой бешеной конкуренцией будешь плясать вообще под любую дудку
Кстати может прикроем тредик? А то работы реально не будет с такими темпами и зарплаты просядут.

06 Фев, 20:10 #176 #459160

>>457966
>>457950
Так модификатор отделяют _ или --?

Ответы>>459189

06 Фев, 20:43 #177 #459189

>>459160
Оба варианта рабочие и приводятся в доках: https://ru.bem.info/method/naming-convention/. В Яндексе использую первый. Мне он тоже больше нравится.

06 Фев, 20:46 #178 #459192

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

06 Фев, 20:51 #179 #459198

Котаны, насколько сложно такой лендинг http://www.nerv.co.uk/ сверстать?
В кратце, с помощью чего все эти вылетающие свистоперделки делаются? Фреймворки JS?

Ответы>>459208

89 Кб, 960x960

06 Фев, 20:55 #180 #459204

Котаны, а что сделал этот парнишка https://github.com/ayrgrant/sedona что бы шрифты выглядели как в макете? И откуда он узнал что именно делать? А то я ссылку с google fonts вставляю, но оно совсем не так выглядит.

Ответы>>459210>>459213

06 Фев, 20:57 #181 #459208

>>459198
Несложно. JS. jQuery.

Алсо, сайт сделан не фонтан, есть мелкие косяки, а анимация тормозит.

06 Фев, 20:57 #182 #459210

>>459204
А ты сам-то не можешь различия в коде посмотреть?

Ответы>>459230

06 Фев, 21:02 #183 #459213

>>459204
>https://github.com/ayrgrant/
Это местного анона гитхаб? Он куда-то устроился с этими макетами/скилами?

06 Фев, 21:15 #184 #459230

>>459210
>>459210
CСУКА БЛЯТЬ Я ВИЖУ ЧТО В КОДЕ ТАМ ЕСТЬ КАКИЕ ТО ФАЙЛЫ, но откуда он узнал какие имено надо файлы брать и как он узнал что имено прописывать в коде.

Ответы>>459231

06 Фев, 21:16 #185 #459231

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

Ответы>>459257

06 Фев, 21:17 #186 #459233

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

Ответы>>459235>>459245>>460490

06 Фев, 21:18 #187 #459235

>>459233
Проблем не будет, просто 2 пробела более распространены. В командной работе все равно придется делать так, как уже есть в проекте.

Ответы>>459624

06 Фев, 21:23 #188 #459245

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

Ответы>>459624

168 Кб, 1024x600

06 Фев, 21:24 #189 #459246

Хуй его знает как с такой хуйней бороться. Открывешь окно "Символы" - PT Sans и больше нихуя не написано, даже блять размера шрифта, пиздос блять.

Ответы>>459249>>459270>>459281

167 Кб, 318x308

06 Фев, 21:25 #190 #459249

>>459246
>линупс

06 Фев, 21:31 #191 #459257

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

Ответы>>459272>>459276>>459280

06 Фев, 21:40 #192 #459270

>>459246
Инструментом "текст" нужный кусок выделял? Может так видно будет

06 Фев, 21:41 #193 #459272

>>459257
Вот и оправдания пошли. Сначала установи операционную систему вместо линупса и научись пользоваться фотошопом, дебик)

06 Фев, 21:41 #194 #459276

>>459257
наставник подсказал.

06 Фев, 21:46 #195 #459280

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

Ответы>>459302

245 Кб, 1366x768

06 Фев, 21:47 #196 #459281

>>459246
PlayOnLinux это, если я не ошибаюсь, какая то надстройка над Вайн или что-то подобное ему? Так не пойдет, ставь витруалку с виндой (например VirtualBox) и там юзай фотошоп. Сам на хубунте сижу, и проходил через фотошоп в Wine.

Ответы>>459292

06 Фев, 21:52 #197 #459286

>>457146
Давай я тебе за 30 сделаю

06 Фев, 22:10 #198 #459292

>>459281
Ноут слабенький для виртуалки. У меня раньше нормально фотожор работал, семейство фонта показывал, размер фонта, строчки. Потом сломался. И заново не становился. Еле нашел версию которая запустилась. Прийдется онлайн версией фотошопа пользоваться.

06 Фев, 22:28 #199 #459302

>>459280
Я кстати так и не смог добиться того, чтобы шрифт Нердса выглядил 1в1 с макетным, хотя все прописывал пиксель-в-пиксель. Особенно фонт-вейт там непонятный.
другой дебил

06 Фев, 22:40 #200 #459307

Пацаны, как сверстать страницу так, чтобы она умещалась на а4 листе?
Тут в относительных размерах высот блоков дело мейби?
Я сделал примерную верстку макета, но она аккурат под две страницы, а тз в том, чтобы под одну сделать.

07 Фев, 00:33 #201 #459354

Блядь, я с этим ебучим грантом дольше ебался, чем с освоением адаптивности.

Ответы>>459356

07 Фев, 00:39 #202 #459356

>>459354
>2016
>grunt

Ответы>>459358>>459374

07 Фев, 00:50 #203 #459358

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

мимо анон

Ответы>>459364

07 Фев, 01:06 #204 #459364

>>459358
Не отменяет того, что грант говно.

07 Фев, 01:14 #205 #459374

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

Ответы>>459380>>459382

07 Фев, 01:50 #206 #459380

>>459374
Вебпак больше на работу джс-файлами заточен. Для сборки проекта удобнее грант/галп.
Не слушай тех долбоебов. Если тебе хватает гранта - пользуйся. Когда не хватит - перейдешь на что-то другое. Главное ведь выполнять поставленные задачи, а не хвастаться какие вундарвафли юзаешь.

Ответы>>459697

07 Фев, 01:52 #207 #459382

>>459374
Забей на этого дауна, никто из этого треда не почувствует разницы между таскраннерами.

Ответы>>459383>>459384

07 Фев, 02:16 #208 #459383

>>459382
Кеканул знатно.
Конечно же, никто не заметит разницу между записью временного файла на диск и работой с потоками. Всего-то временная разница раз в 10.

Ответы>>459387>>459393

07 Фев, 02:18 #209 #459384

>>459382
Алсо, конфиг гранта это просто вырвиглазное говно.
Конфиг галпа это простой и понятный жс.

07 Фев, 02:39 #210 #459387

>>459383
Всего-то временная разница раз в 10.
tell me more

Ответы>>459390

07 Фев, 03:01 #211 #459390

>>459387
Ну погугли какая разница в скорости у оперативной памяти и записи на диск, лалка.

07 Фев, 03:12 #212 #459393

>>459383
Грант норм, если у тебя много ресурсов на компьютере.
Вот у меня 4 гига оперативы и при нескольких открытых psd макетах грант начинал уже ооочень долго думать. Это было совсем не круто ждать по несколько секунд, чтобы посмотреть страничку. В тоже самое время у галпа такое практически не случается и в среднем ему требуется где-то полсекунды, чтобы обновить стили и какие-то десятые секунды на компиляцию скриптов.

Ответы>>459697

07 Фев, 03:54 #213 #459405

Поясните про flex?
Это норма его использовать в 2016?
Или лучше не ебать мозг и дальше делать inline блоками или флоатами?

27 Кб, 677x657

07 Фев, 08:11 #214 #459453

Меня чет припекло

Ответы>>459522>>459549

07 Фев, 12:10 #215 #459522

>>459453
Отчего припекло то?

Ответы>>459556

07 Фев, 12:43 #216 #459549

>>459453
А ведь правда считается, что если в вакансии пишут "У НАС НЕ КУРЯТ", то это скорее всего компания редкостных заёбщиков, которые будут тебя дрочить за каждую неэффективную секунду?
Я просто не понимаю, это так страшно, если человек на пару минут выйдет покурить?

Ответы>>459569

07 Фев, 13:00 #217 #459556

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

07 Фев, 13:30 #218 #459569

>>459549
нахуй нужен хр от которого сигами воняет?

07 Фев, 14:01 #219 #459608

Что выбрать - LESS или SASS?

Ответы>>459621

07 Фев, 14:19 #220 #459621

>>459608
Ты разницу в них видишь?

07 Фев, 14:24 #221 #459624

>>459235
>>459245
Ну если я таб настрою на 2 пробела, это же будет то же самое, что и два пробела, отбитые пробелом?

Ответы>>459637

07 Фев, 14:43 #222 #459637

>>459624
да

234 Кб, 1280x960

07 Фев, 15:15 #223 #459659

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

07 Фев, 15:29 #224 #459669

Котаны, тут возможно всех заебали уже налетающие пыхари и прочие бэкари, но вот смотрю я в своем милионнике вакансии - из 50 по запросу "html", 45 - веб-разрабы (пыха+жс+хтмл) и "чистые" пехопешнеки, 5 - фронт-енд или верстка.
В то время как на западе, много кто говорит, фронт-ендеры чуть ли не лучше оплачиваются и более востребованы.
Почему так сложилось и изменится ли ситуация в дальнейшем, кто как считает?

Ответы>>459680>>459753>>459757

07 Фев, 15:36 #225 #459680

>>459669
видимо фронтэнд проще

Ответы>>459703

07 Фев, 15:57 #226 #459697

>>459393
>>459380
А, я понял. Ну, опять же, я верстаю один макетик, смотрю его, и мне норм. Как только вырасту из этого дно уровня - уже буду смотреть по ситуации ну и да, у меня 16гигов оперативки.

07 Фев, 16:02 #227 #459703

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

07 Фев, 16:05 #228 #459706

Котаны, а в БЭМе надо полностью тащить за собой структуру блока?
Вот пример: у меня есть блок features, в нем есть несколько блоков feature с заголовком и текстом.
У меня у заголовков в фичах будет класс:
features__feature__header или можно просто feature__header
??

Ответы>>459717>>459755

07 Фев, 16:26 #229 #459717

>>459706
Первого варианта быть вообще не должно

Ответы>>459727

07 Фев, 16:43 #230 #459727

>>459717
В каком смысле? Не делать дополнительную обертку features?

Ответы>>459733

07 Фев, 16:49 #231 #459733

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

07 Фев, 17:22 #232 #459753

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

07 Фев, 17:25 #233 #459755

>>459706
header
header__feature
header__title
header__text

Если хедер очень большой и у него может быть свой собственный тайтл:

header
...
header-feature
header-feature__title
header-feature__text

07 Фев, 17:26 #234 #459757

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

Ответы>>459801

07 Фев, 18:05 #235 #459801

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

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

Ответы>>459814>>459845

07 Фев, 18:13 #236 #459814

>>459801
Ну и пусть идут нахуй тогда или платят в 6 раз больше.

07 Фев, 18:40 #237 #459845

>>459801
лал, это они еще забыли написать, что компы еще чинить надо будет.

435 Кб, 1124x892

07 Фев, 18:47 #238 #459850

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

Ответы>>459865

07 Фев, 18:56 #239 #459865

>>459850
закрепите уже в шапку, бля раз пятый наверное кидаю допы к базовому

https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

чувак, вот тут короче в разделе js есть
Критерии сдачи финального проекта

Ответы>>459891

07 Фев, 19:13 #240 #459891

>>459865
Благодарю.

07 Фев, 20:05 #241 #459954

Оцените набросок главной барбершопа. Я нюфаня, часа 4 это делал. Есть много несовпадений с макетом, от этого дико бомбит. http://karasique.co.nf

Ответы>>459965>>459980

07 Фев, 20:25 #242 #459965

>>459954
>набросок

ты чо блять, в художку пришел что ли?

143 Кб, 800x800

07 Фев, 20:27 #243 #459967

Пацаны, вот длинный хмтл - это плохо, а ксс длинны- не особо? Я что-то нихуя не понял, в чем соль?

Ответы>>459969

07 Фев, 20:30 #244 #459969

>>459967
Ты вообще о чем и в чем проблема?

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

Ответы>>459970

07 Фев, 20:31 #245 #459970

>>459969
> Ты вообще о чем и в чем проблема?
Ну вроде как дохуя строк в коде - это пиздец, особенно для хтмл файла, я сам нихуя не понял.

Ответы>>459975

07 Фев, 20:35 #246 #459975

>>459970
строк должно быть столько, сколько нужно

07 Фев, 20:40 #247 #459980

>>459954
не очень. Посмотри еще раз как в видео верстается

53 Кб, 604x452

07 Фев, 21:19 #248 #460045

Антуаны, вывожу очередную порцию своего говна)
http://c12266.shared.hc.ru/lookshop/index.html
http://c12266.shared.hc.ru/lookshop/catalog.html
http://c12266.shared.hc.ru/lookshop/catalog-2.html
И еще вроде как адаптив на @768. Что не знаю как оживить js, просто вхуячил --active.
Накосячил с классами БЭМ и тегом main. Последний вроде как должен нести ориджинал контент, но не судьба. Очнулся когда почти закончил.
Понятно что копаться в этом никто не будет, но пока делал возникло несколько вопросов:
Всякие там + 1 - ; review 12; $10000. Они делаются <span></span>? А оборачивается только число или можно с символом $?
Касательно адаптива и БЭМ: В видосах говорилось что при верстке след. страницы мы бодику добавляем класс и потом нужные элементы перебиваем этим классом. А как быть в БЭМ? Если например на 2х страницах у меня одинаковые шапки, но на мобильной версии они будут отличаться. Тупо подключать на другой странице отдельный css?
Другой вопрос касательно <a>. Я так понял что а это именно ссылка на другую страницу, т.е в принципе всякие там +- и прочая хуйня может обойтись <div> с pointer?
Пока делал еще тонна вопросов назрела, но сука забыл.
Конструктивная критика приветствуется. Да и в слайдере есть Моника Белуччи

Ответы>>460048>>460332>>460337>>460424

58 Кб, 453x604

07 Фев, 21:27 #249 #460048

>>460045
Охуено. Чем пользуешься в js, jquery? Где макет брал?

Ответы>>460051>>460224

07 Фев, 21:30 #250 #460051

>>460048
Это не бобер

274 Кб, 1431x816

07 Фев, 21:42 #251 #460061

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

Ответы>>460238

07 Фев, 21:55 #252 #460073

Верстаны, заранее извиняюсь за тупой вопрос.
Суть в том, что я работаю 2 через 2. И в свои выходные посвящаю 1-2 часа изучению верстки, на большее не хватает терпения и мешают некоторые бытовые обстоятельства. На работе полно времени, но нету практики. Пытался в кодинг со смартфона - только распалил анус понапрасну. И вроде и время проебываю даром и ничего поделать не получается.

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

Ответы>>460077>>460319

07 Фев, 22:01 #253 #460077

>>460073
охрандосом штоле работаешь?

50 Кб, 988x347

08 Фев, 00:29 #254 #460108

пацаны, вот такую хуйню в спрайты засовывать?

Ответы>>460121

08 Фев, 00:51 #255 #460120

Нет, потому что это логотип.
Логотип относится к структуре, не к презентации страницы.
Ебашь через img сохраняй в .png

Ответы>>460121>>460123

08 Фев, 00:51 #256 #460121

>>460108
>>460120

08 Фев, 00:53 #257 #460123

>>460120
> структуре, не к презентации страницы.
Где за это почитать можно? Что куда относиться?

Ответы>>460168>>460228

08 Фев, 01:38 #258 #460144

http://spritepad.wearekiss.com/
как вот этой хуитой пользоваться? Я не зарегаться, не схоронить, нихуя не могу.

Ответы>>460405

08 Фев, 02:50 #259 #460149

Верстаны, подскажите! У меня следующая ситуация: имеются 4 последовательно выполняющихся анимации(ссылка на код ниже). Вопрос: можно ли зациклить весь анимационный процесс без использования JS? (то есть, чтобы после окончания анимации №4 стартовала анимация №1 и всё по кругу.)
http://codepen.io/Terny/pen/LGgKVM

Ответы>>460193

08 Фев, 04:57 #260 #460168

>>460123
Он все правильно говорит, ебашь в img

08 Фев, 06:44 #261 #460193

>>460149
animation-iteration-count

Ответы>>460222

08 Фев, 07:39 #262 #460222

>>460193
Если бы у меня был один единственный keyframes, то вариант с использованием свойства animation-iteration-count - мне бы подошел. В моем же случае - используются четыре разных последовательных keyframes, которые образуют один большой анимационный процесс, который необходимо зациклить без помощи JS. Возможно ли это?

Ответы>>460493

08 Фев, 07:52 #263 #460224

>>460048
Там его нет, я не умею в js

08 Фев, 08:42 #264 #460228

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

08 Фев, 09:25 #265 #460238

>>460061
На самом деле, группировка файлов - это очень любопытный вопрос. Я пробую верстать по бэму, и пока у меня каждый блок это отдельный scss файл, все эти файлы подключаются в объединяющий файл, туда же подключается и файл с переменными.

55 Кб, 1237x401

08 Фев, 09:34 #266 #460247

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

Ответы>>460407

08 Фев, 10:22 #267 #460274

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

Ответы>>460414

08 Фев, 11:28 #268 #460319

>>460073на мобиле интенсивы смотри дома кодишь

08 Фев, 11:49 #269 #460332

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

Ответы>>460337

203 Кб, 1200x750

08 Фев, 11:55 #270 #460337

>>460045
>>460332
Эт тебе:

1. Do NOT use large fixed width elements - For example, if an image is displayed at a width wider than the viewport it can cause the viewport to scroll horizontally. Remember to adjust this content to fit within the width of the viewport.

2. Do NOT let the content rely on a particular viewport width to render well - Since screen dimensions and width in CSS pixels vary widely between devices, content should not rely on a particular viewport width to render well.

3. Use CSS media queries to apply different styling for small and large screens - Setting large absolute CSS widths for page elements, will cause the element to be too wide for the viewport on a smaller device. Instead, consider using relative width values, such as width: 100%. Also, be careful of using large absolute positioning values. It may cause the element to fall outside the viewport on small devices.

Ответы>>460347

161 Кб, 434x576

08 Фев, 12:12 #271 #460347

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

Ответы>>460377

08 Фев, 12:38 #272 #460377

>>460347
В том-то и дело, что у тебя адаптив только под 768, а под 786 или 730 уже нет. Responsive подразумевает адаптивность под любой размер. У тебя по факту две статики под 2 разрешения. Глянь как сайт ведет себя вот тут http://tattly.com/ или тут http://ucsd.edu/ браузером посжимай.

Ответы>>460385

08 Фев, 12:45 #273 #460385

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

Ответы>>460427

08 Фев, 13:05 #274 #460405

>>460144
http://spritegen.website-performance.org/
вот эту юзай, тут все интуитивно понятно. А вообще конечно лучше автоматизировать (после продвинутого поймешь)

Ответы>>460467

08 Фев, 13:08 #275 #460407

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

08 Фев, 13:12 #276 #460414

>>460274
причем здесь руби к фронту (верстке в частности)?
Лучше не книги читать (тем более старые), а статьи, слушать выступления с конференций и подкасты.
Если все же хочешь почитать что-то, то судя из того что читал про html можешь почитать про css теперь)) Того же макфарланда например

Вообще держи http://frontendbookshelf.ru/ тут выберешь че надо

Ответы>>460455

08 Фев, 13:17 #277 #460419

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

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

Ответы>>460433>>460437

1164 Кб, 1305x504

08 Фев, 13:21 #278 #460424

>>460045
чо за пиздец в слайдере твоем?

Ответы>>460434

08 Фев, 13:22 #279 #460427

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

Ответы>>460434

83 Кб, 640x480

08 Фев, 13:24 #280 #460428

Может запилим конфу в телеграмме?

Ответы>>460447>>460450

08 Фев, 13:26 #281 #460433

>>460419
А как он блядь должен себя вести если ты контейнеру текста паддинги боковые фиксированные задал? 270px лол.

Ответы>>460444

08 Фев, 13:26 #282 #460434

>>460427
Спасибо за совет, поправлю и покажу.
>>460424
Ну просто ребята отдыхают.

08 Фев, 13:26 #283 #460437

>>460419
min-width пропиши не для контейнера а для боди

Ответы>>460441>>460444

08 Фев, 13:28 #284 #460441

>>460437
а с текстом как быть или это нормально?

08 Фев, 13:28 #285 #460444

>>460437
>>460433
насчет текста увидел, спасибо за помощь аноны.

08 Фев, 13:30 #286 #460447

>>460428
и че мы там будем обсуждать?

08 Фев, 13:31 #287 #460450

>>460428
Тут-то тебя что не устраивает? Нормально сидим вроде.

08 Фев, 13:35 #288 #460455

>>460414
Я совсем ньюфаг, не знал, про фронт и бек. Я думал, что нужно уметь и то и то. Спасибо за ссылку

Ответы>>460466

08 Фев, 14:00 #289 #460466

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

https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

короче, смотри, учи, верстай, гугли, задавай вопросы. Удачи

08 Фев, 14:04 #290 #460467

>>460405
Благодарю.

1279 Кб, 540x292

08 Фев, 14:16 #291 #460471

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

Ответы>>460474

08 Фев, 14:17 #292 #460474

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

08 Фев, 14:31 #293 #460490

>>457057
У <p> есть семантический смысл, смотри в frontendermag'е.
>>457217
Поясни за апач, тоже была проблема.
>>459233
Похуй, рабочую версию всё равно минимизируют.

08 Фев, 14:32 #294 #460491

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

Ответы>>460497

08 Фев, 14:32 #295 #460493

>>460222
А нахер тебе четыре кейфрейма? Почему не сделать через один?

Ответы>>460580

08 Фев, 14:35 #296 #460497

>>460491
стрелка вправо в меню, потом стрелку вниз...ну это пиздец анон.

Ответы>>460520

08 Фев, 14:38 #297 #460503

аноны, это снова я с очередной ебанутой проблемой.

http://codepen.io/anon/pen/yeQNeN?editors=0100

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

Ответы>>460521

08 Фев, 14:56 #298 #460520

>>460497
> Download fonts

> You do not need to download the font to use it on your webpages. Instead, refer to the "Use" section.

Ответы>>460527

08 Фев, 14:56 #299 #460521

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

(в базовом кстати обо всем этом говорится)

клеарфикс нужен когда есть флоаты

Ответы>>460549

08 Фев, 14:59 #300 #460527

>>460520
ссылку

08 Фев, 15:33 #301 #460549

>>460521
http://codepen.io/anon/pen/yeQNeN?editors=1000

Правильно переделал?
Кстати в интенсиве не говорилось про псевдоэлементы, когда например я уменьшаю экран, то полоска которую я сделал через афтер тоже перемещается. Это считается за нормально?

Ответы>>460551

08 Фев, 15:36 #302 #460551

>>460549
Что блядь значит нормально? Она ведет себя так как ты это задумал. В твоем случае она перемещается за своим родителем.

08 Фев, 15:56 #303 #460563

Подскажите как работать с API телеграмма, есть ли что-то на русском? Нужно сделать так, чтобы пользователь мог авторизовываться в телеграмме по API. На https://core.telegram.org/ нихуя не понятно.

87 Кб, 737x587

08 Фев, 16:00 #304 #460566

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

Ответы>>460567>>460622

08 Фев, 16:02 #305 #460567

>>460566
лучше вместо пробелов делай комменты или не делай пробелы

Ответы>>460570

08 Фев, 16:05 #306 #460570

>>460567
В общем не канон и так делать не нужно? И комментарии все равно строку занимают.

08 Фев, 16:15 #307 #460580

>>460493
>>460493
В том то и вся загвоздка, что реализовать такую анимацию с помощью одного кейфрейма нельзя( по крайней мере я не знаю как). Если кто-нибудь может подсказать, как можно это сделать с помощью одного кейфрейма с использованием лишь CSS3(JS -нельзя), то буду очень благодарен.

Ответы>>460596

08 Фев, 16:28 #308 #460596

>>460580
теперь поясни что мешает тебе объеденить все анимации в одну?

Ответы>>460613

08 Фев, 16:38 #309 #460613

>>460596
Если глянуть на общую анимацию, то видно, что фигурка вначале перемещается, затем останавливается, и потом снова продолжает перемещение. Именно этот момент я и не знаю как реализовать с помощью одного кейфрейма, чтобы объект остановился, а затем продолжил движение.

Ответы>>461592

70 Кб, 840x527

08 Фев, 16:44 #310 #460622

>>460566
нормально все - посмотри вторую часть первого вебика продвинутого там Громов поясняет как он отделяет.
Да и за коменты он говорил.

Ответы>>460633

08 Фев, 16:49 #311 #460633

>>460622
Структурные блоки это шапка/подвал/модальные и основной блок?

Ответы>>460643

08 Фев, 16:52 #312 #460643

>>460633
ну типа да
и он там говорил мол юзает 1 пустую строку, 3 пустых, и может если очень здоровая страница заюзать 5 пустых для отделения.

35 Кб, 956x412

08 Фев, 16:56 #313 #460651

Как h2 делать иди дивами?

Ответы>>460679>>460687

08 Фев, 17:12 #314 #460679

>>460651
по бэму делай, заебали уже

Ответы>>460682>>460687

08 Фев, 17:16 #315 #460682

>>460679
А че по бэму там? Дивы?

Ответы>>460683

08 Фев, 17:17 #316 #460683

>>460682
не, флоаты

08 Фев, 17:22 #317 #460687

>>460679
lol

>>460651
можешь h2, можешь h1, если это у тебя section каждая

Ответы>>460691

08 Фев, 17:25 #318 #460691

>>460687
А причем здесь section?

Ответы>>460699

08 Фев, 17:33 #319 #460699

>>460691
у семантических тегов собственная иерархия заголовков возможна

Ответы>>460701

08 Фев, 17:34 #320 #460701

>>460699
> у семантических тегов собственная иерархия заголовков возможна
Ну сука блядь.

08 Фев, 17:58 #321 #460727

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

Ответы>>460737

08 Фев, 18:08 #322 #460737

>>460727
Перекатывайся в программирование.

Ответы>>460743

08 Фев, 18:16 #323 #460743

>>460737
На чем?

Ответы>>460760>>460764

08 Фев, 18:26 #324 #460760

>>460743
JS, очевидно.

Ответы>>460775

211 Кб, 1280x720

08 Фев, 18:30 #325 #460764

>>460743
Я полагаю он предлагал тебе дрочить JS и его фреймворки. На хх найти фронтенд специальность и посмотри требования. Обычно это что-то типо: адаптивная кроссбраузерная верстка html+css, умение в линукс зачастую, само-собой git, ну и ванила JS и его фрейм типо ангуляра, допустим. Потом портфолио дрочишь попутно отправляя резюме всем кому попало. Забудьте о работе версталой, это раньше можно было быстренько вкатится и сидеть себе верстать за копеечку. Устроится-то можно и сейчас, но верстал берут исключительно на верстку и расти вы там никак не будете. Сегодня уже сформировалась вполне себе четкая профессия фронт-енд девелопер, в которую вкатится с легкостью увы не выйдет, но и платят соответственно больше за знания. http://jetbrains.ru/careers/requirements/frontender/

Ответы>>460767>>460772>>460775

08 Фев, 18:32 #326 #460767

>>460764
Я пол года верстку учил, а тут жс и фреймворки, мне что-то совсем ссыкотно.

другой-хуй

Ответы>>460772

08 Фев, 18:39 #327 #460772

>>460764
>платят соответственно больше

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

>>460767
видел вакансии на версталу чистого, где максимум было jq и еще одну на стажера, где ничего кроме знаний html, css в требованиях не было. Но такие не часто попадаются.

Ответы>>460773>>460780

08 Фев, 18:40 #328 #460773

>>460772
> видел вакансии на версталу чистого, где максимум было jq и еще одну на стажера, где ничего кроме знаний html, css в требованиях не было. Но такие не часто попадаются.
Да это я и сам видел все, просто для себя понимаю, какой я уебок и лентяй.

08 Фев, 18:45 #329 #460775

>>460760
>>460764
JS это еще пол года дрочбы?

Ответы>>460780>>460807

08 Фев, 18:48 #330 #460780

>>460772
Ну работодателя тоже надо уметь выбирать. Ни один фул стек программист не может быть профессионалом во всем и сразу. Он будет немного тут и немного там, ничего серьезного такой разраб не сделает, если он не ахуевший гений. Поэтому объявы типа фул стек зп от 20 опыт 100 лет сразу скролю к хуям, а вот четкое определение фронт-ендера с адекватными требованиями и зп по собеседованию беру на заметку.

>>460775
Зависит исключительно от твоих способностей и твоего желания.

08 Фев, 18:55 #331 #460785

А что должен уметь фронт-ендер без опыта делать на JS?

Ответы>>460787

396 Кб, 1920x1080

08 Фев, 18:58 #332 #460787

>>460785
На счет без опыта сказать сложно, но более менее полноценный тут: https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Russian#js

Ответы>>460812>>460826

08 Фев, 19:14 #333 #460807

>>460775
Лол. Ты понимаешь, что в зависимости от затраченного на дрочбу времени будет повышаться владение языком? Что значит "ещё полгода дрочбы"? Его можно дрочить много лет, сеньором-помидором не станешь.

Ответы>>460810

08 Фев, 19:15 #334 #460810

>>460807
>пока сеньором-помидором не станешь
fix

08 Фев, 19:18 #335 #460812

>>460787
Этот допрос — совсем не на джуниора.

Ответы>>460815

19 Кб, 570x423

08 Фев, 19:21 #336 #460815

>>460812
Я еще не устраивался, но большинство ответов знаю, JS дрочу год неспешно, верстку 3 месяца. Если пидорнут с джуна я отпишусь..лел

Ответы>>460818

08 Фев, 19:25 #337 #460818

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

Ответы>>460822>>460836

63 Кб, 600x450

08 Фев, 19:30 #338 #460822

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

08 Фев, 19:33 #339 #460826

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

Ответы>>460840

08 Фев, 19:36 #340 #460836

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

08 Фев, 19:38 #341 #460840

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

350 Кб, 1200x1125

08 Фев, 20:32 #342 #460918

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

Ответы>>460923

08 Фев, 20:33 #343 #460919

Можно ли к псевдоклассу :last-child применить что то вроде :last-child(-1) ?

Ответы>>460940

08 Фев, 20:35 #344 #460923

>>460918
в тз не сказано это делать, но вообще я сам когда проходил базовый сделал так как они рассказывают делать слайдер в нердс (в 6 уроке видос)

08 Фев, 20:44 #345 #460940

>>460919
в гугле забанили?

http://www.w3schools.com/cssref/sel_nth-last-child.asp

178 Кб, 888x383

08 Фев, 21:02 #346 #460985

А почему тут кнопка стилизована не одним блоком с бэкграундом-имг а фон поделен на 3 части. ::before, ::after и средняя часть основным тегом? В чем суть этого?

Ответы>>460994

08 Фев, 21:06 #347 #460994

>>460985
ссылку блеадь

Ответы>>461012

08 Фев, 21:13 #348 #461012

>>460994
http://eu.battle.net/sc2/ru/legacy-of-the-void/?-#news

Ответы>>461023

08 Фев, 21:22 #349 #461023

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

Ответы>>461031

08 Фев, 21:24 #350 #461031

>>461023
Еще там ахуенно центральная часть реализована, которая вытягивается под текст, там типо репитом по горизонтали тонкая полоска сделана.

27 Кб, 1014x188

08 Фев, 22:18 #351 #461145

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

Ответы>>461165

08 Фев, 22:27 #352 #461165

>>461145
старайся сам понять как делать. Я помню тоже постоянно спрашивал тут, и в итоге нихуя не понимал, что я сделал. Теперь стараюсь вообще не спрашивать тут решения, и результат не стал себя долго ждать. Сверстал 4 макета с базового интенсива, через пару дней буду вкатываться в продвинутый и параллельно учить js.

Советую новичкам поступать так же. Думайте сами, а если не понимаете просмотрите еще раз интенсив(просматривал так раза 4).

Ответы>>461172

08 Фев, 22:33 #353 #461172

>>461165
сколько лет?

Ответы>>461176

08 Фев, 22:36 #354 #461176

>>461172
20

08 Фев, 23:01 #355 #461219

Я - перловик. Перекатываюсь в веб и собсна Catalyst. Появилась надобность изучить фронтенд (html, css, js, bootstrap, jquery). Вопрос - с чего именно начать, в какой последовательности учить и т.д.
С меня как обычно нихуя.

Ответы>>461223>>461272

08 Фев, 23:02 #356 #461221

Мда, судя по треду в связи с кризисом хуизисом все кинулись изучать верстку.
Короче, это пиздец.

Ответы>>461225>>461282>>462429

08 Фев, 23:04 #357 #461223

>>461219
Да хоть хуерловик, все равно с чтения первого поста.

08 Фев, 23:05 #358 #461225

>>461221
> с кризисом хуизисом
Ну конечно.

08 Фев, 23:30 #359 #461272

>>461219
html/css, bootstrap, js/jquery

08 Фев, 23:34 #360 #461282

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

Ответы>>461296>>461368

15 Кб, 338x278

08 Фев, 23:37 #361 #461288

Почему в хроме неправильно отображаются плейсхолдеры инпутов?
http://karasique.co.nf

Ответы>>461354

08 Фев, 23:39 #362 #461296

>>461282
Рынок проёбан давным давно, на западе ебанули индусы, в снг дауны.

Ответы>>461368>>461370>>461636

08 Фев, 23:56 #363 #461354

>>461288
Из-за атрибута type

08 Фев, 23:59 #364 #461368

>>461296
>>461282
И че делать-то?

Ответы>>461372>>461377>>461379

09 Фев, 00:00 #365 #461370

>>461296
Какова вообще рыночная цена вёрстки одного сайта сейчас? 50$? Или меньше?

09 Фев, 00:01 #366 #461372

>>461368
В дотку играть)

Ответы>>461374

09 Фев, 00:03 #367 #461374

>>461372
Если бы за дотку деньги платили... А чем плох путь говнокодера-веб-разраба, который и на JSe чтец и на ПХП игрец, и который сейчас всем так нужен?

Ответы>>461377>>461378

09 Фев, 00:04 #368 #461377

>>461374
>>461368
> И че делать-то?
Задрачивать и работать.

Ответы>>461384

09 Фев, 00:05 #369 #461378

>>461374
> Если бы за дотку деньги платили
Платят, только от такого количества дотки тошнить будет больше, чем от макакинга

09 Фев, 00:05 #370 #461379

>>461368
Учить Java, английский, вкатываться в московский офис за 90к, потом job offer, h1b и прощай рашка. А веб-макакинг дрочить разве что в близлежайшей перспективе (сьебать от мамки).

Ответы>>461396>>461404

09 Фев, 00:08 #371 #461384

>>461377
>Задрачивать
Планка нужных для устройства скиллов растет быстрее, чем я успеваю ими овладевать.

Ответы>>461391

09 Фев, 00:10 #372 #461391

>>461384
Добро пожаловать.

09 Фев, 00:12 #373 #461396

>>461379
> Учить Java
Нахуя это говно, если фрон куди более гибкий, да и ноды с ангуляром никто не отменял.

Ответы>>461398

09 Фев, 00:12 #374 #461398

>>461396
> фронт куда

09 Фев, 00:14 #375 #461404

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

Ответы>>461408>>461421>>461499

09 Фев, 00:15 #376 #461408

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

Ответы>>461411

09 Фев, 00:16 #377 #461411

>>461408
Тю блядь, я уже не вывожу, устал пиздец.

09 Фев, 00:29 #378 #461421

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

Ответы>>461434

09 Фев, 00:32 #379 #461425

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

Ответы>>461441

09 Фев, 00:40 #380 #461434

>>461421
Имелось ввиду сильная популяризация в массах

09 Фев, 00:44 #381 #461441

>>461425
>иду познавать дзен
Фикс)

09 Фев, 01:25 #382 #461489

Верстаны, листал вакансии и задался вопросом про такое знаменательное требование, как КРОССБРАУЗЕРНАЯ ВЕРСТКА, про которое в гугле сотни типа-статей аля "ну короч вот здесь главное не забыть прописать вендорные префиксы, а вот тут вот градиент не заработает".
Есть же аутопрефиксер, поэтому можно не заморачиваться запоминанием какой префикс куда воткнуть, а просто для ие9+, например, не использовать всякую продвинутую хуйню, типа флексов/градиентов. Я правильно понимаю?

09 Фев, 01:39 #383 #461499

>>461404
Что еще за чушь?
В ИТ такие зарплаты, потому что программист здесь и программист в какой нибудь силиконовой долине работает по одним и тем же стандартам. Инвесторам из белых стран выгодно платить проггеру в какой-нибудь украшке пару кусков зелени и получить свой продукт. А откуда он вылупился - поебать, главное чтобы работал.
Гляньте статистику свежую. В америке ИТшник имеет доход под 100к зелени в год, а восточной Европе - 30к. Чувствуете разницу?
К тому же скилловый программист всегда может свалить. Это не фрезеровщик вася без знания языка, наученный точить гайки на ржавой советской рухляди. Плюс качественный инет, с ним и вовсе работай хоть с Кампучии, лишь бы эффективно.
Вот и получается, что айтишник, птица редкая, особенно качественный. Мало кто доходит до нужного уровня, мало кто становится хорошим спецом. Тонна никому не нужных "программистов на джиквери" тому подтверждение.
А всем нытикам я советую завалить ебло и учиться. Даже в этом треде на этапе верстки сольется хорошо если меньшая половина, скорее всего больше. Еще часть отпугнет базовый джс, еще часть более глубокий. Не сольетесь и проложите свой путь дальше - наверняка что-то выгорит. Ну а если вас пугает конкуренция - пиздуйте на склад/завод/магазин, лел. Там вы поймете, что значит истинная конкуренция, когда на твое место претендует любой залетный синяк с кашей вместо мозгов.

Ответы>>461529

134 Кб, 850x581

09 Фев, 02:12 #384 #461529

>>461499
>Даже в этом треде на этапе верстки сольется хорошо если меньшая половина, скорее всего больше
Каждый должен пройти своим путем.
Я вот говнокодил на уровне школьника в течение 3х лет на хорошей для провинции зарплате (а до этого еще 4 года собирал говносайты на джумле и вордпрессе), именно потому что когда-то
>отпугнул базовый джс
И только в кризис, изучая вакансии, я понял что не обладаю реально необходимыми на рынке знаниями, меня это зацепило и я активно поглощаю информацию по современным западным методологиям и инструментам разработки. Благо, практический опыт разработки востребованных рынком [заказчиков говнокода] решений позволяет быстрее поглощать книжки.
Думаю, года через 0.5 перекатиться в Москву на вакансию джуниора/мида во фронтенде, еще через год/полтора зарубеж.
Через 3 месяца мне 29, образования нет.

Ответы>>461549

11 Кб, 312x119

09 Фев, 02:35 #385 #461543

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

karasique.co.nf

Ответы>>461612>>461725

09 Фев, 02:42 #386 #461549

>>461529
Добра тебе.
А то почитаю нытье вчерашних уже_не_школьников, так выходит, что мне проще повеситься, лол.
26лвл, образования нет, 2месяца изучения верстки

09 Фев, 03:01 #387 #461564

Кто-нибудь здесь юзал полифилы для флексов в ие8/9, вроде этого https://github.com/10up/flexibility ?

09 Фев, 04:45 #388 #461592

>>460613
http://codepen.io/anon/pen/RrqZVp
Поправил за пару минут, как попало, но думаю сам разберешься.

09 Фев, 06:50 #389 #461612

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

Ответы>>461725

09 Фев, 09:14 #390 #461636

>>461296
Да всем похуй на индусов. Заказчики тоже не ёбаные дауны и лучше доверят проект Васяну за $20, нежели Раджабу за $5

Ответы>>461641

118 Кб, 590x683

09 Фев, 09:23 #391 #461641

>>461636
есть такое, индусы слишком себе репутацию испортили

Ответы>>461642>>461650

09 Фев, 09:25 #392 #461642

>>461641
лол, в пятницу на апворке видел проект именно с такими блоками кода (значения, конечно, были другими), поорал чуток.

09 Фев, 09:38 #393 #461650

>>461641
Я не понимаю, что происходит в этом коде и зачем.

09 Фев, 12:06 #394 #461725

>>461543
>>461612
У вас отключили гугл штоле? Свойство ::placeholder вам зачем дано?

Ответы>>462025

09 Фев, 13:37 #395 #461827

бля ждал что в продвинутом они че-нить сверстают. В итоге хуй

Ответы>>461831>>461852

09 Фев, 13:45 #396 #461831

>>461827
Бля, еще один. Ты должен был научиться верстать типичные элементы на базовом и несколько макетов после базового. На продвинутом тебе просто рассказывают про доп плюшки, чтобы ты потом их добавил в свой воркфлоу и юзал. Ну типа называл до продвинутого селекторы так, а потом узнал про БЭМ и стал писать по нему. Или писал просто стили, а теперь юзать scss стал, раньше рутину делал ручками, а теперь используешь сборщик.

Ответы>>461833

09 Фев, 13:48 #397 #461833

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

Ответы>>461843

09 Фев, 13:55 #398 #461843

>>461833
>перестроения элементов и всякая хуйня
продуманная разметка, абсолют, флексы, js

09 Фев, 14:05 #399 #461852

>>461827
Барбершоп же по БЭМу размечают.

44 Кб, 961x372

09 Фев, 14:20 #400 #461870

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

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

Ответы>>461880>>461881

09 Фев, 14:31 #401 #461880

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

Ответы>>461883

09 Фев, 14:31 #402 #461881

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

>>461870-кун

09 Фев, 14:32 #403 #461883

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

Ответы>>461891>>461943

09 Фев, 14:37 #404 #461891

>>461883
Щас я сам это буду верстать, потом напишу, лол.

87 Кб, 1409x600

09 Фев, 14:55 #405 #461943

>>461883
#btn-1:checked ~ .slides:nth-last-child(2) {
display: block;
}
#btn-2:checked ~ .slides:nth-last-child(1) {
display: block;
}

Ответы>>461961

09 Фев, 15:06 #406 #461961

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

Ответы>>461969

09 Фев, 15:11 #407 #461969

>>461961
если сайт фиксированный - то прописать правильные ширины для блоков и нужное min-width для body

если адаптивный - задавать размеры в процентах, если точно не нужны переносы (короче смотри продвинутый)

09 Фев, 15:42 #408 #462025

>>461725
Я же писал, не помогает ничего, это тоже. Плейсхолдер остается блеклым, не #000, а каким-то серым.

Ответы>>462092

8 Кб, 325x260

09 Фев, 15:55 #409 #462051

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

Ответы>>462056>>462294>>463228

09 Фев, 15:57 #410 #462056

>>462051
font-weight

Ответы>>462058

09 Фев, 15:58 #411 #462058

>>462056
По макету задавал.
Медиум 500 же?

Ответы>>462059

09 Фев, 15:59 #412 #462059

>>462058
сверху на скрине 500
снизу 400

Ответы>>462067

22 Кб, 1117x223

09 Фев, 16:03 #413 #462067

>>462059

Ответы>>462079

09 Фев, 16:06 #414 #462079

>>462067
Тем не менее в браузере это 400

Ответы>>462082

09 Фев, 16:09 #415 #462082

>>462079
Ну так это моя вина или нет?

Ответы>>462086>>462087

09 Фев, 16:10 #416 #462086

>>462082
проверь еще раз в шрифтах подключенных есть 500 (я имею ввиду в линк)

Ответы>>462098

09 Фев, 16:11 #417 #462087

>>462082
Что именно твоя вина? Что ты не определяешь вес шрифта на глаз? Это дело привычки.
Что ты уперся как баран в то, что показывает фотошоп и не хочешь просто поменять значение и посмотреть на результат (если у этого шрифта есть нужный вес)? Да, твоя.

Ответы>>462098

09 Фев, 16:16 #418 #462092

>>462025
::-webkit-input-placeholder {
color:#242424;
opacity:0.9}

09 Фев, 16:20 #419 #462098

>>462086
>>462087
На макете 500 и 300, я запиздячил 500 и 300, мне на глаз еще 400-700 закинуть, а потом хули ты насувал, шрифт тяжелый? Если не моя вина, пусть нахуй идут.

Ответы>>462108>>462110

09 Фев, 16:26 #420 #462107

А если кнопка инлайн-блок, стоит ей текст-алигн прописывать? Вроде бы и без него норм.

09 Фев, 16:26 #421 #462108

>>462098
ну и нахуя тогда ты нам мозги ебешь?

Ответы>>462111

21 Кб, 471x232

09 Фев, 16:27 #422 #462110

>>462098
я свой откопал
прописано 500 выглядит вот так (хром)

Ответы>>462111

09 Фев, 16:28 #423 #462111

>>462110
>>462108
> ну и нахуя тогда ты нам мозги ебешь?
Так я у опытных ананасов спрашиваю, моя вина или нет? Может это хуита из за браузера и не моя вина, ну.

Ответы>>462115

09 Фев, 16:30 #424 #462115

>>462111
надо код кидать, когда спрашиваешь
может ты не прописал чегото или еще что - сравни с моей картинкой выше

Ответы>>462124

09 Фев, 16:35 #425 #462124

>>462115
> сравни с моей картинкой выше
Ну как я понял, это из браузера. Я все верно прописал.

18 Кб, 922x456

09 Фев, 17:20 #426 #462180

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

Ответы>>462185>>462225

09 Фев, 17:24 #427 #462185

>>462180
Что именно? У инпутов убраны границы кроме нижней, фон такой же как и у родительского контейнера.

09 Фев, 17:56 #428 #462225

>>462180
http://codepen.io/anon/pen/BjGPMp

хорошо или плохо сделал? Кнопка еще в процессе

Ответы>>462226>>462239

09 Фев, 17:58 #429 #462226

>>462225
value на placeholder не хочешь поменять?

Ответы>>462239

09 Фев, 18:08 #430 #462239

>>462225
>>462226
ну и добавить

input::-webkit-input-placeholder {color:#676767;}

input:focus::-webkit-input-placeholder {color: transparent}

Ответы>>462242>>462246>>462287

09 Фев, 18:09 #431 #462242

>>462239
>input::-webkit-input-placeholder {color:#676767;}
Про лису забыл?
::-moz-placeholder {color: #676767; opacity: 1;}

Ответы>>462248>>462287

09 Фев, 18:10 #432 #462246

>>462239
> -webkit
Что за хуйня, поясните неофиту? Для старых браузеров, почему именно вебкит?

Ответы>>462249

09 Фев, 18:10 #433 #462248

>>462242
логично же, еще и -ms туда же

09 Фев, 18:11 #434 #462249

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

Ответы>>462255

09 Фев, 18:13 #435 #462255

>>462249
А зачем их прописывать?

Ответы>>462269

09 Фев, 18:20 #436 #462269

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

Ответы>>462274

09 Фев, 18:24 #437 #462274

>>462269
> новые правила
Это говно где-то чекать нужно, как мне понять, что это говно еще не ввели и нужно движки прописывать?

Ответы>>462298

09 Фев, 18:26 #438 #462276

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

как защитить дизайн сайта от копирования 09 Фев, 18:29 #439 #462280

В гугле например можно написать сюда https://www.lumendatabase.org и сайт со спижженым дизайном исключат из индека.
Но что делать если дизайн сверстан без psd макета ? Собственно могут ли они просто посмотреть на то что мой сайт раньше попал в индекс - соответственно все остальные клоны ?

Ответы>>462623

09 Фев, 18:33 #440 #462287

>>462239
>>462242
а что делать если я не прописываю вебкиты и т.п.? В базовом не показывали вроде об этом ничего или это в продвинутом уже показывают?

Ответы>>462290

09 Фев, 18:35 #441 #462290

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

Ответы>>462295

09 Фев, 18:38 #442 #462294

>>462051
Забей, этот нердс ебнутый какой-то. Все значения задал по макету - не похоже.

09 Фев, 18:38 #443 #462295

>>462290
> препроц сам умеет дописывать что где надо и никакой ебли
Так вот нахуя эти процессы нужны.

другой-неофит

Ответы>>462302

09 Фев, 18:39 #444 #462298

>>462274
http://caniuse.com/ там смотри поддержку-делай вывод и дописывай что нужно.

09 Фев, 18:44 #445 #462302

>>462295
ну вообще нихуя не за этим, это как маленькая утилита.

Ответы>>462306>>462343

09 Фев, 18:47 #446 #462305

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

09 Фев, 18:47 #447 #462306

>>462302
> ну вообще нихуя не за этим, это как маленькая утилита.
А какие еще профиты?

Ответы>>462309

09 Фев, 18:47 #448 #462309

>>462306
продвинутый смотри

09 Фев, 19:12 #449 #462343

>>462302
автопрефиксер входит в postcss а там уже дохуя разного. Его (postcss) сейчас активно пиарят создатели.

09 Фев, 19:45 #450 #462381

По БЭМУ ставить b_ перед блоками как в статье с хабра из шапки уже не надо?

Ответы>>462392

09 Фев, 20:05 #451 #462392

>>462381
нет

09 Фев, 20:10 #452 #462395

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

Ответы>>462410

09 Фев, 20:27 #453 #462410

>>462395
да, в контейнере не надо ограничение делать.

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

09 Фев, 20:33 #454 #462429

>>461221
лол, можно подумать, тупо на верстке можно что-то заработать

Ответы>>462451>>462492

09 Фев, 20:49 #455 #462451

>>462429
На самом деле можно, если в реал-лайфе. Другое дело, что доход будет в разы ниже. Вообще, заработать можно на чём угодно.

09 Фев, 21:15 #456 #462476

Котаны, почитал я документацию БЭМовскую. Получается по идее БЭМ нужно и организовывать как БЭМ, то есть писать отдельные КССки для каждого блока и потом собирать их вместе.
А в less/scss мы получается только используем БЭМ при верстке, а собираем методами less/scss?

Ответы>>462496

09 Фев, 21:26 #457 #462492

>>462429
> лол, можно подумать, тупо на верстке можно что-то заработать
Всяким контент-менеджерам платят 200-300бачей, которые просто картинки меняют или текст.

09 Фев, 21:29 #458 #462496

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

09 Фев, 21:54 #459 #462546

Зацените антошки. Может чего подскажете параллельно. Алсо прошу посмотреть, как оно ведет себя на 10/11 ИЕ, я к сожалению, нормально просмотреть в ие не могу из-за глюков винды, на более старые ИЕшки не можно даже не смотреть, я на них забыл.
http://ykro314.github.io/Good_good/contact.html

Ответы>>462567>>462568>>462578>>462612>>463089>>463263

09 Фев, 22:07 #460 #462567

>>462546
>забыл
фикс

09 Фев, 22:07 #461 #462568

>>462546
Сколько ты это верстал?

Ответы>>462577

09 Фев, 22:12 #462 #462577

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

Ответы>>462595

09 Фев, 22:13 #463 #462578

>>462546
неплохо, понравилась адаптивная менюшка
а вот поиск как мне кажется при нажатии должен удлинняться в инпут

Ответы>>462584

09 Фев, 22:17 #464 #462584

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

09 Фев, 22:21 #465 #462595

>>462577
Это ты ходил на собес, все правильно ответил по верстке, но вот из-за JS тебя не взяли, сказали подучить и снова приходить?

Ответы>>462614

09 Фев, 22:28 #466 #462612

>>462546
Cлайдер на главной сам пилил или это плагин какой то?

Ответы>>462616

09 Фев, 22:28 #467 #462614

>>462595
Похоже на то. По крайней мере свою стори я потом сюда заливал.

Ответы>>462638

09 Фев, 22:29 #468 #462616

>>462612
Сам писал. Там все мною написано на нативном.

Ответы>>462624>>462626

09 Фев, 22:30 #469 #462623

>>462280
бамп

09 Фев, 22:31 #470 #462624

>>462616
По каким учебникам и гайдам учил JS?

Ответы>>462666

09 Фев, 22:31 #471 #462626

>>462616
Да, кстати, с слайдером прикольный эффект вышел от репита и сдвига - возьму на вооружение

Ответы>>462666

09 Фев, 22:36 #472 #462638

>>462614
Помню. Как у тебя дела? JS освоил на каком уровне? Устроился куда-нибудь уже хотя наверное нет, раз сидишь верстаешь дома?
Какие планы?

Ответы>>462666

118 Кб, 344x787

09 Фев, 22:39 #473 #462646

Зацените, правильно ли я разметил по БЭМу или нет?
https://jsfiddle.net/kLzrvvvs/

Ответы>>462956

09 Фев, 22:49 #474 #462666

>>462624
learn.javascript + частично интенсив HTMLacademy прошел только половину пока, ну и практика ессно.
>>462626
Спасибо няша.
>>462638
Да я как погрузился в джс, так после того резюмешку и не обновлял. На верстальщика, я давно мог идти, но не пошел, мне точно скучно станет, придется все равно рвать жопу в нерабочее время, чтобы развиваться в JS. Решил поднять скиллы до уровня JS/Frontend junior и сходу метить уже на эту позицию. Благо есть возможность свободно подрабатывать в инете, так что на хлеб с маслом хватает.
Щас вот закончил учебник Кантора, поглощаю знания по всей области на очереди куча книг, практики, сайтов, лишь бы времени хватило, лол. Планирую досматривать интенсив, запилить пару мелких проектов ориентированных на джс, для практики. Потом слеплю все это в одно приложение. А там и до нормального рабочего SPA недалеко.
Сайтики тоже не заброшу, этот допилю, возьму что-то посложнее. Инет-магазин какой, или промо многоярусное.
Ну а когда я самостоятельно SPA запилить смогу, значит стека знаний достаточно для джуна+, чего собственно и добиваюсь. Запушаю все в красивое портфолио и пойду ловить удачу.
Такие дела.

Ответы>>462700

09 Фев, 23:13 #475 #462700

>>462666
>свободно подрабатывать в инете
Фриланс?

Ответы>>462792

09 Фев, 23:18 #476 #462712

смотрю уже второй анон пользуется нормалайзом. Он обязателен? Про него в продвинутом говорить будут? Просто я им не пользуюсь и вроде все нормально.

Ответы>>462726>>462918

09 Фев, 23:25 #477 #462726

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

10 Фев, 00:18 #478 #462792

>>462700
Что-то типа того.

Ответы>>462805>>463170

10 Фев, 00:29 #479 #462805

>>462792
http://www.pornhub.com/users/deepbunnyhole
Только не пиши, что так?

10 Фев, 03:16 #480 #462912

не обращайте внимание на код, просто хотелось http://codepen.io/anon/pen/EPOzOv

10 Фев, 03:28 #481 #462918

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

10 Фев, 08:23 #482 #462956

>>462646
Бамп.

205 Кб, 1936x1096

226 Кб, 1936x1096

136 Кб, 1936x1096

10 Фев, 12:10 #483 #463089

>>462546
Держи IE10, в основном флексы по пизде пошли.

Ответы>>463096

10 Фев, 12:27 #484 #463096

>>463089
Спасибо. Странно, у меня в режиме эмуляции с 11го под ИЕ 10 все работает норм. В 9- уже разваливается, да.

10 Фев, 13:00 #485 #463110

Да как верстать по этому ебучему БЭМу, объясните тупому.
Вот у меня есть допустим навигация в хедере.
Я пишу:
<div class="page-header">
Навигация это элемент хедера, я пишу
<nav class="page-header__nav">
А ссылки в навигации как писать? Нельзя же делать элементы от элементов.

Ответы>>463124

10 Фев, 13:13 #486 #463118

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

Ответы>>463125

32 Кб, 612x272

10 Фев, 13:27 #487 #463124

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

Ответы>>463156

10 Фев, 13:29 #488 #463125

>>463118
ты разве макет барбершопа видишь? так только пинк и седона - их и верстай.
барбершоп они юзают как пример

Ответы>>463127

10 Фев, 13:32 #489 #463127

>>463125
ну хорошо, не углядел. Седону просто продолжить верстать значит?

Ответы>>463129

10 Фев, 13:35 #490 #463129

>>463127
ну как продолжить - твои стили подойдут только для декстопа (если верстал резиново то и для планшетов вроде тоже) - а тут у тебя mobile-first подход, т.е. создавать надо новый проект и писать сначала мобильную версию, разметка по БЭМ, разибитие стилей и написание с помощью препроцессоров и т.д. а потом уже с помощью @media переходить к планшету-десктопу

Ответы>>463130

10 Фев, 13:36 #491 #463130

>>463129
короче говоря смотри интенсив там все рассказано

2599 Кб, 1500x2600

10 Фев, 13:55 #492 #463144

Проходил как-то курс от html-academy. Попробовал вспомнить, что освоил и скачал для проверки шаблон Modus Versus.
Оказалось нихуя не просто. Сделал кое-как похоже. Придётся весь оп-пост пройти, что уже проходил, повторить.

Ответы>>463242

10 Фев, 13:56 #493 #463147

И кстати, глянул по моему Мухосранску, нашёл одну вакансию. Требования к ней вообще нормальные для вакансии. Стоит на подобное в будущем ориентироваться?

Зарплата: 30000 руб
Компания: ООО ПКФ
Дата размещения: 1 день назад
Описание
Требования:Уверенное знание HTML, CSS, JS, jQuery, ajax;HTML/JS верстка встраиваемого контента на основе типового проекта. Развитие типового проекта;HTML/JS верстка интерфейсов (формы, картографические сервисы, мультимедиа);Умение писать четкий и понятный код на JS;Знать принципы методологии БЭМ;Умение работать в Adobe Photoshop, способность самостоятельно порезать дизайн;Самостоятельно работать с большими проектами;Портфолио.Приветствуется:Знание PHP,1C-Bitrix.Понимание основ SEOЛичные качества:Аккуратное и ответственное отношение к работе, внимательностьУсловия:График работы - 5-ти дневная рабочая неделя;Работа в офисе;Заработная плата 2 раза в месяц;Устройство по ТК.

Ответы>>463208

10 Фев, 14:06 #494 #463156

>>463124
Можно ссылки на статьи Громова и Яндекса?

Ответы>>463168

10 Фев, 14:13 #495 #463168

>>463156
http://nicothin.ru/page/bem
https://ru.bem.info/

Ответы>>463248

10 Фев, 14:13 #496 #463170

>>462792

Где заказы берешь? Как брал на нулевом рейтинге?

10 Фев, 14:25 #497 #463182

есть тут аноны, которые пользуются программой github? Вроде ее показывают в интенсиве про джс. Где-нибудь можно найти туториал, как им пользоваться на русском?

Ответы>>463213

10 Фев, 14:40 #498 #463208

>>463147
Практически один в один моя работа.
Как раз делаю вёрстку и несложную из неё натягиваю на Битрикс.
Скорее всего заставят пройти курс битрикс-разработчика. Он бесплатный, есть на сайте, но жутко скучный
Ничего особо интересного, но на первое время нормально. У меня уже больше, чем на год затянулось.

Ответы>>463229>>463230

10 Фев, 14:45 #499 #463213

>>463182
Может гитом? Выше выкладывали что-то.

Ответы>>463225

10 Фев, 14:46 #500 #463214

И вообще перекат пилите.

10 Фев, 14:54 #501 #463225

>>463213
не, GitHub Desktop

Ответы>>463227

10 Фев, 14:56 #502 #463227

>>463225

в факе гайд

10 Фев, 14:57 #503 #463228

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

10 Фев, 14:57 #504 #463229

>>463208
вот этот курс?
https://academy.1c-bitrix.ru/training/course/5862/

мимоанон

Ответы>>463234

10 Фев, 14:58 #505 #463230

>>463208
А платят сколько? Как на этой вакансии? Город не ДС? Сложно было влезть? Мне и на первое время и не на первое подобное нормально, главное, чтобы стабильный доход был, хоть и небольшой и хватало времени потом повышать квалификацию и своими проектами заниматься.

Ответы>>463234

10 Фев, 15:05 #506 #463234

>>463229
https://dev.1c-bitrix.ru/learning/

>>463230
Да столько же. Но начинал с 15к.
Живу в ДС2, но работаю удалённо в ДС. Я сделал несколько макетов, потом начал приставать к одному одногрупнику по поводу обучения и работы. У него как раз его друг, hr искал верстальщика. Им нужен был опытный, но взяли меня за еду, так как с тестовым вроде как неплохо справился.
Мне кажется, здесь было самое главное заранее наверстать норм макетов, желательно с js.

Ответы>>463235>>463236

10 Фев, 15:07 #507 #463235

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

Ответы>>463237>>463238

10 Фев, 15:11 #508 #463236

>>463234
Так какой именно курс то, скажи пожалуйста? Там контент-менджер, администратор, хостер
Интеграция дизайна и настройка платформы (ссылку на который я и кидал)
и т.д.

Ответы>>463238

10 Фев, 15:11 #509 #463237

>>463235
Курсы из какого треда?

10 Фев, 15:12 #510 #463238

>>463235
Никто скорее всего не будет смотреть все десять. Особенно учебных.
Лучше вылижи до блеска 2-3 и показывай.

>>463236
Разработчик Bitrix Framework, все до него тоже желательно. Можно постепенно к нему подниматься.

Ответы>>463241

10 Фев, 15:15 #511 #463241

>>463238
пасиба

93 Кб, 811x811

10 Фев, 15:17 #512 #463242

>>463144
Хедер - меню список инлайн-блоками, ховер эффект - нижний бордер, бордер-радиус 4пк, уменьшить нижний падинг на 4пк, всплывающее под меню - абсолютным позиционированием, декоративный треугольник на подменю - нижний бордер нулевого псевдоэлемента, абсолютное позиционирование, бэкграунд хедера повторяющаяся хуита с черточками из спрайта.
Слайдер - три скрытых радиобтн с двумя лейблами к каждому, сами кнопки стилями по типу кнопок меню.
Блоки с read me - позиционированием, декоративный эффект как и у меню.
why modus - сделал бы блоком, нижний пики вырезал бы одним большим пиком в верхней серой частью/или бэк на 50%.
why choose us - список с псевдоэлементы накладывающимися друг на друга или > отдельно символом/бэк из спрайта.
50/70/80/100 - полу прозрачный блок с бордер-радиус 50% и разными цветами бордера, красный/зеленый. Цифры попробовал бы сделать инлайн блоками.
our hapy clients - это слайдер?
Остально хуита.

Я все правильно думаю?
неофит_не_прошел_первый_интенсив

Ответы>>463403

10 Фев, 15:30 #513 #463248

>>463168
Спасибо, анончик, ты очень добр!

10 Фев, 15:54 #514 #463263

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

Ответы>>463264

10 Фев, 15:57 #515 #463264

>>463263
https://pages.github.com

Ответы>>463273

71 Кб, 1145x376

10 Фев, 16:11 #516 #463273

>>463264
не пойму, мне надо снова по новой перезалить свой макет в гитхаб?

Ответы>>463280

10 Фев, 16:24 #517 #463280

>>463273
Тебе надо создать новую ветку с названием gh-pages

Ответы>>463306

10 Фев, 17:11 #518 #463306

>>463280
ебать какая сложная хуйня.

10 Фев, 17:12 #519 #463307

Ребята, посоветуйте веб-сервер для разработки.
Требования:
- работать по локальной сети (не только локалхост, предпочитаю тестить адаптивность на своём планшете)
- быть максимально простым в настройке (в идеале - работать изкоробки)

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

Надеюсь на твою помощь, антуан.

Ответы>>463338>>463346>>463347>>463349>>463405

10 Фев, 18:37 #520 #463338

>>463307
Что-то у меня твой мангуст не встаёт, там на семёрку полный админ что ли нужен? Говорит "отказано в доступе".

Ответы>>463340

10 Фев, 18:38 #521 #463340

>>463338
У меня портабл. Закидываешь .exe в рабочую программу, запускаешь и он сам разворачивается.

10 Фев, 18:47 #522 #463346

>>463307
дак вроде можно плагин для гранта/галпа там типа и серва поднимает и рефрешит и по вай-фай доступ есть

10 Фев, 18:48 #523 #463347

>>463307
wamp

10 Фев, 18:49 #524 #463349

>>463307

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

Ответы>>463351

10 Фев, 18:52 #525 #463351

>>463349
Так нажми. Я вот нажимаю, у меня, скотина, говорит отказано в доступе.

Ответы>>463353

10 Фев, 18:54 #526 #463353

>>463351

Нажал, ничего не происходит, "инстал" стал неактивным, а "деинстал" активным, все. Больше ничего не произошло.

Ответы>>463366

10 Фев, 19:01 #527 #463366

>>463353
А кнопка старт браузер активно?
Попробуй в броузере напиши 127.0.0.1
Либо 127.0.0.1:8080

10 Фев, 19:24 #528 #463403

>>463242
Ты ебанутый какой-то.

10 Фев, 19:25 #529 #463405

Не поленился разобраться в документации чистого апача и буду использовать его. Остальные мокрописьки не нужны.
>>463307 - кун

Ответы>>463417

10 Фев, 19:40 #530 #463417

>463366

Нажал, открыло страницу в браузере, пустую. Ладно, хуй с ним.

>>463405

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

Ответы>>463501

10 Фев, 19:45 #531 #463425

Котаны, вот в интенсиве продвинутом много говорят про SASS/LESS, а как его писать не показывают (хотя про структуру Громов рассказал).
Просто пистаь как обычный ксс, только в разных файлах, с использованием всяких переменных и прочих штук, потом это все вместе собирать препросом?

Ответы>>463457>>463498

10 Фев, 20:28 #532 #463457

>>463425
Да, примерно так. Сасс это крутой css.

Ответы>>463459

10 Фев, 20:29 #533 #463459

>>463457
А почему САСС, а не ЛЕСС? Впрочем попробую сначала на Less писать, потом перекачусь на САСС+гулп/грант.

Ответы>>463463

10 Фев, 20:32 #534 #463461

Получается каждый блок стилизовать в отдельном less-файле?

10 Фев, 20:35 #535 #463463

>>463459
Стилус круче. Там надо писать ещё меньше. А можно и просто так цсс код вставить, все равно будет работать.

88 Кб, 720x500

10 Фев, 20:50 #536 #463472

Где можно найти объяснение счетчика-объекта( http://learn.javascript.ru/closures#возврат-функции ) для даунов || как ты понял как это работает. Я уже 3 день это читаю и никак не могу понять принцип работы.

Ответы>>463478

10 Фев, 20:56 #537 #463478

>>463472
Спрашивай конкретнее. Суть в том, что в JS функция это объект первого класса, то есть ее можно записать в переменную как число, строку или массив. Соответственно, ее можно куда-нибудь передать, вернуть и т.д.

Ответы>>463485

10 Фев, 20:59 #538 #463485

>>463478
Мне не понятно почему при повтором вызове courent или courent2 они не сбрасываются и выводят увеличенное на 1 значение.

Ответы>>463496>>463503

10 Фев, 21:05 #539 #463496

>>463485
Там дальше это объясняется, при создании функция «захватывает» свое окружение и работает с ним. Пока функция висит в памяти — ее окружение сохраняется. Если создать еще одну функцию, то у нее будет свое окружение.

Ответы>>463504

10 Фев, 21:07 #540 #463498

>>463425
Того, что здесь есть достаточно http://sass-lang.com/guide
На всякие миксины, условные операторы и прочие йобы можешь пока забить, постепенно сам до этого дойдешь.

10 Фев, 21:08 #541 #463501

>>463417
Потому что mongoose слушает не локалхост, а локальную сеть, создаваемую моим вайфай роутером. Я подключаюсь планшетом к роутеру и могу получить доступ к серверу через его локальный IP.
С апачем такая же история, но пришлось немного почитать конфиги.

Ответы>>463505

10 Фев, 21:09 #542 #463503

>>463485
Почитай еще раз про объект Lexical environment, в нем суть.
Если коротко, то за каждой функцией при ее вызове закрепляется объект LE соответствующий ее окружению. В нем записаны аргументы функции, объявленные внутри переменные и т.д.
Как только функция отработает - объект выбрасывается и удаляется сборщиком мусора в целях оптимизации. При последующем ее вызове где-то еще создается новый объект, чистенький, с заданными параметрами.
Если мы записываем функцию в переменную, то там же и остается все ее окружение. После отработки функции ее объект окружения не выбрасывается, ткак записан и остается в переменной, в данном случае в counter, но его значения могут перезаписаться. Как-то так.

Ответы>>463508>>463515

10 Фев, 21:09 #543 #463504

>>463496
У меня диссонанс: вроде все понятно, но мне нихуя не объясняет. Почему она "захватывает" свое окружение? Почему она весит в памяти?

Ответы>>463508

10 Фев, 21:10 #544 #463505

>>463501
Не проще выложить страницу в интернет и открывать ее откуда угодно?

Ответы>>463507

10 Фев, 21:12 #545 #463507

>>463505
Что ты подразумеваешь под "выложить"? gh-pages - это геморрой тот ещё, тем более на 1 гитхаб акк можно иметь только одну gh-page.
А чтобы настроить сервер на прослушку из внешней сети, надо возиться с пробросом портов, а мне лень.

Ответы>>463509>>463511

10 Фев, 21:13 #546 #463508

>>463504
Висит в памяти она потому что ее создали и положили в переменную: var counter = makeCounter();. Захват окружения нужен затем, чтобы функции могли не только что-то возвращать, но и модифицировать переменные, которые объявлены вне их.

>>463503
Хорошо объяснил

10 Фев, 21:15 #547 #463509

>>463507
Проще всего github pages, да. Не вижу никакого гемора в том, чтобы написать git push.

На один аккаунт у тебя может быть сколько угодно сайтов, они будут доступны по адресу username.github.io/project.

Ответы>>463512

10 Фев, 21:16 #548 #463511

>>463507
Можно еще зарегать аккаунт на хероку и лить туда, например.

10 Фев, 21:16 #549 #463512

>>463509
А что насчёт бэкенда?

Ответы>>463513

10 Фев, 21:17 #550 #463513

>>463512
Хероку.

Ответы>>463516

10 Фев, 21:18 #551 #463515

>>463503
Функция внутри функции же отработал, прибавив currentCount единицу и должна сброситься. Потом, с твоих слов, объект сбрасываться и остается чистым при последующих вызовах. Потом ты говоришь: "После отработки функции ее объект окружения не выбрасывается, ткак записан и остается в переменной". Это же противоречиво?
Чего я не понимаю?

Ответы>>463530

10 Фев, 21:18 #552 #463516

>>463513
У меня есть акк на хероку, но я использую его для демонстраций клиенту. В процессе кодинга, когда мне часто нужно вносить мелкие правки, я заебусь git push писать и ждать каждый раз.

10 Фев, 21:24 #553 #463530

>>463515
Смотри:

makeCounter()();
Здесь makeCounter вернет функцию, тут же ее вызовет и выбросит саму созданную функцию и ее LE, потому что хранить его нет смысла — пользователь больше никогда к ним не обратится.

var count = makeCounter();
count();
Здесь makeCounter вернет функцию, и запишет ее в переменную вместе с ее LE. Поскольку интерпретатор не знает, понадобится ли она пользователю или нет, то он не может просто ее выкинуть. Поэтому при повторных вызовах count она будет сохранять свое LE.

Ответы>>463543

10 Фев, 21:35 #554 #463543

>>463530
Грубо говоря counter = currentCount++ ? Правильно я понял?

Ответы>>463550

10 Фев, 21:40 #555 #463544

перекат делайте

10 Фев, 21:43 #556 #463550

>>463543
Идею, того, что в counter записывается функция ты уловил, ок. Осталось понять, что этот currentCount каждый раз при создании функции будет новый.

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

10 Фев, 21:46 #557 #463553

https://2ch.pm/wrk/res/463552.html (М)
https://2ch.pm/wrk/res/463552.html (М)
https://2ch.pm/wrk/res/463552.html (М)
https://2ch.pm/wrk/res/463552.html (М)
https://2ch.pm/wrk/res/463552.html (М)
Перекат

10 Фев, 21:47 #558 #463556

Анон, который сервак искал.
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:

from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()

И собственно всё. Или тебе всякие бд нужны?

10 Фев, 21:49 #559 #463560

Я вообще поднимаю сервер на питончике:
$ python -m SimpleHTTPServer

А верстку тестирую на iOS-эмуляторе (входит в бесплатный XCode)

мимомакоеб

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

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

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

« /wrk/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion