Публикации по теме 'css'


Портфельный проект Этапа 1
Создание генератора пива с помощью HTML, CSS и JavaScript Всем привет! Будучи студентом, изучающим программную инженерию, я недавно завершил увлекательный проект в рамках своей курсовой работы Фазы 1. В этом проекте я разработал веб-приложение Beer Generator с использованием HTML, CSS и JavaScript. Приложение подключается к Punk API для получения данных о различных сортах пива. Сегодня я хотел бы поделиться своим опытом работы над этим проектом, выделив, что прошло хорошо, основные..

Создание одностраничного приложения с помощью JavaScript и Rails
Одностраничное приложение — это веб-приложение, которое требует от браузера загрузки только одной страницы. Веб-приложение или веб-сайт взаимодействуют с браузером, динамически перезаписывая текущую страницу данными с веб-сервера. В настоящее время я разрабатываю одностраничное приложение, представляющее собой своего рода игру для нескольких человек, которая выбирает игроков, за которых проголосовало больше всего результатов поиска Yelp. Он использует Yelp «Fusion API» и получает..

Создание клона nordstrom.com
В течение 6 дней мы создали клон NORDSTROM Привет, Меня зовут Пратик, добро пожаловать в мой первый блог, и я проведу вас через 6-дневное путешествие, в котором мы клонировали веб-сайт Nordstrom. Nordstrom, Inc. — американская сеть универмагов класса люкс . Основанная в 1901 году Джоном У. Нордстремом и Карлом Ф. Валлином, она возникла как обувной магазин и превратилась в розничную торговлю полным ассортиментом с отделами одежды, обуви, сумок, ювелирных изделий,..

FCC — Делаем приложение для отчета о погоде!
Этот проект FreeCodeCamp включал создание веб-страницы для отображения погоды. Я впервые работал как с JSON, так и с API! Вот мой готовый проект на github.io . Вы также можете легко отслеживать код здесь, в Codepen . Вот цели проекта — кхм, «пользовательские истории». История пользователя: я вижу погоду в моем текущем местоположении. История пользователя: я вижу другой значок или фоновое изображение (например, снежная гора, жаркая пустыня) в зависимости от погоды...

Использование оконного интерфейса браузера
Вы можете многое сделать с интерфейсом Window в браузере. По данным МДН , «Интерфейс Window представляет собой окно, содержащее документ DOM… Интерфейс Window содержит множество функций, пространств имен, объектов и конструкторов, которые не обязательно напрямую связаны с концепцией окна пользовательского интерфейса». Например, предположим, что мы хотим изменить стиль для всех элементов на веб-странице, чтобы реализовать светлый/темный режим. Хотя мы могли бы пройтись по всем..

В чем разница между REM, EM и PX?
В чем разница между REM, EM и PX? В этой статье мы поговорим о REM, EM и Px. Что такое и почему мы используем единицы рем? Что такое REM в CSS? Rem (корень em) означает root element's font-size . Размер шрифта/текста корневого элемента можно использовать для определения REM. Это означает, что 1rem означает общий размер шрифта элемента html, для которого по умолчанию установлено значение 16px в большинстве браузеров. В результате, даже если вы не знаете, какой..

Мой первый проект с открытым исходным кодом — слайдер и карусель мирового класса для мобильных устройств.
Итак, я пишу код и разрабатываю приложения вот уже 25 лет и сделал много хороших вещей, еще больше плохих вещей, но не в последнюю очередь приобрел огромный опыт. Я кодирую для Интернета — C#, HTML, CSS и JavaScript были моими основными языками и использовали массу фреймворков, библиотек и инструментов, поэтому я хорошо их осваиваю (по крайней мере, я так думаю!). В течение многих лет я использовал множество функций с открытым исходным кодом и всегда хотел что-то отдать, так как получил..