>>532172
зато везде отображается одинаково

Дайте обратную связь, кому не лень https://gitanon.github.io/
Разное отображение я сам вижу, не старался сверстать pixel perfect все проекты, поэтому такое можно не писать, только если совсем ни в какие ворота. Верстка конечно пиздецовая, пока верстал сам многое понял. Больше интересуют ваши наблюдения по структуре проекта, галпфайлу, подключению фраймворков и т.п..
Шрифт подключился только на фаундейшине, до него я думал все нормально, а оказалось, что нет. Исправлять не охото, на новых макетах внимательней буду.
После верстки макета удаляете папку node_modules? В ней файлы маленькие, но на диске больше места занимают из-за кластеров большого размера, чем файл. У меня на порядок больше места на диске занимает, чем есть по факту.

>>532326
я удивляюсь, как легко html-academy внесли в верстку css-слайдеры с использованием input+label. это же пиздец, семантика в жопе. элементы формы вне формы. и всем нормально

>>532326
>После верстки макета удаляете папку node_modules?
В папку с проектом кидаю симлинк, сама же node_modules лежит в другом месте

>>532331
На продвинутом Громов говорил что слайдеры пилите на js

>>532331
Семантика, хуянитика. Работает? Работает. Тормозит сайт? Не тормозит. Что еще надо?

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

>>532603
Всё, не надо, нагугули сам.

http://www.youtube.com/watch?v=SvuSZkIYTM0

Как реализовать это задание :
Блок 4 фиксируется при скролле до момента когда блок 7 будет в 20 пикселях снизу от него
?
Двачик, помоги

>>532616
Начал смотреть - хорошо, хоть добил вышку, лол

>>532397
двачую пацана

Прошел базовый интенсив. Сверстал пару макетов, можно уже браться за js ?

>>532685
Сам то как чувствуешь. Все устаканилось? Руку набил? Если уверен, то можешь переходить в продвинутому. Только учти, что там верстать учить не будут. Там будет рассказывать про подходы и технологии, которые ты внедришь в свой процесс верстки

>>532649
Здесь всегда подразумевается вышка связанная с ИТ? Заканчиваю техническую, но не ИТ просто.

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

>>532700
> bootstrap: 20hrs
> JS: 108hrs
Чет в голосину с этих хохлолекторов.

>>532768
Я тоже нихуя не понял, жс типа хуйня такая, а на вонючий будстрап 20 часов, че?

>>532616
да в пизду, час жизни тратить на бесполезный пиздежь, лучше поделать че-нить.

>>532616
чо там вкратце?

>>532796
Да херня, не стоит потаречнного времени. Хорошо, что фоном смотрел - ничего нового

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

>>532855
Если нет, то напиши.

>>532882
Я не умею.

>>532906
Есть трекеры времени проведенного в разных программах/сайтах.
Или по технике помидорок ты каждый раз отмеряя помидор можешь тоже потом анализ делать.
Ну и я надеюсь ты не собрался прям до секунды вымерять, ибо час часу рознь. Справедливо как для разных людей, так и для одного человнка в разных состояниях.
Твоя задача получить знания и навыки, а не набить почасовку. Ее можно использовать просто как косвеный показатель.
Надеюсь, мысль ясна

>>532906
https://toster.ru/q/22115
Тогда может это поможет?

>>532855
Я использую вот это
http://www.teamviz.com/
Полностью под реквест не попадает, ведь разрабатывалась больше как менеджер помодорок. Но есть профиты типа отслеживания количества тасков, длительности, удобный подневный репорт по затраченному времени, с графиком.

>>532616
Заебись. Вышки нет и не собираюсь. Походу мир ебанулся

>>532616
А без диплома бакалавра вообще никак? Мне нужно потратить время на изучение CSS, JS etc, а потом еще пять лет протирать штаны в вузе, получая специальность, не имеющую никакого отношения к frontend, просто, чтобы бумажка была?

>>532961
>>532976
Нахуя вы вообще это видео смотрите?Нахуй диплом никому не нужен.

>>532980
слышал много кококо, что он нужен именно для руководящих должностей

>>532989
У нас тут альфачей дохуя я смотрю?Многие еще блять не работают даже.

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

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

>>532961
>>532976
Блядь, этот семинар для доверчивых хохлов и прочих долбоебов. Чего только стоит "JS: 100 часов", лол. Осваиваете нужны стэк технологий, идете на работу, набиваете опыт. Там если буедт нужно - можно будет сдать какой-нибудь говно-экзамен или получить сертификат. Никому нахуй не нужен диплом говновуза.

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

>>532996
в этом плане мне все понравилось, >>533004
ну тогда просто опыт.

тут смотрю уже фронтед тред дохуя, в оп посте верстки хоть и советовали устраиваться в ковнонторы за нихуя

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

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

>>533193
Ладно, запили мне гайд как в слайдер запилить html верстку и чтоб она не наебнулась.

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

Где искать работу версталой? Я хуею, даже на джунов вакансий нет, всем нужны JS/Node/React/Angular, а если не знаешь - пошел нахуй.

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

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

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

1. А есть у местных верстал заготовки для проектов? Поделитесь/расскажите, что там у вас.

2. Юзал prepros и less файлы заебись автокомпилировались. Переставил прогу заново - нихуя не хочет делать. Двач, я наверн тупой, подскажи в чем дело.

>>533426
>>533444
IE-9 поддерживаете? на jquery что-нибудь можете написать? уровень зп какой хотите?

