Интернет

Создавайте адаптивные эффекты изображения с помощью CSS-градиентов и соотношения сторон

Классическая проблема в CSS — сохранение соотношения сторон изображений в связанных компонентах, таких как карточки. Недавно поддерживаемое свойство «aspect-ratio» в сочетании с «object-fit» обеспечивает лекарство от этой головной боли прошлого! Давайте научимся использовать эти свойства в дополнение к созданию адаптивного эффекта градиентного изображения для дополнительного эффекта.

Подробнее

Состояние GDPR в 2021 году: ключевые обновления и их значение

Как цифровые практики, GDPR повлиял на все аспекты нашей профессиональной и личной жизни. Если вы зависимы от Instagram, отправляете сообщения своей семье в WhatsApp, покупаете товары на Etsy или пользуетесь информацией Google, никто не избежал правил, введенных в 2018 году.

Подробнее

Создание собственной учебной программы

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

Подробнее

Контекст и переменные в генераторе статических сайтов Hugo

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

Подробнее

Советы по отладке DevTools и ярлыки (Chrome, Firefox, Edge)

DevTools очень продвинутый и полезный, но он также может быть очень пугающим и подавляющим. Давайте исправим это. В этой статье Виталий рассматривает полезные функции и ярлыки для отладки в Chrome, Firefox, Edge и Safari.

Подробнее

Оптимизация видео по размеру и качеству

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

Подробнее

Что ожидать от Smash Workshop: мастер-класс по дизайну форм

Пару недель назад мы организовали [Мастер-класс по дизайну форм] (https://smashingconf.com/online-workshops/workshops/adam-silver), онлайн-семинар с Адамом Сильвером и 81 дружелюбным и умным человеком. Сегодня Адам делится своим опытом и подробностями, рассказывая о том, что вы, как участник, можете ожидать от Smashing Workshop, и о чем следует помнить при его проведении.

Подробнее

Чему Сол Басс может научить нас в веб-дизайне

Авторы фильмов, логотипы брендов, плакаты… Сол Басс сделал все, и принципы, лежащие в основе его работы, сегодня так же ценны, как и 50 лет назад.

Подробнее

Создание веб-приложения с помощью React, Redux и Sanity.io

Headless CMS — это мощный и простой способ управления контентом и доступа к API. Sanity.io, основанный на React, представляет собой удобный инструмент для гибкого управления контентом. Его можно использовать для создания простых и сложных приложений с нуля. В этой статье Ифеани объясняет, как создать простое приложение для листинга с помощью Sanity.io и React. Глобальные состояния будут управляться с помощью Redux, а приложение будет оформлено с помощью стилевых компонентов.

Подробнее

Динамическая статическая типизация в TypeScript

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

Подробнее