34 впечатляющих примера полноэкранных меню навигации

Навигация является одним из наиболее важных элементов веб-сайта, поскольку она направляет пользователей к интересующему их контенту. Более того, учитывая всю важность, мы могли бы даже назвать ее основой сайта. Если вы все хорошо организуете и спроектируете, она обеспечит отличное удобство использования и плавную навигацию для ваших пользователей. А ведь именно этого вы и хотите добиться.…

23 примера UI-дизайна мобильных приложений, посвященных коронавирусу

Эффект пандемии повлиял не только на нашу жизнь и работу, но и на дизайн. Некоторые бренды меняли логотипы. А некоторые агентства спешат запустить новые мобильные приложения, сделать свой «общественный вклад», чтобы отреагировать на вспышку коронавируса. Одной из областей разработки приложений, которую не следует упускать из виду, является дизайн пользовательского интерфейса. Дизайн пользовательского интерфейса — это…

24 примера использования креативных иллюстраций в мобильном дизайне

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

3D логотипы: 34 ярких примера, которые вдохновят вас

Отличный логотип должен бросаться в глаза, иллюстрировать историю вашего бренда и быть запоминающимся. Что может быть лучше, чем для вашего логотипа буквально спрыгнуть со страницы? 3D логотипы добавляют дополнительное «измерение» для того, чтобы их заметили, и они очень хорошо работают на таких платформах, как телевидение и онлайн. По сравнению с более традиционными 2D-логотипами, 3D-дизайн логотипа…

39 Три примера JS

 Коллекция примеров кода three.js (библиотека Javascript 3D). Обновление коллекции сентября 2018 года. 12 новых предметов. "Title =" Коллекция примеров кода three.js (библиотека Javascript 3D). Обновление коллекции сентября 2018 года. 12 новых предметов. "/> 

<h5 class=

          
          
          
          

Коллекция кодов three.js (библиотека Javascript 3D) примеров . Обновление коллекции сентября 2018 года. 12 новых предметов.

  1. Three.js Games
 Демонстрационное изображение: Mobile VR PolarScene "title =" Мобильная VR PolarScene "/> </figure>
<p>  </p>
<h4 class= О коде

  

Мобильный VR PolarScene

  
  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Отзывчивый: нет

  

Зависимости: three.js, tweenmax.js

 Демонстрационное изображение: Mobile VR Woods Scene "title =" Мобильная VR Woods Scene "/> </figure>
<p>  </p>
<h4 class= О коде

  

Мобильная VR Вудс Сцена

  
  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Отзывчивый: нет

  

Зависимости: three.js, tweenmax.js

 Демонстрационное изображение: Звездопад "title =" Звездопад "/> </figure>
<div class=     

      

Автор

      

  • Лиам Иган
  •         

  •       

  
  

    

Сделано с

    

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

  

  

О коде

  

Звездопад

  
  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Отзывчивый: Да

  

Зависимости: three.js, ccapture.js

 Демонстрационное изображение: Снегопад "title =" Снегопад "/> </figure>
<div class=     

      

Автор

      

  • Лиам Иган
  •         

  •       

  
  

    

Сделано с

    

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

  

  

О коде

  

снегопад

  
  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Отзывчивый: Да

  

Зависимости: three.js, ccapture.js

 Демонстрационное изображение: Pine Tree "title =" Pine Tree "/> </figure>
<p>  </p>
<h4 class= О коде

  

Сосна

  

3D сосна с тройкой.

  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Зависимости: OrbitControls.js, OBJLoader.js, MTLLoader.js, BVHLoader.js

 Демонстрационное изображение: 3D Tree "title =" 3D Tree "/> </figure>
<p>  </p>
<h4 class= О коде

  

3D Tree

  

Три.js OBJ дерево.

  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Зависимости: OrbitControls.js, OBJLoader.js, MTLLoader.js

 Демонстрационное изображение: Ripple Mouse "title =" Ripple Mouse "/> </figure>
<div class=     
  
  

    

Сделано с

    

  • HTML / CSS (SCSS) / JavaScript (Babel)
  •     

  

  

О коде

  

Ripple Mouse

  

Ripple мышь с тройным фокусом.

  

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

  

Зависимости: ccapture.js

 Демонстрационное изображение: Storm "title =" Storm "/> </figure>
<div class=     
  
  

    

Сделано с

    

  • HTML / CSS (SCSS) / JavaScript (Babel.js)
  •