>>533426
Без JS нигде. Хотя иногда встречаю вакансии уровня "кроссбраузерная верстка, IE8, бутстрап, верстка шаблонов под 1сбитрикс, пхп, мускуль, хуй 19 сантиметров 20к/мес". ДС

>>533426
Зачем тебе верстка? Это же просто дно. Дрочи яваскрипт вместе с перечислеными фреймворками, от сылай резюме в нормальные компании.

>>532397
>>532661
вот из-за таких ребят веб постепенно скатывается в жопу

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

>>533469
это где-нибудь в мухосранских говноконторках часто так. ищут человека-оркестра, уровень знаний которого как раз на говноконторку. в нормальных конторах держат нормальных фронтов для клиент-сайда. но эти, пускай даже джун, фронты обладают хорошим таким стеком известных им технологий. и получают, например, в ДС3 от 45-60к, в ДС от 80 и выше.

>>533539
ну и используй медиа-запросы с min-width, а не с max-width

>>533539

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

>>533563
Это два разных подхода к адаптивности. Описанный аноном Mobile First позволяет телефонам не грузить большие картинки и прочие ресурсы десктопной версии.

>>533567
label:before {
content: "\kod-symvola";
display: inline-block;
font-family: tvoy-iconic-font;
font-weight: normal;
font-style: normal;
}

>>533563
PE - это не mobile first

>>533567
в 6 уроке базового интенсива есть дополнительное видео по кастомизации чекбоксов и радиокнопок

так же в дополнительных материалах к интенсиву есть видео про кастомизацию с помоощью шрифта тоже

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

>>533572
> label:before {
>content: "\kod-symvola";
>display: inline-block;
>font-family: tvoy-iconic-font;
>font-weight: normal;
>font-style: normal;
>}

Так и думал. Там просто все эти параметры красиво лежат в одном файле. Думал обойтись без копипаста. Спасибо.

> в 6 уроке базового интенсива есть дополнительное видео по кастомизации чекбоксов и радиокнопок
Спасибо, посмотрю.

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

>>533567
>подскажи как стилизовать
А в чем проблема? Лейблам в хтмл присвой классы соответствующие символам. Потом стилизуй как label::before

https://code.visualstudio.com/
Тут релиз произошел. Какие думки?

>>533940
внешний вид один в один как саблайм

>>533940
Вангую отсутствие ламповых плагинов

Вопросец по адаптиву. Стоит ли ограничивать рамки действия медиа запроса. Т.е.
@media screen and (min-width: 320px) and (max-width: 700px)
или просто
@media screen and (min-width: 320px)

Просто некоторые свойства унаследуются от предыдущего и хорошо это или плохо не пойму. Если что применяю mobile first

>>534061
Зависит от конкретного случая. Если медиа запрос без max-width поможет избежать повторения кода - да будет так.

Может будет полезным. В общем пытался накатить адаптивные пикчерз. Но вот не судьба - не работает, ну как 1 запрос работал, а остальные нет (пик 1). Минут 30 убил на то чтобы разобраться.
В общем никто мне не сказал что запросы нужно ставить в порядке убывания (пик 2). Всем удачи.

>>533940
Николай Громов
Поставил Visual Studio Code. Попробую сделать с ним один проект.
сегодня в 15:01

Николай Громов
Нет, пользоваться Visual Studio Code не буду. Там нет настроек Emmet-а.
три часа назад

Читнул тут Громова про свг-спрайты, где он предлагает ныкать спрайт в разметку и вставлять где надо через use:

http://nicothin.pro/page/svg-sprites

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

>>534138
Не получится так, свг спрайт кардинально отличается от обычного пнг спрайта, это и не спрайт вовсе по сути, а просто набор кода..

>>534166
Почему, вот же чувак юзает точно так же, как пнг

https://www.liquidlight.co.uk/blog/article/working-with-svgs-in-sprites/

Судя по всему, будет какбе 2 спрайта, один в разметке, один файлом.

>>534337
Делаешь двухцветный красно/фиолетовый блок на 100% шириной, внутри него отцентрированный блок (можно псевдоэлементом) фиксированной ширины с пятью остальными градиентами. Куда проще-то?

>>534342
>двухцветный красно/фиолетовый блок
Градиентом естественно цвета, забыл написать, но думаю и так ясно

>>534337
2 бэкграунда наложи друг на друга и сделай оверфлоу хидден.

>>534337
бля бро, ты чё на белоленточную хуету работать начал?

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

>>534337
Градиентом

>>534424
Ты тупой штоле, уже ответили выше.

на stackoverflow за такие вопросы с ноги прописывают, спрошу тут

Какой жквери слайдер предпочитаете использовать? Мне важно, чтобы был адаптивным (не обязательно, могу и сам допилить), не нужно было указывать жестко ширину и чтобы поддерживал HTML-CSS в слайдах (а не только картинки).

>>534519
slick

>>534074
это полифилл с жс или браузер без жс такое понимает?

>>534537
Думаю jade, шаблонизатор хтмл, но не уверен

У меня тут ебанутый вопрос для вас, как сделать, чтоб текст выходил за рамки блока?Сейчас как пикрелейтед1, нужно как пикрелейтед2

>>534573
>>534537
Да, это jade

>>534635
Дрочишь пиксель перфект? Уеби с ноги дизайнеру за такое.

>>534639
Не дрочу, просто на 2пике лучше смотрится же, а дизайнеру я с ноги уже 50 раз уебал, макет - говнище ебаное.

