Виталий Get-Web

Это совсем другое дело :(

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

Тут советы и рекомендации должен давать врач.

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

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

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

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

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

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

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

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

В ТГ вообще с настройками проблема, даже ссылка на свой профиль через ж… копируется…

Статья какая-то хаотичная, обо всем и ни о чем…

nw.js упомянули, при этом electron у которого в 2 раза больше звезд нет, хотя оба приложения популярны и вряд ли nw.js так просто упустить из виду.

You-Dont-Know-JS это конечно круто, но не лишним было бы упомянуть о том что есть репозиторий с переводом на русский, которому не помешала бы помощь и поддержка.

fullPage вообще не понятно зачем тут, библиотека давно стала платной и явно не нужна «каждому разработчику» в таком виде. Рассказали бы о ней что-то полезное, например что релиз 2.9.7 имеет лицензию MIT и вот её действительно можно бесплатно использовать.

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

единственным аргументом в пользу Google Fonts была быстрая и надёжная сеть доставки контента (CDN) с кэшированием.

Как по мне единственный аргумент это простота подключения. А если попытаться скачать с сайта fonts.google, то там предоставляется только ttf (хотя возможно зависит от ОС с которой качаешь), то есть с woff и woff2 уже надо как-то выкручиться, поэтому за эту ссылку отдельное спасибо

Было бы интересно сравнение разных более сложных конструкций
Вот этот шаблонизатор возможно заинтересует github.com/fenom-template/fenom

Полная поддержка с учетом префиксов только 26.22%.

+68.19% частичной поддержки

а object-fit: cover не применяют скорее всего потому что руки еще не дошли выпилить весь говнокод и заменить на современные методы

Это новый дизайн и новая верстка, то есть они подумали и решили напишем-ка мы говнокод, а потом заменим на «современные методы»? Ок…

Может вы не заметили, но даже у Chrome, которым пользуется подавляющее большинство, поддержка частичная (~ Partial support). Полная поддержка с учетом префиксов только 26.22%. У вас не возникает диссонанса, когда применяется position: sticky в то время как отказываются от object-fit: cover у которого действительно есть поддержка?

margin-left: calc(5px + (-1 * (39px — 1.5em)) / 2);
Вышеприведённые вычисления приводят к получению значения -4px. Почему бы не задать просто -4px? Не лучше ли это в данном случае, чем применение функции calc()?

Тут вы упускаете, что em размер относительный поэтому и сам отступ в таком случае потенциально динамический.

Не знаю, почему команда разработчиков не воспользовалась CSS-свойством object-fit: cover для предотвращения искажений.

У background-size: cover поддержка значительно выше тут и думать не о чем. Решение с невидимыми изображениями интересное, надо взять на заметку. Интересно как к этому поисковики относятся.

Техника сохранения соотношения сторон элемента работает благодаря тому, что, когда у элемента есть вертикальный внутренний отступ (свойство padding-bottom или padding-top), отступ зависит от ширины элемента.

Эта древняя техника наверное появилась одновременно с padding, но встречается редко

Зачем передавать функции calc() единственное значение?

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

Я заметил использование свойства position: sticky в правой боковой панели Twitter

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

ХаХ. Только сейчас понял, что это перевод и отвечаю я не автору))) Но все равно спасибо, интересные наблюдения.

Вроде как пытки запрещены в США.

Для этого есть Гуантанамо

Очень не хватало такой логики для расчета font-size. Спасибо за перевод, а автору спасибо за размышления над тем где и как применять. В связке с postcss пожалуй можно начать использовать уже сейчас.

А зачем в статье пример с прописанным content в after?:

Наверное чтобы показать варианты решения проблемы и сделать статью более полной.

Спасибо за статью. Много полезной информации в одном месте.

Есть пара замечаний:

.c-button span

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

.c-button__title

.c-button__desc

Тоже самое с модификаторами размера шрифта --md и --lg ни о чем нам не говорят, а вот если так:

.c-button_font-size_md

.c-button_font-size_lg

