Публикации по теме 'semantic-ui'


Angular + семантический интерфейс
Семантический пользовательский интерфейс - это среда разработки внешнего интерфейса, используемая для создания отзывчивых и привлекательных веб-сайтов. Он совместим с Angular, React, Vue и т. Д. Сегодня мы узнаем, как интегрировать Semantic UI с Angular. Требования: Npm 3.0 или выше $ npm -v Node.js 6.9.0 или выше $ node -v. Angular-Cli: $ npm install -g @ angular / cli Глоток: Gulp требуется для создания окончательной конфигурации темы Semantic UI...
Создание Schedulr, планировщика дня с реакцией перетаскивания
Schedulr: Github Frontend , Github Backend | Живая демонстрация Недавно я собрал свое первое индивидуальное полнофункциональное веб-приложение Schedulr . Schedulr - это приложение для планирования дня, разработанное специально для того, чтобы я планировал свои дни. Когда я просыпаюсь, я составляю список того, что мне нужно сделать, и количество времени, которое, как мне кажется, они займут, а затем я размещаю их на временной шкале. Это сложно сделать с наклейками, но легко сделать..
Руководство для начинающих по использованию Semantic UI React
Во время зимних каникул, когда я посещал Fullstack Academy, у меня была возможность взять все, что я узнал, и создать свой первый личный проект. Трудно придумать умные идеи для проектов, но после разговора с другом, который упомянул, что он использует электронную таблицу Excel, чтобы отслеживать каждую прочитанную им книгу, я понял, что хочу попробовать создать. Это должно было быть приложение в стиле GoodReads, которое визуально отслеживало бы все книги в книжной коллекции пользователя, с..
Проверка форм в Semantic UI React
Недавно я работал над конкретизацией приложения, которое я создал для моего последнего проекта в Flatiron School, и подумал, что поделюсь кое-чем из того, что я узнал за последние несколько дней, добавляя проверку в формы, которые составляют значительную часть часть этого приложения. Чтобы создать начальную версию этого приложения за относительно короткое время, я использовал React-версию семантического пользовательского интерфейса , которая предоставила мне чистый, отзывчивый стиль без..
Webpack 2 и тематика семантического пользовательского интерфейса
TL; DR: это руководство также протестировано на Webpack 3 . Рабочий пример здесь TL; DR: в последнем разделе этой статьи показано, как заставить его работать с Webpack 4 . Советую заранее прочитать статью полностью. Одна из самых неприятных вещей, с которыми я недавно столкнулся, - это попытка настроить пользовательскую семантическую тему пользовательского интерфейса с помощью Webpack. Конечная цель заключалась в том, чтобы иметь возможность создать конфигурацию темы,..
Начало работы с модальными окнами
Так что же такое модальное? Как правило, модальное окно — это любое всплывающее окно, которое вызывает взаимодействие с пользователем. Как обычные пользователи Интернета, мы все очень хорошо знаем их, поскольку они стали обычным явлением в UX/UI. Работая над фэнтезийным бейсбольным проектом с помощью React.js, я увидел потребность во всплывающем окне, которое точно соответствовало бы цели модального окна. Никогда раньше не пользовавшись ими, я решил углубиться и посмотреть, что я..
Способ получения семантического пользовательского интерфейса
Способ вставки семантического пользовательского интерфейса в HTML как cdn Это повторяющийся процесс, поэтому я его свернул. Напишите "семантический ui cdn" в окне поиска Google. Зайдите в https://cdnjs.com/libraries/semantic-ui 2.CTRL + F = ›semantic.min.css 3. Получите URL Https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css 4. ‘public’ каталог = ›index.html =› ‹head› ‹/head› (Когда мы установили React-приложение) <!DOCTYPE html>..