Я похоже совсем захерел. Вот есть макеты. Как читать на них подписи?
320 - так должен выглядеть макет от 0-320рх? или от 320-до следующего(тут 700рх)
700 - от 320-700 или выше 700рх? и т.д.

>>534337

Вырежи картинку и залей сюда http://www.colorzilla.com/gradient-editor/ , оно сгенерирует тебе код.

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

>>534726
Я конечно полный нуб в верстке, но думаю, что
Что бустрап, что скелетон не дают возможность очень точно сверстать любой макет. Мне кажется, есть макеты, которым будет тесно в системе из 12 колонок. Я бы их использовал в первую очередь для создания сайта с нуля, т.е. когда фреймворк выбран осознанно, и макет уже верстается с его учетом. Ну или когда макета нет вообще.

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

Вопрос к опытным господам.

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

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

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

>>534744
Ссылки универсальнее. Тем более что сортировку можено пилить и на клиенте и на сервере.
В любом случае там скрипт основывается на клику по кнопке с айди/классои/дата-атрибутом.
Дальше уже принимается решение. Либо на клиенте все пересортировывается и перерисовывается исходя из доступных данных, либо найди отсылается на сервак, а он уже респонсит пересортированным джсоном/готовой страницей.

>>534753
Если обобщить, то радобаттонами все-таки можно сортировку делать, но не принято?

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

>>534757
В базовом js радиобатонами сделана фильтрация например. Как там сказано - для того, чтобы вам попроще было. Но видимо можно.

>>534828
Лютый БУТСТРАП дизайнера чую я.

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

>>534901
Никак, это здоровое чувство, будешь устраиваться за дешево - будешь делать хуже не только себе но и остальным, ибо работодатели борзеют

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

>>534901
Не демпингуй зарплаты, будь нормальный посоном.

>>534519
owl-slider. самое то, адаптивный, поддерживает не только картинки, но и прочую муть, очень удобен. http://www.owlcarousel.owlgraphic.com/

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

>>535080
и если не ошибка - отпизди

>>534519
Заюзал swiper, брат жив, зависимость есть. Но он на флексах, так что иедебилы сосут хуи.

>>535207
>Расскажу ка я вам занимательную историю.
>Вчера гулял со своей тян в ТРЦ Караван на героев труда в Харькове . Во время прогулки мы решили присесть, суток переложить вещи и т.д. Сели на лавочку. Сидим, сидим и тут мне в ухо попадает обрывок фразы: на-на-на-на-на.... препроцессоры
>Я такой напрягся и думаю ы надобно послушать. Поворачиваю голову и вижу что за мной сидят два чувака. Один молодой - типичный двощер анимешник нестриженый, с засалеными волосами, в какой-то одежде стремной, немытый... и такой же как первыйзасаленый и т.д. тольуо старше, лет так 35.
>Вот они сидят и старший грузит нашего брата всякими тупыми вопросами, типо: почему лучше чистый css, а как то, а как се.
>И тут я понимаю что это ничего иное, как собеседование! Блин! Собеседование на верстальщика без опыта, в ТРЦ в субботу вечером!
>Короче. Не буду рассказывать как я прозревал с вопросов и что думал об этом работодателе. Скажу лишь что наш брат держался молодцомну как молодцом. Молодцом для омежки и мямлил по теме. Хоть и без уверенности.

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

>мотивационный пик с котиком, всем в этом треде

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

>>535208
в общем, если желающие есть, пишите на мыло elhobbitdecheapskate@gmail.com
ps я не пью, так что ради в говно со мной пересекаться смысла нету. Но попиздеть о том о сем люблю

http://nicothin.github.io/idiomatic-pre-CSS/

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

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

Привет, может не совсем в тему, но такой вопрос: Какую CMS интернет магазина выбрать для создания шаблона по готовой верстке?

надизайнил и заверстал сайт по доставке суши.
- Главная / каталог товаров
- корзина / оформление заказа / оплата
- текстовая страница / акции / доставка и тд.

Сейчас есть html+css+js. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7).

Цель:
1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге.
2. добавить шаблон на templatemonster.com / themeforest.net
Поэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.

Выбираю между:
joomla / prestashop / opencart / magento

В соседней ветке посоветовали WP + woocommerce, но мне кажется, это извращение, т.к. есть готовые движки для ИМ.

У кого есть опыт создания шаблонов, что посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?

>>535368
Сколько не смотрел, большинство выбирают opencart и bitrix, так что выбор у тебя один...

>>535370
>>большинство выбирают opencart и bitrix
ты имеешь ввиду разработчиков или клиентов?

>>Сколько не смотрел
А где ты смотрел? Можно чутка подробнее?

А сам делал шаблоны для ИМ?

>>535346
Если у тебя под каждую страницу свой хтмл, то просто на нужной вешаешь класс.
Если так не прокатывает, пиши проверку по location или еще как-то и вешай ее на событие DOMContentloaded

>>535346
это уже работа бэкендера. твоя - лишь сделать так, чтобы при добавлении нужного класса что-либо происходило (добавить стили в css).

>>535368
ты прав, вопрос совсем не в тему.

>>535455
Какого еще бекэндера? Это чистый фронтенд, ты о чем вообще?

>>535464
Нет. Это чистой воды бекэнд.

>>535510
Я тебе даже поясню, потому что мне нехуй делать:
выполнить твою задачу можно, только узнав URL текущей страницы. УРЛки обрабатываются на бекэнде.
То есть, там в роутере прописано, какую страницу выплевывать на /index.php, какую на /profile.php и т.д.
Будет вполне логично, если добавление классов, зависимых от УРЛ, будет также происходить на бекэнде (в шаблонизаторе).

