Главная » Статьи (страница 40)

Статьи

Как Angular разрешает динамические компоненты

От автора: динамические Angular компоненты – одна из основных концепций, представленных в Angular, они позволяют разработчикам динамически отображать представление компонента во время выполнения. В этой статье объясняется, как класс ComponentFactoryResolver разрешает ComponentFactory. Зачем это знать? Знание того, как работают основные части Angular, поможет лучше понять его, и вы будете увереннее при создании приложений и решении проблем, связанных с ошибками. Angular ...

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

Рисование изображений с помощью CSS-градиентов

От автора: под «изображениями CSS» я имею в виду изображения, созданные с использованием только HTML-элементов и CSS. Они выглядят так, как если бы они были SVG, нарисованные в Adobe Illustrator, но они были сделаны прямо в браузере. Некоторые из тех методов, которые я видел, используются возиться с пограничными радиусами, тенями блоков, а иногда и с clip-path. Вы можете найти множество ...

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

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

От автора: изображения — ключевой компонент каждого веб-сайта. Согласно HTTP Archive, изображения составляют более 60% данных, загружаемых на веб-страницы. Являясь таким критическим компонентом почти всех веб-сайтов, будь то e-commerce, новости, сайты о моде, блоги или порталы для путешествий, оптимизация изображений важна и, возможно, это самый легкий способ ускорить работу своего сайта с тяжелыми изображениями. Оптимизация изображений на веб-сайте может быть ...

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

Улучшение восприятия производительности: изменение размера изображения по требованию

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

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

Руководство для начинающих по CSS Grid

От автора: дни таблиц, маркерные хаки, магия позиционирования и неортодоксальные способы обтекания использовались для достижения желаний макета, и они, наконец, позади. Теперь у нас есть выбор, чтобы использовать самый мощный метод макета, который когда-либо приходил в CSS на сегодняшний день; Grid. Этот новый метод полностью изменяет подход к макетам для Web и, безусловно, самую важную спецификацию, когда-либо приземляющуюся в CSS. ...

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

Обрезка изображений по окружности с последующей загрузкой на сервер

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

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

Статичные HTML веб-сайты по-прежнему актуальны?

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

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

Функция PHP для ограничения доступа по IP

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

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

Как мы делали веб-интерфейс для Google Photos: заглядываем под капот

Перевод статьи Building the Google Photos Web UI с сайта medium.com для CSS-live.ru, автор — Антин Харасимив Несколько лет назад мне посчастливилось стать инженером в команде Google Photos и поучаствовать в их первом запуске в 2015-м. Множество людей вложило силы в этот продукт — дизайнеры, продукт-менеджеры, исследователи и бесчисленные инженеры (в области Android, iOS, веба и серверной части), если упомянуть лишь ...

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