Самый продвинутый адаптивный фреймворк в мире.
Адаптивный дизайн становится намного быстрее
Платформа для любого устройства, носителя и доступности. Foundation — это семейство адаптивных интерфейсных фреймворков, которые упрощают разработку красивых адаптивных веб-сайтов, приложений и электронных писем, которые великолепно выглядят на любом устройстве. Foundation является семантическим, удобочитаемым, гибким и полностью настраиваемым. Мы постоянно добавляем новые ресурсы и фрагменты кода, включая эти удобные HTML-шаблоны, которые помогут вам начать работу!
Основание для
сайтов
Foundation for Sites содержит множество функций, помогающих людям быстро создавать веб-сайты, ориентированные на контент. Foundation for Sites предоставляет вам HTML, CSS и JavaScript, чтобы помочь вам быстро создать прототип.
Его легко настроить и расширить, чтобы ваш проект был отполирован и отправлен.
Узнайте больше о Foundation for Sites
Основание для
Электронная почта
Наша структура электронной почты помогает создавать адаптивные электронные письма в формате HTML, которые можно читать в любом месте на любом устройстве. Foundation for Emails помогает ориентироваться в том, как различные почтовые клиенты обрабатывают HTML, и предоставляет проверенные шаблоны, которые работают с Outlook, а также со всеми другими основными почтовыми клиентами.
Узнайте больше о Foundation for Emails
Создание продуктов, приложений и услуг
Все семантично. Вы можете получить самую чистую разметку, не жертвуя полезностью и скоростью Foundation.
Вы можете сначала собрать для небольших устройств. Затем, по мере того, как устройства становятся все больше и больше, усложняйте их для полного адаптивного дизайна.
Вы можете настроить свою сборку, чтобы включить или удалить определенные элементы, а также определить размер столбцов, цвета, размер шрифта и многое другое.
Миллионы дизайнеров и разработчиков зависят от Фонда. У нас есть бизнес-поддержка, обучение и консультации, которые помогут развивать ваш продукт или услугу.
Узнайте больше о том, почему Foundation подходит вашей компании →
Нет более быстрого способа научиться создавать адаптивные сайты и приложения с помощью Foundation. Вы узнаете, как начать работу, сетку XY Foundation, компоненты пользовательского интерфейса для экономии времени и лучшие практики, а также использование и настройку помощников Foundation JavaScript.
Узнать больше
Поднимите свои навыки на новый уровень и произведите впечатление на своих коллег с помощью Advanced Foundation. Вы уйдете с продвинутыми навыками XY Grid, узнаете, как улучшить свои навыки с помощью Sass, системы сборки ZURB для автоматизации задач и расширенных настроек JavaScript.
Узнать больше
СертификацияУзнать больше
Посмотреть, кто еще использует Foundation →
Семантический пользовательский интерфейс
2.
Начать Новое в версии 2.4
Semantic — это среда разработки, которая помогает создавать красивые, отзывчивые макеты с использованием удобного для человека HTML.
Семантический пользовательский интерфейс рассматривает слова и классы как взаимозаменяемые понятия.
Классы используют синтаксис естественных языков, например отношения существительное/модификатор, порядок слов и множественное число, чтобы интуитивно связывать понятия.
Получите те же преимущества, что и BEM или SMACSS, но без скуки.
Один
Два
Три
Semantic использует простые фразы, называемые поведениями, которые запускают функциональные возможности.
Любое произвольное решение в компоненте включено в качестве параметра, который разработчики могут изменять.
$(‘выбрать.раскрывающийся список’) .dropdown(‘установить выбранный’, [‘метеор’, ‘эмбер’]) ;
SkillsAngularCSSEmberHTMLJavascriptMeteorNodeJS
SkillsAngularCSSEmberHTMLJavascriptMeteorNodeJS
Ведение журнала производительности позволяет отслеживать узкие места, не копаясь в трассировках стека.
У вас сейчас нет доступа к средствам разработки? Посмотрите этот короткий клип.
$(‘.sequenced.images .image’) .переход({ отладка: правда, анимация: «покачивание», продолжительность: 500, интервал : 200 }) ;
Semantic поставляется с интуитивно понятной системой наследования и переменными темы высокого уровня, которые дают вам полную свободу проектирования.
Разработайте свой пользовательский интерфейс один раз, а затем используйте один и тот же код везде.
Выберите тему
Посмотреть
Добавить в корзину
Сохранить на потом
Rate
Единственная догма этого фреймворка: все произвольное изменчиво
Руководство по темам
Создайте весь свой сайт с помощью одного стека пользовательского интерфейса. Поделитесь своим пользовательским интерфейсом между несколькими проектами.
Интерфейс просмотра
Semantic UI — это бесплатный проект с открытым исходным кодом , который уже используется в нескольких крупномасштабных производственных средах.
Посетите GitHub
Определения не ограничиваются только кнопками на странице. Компоненты Semantic допускают несколько различных типов определений: элементы, коллекции, представления, модули и поведения, которые охватывают всю гамму дизайна интерфейса.
См. примеры компоновки
Этот сайт использует файлы cookie
- Воспользуйтесь нашим справочным центром
- Проверьте наш FAQ
Добавить в друзья
Пандит
Присоединился в 1998 г. 22 друга
Отметка добавила вас в друзья
Вы добавили Лену в группу Близкие друзья
Ева только что разместила на вашей странице
Молли@thebears.