Конечно, у тебя есть возможность узнать URL и на стороне клиента. http://javascript.ru/window-location
Но для этого, тебе придется добавить js-костыль, который будет срабатывать на каждой страничке и проверять урл, и в зависимости от него динамически добавлять класс.
Подумав хорошенько, ты сам поймешь, что наиболее логичным вариантом является именно отработка таких моментов на бэкенде (для чего тебе шаблонизаторы-то вообще тогда придумали, а?), потому что УРЛы и роутинг у тебя по-любому отрабатываются на бэкенде, значит и все, на них завязанное, должно быть там же. Просто потому что это логично.
А то получается, что основной шаблон у тебя строится на бэке, а какие-то классы в менюхе добавляются через какой-то js костыль, это путаница, это неочевидно, из-за таких костылей и не любят веб-макак.

Анон помоги с версткой интернет магазина
http://joxi.ru/V2VKKMwI0DJ40A
Как вообще адаптивно верстаются такие вещи?
Я не прошу расписывать все, а только основные моменты.
Полагаю верхний блок с лайками прилипить абсолютно.
img display:block;width:100%;height:auto;
Как заставить все блоки красиво сужаться?

Ахуеть, не было две недели наверное, уже перекатились во фронт-енд-треды и один даже уже уплыл. Хули вы такие быстрые?
Зачем так сделали? Был же нормальный симбиоз верстка здесь + js в pr.

>>535396
>>535455
Спасибо, тащемта я и бэкенд сейчас пилю, оказалось что это само в вордпрессе генерится, остаётся только стили переименовать.

>>535392
> А где ты смотрел? Можно чутка подробнее?
Работаю в веб-студии 600к город, проводили исследование конкурентов.

>>535555
Ты что, так же илитнее звучит, тут на самом деле до сих пор верстку дрочим.

>>535579
Ну ладно.
Хочу вот сверстать лендинг, до этого только обыкновенные многостранички верстал.
Как там это делается - просто делаешь кучу блоков на всю ширину друг под другом? Это же легко?

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

>>535544
Шакал, на твоем скриншоте нихрена не разглядеть. Какие лайки, какой верхний блок? Там какие-то скукоженные кроссовки и толстовка. Кидай нормальный скрин или пример верстки.
А вообще все просто. Если делаешь мобайл-ферст, то хуячишь, допустим, враппер, ему задаешь 320-480(min и max-width соответственно, чтоб не пидарасило. Но можно и без мин.). Все эти блоки с кроссовками-хуевками на 100% ширины друг под другом. Для планшетов-десктопов перестраиваешь сетку.

Котаны, нужно сверстать сайт-портфолио+блог. Верстать и JS писать я умею, но вот как это все должно работать на стороне владельца (того, кто будет вести сайт), слабо представляю.
Я так понимаю .нужно все это дело будет посадить на какой-нибудь движок и залить на хостинг? Смогу ли я это сделать, если не знаю пыхи? Вроде как никакого сложного взаимодействия с сервером у такого сайта быть не должно.

>>535603
> Смогу ли я это сделать, если не знаю пыхи?
Да, пили на вордпрессе.

>>535517
>потому что УРЛы и роутинг у тебя по-любому отрабатываются на бэкенде
Как там в 2008? По чем доллар?

>>535615
А человек без знания верстки потом сможет просто наполнять его без задней мысли?

>>535617
Да, если нормально сделаешь и объяснишь че как.

>>535616
>почем

>>535596
Пока ты варишься в дивном ангулар и реакт мирке, 95% сайтов сайтов работают на обычных цмс, ещё 4% на фреймворках.
Строить обычный сайт на ангуларах - ерунда и баловство.

>>535705
В моем дивном, как ты выразился реакт мирке, деву платят от 15 бачей в час. Что там у цмсомакак с их днищеклиентами, мне честно говоря, вообще поебать.
>Строить обычный сайт на ангуларах - ерунда и баловство.
Это уже от сайта зависит. Хотя не отрицаю, что он больше ориентирован на веб-приложухи либо сайты с подобными направлениями.
>>535710
Топ кек. Выкатил новость за 12 год и рад. Все зависит от используемого стека технологий, задач, реализации, перспектив разработки и прочего-прочего. Только тогда решается, какой подход выбирать. Твои доводы ты уж прости ничего отражают.

>>535786
пруф

>>535786
пруф.
натыкался сегодня на вакансию начинающего версталы в ДС, 50к обещали.

>>535795
>>535797
Серфил hh, ссылочку не сохранил, вакансия начало апреля.

>>535786
Целеустремленный к ним явно не пойдет. А вот жизнерадостность на этой работе не помешает, да)

Спрощу у продвинутых анонов, у меня стоит ИЕ10 необновленный, тестирую проекты в основном на нем. Интересует поведение флексов.
Отличается ли оно от поведения в ИЕ11? К сожалению и тот и другой поставить, насколько я понимаю, без танцев с бубном нельзя.

>>535809
Лучше поставь 11 и тести в режиме совместимости с 10, но это все равно не даст 100% гарантии. Если сильно горит, поднимай виртуалки

>>535517
>>535710
ананасы, я тут задумался, как поисковики считывают spa-angular приложения? вроде же с этим какой-то головняк, ведь с ангуляром по-другому генерятся страницы

>>535705
логично, блядь, 95% сайтов нахер не сдался ангуляр, ведь это обычно какие-нибудь засранные онлайн-магазины на YII или Joomla, либо лендинги на wordpress или вообще без движка с одним php-файлом отправки сообщения на электронку.

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

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

