Подкаст SitePoint № 117: Возвращение в Боагмир с Полом Боагом

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

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

Пол: Да, по сути, дело в REMs, вы знаете, традиционно нас всех учили использовать EM в качестве размера шрифта, как мы делаем размер шрифта, но проблема с EM заключается в том, что они в основном испытывают боль в шея, потому что вы становитесь все глубже и глубже, потому что они как бы наследуют свое значение от родителя, и поэтому все очень сложно понять, какое значение вы хотите получить, чтобы получить текст определенного размера и так далее. Что касается REM, то что замечательно, так это то, что они устанавливаются из корня, поэтому, если вы просто установите размер шрифта для html-тега, а затем все, что вы установите, относится к html-тегу, поэтому, если вы установите html-тег равным 62,5%, один REM равен десяти пикселям, поэтому, если вы хотите 14 пикселей, это размер вашего текста, а это 1,4 и так далее, так что это сделало жизнь намного проще, большое спасибо Джонатан Снук.

Луи: Да, это определенно то, с чем ты сталкиваешься. Недавно я просматривал чей-то CSS-файл, из-за этого каскада EM, который в результате вычислил значения .487 EM для данного размера, и он просто не очень хорош.

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

Луи: Да, это здорово. Это, как говорилось ранее, приводит к другой вещи, о которой я хотел поговорить, и мы лишь кратко упомянули, как некоторые вещи CSS3 делают нашу жизнь намного проще, например, закругленные углы и то, как вы привилегированное положение, потому что очень немногие из ваших пользователей используют IE, но вы все равно будете пытаться решить эти проблемы. Одной из вещей, о которых мы говорили на панельном шоу на подкасте пару недель назад, был небольшой информационный бюллетень в формате PDF, который выпустила ваша компания Headscape, который просто назывался «Где мои закругленные углы»? И мы подумали, что это действительно очень крутое маленькое устройство, потому что оно действительно учитывает все ключевые моменты, которые могут возникнуть у клиента, если вы использовали такое прогрессивное усовершенствование на своем веб-сайте, где вы говорите, что я Я собираюсь сделать CSS3 закругленными углами, и если человек использует более старый браузер, то он увидит квадратную кнопку, но я все еще могу заставить эту кнопку выглядеть хорошо, и в конце дня я сохранил два или три часы разработки, и здесь есть ряд причин. Итак, вы хотите немного поговорить о том, как это произошло, и что это за содержание и общая философия информационного бюллетеня?

Пол: Я имею в виду, что, как и все, что я делаю, это происходило по чисто прагматическим причинам, потому что клиенты были расстроены тем, что клиенты этого не получали. У нас также была проблема, из-за которой дизайнеры получили ее, они обернули вокруг нее головы, они, очевидно, поняли аргументы, стоящие за этим, но потом были менеджеры проектов и менеджеры по работе с клиентами, которые разговаривали с клиентами, и у них были проблемы с оправданием это, и это было просто — это превращалось в боль в заднице для наших проектов, и мы обнаружили, что это становится единственной самой большой проблемой, которая мешает подписать проект, и нам пришлось тогда, вы знаете, дизайнеры будут делать это, очевидно, правильным образом, то, что, как они знают, является наилучшей практикой, тогда клиент будет жаловаться на это, и тогда нам придется модифицировать старые взломы обратно на сайт, и это будет тратить больше времени. и это было просто ужасно Итак, я находился в процессе составления другого документа, который представлял собой документ «Как получить лучшую работу от работы с вашим дизайнером», который был нашим клиентом, который по сути научил их взаимодействовать в дизайне, на веб-сайтах и ​​на работе. с некоторыми общими проблемами, которые выходят, которые также публикуются в Интернете, но я подумал, почему бы не сделать еще один очень простой документ, посвященный этой проблеме закругленных углов. Итак, по сути, что документ делает, он начинает с того, что объясняет суть проблемы очень просто, он показывает несколько разных примеров того, как он будет выглядеть в более продвинутом браузере, как он будет выглядеть во всех версиях IE параллельно. просто показать некоторые тонкости различий, которые не просто закругленные углы, это также тени, это тонкие различия форматирования, и тому подобное. Тогда то, что делает остальная часть документа, я думаю, что это около 10 очень простых пунктов, параграф или два по каждому пункту, в нем рассматриваются различные аргументы, объясняющие, почему этот подход не выгоден для нас как веб-дизайнеров, но полезен для клиента, верно, и я думаю, что это действительно важно; часто мы спорим о чем-то с нашей точки зрения, и, если честно, почему клиент должен дать обезьяну задницу, является ли это наилучшей практикой для нас, или это выглядит хорошо в нашем портфолио, или это облегчает нашу жизнь, это действительно о том, какие преимущества это дает обеспечивает их, вот что делает документ. И преимущества включают в себя больше времени на то, что важно; если вы тратите время на создание закругленных углов, вы знаете, что когда проект ограничен во времени и затрачивается слишком много времени на бюджет, то более важные вещи, такие как понимание бизнес-целей или тестирование пользователей или что-то в этом роде, так что это один момент. Второй момент — это разработка для растущей аудитории, но со временем на старых браузерах, таких как IE7 или 8, в конечном итоге это будет контрпродуктивно, потому что они будут заменены более способными браузерами, такими как IE9, поэтому зачем тратить время и деньги на разработку для сокращающегося рынка, так что это был мой второй момент. Я говорю об улучшении производительности сайта; Я говорю об улучшении рейтинга в поисковых системах, что, честно говоря, немного растянуто (смех).

Луи: Да, вы рисуете это от производительности до потенциальной десятой доли процента в поисковом рейтинге.

Пол: Но клиенты любят такие вещи. Если вы скажете им, что это улучшает их рейтинг в поисковых системах, то это здорово, но давайте будем честными, теоретически это должно иметь значение, насколько это важно, я не хочу останавливаться на этом, но я все равно это добавлю, немного непослушный со мной, поэтому мы говорим о лучшем ранжировании в поисковых системах, о будущем вашего сайта, о простоте обслуживания и обновления, о том, как он открывает больше возможностей для дизайна. И затем в самом конце документа, о котором я говорю — я имею дело с главной проблемой, которая заключается в том, что люди возвращаются: «Ну, моя аудитория будет ненавидеть это, они будут ненавидеть тот факт, что это выглядит дерьмово в их браузере. И я как бы подчеркиваю, что в их браузере это не будет выглядеть дерьмово, вы знаете, что эти различия очень тонкие. И еще одна вещь, которую я думаю, что клиенты делают, вы знаете, потому что вы должны объяснить им этот процесс, вы должны показать его им в разных браузерах, поэтому они говорят: «Ну, это выглядит лучше в Safari» выглядеть дерьмом для большинства моих пользователей, потому что они сравнивают его с другой версией. Дело в том, и я думаю, что клиенты забывают, очевидно, что обычный пользователь не открывает его в IE7, а затем открывает его в Safari и проводит параллельное сравнение, поэтому я немного об этом говорю и объясняю, что также. Итак, это просто очень маленький удобный документ, всего несколько страниц, который вы можете передать клиенту, и он смертельно прост, и я опубликовал его под креативными комментариями, чтобы люди могли делать с ним что угодно и использовать его Я полагаю, однако, что они действительно хотят.

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

Пол: Точно. Я имею в виду другое, что я хотел бы сказать, я думаю, что самое важное, что мы делаем, — это выдать его в начале проекта, прежде чем он станет проблемой, потому что, когда кто-то — я имею в виду, это немного психологии на самом деле, но как только кто-то излагает такую ​​позицию, как «О, я недоволен этим дизайном, им очень трудно отступить, даже если вы не внесете какие-то изменения» Однако, если вы дадите этот документ в самом начале проекта, о котором говорите, посмотрите, это общая проблема, вот аргументы для нее, и это очень усложняет для клиента то, что он вернется из-за этого, потому что никто не любит задавать глупые вопросы, знаете ли, если что-то является общей проблемой, они не хотят быть тем, кто это задает. Кроме того, вы уже рассмотрели эту проблему заранее, чтобы они не вникали во что-то, а потом не могли отступить, поэтому мы только начали выдавать ее в начале каждого проекта, так что люди заранее знают об этих проблемах и могут их объяснить.

Луи: Итак, это одна из вещей, которую я собирался спросить, это то, что вы делаете со всеми клиентами сейчас? Существуют ли какие-либо проекты, в которых, основываясь на аналитике или на аудитории сайта, можно увидеть, что это непропорционально большое количество пользователей IE, и в тех случаях вы выбираете более традиционные методы или просто отказываетесь от них полностью?

Пол: Нет, мы не отказались от него полностью; мы принимаем все на индивидуальной основе. Это наш вид — это наш подход по умолчанию, хорошо, поэтому, когда мы представляем предложение, оно предполагает, что мы собираемся использовать этот подход. Если, когда клиент затем привлекает нас, мы просматриваем его аналитику и заключаем, что на самом деле у него много пользователей IE7 или чего-то еще, мы затем возвращаемся и объясняем плюсы и минусы, выбираем ли мы этот подход или нет, мы обсуждаем его с ними, если клиент решит, что он на самом деле хочет, и для него целесообразно иметь закругленные углы в IE7, мы с радостью сделаем это, потому что мы посмотрели на аналитику, и это кажется уместным, но мы будем взимать дополнительную плату плата за это, хорошо. Итак, мы вроде как — это решение, которое мы можем принять на основе аналитики, но все наши предложения и наши затраты основаны на том факте, что мы не будем этого делать, потому что в большинстве случаев в наши дни это не имеет значения.