Публикации по теме 'responsive-design'


Создание адаптивного веб-сайта с Material UI
В этой статье я хотел бы поделиться с вами тем, как создать адаптивный веб-сайт с Material UI . Материальный пользовательский интерфейс имеет несколько методов адаптивного стиля, и недавно у меня была возможность сделать свой веб-сервис адаптивным. Поэтому я представлю их здесь. Схема Как использовать медиазапрос Как использоватьMediaQuery Как установить и использовать theme.breakpoints Как использовать theme.breakpoints Как использовать медиазапрос Как вы, возможно,..
Проблемы UX (с решением) модальных окон Bootstrap на мобильных телефонах
Обычные модальные окна Bootstrap не выглядят как родные на мобильных телефонах. По сути, это те же окна из настольной версии, только растянутые должным образом, чтобы соответствовать небольшим экранам мобильных устройств. Имея достаточно контента (например, форму редактирования с большим количеством полей), они требуют, чтобы пользователи прокручивали весь путь до модального нижнего колонтитула с кнопками: Однако пользователи привыкли к несколько другому UX на телефонах. Как на iOS,..
Понимание Flexbox: все, что вам нужно знать
В этой статье будут рассмотрены все фундаментальные концепции, необходимые для освоения модели CSS Flexbox. Это длинный, так что я надеюсь, что вы к нему готовы. Если вы предпочитаете прочитать все учебное пособие в одном документе .pdf, вот ссылка для скачивания - без каких-либо условий, а если вы хотите большего погружения, используйте интерактивный курс - это бесплатно. Никаких условий. Примечание о кривой обучения Flexbox Вот твит Филипа Робертса, разработчика, которого..
Клонирование сайта travelocity.com для проекта недели строительства.
Прежде всего, мы, как команда, благодарны школе масаи за то, что они собрали нас вместе для нашей первой недели строительства, которая также является нашим первым опытом работы над совместным проектом. Мы особенно благодарны нашему инструктору Чандра Секхар и помощнику по обучению Нирадж Малвал за их поддержку и руководство. Мы были командой из шести человек, а членами команды были Гобинд Сетиа , Грейс Кристина Ритика , Шубхам Пракаш Джатар , Хари Кишор Редди , Вивек Кумар и..
React Native: достижение скорости отклика за счет масштабируемых шрифтов, размеров и пикселей
Под адаптивным приложением React Native понимается мобильное приложение, разработанное с использованием фреймворка React Native, специально предназначенное для бесперебойной работы и представления контента на экранах различных размеров и разрешений. Уделяя приоритетное внимание быстродействию в процессе разработки приложения, он гарантирует, что приложение может разумно адаптироваться к различным категориям устройств, включая смартфоны, планшеты и настольные компьютеры, сохраняя при..
Создание шаблонов электронной почты не отстой
Mailgen может быть лучшим пакетом, о котором вы никогда не слышали. Есть несколько писем, которые вы ожидаете получать с каждого нового веб-сайта, на который вы подписываетесь: «Подтвердите свою учетную запись», «Добро пожаловать» и, если необходимо, «Сбросьте свой пароль». Сегодня мы не будем рассматривать логику, позволяющую заставить все это работать; однако я покажу , как сделать так, чтобы эти письма выглядели НЕ ужасно. Мэйлген Является удивительным. Большое спасибо..
Вы уже перешли на адаптивный веб-дизайн??💻📱👩‍💻
Возможно, вы слышали, как ваши клиенты или пользователи говорили, что приложение не отображается на их мобильном телефоне или изображения не масштабируются. Это когда вы начинаете думать о том, чтобы сделать его отзывчивым. Если вы еще не слышали об этом, то скоро услышите… 😝 В эпоху визуализации плана особняка на крошечном мобильном телефоне и невидимых организмов на 20-метровом экране разработчики интерфейсов испытали на себе трудности разработки приложений, которые хорошо..