>>535370
говно или говно. охуенно, че. недавно проходил собеседование, охуел, что кто-то еще на битриксе пишет и считает это крутым

>>535209
вангую страшного, с сальными волосами дрища с кривыми зубами и заиканием/картавостью.

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

>>535860
это как бы нормально, что ты юзаешь jquery и bootstrap-grid, если хочешь. у тебя есть задание: сделать верстку. если там явно не указано, что нельзя применять что-либо, то можешь слать все на хуй, ведь тебе нужны фреймворки для увеличения скорости верстки, кроссбраузерности и прочего говна. например, практически все слайдеры сейчас работают на jquery, без него ты создашь лишь говно-css-слайдер. короче, тут все ограничивается лишь тем, какие фреймворки тебе нравятся, а какие нет.

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

>>535820
До этого у меня стоял 11ый. В нем флексы вроде неплохо работали, а вот в режиме совместимости с ИЕ10, он показывал как раз хуйню. Потому что часть багов которая была, к примеру, с кофликтом flex-basis и box-sizing, в нем не отображалась. Да и вылетал он у меня каждые 3 минуты. Потому собственно и обнулил до десятки.

юзаете gulp?

>>536163
да

>>536255
А почему не грант?

>>536322
3ms компиляции стилей и прочего против двух секунд задержки прежде чем увидишь изменения в браузере. Галпфайл выглядит по-человечески.

мимо

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

>>536322
Могу и грант заюзать (в интенсиве его разбирают больше, поэтому его первым и изучил).

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

https://youtu.be/uPk6lQoTThE

Громов, кстати, тоже уже на галп перешел.

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

>>536375
описывай че делать надо будет

>>536453
кек

>>536453
Что за сайт?

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

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

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

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

Надо ли учить php чтобы полноценно изучать CMS или можно без него?

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

>>536784
можно без него

>>536322
gulp быстрее

>>536380
верстать, хули тебе непонятно, пидор. будешь как сука горбатиться 6 дней по 8 часов за 3к в неделю.

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

>>537105
Пошел нахуй пидорашка, только и умеете что обзывать людей

Я вообще спрашивал что за проект, ибо пробил его мыло - он пилил борду типа и искал исполнителей в js треде

>>536375
Что именно надо делать? Какие технологии надо уметь кроме html/css?

>>536784
Если полноценно, то нужно знать функции самой цмски и основы пэхапэ

Охуенно
https://tproger.ru/digest/top-20-web-sites-2016/

>>537136
ты че, мразь, охуел, выблядок ебучий?

>>536674

bxslider, не?

>>536674
fotorama посмотри.

Ну вот и настал момент истины.

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

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

Средств мне хватит на год безработицы.
Теопения тянки хватит на месяца 3-4.
За это время я должен добить резиновую верстку, склепать сайт-портфолио, сверастать еще пару макетов, упороться JS по хардкору и найти работу в этой сфере хотя бы на $200/месяц.

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

Пожелайте мне удачи, или просто напишите что-нибудь. Мне нужна ваша поддержка.

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

>>537471
пасан
у тебя всё получится
всем двачем будем держать за тебя пальцы

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

>>537511
Спасибо

>>537471
Конечно поддержу. Удачной службы в армии!

>>537553
И тебе того же, доброжелатель.

>>537566
>3. Убрать кнопку
>+ так же нет проблем с hover

Вопрос: как реализовать второй вариант, чтобы все правильно работало на touch-устройствах?

>>537566
Так на тач устройствах вроде состояние ховер появляется при таче. Или у тебя сама карточка является ссылкой и при нажатии перенаправление будет?

https://twitter.com/cssunderhood/status/722382995404009472

>>537544
Просто возьми да откоси.

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

>>537600
Ну в js треде ссылку как раз про ховеры на тачах кидал только что буквально кто-то. Продублирую тут:

http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/

>>537652
нихуя не слышно

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

>>537599
На работу повестки приходят. Как откашивать?

>>537652
Посмотрел пока 2 минуты, не убедительно.

>>537655
там всё норм со звуком

>>537668
у меня вышки нет
работы в моём городе нету даже с вышкой
либо на госе за 15
либо на рынке продавать носки

вкатываюсь понемногу, других вариантов пока не вижу

>>537708
В дс едь

>>537725
живу в Крыму
У нас тут типа свежий воздух
и маленькие зп

А у вас там смог, и большие зп

>>537725
что лучше для начинающего прогера хуюгера
Москов, или Петерсборг ?

>>537544
Увы, анон, но ОТКАЗ ОТ ПОДПИСАНИЯ повестки де-факто и де-юре является свидетельством того, что тебя застали с поличным и уведомили должным образом. Так что теперь ты это самое, уклонист самый настоящий. Хотя, на самом деле, всем похуй, максимум штраф 500руб впаяют.

>>537733
В ДС2 дешевле жильё и транспорт, ближе ехать до работы. В маааааскве больше вакансий.
Алсо, начинающие имхо особо нахуй не нужны ни там, ни там.

>>537733
Питер уныл и уебищен, зато там клевый исторический центр.
Москва огромна и охуенна, зато набита хачами и истеричными снобами.
Как говорится, сорта говна. Где найдешь работу - туда и едь.

>>537844
>исторический центр
Оверрейтед говно, состоящее из развалюхи, засранные дворы и толпы, просто ёбаные толпы выползающих GOOLYAT хипстеров. Ненавижу эту парашу, но живу, потому что работа в пешей доступности.
А ещё в центре нет нормальных магазинов - только хачёвские закутки 24 часа, и пафосные бутики ЛЕРУА ХУЙПИЗДАЧЕ с бабскими шмотками по цене самолёта.
мимо

>>537866
Я к тому, что центр - сраная параша по сравнению с цивильными спальниками (Просвет, Коменда, Йухо-Запад, Парнас). Где есть и магазины для чего-нибудь купить, и парки/большие дворы с зеленью для погулять, и наконец дома, в которых штукатурка не сыплется на голову.

>>537829
Я ведь в украхе, тут немного подругому это все. Тут отказ от подписания оформляется представителем военкомата со свидетелями и этим всем.

>>537876
>Просвет, Коменда, Йухо-Запад, Парнас
Быдлан детектед
Нахуй твоя окраина никому не нужна, ты бы ещё девяткино предолжил. Отпустить девушку одну до метро вообще невозможно ни в одном из этих районов

>>537926
Омеган, хорош уже проецировать свои проблемы на других.

>>537926
Да и нет у тебя никакой девушки.

>>537948
Омеган, хорош уже проецировать свои проблемы на других.

>>537853
Я просто не хотел провоцировать любетелей болотного антуража. Меня лично Питер бесит, пиздец. 50% времени живу в Питере, 50% в ДС-кун

>>537471
Не скажу что успех тебе обеспечен, но если будешь усердсвовать и ответственно к этому отнесешся, то все получится.
мимо верстальщик на удаленке

>>538027
Ты именно верстальщик, не front-end?

>>538027
Вангую, что получаешь не меньше 70к, да?

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

>>538051
Пока что 6 бачей час.

>>538053
Где нашел удаленку? Первая работа верстальщиком? Какими скиллами обладал, когда устраивался?

>>538055
Всегда было интересно как работодатель измеряет работу в часах. Сам оценивает, или вы автоматизировали этот процесс? Ну не под честное же твое слово.

>>538055

Сколько в день часов? И 5 дней в неделю?

>>538055
Хаха, угадал. Норм устроился, наёбывай дальше работодателя.

>>538055
Как выводишь?

>>538056
>Где нашел удаленку?
Вышел на одного человечка, а потом все закрутилось.
>Первая работа верстальщиком?
Почти
>Какими скиллами обладал, когда устраивался?
Отличный HTML/CSS. JS на уровне простой приложухи с вводом/сохранением/рендером. Адаптивность, флексы, весь зоопарк инструментов, кроме разве что вебпака ну и всякого по мелочи.
>>538067
От менеджера все зависит. Можно и под честное, можно и под всякие проги типа вотчера с апворка, который снимает с рандомным интервалом в ~10 минут твой экран, и если в рабочее время у тебя на экране не код, а треп в вкашечке, то 10 минут своего времени можешь смело удалять, никто тебе за них не заплатит. В конце концов есть определнный набор тасков, коммиты, по ним сразу видно, работал человек или хуйней страдал.
Я не халтурю, если где-то по времени затягивается, сразу предупреждаю. Стараюсь жесткие затупы, когда к примеру, час-два уходит на то чтобы разобраться на stackoverflow, че за хуйне и что с ней делать, вообще не учитывать как рабочее время. Хотя возможно, это не сильно правило.
>>538071
По разному.
>>538074
В чем наеб? Ангулярщик у нас, насколько я знаю, от 15ти получает. Послушай тех же типочков из академи. Они сами говорили что совсем базовая верстка стоит от 300 рублей. А это считай уже 4 зеленых бумажки.
>>538076
Это не имеет значения. Все обсуждается. Но в любом случае ребятам, ориентирующимся на удаленку советую заготовить кошелек на одном из популярных ресов. В приоритете киви, пэйпал, яндекс, возможно вебмани или еще что-то. Для зарубежных пайонир или пэйпал.

>>538084
>Это не имеет значения.
Не боишься налоговой, когда будешь покупать тачку?

>>538084

>По разному

ну а примерно в среднем, ну?

>>538084
Лол, верстала за 70к и ещё на стаке в чем-то разбирается, пиздец, ну харе заливать

>>538090
Вот когда всерьез задумаюсь над ее покупкой, тогда и буду решать. Пока обхожусь великом.
>>538091
Все от задач зависит. Иногда вообще не работаю, иногда по 6 часов. В среднем от 3-5. Если меньше, толком и не сделаешь ничего. Это только кажется, что все охуеть как быстро. А как сядешь проект ковырять, уточнять таски и рисовать три перпендикулярные зеленые линии прозрачным цветом, то сразу понимаешь - это тебе не уютненькие учебные макетики на гитхабик заливать.
>>538092
Понятия не имею откуда ты взял цифру в 70к.

_____________________

Пасаны, есть вопрос.

23 года, без вышки.
Изучаю программирование html5, css3, java
Хочу и дальше этим заниматься ( имею ввиду развиваться в этом направлении )

нужно ли вкатываться в вышку ?
http://sevsu.ru/admission/item/270-informatsionnye-sistemy-i-tekhnologii-bakalavriat

30 000 в год на заочном

закидайте ссаными тряпками штоле ...

>>538131
Я бы не стал на это тратить время.
Вообще, посмотри требования в вакансиях. Насколько часто упоминается вышка. Отсюда и пляши.

>>538131
Если планируешь переезжать в другую страну, то стоит.

>>538108

Долларов 180 в неделю примерно получается?

>>537876
приветик с коменды в этом треде))))))))

Кек. Пришел недавно с работы - писал в треде пару раз, я тот анон, который знает основы html/css, но уже ищет работу (и я таки ее нашел - шаражкина контора без оф устройства и прочей стабильности). Вакансия была типа верстала/контент менеджер. Сегодня фиксил блоки флоатнутые влево блоки, верстал таблички и постигал основы нескольких cms. Сказали, что через некоторое время доверят верстать сайт. Только они собирают их на бутстрапе, но я надеюсь, что запилю охуенный адаптив и без него, главное потом грамотно натянуть все на cms.
Охуел с цен на бизнес-ланч, по идее, если я буду его брать каждый день на протяжении месяца, то мне даже не хватит потенциальной зп на другие блага, до этого просто работал в общепита - кормили бесплатно
Такие дела.

>>538131
> овладевают практически всеми современными языками программирования: Object Pascal, C/C++, PHP, Java, JavaScript, SQL, Lisp, Prolog, GPSS, HTML, XML, VHDL, Assembler
> assembler
> lisp
> C
Ну хуй знает, техническую вышку для фронтендеров требуют разве что совсем отбитые работодатели, а за бугром всем будет похуй на эту шарагу.

>>538211
таки да

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

Ребят, запилите книжек почитать для нуба по хтмлу и кссу. А то в универе интернет не во всех аудиториях работает.

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

>>538272
Серия "A Book Apart".

>>538131
>html5, css3, java
нахуя тебе java и html + css? ты в веб идешь или джавистом?

>>538298
апплеты похоже будет делать

>>538272
http://frontendbookshelf.ru/
выбирай что нужно

>>538300
обычно, когда люди вкатываются в программирование, они путают js и java. думаю, анон путает

>>538301
так я флэннагана и не осилил, 3 раза пытался вкатиться и не смог. вроде и не сложно пишет, но как-то заебывается

>>538304
это я про продвинутое руководство

Какой самый базовый стек технологий, чтобы устроиться на работу во фронт-энде?
CSS + HTML + элементарный JS - этого хватит?
Насколько критично знание препроцессоров?
Нужно ли с самого начала уметь в сборщики (Gulp, Webpack)?
React, Angular, JQuery?

>>538340
js должен быть очень хорош. элементарный js+jquery - это все еще уровень верстальщика

>>538345
Разве "очень хороший" JS - это уже не уровень middle как минимум?

>>538304
Там же не только книги по js. И не только Флэнаган

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

мимо

>>538352
Опытом, знаниями, скоростью разработки.

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

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

>>538638
Окей, спасибо. В принципе, ты прав. Просто я только начал его использовать, вот и заморачиваюсь.

>>538635
Не может.
social-links__item--twitter должен наследовать свойства из social-links__item, если не выполняется это условие, значит ты не правильно используешь бэм.

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

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

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

Хотя может оно и к лучшему, один хуй хотел на флексах сетку переверстать.

>>538635
Да. Не правильно если у тебя модификаторы отдельно от элемента или блока где-то встречаются

>>538783
Вывод - юзай консольку для гита. Перед тем как вбивать команду - подумаешь что и для чего тебе надо сделать.

>>538783
урок в другом, use git bush

https://habrahabr.ru/company/mailru/blog/282027/
Видели уже? Интересно, когда эта хуитка станет доступна разработчикам учитывая тормознутость вэтрицэ - черз 10 лет. И как ее можно будет использовать. И зачем.

>>538796
Судя по твои последим двум предложениям, ты нихуя не понял из статьи, но у же что-то ждешь.
Вот это, как раз про тебя и про меня
>«Мне это не нужно! Я просто делаю обычные веб-страницы, а не пытаюсь хакнуть внутренности браузера или сделать что-то крайне экстравагантное, экспериментальное или суперсовременное». Если вас посетили подобные мысли, то я настаиваю на том, чтобы вы пока отложили этот текст и тщательно изучили технологии, используемые вами для создания сайтов в последние годы.

Задал вопрос в JS треде, но меня там проигнорировали. Спрошу здесь.

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

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

https://twitter.com/cssunderhood/status/722748447506501632

https://twitter.com/cssunderhood/status/722750636991774720

>>539129
Снял цвет по двум границам, задал направление.

>>539135
Нашел в итоге генератор из пикч в градиенты, лол.

>>539129

colorzilla, картинку закинь туда и оно выдаст код

>>539148
>>539149
Спс, уже нашел)

>>532095 (OP)
Нихуя не понял, почему в шапке фронт-енд треда первая пикча - скриншот сублимы с питоном?

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

Как быть, если font-weight:300 или lighter не отображается на safari и фаерфаксе и опере.
В общем, отображается только на хроме.
Шрифт подключал из гугл фонтс.

>>539617
Постараюсь объяснить получше. Меня интересуют хорошие практики по отлову событий на множественных элементах, к примеру, кликов на кнопке.
Например, есть у нас форум, на каждом посте у него висит кнопка ответа. Она делает одно и то же. Но этих кнопок столько, сколько постов, то есть сотни.
Как лучши их обработать?
Поймать все кнопки через querySelectorAll, а затем циклом навесить на каждую обработчик? Или заюзать делегирование с одним обработчиком по клику на документе вроде этот вариант получше, но я не уверен, что ловить каждый клик по документу для нескольких, пусть и десятков, кнопок == хорошо? Что производительнее?

Блять, с шрифтами помогите

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

