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

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

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

От автора: эта статья направлена на предоставление простых, но эффективных рекомендаций по настройке адаптивных изображений и макетов с учетом множества — и потенциально запутанных — доступных вариантов. В первый раз, когда я сделал адаптивное изображение, это было просто написание следующих четырех строк: img { max-width: 100%; height auto; /* default */ } Хотя это помогло мне как разработчику, это не ...

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

От автора: не было бы здорово отображать предварительный просмотр изображений, пока они еще загружаются? И без каких-либо дополнительных HTTP-запросов, и с небольшим количеством CSS? Введите градиентные заполнители изображения. Или GIP для краткости. Произносится как jipp, чтобы не путать с форматом изображения GIF, который (нет двух мнений об этом!) произносится как «gif». Как в этом случае будет выглядеть тег изображения? <img ...

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

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

От автора: новая функция Chrome, получившая название «Blink LazyLoad», предназначена для резкого повышения производительности через отложенную загрузку изображений ниже сгиба и сторонних iframe. Целями этого смелого эксперимента являются улучшение общей скорости рендеринга контента, отображаемого в окне просмотра пользователя (также известного как контент выше сгиба), а также сокращение объема сетевых данных и использования памяти. Ленивая загрузка изображений и iFrame может дать ...

От автора: в последние годы появилось много площадок, с помощью которых осуществляется front end клиентская разработка. Большинство предлагают быстрый и простой способ экспериментировать с клиентским кодом и делиться с другими. В этой статье мы рассмотрим семь лучших из них. Стандартные функции этих площадок включают в себя: HTML-, CSS- и JavaScript-редакторы с подсветкой кода Окно предварительного просмотра — много обновлений на ...