Отредактированная версия этой статьи впервые появилась в номере 225 журнала .net - самого продаваемого журнала для веб-дизайнеров и разработчиков.
@twostepmedia: Где нужно делать тяжелую работу на веб-странице? Во фронтэнде или в бэкэнде?
Леа Веру: Я решительный сторонник того, чтобы делать с клиентом все, что в ваших силах. Когда ваш код работает на клиенте, он всегда должен иметь дело с одной машиной, независимо от того, насколько успешным станет ваш проект.
Все, что вы пишете на сервере, может нуждаться в запуске тысячи раз в секунду, если ваш проект увенчается успехом, поэтому его поддержка и расширение становится все более сложной задачей по мере роста вашего сайта. Не говоря уже о растущих расходах на хостинг, которые очень редко можно полностью покрыть за счет доходов сайта. Конечно, из-за большого количества клиентской логики сайт может загружаться медленно, но у нас есть инструменты, позволяющие этого избежать, такие как сжатие и обфукация и, самое главное, отложенная загрузка.
@komiska: Твоя работа УДИВИТЕЛЬНАЯ! Кто вдохновил вас пойти по технологическому пути?
LV: Спасибо! Я не думаю, что это было связано с тем, чтобы меня кто-то вдохновил. Мне просто нравилось делать что-то с тех пор, как я себя помню. Когда я был ребенком, я однажды использовал кухонные губки для изготовления кошельков и сумочек!
Около 12 лет я обнаружил, что программирование позволяет мне создавать полезные вещи легче и профессиональнее, чем ручная работа. Это так меня увлекло, что я сразу влюбился в программирование и продолжал стремиться к тому, чтобы стать лучше.
@jelmerdemaat: Как @LeaVerou создал @dabblet? С каким фреймворком PHP / другой серверной техникой? Что было самым сложным?
LV: Dabblet не имеет базы данных, а код на стороне сервера минимален. Немного PHP используется только для OAuth и создания страницы результатов для совместного использования без какого-либо хрома вокруг нее (полезно для тестовых примеров отчетов об ошибках). Как вы можете видеть в статистике Github, на PHP приходится только три процента баллов. Все остальное на стороне клиента. Это помогает избежать ситуации с jsfiddle: jsfiddle делает все на сервере, поэтому теперь, когда это удалось, нагрузка на его сервер резко возросла, и он стал медленным.
@_dte: Какая для вас самая интересная функция CSS в будущем?
LV: Наверняка фильтруйте эффекты. Они позволяют нам делать то, что раньше было невозможно, а не просто сложно. Я не очень в восторге от модулей макета, потому что а) пройдет много времени, прежде чем мы сможем их использовать, так как они совсем не деградируют, и б) макет был всегда возможен, просто излишне сложно. Конечно, новые макетные модули тоже очень важны, но меня это не волнует.
Я также очень взволнован относительными единицами измерения области просмотра vw а также vh и расширение CSS3 для attr () функция, которая позволит нам использовать attr () в каждой собственности.
Я также очень хотел бы, чтобы другие браузеры, помимо Opera, реализуют подходящий объект а также объект-позиция, чтобы мы могли перестать использовать фоновые хаки для обрезки изображений до другого соотношения сторон.
@gpirie: Какую функцию вы бы хотели добавить в CSS?
LV: A Текущий() функция, которая позволяет ссылаться на вычисленное значение других свойств. Как обобщение currentColor (который затем стал бы псевдонимом для текущий (цвет)). Конечно, реализовать такую штуку очень непросто, но реальность не помешает мне мечтать!
@kevdog: Какие три самые распространенные ошибки CSS?
LV: Самая распространенная ошибка CSS, которую я вижу, - это люди, кодирующие свой CSS с упором на результат, а не на чистый, поддерживаемый, гибкий код (и они редко реорганизуют). Не только важно, чтобы что-то выглядит прямо сейчас, с определенным фоном, определенным окружением и определенным размером. Он должен уметь адаптироваться легко изменить, без необходимости переписывать каждое правило по этому поводу непредсказуемым образом.
Вы можете подумать, что никогда ничего не измените, но если у вас будет достаточно времени, вы почти наверняка ошибетесь. В этом могут помочь препроцессоры CSS. Это простой выход, но они определенно лучше, чем небрежный повторяющийся код.
Еще одна ошибка - чрезмерно подробный CSS. Люди не знают значений по умолчанию, поэтому продолжают их переопределять. Они не знают сокращений, поэтому вместо этого продолжают определять свойства полных форм. Бывают случаи, когда вы должны делать это специально, но это не повод во всем защищаться.
@kevdog: Что бы вы изменили в спецификации CSS?
LV: Есть много предложений, с которыми согласны почти все в CSSWG, но которые не могут быть добавлены из-за нарушения существующего широко распространенного использования в Интернете. Обычно WG либо полностью отрицает их, либо добавляет дополнительные свойства для управления поведением, вместо того, чтобы изменять значения по умолчанию. Я хотел бы увидеть способ включить обратно несовместимые изменения, чтобы существующие веб-сайты не ломались. Другие языки уже давно решили эту проблему, но с HTML и CSS мы продолжаем бороться за обратную совместимость за счет хорошего языкового дизайна.
@StuRobson: Как вы думаете, разработчикам лениво использовать фреймворк или шаблон, не понимая всего, что он делает?
LV: Нет, но я думаю, что разработчику лень использовать фреймворк или шаблон без личной необходимости, просто потому, что это делают все остальные. Пытаться решать проблемы, которых у вас еще нет, контрпродуктивно.
@folktrash: В какой момент появилась «знаменитость»? Откуда ты знаешь? И помогает или мешает продвигать качество / семантику кода?
LV: Спасибо, но я не уверен, что меня можно так назвать. Все склонны считать людей, о которых они слышали, более известными, чем людей, о которых они даже не подозревали. Следовательно, у каждого есть естественная тенденция переоценивать свою славу, которую необходимо искусственно (и почти вслепую) уравновешивать, когда вы знаете об этом явлении. Мы также должны помнить, что никто в нашей отрасли не является знаменитостью, никто не известен нарицательным.
Тем не менее, 2011 год был сумасшедшим, и очевидно, что моя работа получила большее признание, чем я могла надеяться. Это, безусловно, помогает продвигать веб-стандарты. Когда я что-то говорю, люди обращают гораздо больше внимания, чем год назад. Однако это происходит за счет того, что вещи, о которых я говорю, подвергаются чрезмерному анализу, люди могут слишком многое в них прочитать и напасть на меня за то, что я якобы имею взгляды, которые я даже не рассматривал. Или иногда, просто для просмотра, точка.
@Tawreh: Почему вы так фанатично относитесь к женщинам в индустрии? Я понимаю необходимость равенства, но, имхо, вы доводите его до крайности.
Л.В .: Впервые слышу такое понятие, как «крайнее равенство». Равенство никогда не может быть крайним, и я сомневаюсь, что кто-то даже сказал бы что-либо подобное в отношении других видов дискриминации, таких как расизм. Это «обратная дискриминация» или «корректирующая предвзятость», которые являются крайними, и я категорически против этого.
Тем не менее, я вовсе не фанатичен по отношению к женщинам, работающим в отрасли, я фанатичен против предписывающих гендерных стереотипов. Я почти никогда не вижу сексизма в нашей индустрии, кажется, люди давно усвоили урок. Я не думаю, что низкое участие женщин в нашей индустрии связано с тем, что они больше не чувствуют себя нежеланными. Это остальная часть нашего гендерного общества отталкивает женщин от инженерии. Маленькие девочки играют с игрушками, которые не стимулируют их развитие когнитивных навыков в такой степени, как игрушки для мальчиков. Детские фильмы и игрушки - наихудшие поборники гендерных стереотипов, и я почти не вижу в них интереса. Кажется, что все вместо этого сосредотачивают свои усилия на взрослых, исправляя ошибки, а не избегая их в первую очередь.
@komiska: Будет ли когда-нибудь переход на font-weight?
LV: Цитируя примечание из спецификации, «все не так просто». Большинству свойств не хватает веса для плавного перехода, и браузер не может генерировать промежуточные состояния, потому что нет способа представить их в CSS. Тем не менее, мы могли бы в конечном итоге продлить плавное затухание () от CSS4 Image Values для применения ко всем значениям CSS, а не только к изображениям, что решит большинство проблем перехода и дает нам мощный инструмент, который также можно использовать статически.
