От граммофона до электрощетки: 7 примеров функционального дизайна с выставки «Дом быта»

В Музее Москвы проходит выставка «Дом быта», организованная совместно с Политехническим музеем. Экспозиция посвящена бытовому комфорту и технологическому прогрессу: как они эволюционировали начиная с середины прошлого века и до сегодняшнего дня. В этой истории повседневности важную роль играет дизайн — вместе с куратором проекта Ириной Карпачевой мы собрали семь объектов, которые окружали нас в разные…

Ваш путеводитель по эволюции бренда: 10 примеров ребрендинга, которым следует научиться

Чтобы сформировать первое впечатление, нужно всего 10 секунд, так что лучше всего их посчитать. Если ваш бренд больше не говорит о том, насколько вы уникальны и актуальны, может быть, пришло время для фирменного блеска? Мы смотрим на десять лучших примеров ребрендинга на сегодняшний день для вдохновения и точно выясняем, что нужно для этого. Иллюстрация OrangeCrush…

Идеи дизайна домашней страницы: 25 примеров и вдохновение

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

6 примеров дизайна пользовательского интерфейса, которые вдохновят вас на создание веб-сайта

Брайтон ищет пару новых туфель и быстро выполняет поиск в Google, чтобы узнать, что подойдет. Один из результатов привлекает ее внимание, и она нажимает на него. Но когда она заходит на страницу, она сталкивается с яркой цветовой схемой, массой текста и чрезвычайно долгим временем загрузки. Отвергнутая случайным дизайном сайта, она быстро нажимает кнопку «назад». Как…

20+ примеров Bootstrap Datepicker — csshint

Последняя коллекция бесплатных Bootstrap Datepicker примеров кода.

1. начальная датапикер

 bootstrap datepicker "width =" 744 "height =" 396 "class =" size-full wp-image-5265 "/> 

<p id= bootstrap datepicker

демонстрация и код


2. Регистрация в кемпинге

 Регистрация в кемпинге "width =" 744 "height =" 419 "class =" size-full wp-image-5267 "/> 

<p id= Регистрация в кемпинге

Сделано с

  • Html (Haml) / CSS (Less) / JS

демонстрация и код


3. Средство выбора даты начальной загрузки в модальном режиме

 Средство выбора даты для начальной загрузки в модальном режиме "width =" 744 "height =" 419 "class =" size-full wp-image-5269 "/> 

<p id= Средство выбора даты для начальной загрузки в модальном режиме

демонстрация и код


4. Демо-версия Bootstrap Datepicker

 Bootstrap Datepicker Demo "width =" 741 "height =" 440 "class =" aligncenter size-full wp-image-5271 "/> <br /> </figure>
<div class=

Сделано с

  • HTML (Pug) / CSS (SCSS) / JS

демонстрация и код


5. Простой пример выбора даты в Bootstrap

 Пример простого средства выбора даты начальной загрузки "width =" 741 "height =" 440 "class =" size-full wp-image-5273 "/> 

<p id= Пример средства выбора даты простой начальной загрузки

демонстрация и код


6. Датапикер начальной загрузки

 Bootstrap datepicker "width =" 741 "height =" 440 "class =" aligncenter size-full wp-image-5275 "/> <br /> </figure>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

демонстрация и код


7. Bootstrap 3 Пример Datepicker

 Пример Bootstrap 3 Datepicker "width =" 741 "height =" 440 "class =" aligncenter size-full wp-image-5277 "/> <br /> </figure>
<p> демонстрация и код </p>
<hr/>
<h4> <span> 8. </span> Bootstrap Datepicker с вводом материала </h4>
<figure> <img src=  Datepicker в Bootstrap "width =" 741 "height =" 440 "class =" size-full wp-image-5283 "/> 

<p id= Datepicker в Bootstrap

демонстрация и код


11. Bootstrap Datepicker

 Bootstrap Datepicker "width =" 741 "height =" 440 "class =" aligncenter size-full wp-image-5285 "/> <br /> </figure>
<p> демонстрация и код </p>
<hr/>
<h4> <span> 12. </span> Начальная загрузка календаря </h4>
<figure>
<div id=  Начальная страница календаря "width =" 741 "height =" 440 "class =" size-full wp-image-5287 "/> 

<p id= Начальная страница календаря

демонстрация и код


13. Bootstrap-Datepicker (диапазон) AngularJS

демонстрация и код


14. Datepicker и Ranged datepicker

демонстрация и код


15. Линейно-скользящие датпикеры бутстрапа

Сделано с

  • HTML (Pug) / CSS (SCSS) / JS

демонстрация и код


16. загрузчик datepicker

демонстрация и код


17. Выбор даты Унтук Джадвал Пенербанган Туристический веб-сайт

демонстрация и код


18. Ui Bootstrap DatePicker

демонстрация и код


19. MixItUp с помощью Bootstrap Datepicker

демонстрация и код


20. Bootstrap Datepicker

демонстрация и код