>>539618
Смотри какие форматы шрифтов подключены, смотри какие форматы шрифтов поддерживают какие браузеры, смотри как ты юзаешь font-face, и какое использование поддерживают какие браузеры. Ищи несоответствие между этими параметрами. Совсем не можешь в логику, глупенький?

>>538783
Какую-то хуйню ты сделал. Ты через десктопную прогу делал? В корзину эти файлы не попали? Посмотри историю гита, может там остались они.

>>538306
Может подробное руководство?
Забей, эта книжка чисто чтобы траллить лалак на собесах. Почитай "сильные стороны" и "шаблоны" и хватит.

>>539713
Какие форматы, какой фонт-фейс.
Говорю, из гугл фонт шрифт подключен. Шрифт РАБОТАЕТ ВО ВСЕХ БРАУЗЕРАХ. 300 или lighter не во всех работает, вот в чем проблема.

>>539744
Ссылку на шрифт кидай.

>>539618
если подрубал через google-fonts, то он еще и в ie не работает. совсем не работает. лично я решил эту проблему подключением font-face в css, так как требовалась поддержка ie. правда, я еще и подрубил через google-fonts шрифт, чем не горжусь

>>539844
>>539744
и да, у меня тоже была проблема с 300 и lighter. решил именно подключением локадьных шрифтов в css.

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

>>539061
я бы юзал jquery, если он используется:
$('.elem').each(function(){
$(this).on('click', function(){
тело функции
})
})

по сути, это тот же пробег по массиву, только не на нативе. думаю, при динамически подгружающихся элементах будет косяк, потому надо будет заново инициализировать функцию. ну и все равно по скорости это будет О(n*n), но я не вижу вариантов быстрее. то есть, я вообще не вижу других вариантов для подобного. и не вижу смысла в делегировании, ведь тогда вешать придется на body. и скорость работы, как мне кажется, будет еще меньше, ведь для начала надо будет проверить, что target == elem, а потом уже либо выйти из функции, либо продолжить выполнение.

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

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

>>540067
>>540008
а маленькие блоки выстраиваются в 2 колонки при разрешении <1024. а при разрешении <768 выстраиваются в одну

>>540070
и из-за этих больших блоков с сеткой происходит лютейший пиздец при разных разрешениях. флексбоксы не предлагать, так как требуется поддержка >=IE-9.

>>539959
Не совсем понял вопрос, но на всякий случай отвечу, что через флексы.

>>540074
>>540081

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

>>540092
ну да, так и скажи заказчику, лишишься заказа. а на деле, это не такая уж и сложная верстка, если заюзать js.

>>540067
Раз большой блок (судя по фото) относится к конкретному маленькому, то пусть будет с ним в одной обертке. На большом разрешении тянешь обертку на всю ширину, а сам большой блок делаешь видимым. Маленький блок в обертке остается таким же.

>>540097
большой не относится к маленькому, это просто отдельный блок по типу рекламы.

>>540101
>>540097
действительно относится, вот это я тупанул. блядь, спасибо, анон, буду менять

>>540097
>>540105
Можно совсем упороться
http://codepen.io/kotokrad/pen/KzBPvE

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

>>540132
Это же делается одним медиа запросом.

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

Платиновый вопрос: где/как лучше тестить сетку в ие8/9? Неужели придется ставить виртуалку ради поддержки этой древней параши?

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

>>540781

В ИЕ11, через F12 эмулятор открой, и там выбираешь любую версию ИЕ

>>539713
>>539840
>>539844
>>539888
>>539744

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

>>540796
Пиздец, вот я идиот. Спасибо.

>>540793
>флексбоксы не предлагать, так как требуется поддержка >=IE-9.
ожидаемо, лол
Исправить эту хуйню дело пары минут.
Походу ты им просто за бесплатно что-то сделал

>>540793
Не расстраивайся из-за этих уебков, ты хороший верстала.

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

>>540927
флексы или вот еще:

https://css-tricks.com/fluid-width-equal-height-columns/

>>540927
div в div + position relative + position absolute. или просто на js напиши скрипт, который изменяет высоту 2 блока в зависимости от высоты 1.

в теме не нашел, но искал по ключам, собственно, вопрос.
Есть интенсивы, лютая годнота, спасибо всем. Первую часть досмотрел. Где брать те макеты из проектов?
UPD. Лол, перед отправкой решил взглянуть на корень папки с видосами, нашел. Запощу, чтоб такие как я знали ответ.

http://joxi.ru/BA0vvwxsBbMxbm
Судари может есть какой-то хак с компоновкой слоев чтоб наложить лого на бордер и получился разрыв. Пока только додумался абсолютным позиционированием.

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

>>541079

Можно еще отрицательным маржином

>>541101
Нихуя толком не понятно что ты хочешь, если честно.Тебе нужно, чтобы нижняя граница первого блока совпадала со второй? Тогда inline-block + vertical-align:bottom тебе в помощь.

>>541079
А чем тебя относительное поцизионирование не устраивает? Ебашишь пикчу по центру, потом с помощью top/bottom подтягиваешь ее наверх.

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

>>537926
Лол ну охуеть просто, кул стори.

http://codepen.io/bloomber/pen/NNBdwW

Может кто помочь? Почему четвёртый блок съезжает вниз (под первым)? Весь мозг сломал.

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

>>540793
тебя просто наебали на бесплатную вёрстку

>>538761
Ты прав, щас почитал про это все. Твой вариант правильный, так и надо делать.

>>541090
Та бля, не заморачивайся хуйней, я вообще ни одного не верстал в портфолио, сходу взял дорогой заказ. Главное скилл.

>>541661

На какой бирже?