С одной стороны малый, а порой и средний, бизнес физически не могут получить ИТ продукт нормального качества. У них тупо нет на это денег. С другой стороны, когда они его получают нерыночными путями, то сталкиваются с проблемой, что качественно поддерживать такой продукт у них тоже нет денег.
Еще лучше получить плохой сайт, который из-за этого дорого поддерживать
Другое что? У меня классические проблемы остеохондроз, кифоз, протрузия, но изменив образ жизни и рабочее место, я не довел свое состояние до межпозвоночных грыж и прочих последствий.
Тут советы и рекомендации должен давать врач.
Естественно, если что-то болит, нужно к врачу обратиться или вы меня просто в какой-то глупый спор пытаетесь затащить?
Слишком много текста, может потом почитаю.
Из своего опыта… Я работаю и стоя и сидя постоянно чередуя, у меня 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 уже надо как-то выкручиться, поэтому за эту ссылку отдельное спасибо
Может вы не заметили, но даже у 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 пожалуй можно начать использовать уже сейчас.
Спасибо за статью. Много полезной информации в одном месте.
Есть пара замечаний:
.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 ) и понимать что они делают.
Я бы в качестве селектора для поиска атрибута использовал сам атрибут, возможно с другим названием, но так вроде понятнее и не надо лишний класс прописывать: const objects = document.querySelector('[data-src]');
На том же caniuse можно даже увидеть когда. Поддержка некоторыми браузерами началась с 2017 года, остальные позже. Пара лет это по вашему много? Поддержка флексов началась с 2013 и даже без префиксов сейчас поддержка флексов ≈97% с префиксами ≈98%. Не вооруженным глазом видно что это выше чем у гридов, а значит, если у вас нет специфической задачи в которой гриды будут лучшим решением и можно использовать флексы, то очевидно что нужно использовать флексы. Это вопрос здравого смысла.
Тот же сафари еще где-то в 2016 при некоторых условиях с флексами творил чудеса, хотя поддержка все дела… А в edge несмотря на все утверждения о поддержки всегда находятся проблемы, сколько вопросов на том же тостере что про flex, что про грид, так что я не вижу смысла спорить с цифрами 98 явно выше 93 и в целом 93 явно мало, чтобы твердо так брать и бездумно использовать.
Еще лучше получить плохой сайт, который из-за этого дорого поддерживать
Другое что? У меня классические проблемы остеохондроз, кифоз, протрузия, но изменив образ жизни и рабочее место, я не довел свое состояние до межпозвоночных грыж и прочих последствий.
Естественно, если что-то болит, нужно к врачу обратиться или вы меня просто в какой-то глупый спор пытаетесь затащить?
Из своего опыта… Я работаю и стоя и сидя постоянно чередуя, у меня 2 разных типа кресел, есть шейный воротник, хотя им уже давно не пользовался. Когда я работал только сидя у меня начались серьезные проблемы, помимо болей в спине между лопатками и в пояснице, у меня начало колоть сердце и было тяжело дышать, и все это как выяснилось из-за спины, так же у меня головные боли с 12 лет и сидячий образ жизни очень все усугубил. с появлением всего перечисленного выше мое здоровье значительно поправилось плюс в теплое время я активно занимаюсь спортом на улице.
Я работал пресовщиком на типографии, стоял за станком по 2 смены, но спину сорвал когда разгрузил по дурости пару тонн плитки, когда делал ремонт, хотя и до этого работая на стройке разгружал камазы с кирпичами, в общем моя спина дошла до критического состояния, но уже когда я просто сидел.
А работать стоя это и полезно и весело, под музыку можно пританцовывать, можно просто ходить на месте, подумываю приобрести дорожку для ходьбы, но они чет очень дорогие(
nw.js упомянули, при этом electron у которого в 2 раза больше звезд нет, хотя оба приложения популярны и вряд ли nw.js так просто упустить из виду.
You-Dont-Know-JS это конечно круто, но не лишним было бы упомянуть о том что есть репозиторий с переводом на русский, которому не помешала бы помощь и поддержка.
fullPage вообще не понятно зачем тут, библиотека давно стала платной и явно не нужна «каждому разработчику» в таком виде. Рассказали бы о ней что-то полезное, например что релиз 2.9.7 имеет лицензию MIT и вот её действительно можно бесплатно использовать.
В общем больше похоже на какую-то вытяжку из того что под рукой было.
Как по мне единственный аргумент это простота подключения. А если попытаться скачать с сайта fonts.google, то там предоставляется только ttf (хотя возможно зависит от ОС с которой качаешь), то есть с woff и woff2 уже надо как-то выкручиться, поэтому за эту ссылку отдельное спасибо
Вот этот шаблонизатор возможно заинтересует github.com/fenom-template/fenom
Это новый дизайн и новая верстка, то есть они подумали и решили напишем-ка мы говнокод, а потом заменим на «современные методы»? Ок…
Тут вы упускаете, что em размер относительный поэтому и сам отступ в таком случае потенциально динамический.
У background-size: cover поддержка значительно выше тут и думать не о чем. Решение с невидимыми изображениями интересное, надо взять на заметку. Интересно как к этому поисковики относятся.
Эта древняя техника наверное появилась одновременно с padding, но встречается редко
Возможно там будет или было, какое-то вычисляемое значение из нескольких переменных, но сейчас компилится только одно так как не требует динамики.
Вот это смущает, поддержка ужасная, как по мне решения на js более стабильные, но наверно они что-то знают.
ХаХ. Только сейчас понял, что это перевод и отвечаю я не автору))) Но все равно спасибо, интересные наблюдения.
Для этого есть Гуантанамо
Наверное чтобы показать варианты решения проблемы и сделать статью более полной.
Есть пара замечаний:
Не очень хороший пример, даже в статье мы увидели, как внезапно появился второй span, который должен быть снизу и с другими стилями. Эта кнопка хорошо демонстрирует преимущества БЭМ. Практичнее было бы написать так:
Тоже самое с модификаторами размера шрифта --md и --lg ни о чем нам не говорят, а вот если так:
то сразу понятно и у нас остается возможность управлять параметрами других свойств, ( например c-button_size_md ) и понимать что они делают.
По поводу скрытия текста:
Возможен еще такой вариант:
const objects = document.querySelector('[data-src]');Тот же сафари еще где-то в 2016 при некоторых условиях с флексами творил чудеса, хотя поддержка все дела… А в edge несмотря на все утверждения о поддержки всегда находятся проблемы, сколько вопросов на том же тостере что про flex, что про грид, так что я не вижу смысла спорить с цифрами 98 явно выше 93 и в целом 93 явно мало, чтобы твердо так брать и бездумно использовать.