Публикации по теме 'web-development'
Есть ли на вашем сайте горизонтальная полоса прокрутки? 10 способов предотвратить это
Начните использовать CSS width: 100% вместо width: 100vw и посмотрите, как «единицы окна просмотра» могут вызывать полосы прокрутки.
Горизонтальные полосы прокрутки - признак «горизонтального переполнения» ваших сайтов и приложений. Давай исправим.
Вот вам загадка CSS
Если видимая часть документа (его область просмотра ) имеет ширину 100 vw », какова ширина 100vw ?
Чтобы поместить это в CSS, width: 100vw должен быть полноэкранным, что эквивалентно width: 100% , верно?..
Учитесь кодировать: умные способы изучения веб-разработки
Учитесь кодировать: умные способы изучения веб-разработки
Большинство людей учатся так:
Я собираюсь дать вам способ обойти эти распространенные ловушки при обучении программированию. Это особенно важно при обучении программированию, потому что это может быть довольно сложно.
Все, что вам нужно, — это четкая цель и структурированный план работы :
Сократите свои потери . Знайте, над чем вы работаете и что еще существует, чтобы не тратить свое время понапрасну...
Почему необходимо профилирование для оценки производительности?
40% пользователей покидают веб-сайт, загрузка которого занимает более 3 секунд.
Веб-сайты обычно просматриваются на самых разных устройствах с различными системами, это могут быть портативные устройства или настольные компьютеры, может работать Mac OS или Windows, но суть в том, когда посетитель находится на главной странице вашего веб-сайта или загружает элементы на портал электронной коммерции или используя некоторые другие функции на веб-сайте, они ожидают, что он будет быстрым и..
Как добавить динамический контент в ваше приложение Next.js
Next.js - отличный фреймворк, который поможет вам создавать универсальные приложения на React. Вы получаете лучшее из обоих миров: рендеринг на стороне сервера для SEO и быстрое взаимодействие на стороне клиента. В этом видеоуроке я покажу вам, как добавить динамический контент в ваш Next.js с помощью Cosmic JS .
Слишком долго, не смотрел: Вот что мы создали: в этом руководстве мы используем модуль Cosmic JS NPM для добавления содержимого из нашего сегмента в приложение..
Изучение современного JavaScript с помощью тетриса
Изучение современного JavaScript с помощью тетриса
Сегодня я отправлю вас в путешествие по разработке игр с классической игрой Тетрис. Мы собираемся коснуться таких понятий, как графика, игровые циклы и обнаружение столкновений. В итоге у нас есть полноценная игра с точками и уровнями. Часть пути - использование концепций современного JavaScript, то есть функций, представленных в ECMAScript 2015 (ES6), таких как:
Классы Стрелочные функции Разрушение Пусть и const..
Svelte vs React: окончание дебатов
Вы на грани дебатов о Svelte vs React? Вы не единственный.
В настоящее время выбор лучшего инструмента является сложной задачей, особенно с учетом множества противоречащих друг другу голосов в Интернете. Нас постоянно атакуют такие заголовки, как:
React мертв.
Svelte был мертв до своего развития.
А потом мы видим:
React определит будущее .
Svelte - это будущее.
В этой статье мы не хотим поддерживать ту или иную сторону. Вместо этого мы хотим показать, когда эти..
Сквозное тестирование с помощью Jest и Puppeteer: объектная модель страницы с TypeScript
Объектная модель страницы (POM) — это шаблон проектирования, широко используемый в автоматизации тестирования, который создает репозиторий объектов для элементов веб-интерфейса. Преимущество модели в том, что она уменьшает дублирование кода и улучшает сопровождение тестов.
Эта история представляет собой руководство по использованию Puppeteer, TypeScript и Jest для написания простого сквозного теста (E2E). В учебнике будет написано несколько тестов, чтобы охватить несколько простых..
