Ширина модального окна задана в процентах, в зависимости от ширины родительского контейнера, в данном примере это фон затемнения.
Предусмотрена возможность использования встроенных миниатюр, разположенных слева или справа, в отдельном div-контейнере с выделенным классом .pl-left и .pl-right соответственно.
Размер блока миниатюр так же определил в процентной записи (25%), тем самым обеспечив возможность пропорционального изменения, при просмотре на экранах различных пользовательских устройств.
Простейшая анимация появления с помощью изменения свойсва прозрачности (opacity) от 0 к 1
АВТОМАТИЧЕСКАЯ МЕТЕОСТАНЦИЯ НА ГОТОВЫХ МОДУЛЯХ
Рассказать в:
Данный проект разработан как автоматическая метеорологическая станция на солнечных батареях. Цель была конструирование небольшой, компактной метеорологической станции со следующими требованиями: На солнечных батареях, с аккумулятором для работы в ночное время Компактная по размеру, с простым способом монтажа Возможность выгрузки данных в сети weatherunderground Измерение температуры, влажности, давления воздуха, ультрафиолетового излученияВ процессе разработки удалось решить большинство этих требований. В настоящее время метеостанция имеет термометр, гигрометр, УФ-излучения и датчик давления. Являясь частью сети weatherunderground, метеорологическая станция помогает предсказывать местную погоду. Вот полная схема метеорологической станции, увеличить которую можно сохранив на своём ПК:Метеостанции потребляет 1 миллиампер. Резервный аккумулятор тут всего лишь 1000 м/ч - литий-полимерная батарея. По сравнению со старыми метеостанциями где батареи герметичные свинцово-кислотные на 5 А/ч - это прогресс.Размеры печатной платы 100 мм х 75 мм и вот как она выглядела, когда всё было сделано на макетке, а следующее фото в готовом виде:Блок на 433 МГц обеспечивает беспроводную связь для обмена данных. На данный момент устройство прикрепляется непосредственно на крыше, и выкладывает данные на weatherunderground каждые 11 минут.Питание схемы выполнено с помощью регулятора напряжения max604. Этот регулятор был довольно дорогим ($7.00), но зато имел очень малое падение напряжения, что делает его очень эффективным. Тут использован этот регулятор, чтобы 3,7-4,2 вольтовую батарею li-po батарею преобразовать в идеальные 3.3 В.Для того чтобы зарядить аккумулятор, установлен tp4056 модуль. Этот модуль является очень эффективным, и он способен работать от 5 В входного питания. Ещё в наличии была небольшая, 5 В солнечная панель, которая в состоянии зарядить аккумулятор через tp4056 даже при недостаточном освещении.Для того чтобы загрузить данные в сеть, пришлось писать специальное приложение для компьютера. Программное обеспечение было написано на c# с помощью visual studio. Скачать файлы проекта вы можете в источнике.