то сразу понятно и у нас остается возможность управлять параметрами других свойств, ( например c-button_size_md ) и понимать что они делают.

По поводу скрытия текста:

.c-button--multiple span:after {
    content: "240K+ subscribers";
    display: block;
    font-weight: 400;
    margin-top: 0.25rem;
}

Возможен еще такой вариант:

<button class="c-button">
    <div class="c-button__title">Subscribe to our newsletter</div>
    <div class="c-button__desc" data-desc="240K+ subscribers"></div>
</button>

.c-button__desc:after {
    content: attr(data-desc);
    display: block;
    font-weight: 400;
    margin-top: 0.25rem;
}

Я бы в качестве селектора для поиска атрибута использовал сам атрибут, возможно с другим названием, но так вроде понятнее и не надо лишний класс прописывать:
const objects = document.querySelector('[data-src]');

На том же caniuse можно даже увидеть когда. Поддержка некоторыми браузерами началась с 2017 года, остальные позже. Пара лет это по вашему много? Поддержка флексов началась с 2013 и даже без префиксов сейчас поддержка флексов ≈97% с префиксами ≈98%. Не вооруженным глазом видно что это выше чем у гридов, а значит, если у вас нет специфической задачи в которой гриды будут лучшим решением и можно использовать флексы, то очевидно что нужно использовать флексы. Это вопрос здравого смысла.

Тот же сафари еще где-то в 2016 при некоторых условиях с флексами творил чудеса, хотя поддержка все дела… А в edge несмотря на все утверждения о поддержки всегда находятся проблемы, сколько вопросов на том же тостере что про flex, что про грид, так что я не вижу смысла спорить с цифрами 98 явно выше 93 и в целом 93 явно мало, чтобы твердо так брать и бездумно использовать.

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

И гаражи у них были получше коробок в которых мы живем)

Меня больше смущает:

Большинство респондентов считают себя по крайней мере на среднем уровне или выше (88,98%), при этом большинство говорит, что о продвинутых или экспертных знаниях (59,0%).

Провел около 15 анализов, один раз удалось получить 93 и один раз вообще 47. Показатели безумно скачут:


Но в среднем показывает от 51 до 58, главное паузы делать между анализами иначе будет отдавать один и тот же результат. Но всегда рекомендуют оптимизирвать:

del

Интересная и познавательная статься.
Я вспомнил мультфильм «Карандаш и клякса» там вроде не тот карандаш, но художники-постановщики тоже Е. Мигунов и В. Долгих. Так вот, как по мне, это еще и первый RAP. Начиная с 1 минуты 10 секунды в этом мультфильме такой речитатив, что многие реперы обзавидуются)

Вернуться с удачей, вернуться с добычей
Вот это задача, вот это обычай
Такого охотника как Карандаш!

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

Очень интересное и полезное решение. Спасибо.

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

Lifecell на Украине вообще прекрасно придумали, они присылают смс типа: «Мы переводим вас на новый тариф, если не хотите, пришлите в ответ: НЕТ». И теперь чтобы тебя не подписали на какую-то услугу, нужно перечитывать их смс с кучей спама…

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

А его не запросто получили, есть сериал «Ад на колёсах», там как раз эта компания Union Pacific не хило боролась за это, как и многие другие компании

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

24. Prettier

Я пользовался разными расширениями для форматирования кода и мне кажется Beautify лучшее из них. Гибкое в настройке и ни разу не ломало код.

Так может с оптимизацией приносил бы миллиард…

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

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

А ты какой разработчик?

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

я бы вложил .sticker как элемент блока .stickers

Согласен, тут я сделал небольшое уточнениепо этому поводу habr.com/ru/post/457016/#comment_20310488

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

.stickers так же является блоком и содержит в себе элементы и в целом конструкция может выглядеть так:

stickers__sticker sticker .sticker_position_0

Но я специально упустил это за ненадобностью и для простоты

За позиционирование отвечает родитель, а не сам блок.

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

Ясное дело что цены почти везде одинаковые, отличается только метод иллюзии выгоды.

Хорошая подача и интересный материал. Спасибо