Главная » Архив меток: Статьи по сайтостроению (страница 4)

Архив меток: Статьи по сайтостроению

Инструменты удаления фона для фотографий

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

Читать далее »

Оптимизация SVG для Веб

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

Читать далее »

Как Smashing Magazine управляет контентом: переход с WordPress на JAMstack

От автора: WordPress очень популярен. Так почему бы сайту на WordPress не рассмотреть возможность перехода на JAMstack? В этом посте мы рассмотрим, как выглядит миграция с WordPress, используя, в качестве примера, сам Smashing Magazine! Мы поговорим о плюсах и минусах, о вещах, которые мы хотели бы знать заранее, и о том, что нас удивило. Каждый раз, когда разработчики говорят о ...

Читать далее »

10 приемов работы с VSCode, которые помогут ускорить процесс разработки React

От автора: если вы пользователь VSCode и любите разрабатывать проекты React, то вы, вероятно, много раз имели дело с раздражающим повторяющимся кодом, таким как React.useState, React.useContext, React.useReducer(reducer, initialState), и так далее. Эти отдельные клавиши разбросаны в разных направлениях на клавиатуре, и это может раздражать, когда наши бедные пальцы набирают эти символы снова и снова во всех проектах React. Если вы ...

Читать далее »

Веб-разработка в 2020 году — взгляд в будущее…

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

Читать далее »

Неприглядная правда об оптимизации красивых изображений

От автора: прочитайте любой блог о производительности или посетите любой доклад о производительности, и все посоветуют вам, что оптимизация изображений — это лучшее место для начала. Используя автоматизированные сервисы, вы можете получить изображения меньшего размера за относительно короткий промежуток времени. И все мы знаем, что меньшие изображения дадут нам лучшую производительность — или нет? Потратив последние пару лет на ситуации, ...

Читать далее »

Советы по повышению производительности для фонового видео

От автора: видео в сети может быть обоюдоострым мечом. Сайты с автоматическим воспроизведением видео сообщают о растущей популярности (кто не останавливался в социальных сетях, чтобы узнать, о чем идет речь в видео?), что приводит к увеличению продолжительности посещения веб-сайтов. Однако, если видео не воспроизводится быстро или гладко, посетители могут расстроиться, и вы рискуете оттолкнуть тех самых клиентов, которые должны были ...

Читать далее »

Получить больше с переменными шрифтами

От автора: недавно я работала над проектом, в котором поднялась тема переменных шрифтов при обсуждении распознавания очертаний. Я слышала этот термин раньше, но я не совсем понимала, что такое переменный шрифт. Я немного покопалась в Сети и была взволнована, обнаружив все возможности, которые переменные шрифты нам предоставляют. Что такое переменный шрифт? Большинство веб-сайтов используют несколько шрифтов, принадлежащих к одному семейству ...

Читать далее »

Некоторые вещи, которые вы должны знать при работе с единицами измерения

От автора: Дэвид Чейнин написал обобщенную статью с кратким изложением проблемы, связанной с установкой значения height элемента в 100vh в мобильных браузерах и последующим размещением чего-то внизу. Посмотрите на изображение ниже: Проблема в том, что Chrome не учитывает адресную строку, когда определяет, как сжимать элемент, что приводит к тому, что нижняя часть элемента оказывается фактически вне нижнего края окна просмотра. ...

Читать далее »

Предварительная загрузка шрифтов: когда это имеет смысл

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

Читать далее »