Quantcast
Channel: TECHNOVZOR » UI
Viewing all articles
Browse latest Browse all 3

Foundation —фреймворк для построения адаптивного пользовательского интерфейса

0
0

С каждым днем, количество фреймворков для построения пользовательского интерфейса, увеличивается в разы. Большинство, как к примеру Flat UI, в качестве основы используют уже проверенный каркас, и сами по себе, больше похожи на визуальную тему, чем на отдельный фреймворк. Проектирование и разработка собственного фреймворка, очень трудоемкая задача, поэтому позволить себе такое удовольствие может не каждый.

Foundation - фреймворк для адаптивного интерфейса

Foundation является одним из самых популярных и известным фреймворком для построения пользовательских интерфейсов. Последняя версия получила много полезных обновлений, и теперь полностью отвечает современным требованиям, которые выдвигаются при проектировании пользовательского интерфейса.

В Foundation сделан упор на две популярные концепции:

  • Mobile First - первым делом проектируется интерфейс сайта пол мобильные устройства. На каждой итерации сложность увеличивается, и последним делом проектируется стандартный сайта под обычные компьютеры.
  • Semantic — использование семантической разметки. HTML5 дает большие возможности, что бы сделать ваш код понятным не только для человека, но и для роботов, которые анализируют ваш сайт. Семантическая разметка позволяет лучше определять важность области контента и других элементов сайта.

Zurb Foundation

Zurb Foundation довольно мощный и гибкий фреймворк, однако стандартные элементы не такие симпатичные как у Bootstrap, поэтому использовать его на своем сайте, без дополнительного преобразования дизайна элементов, будет на самым правильным решением. Поэтому, наилучшим вариантом будет его использование в качестве каркаса вашего приложения, а все другие элементы оформить самостоятельно.

Сайт проекта: foundation.zurb.com


Viewing all articles
Browse latest Browse all 3

Latest Images

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Vimeo 10.6.2 by Vimeo.com, Inc.

Vimeo 10.6.2 by Vimeo.com, Inc.

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Re:

Re:





Latest Images

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Re:

Re:

Re:

Re: