Milligram: Панель навигации как часть миллиграмма?

Идея прекрасна, но я намерен сделать так, чтобы Миллиграмм был как можно более легким, поддерживая минимум функций, необходимых для инициализации проекта. Кстати, то, что вы предлагаете, было бы очень специфическим компонентом. Я закрываю ваш запрос и ценю их усилия по улучшению этого проекта.

https://github.com/milligram/milligram/pull/46

Привет, @alexjj @abouthiroppy

Фактически, я намерен сделать Milligram как можно более легким, поддерживая минимум функций, необходимых для инициализации проекта.

Вы помогли мне придумать отличную идею! Я создам репозиторий с компонентами, произведенными с помощью Milligram. Это должно помочь многим людям, место, где им будет легче найти что-то, что может помочь им в повседневной жизни.

http://codepen.io/milligram/

Кажется, не очень хорошо известен или не используется, но я бы хотел также ряд навигационных панелей.

То же самое и здесь, навигационная панель и меню - это минимальная функция, необходимая для проекта, не так ли?

Привет, я ищу фреймворк, который может заменить мне бутстрап, а миллиграмма - серьезный соперник.

Я действительно мог бы привести еще несколько примеров, так как я еще не знаком с фреймворком, но ссылка на код, которую вы указали, не работает. У вас есть еще одна ссылка?

Спасибо!

Вы подаете мне отличные идеи. 😍

Какие-либо результаты по идеям навигатора?

Миллиграмм довольно хорош, но я определенно хотел бы увидеть больше вариантов навигации, особенно для использования со сборками Sage 9 (Wordpress), для которых обычно требуется навигационный ходун, если кто-то не может меня исправить? Спасибо.

Ссылка @cjpatoilo кажется мертвой. Новая ссылка https://codepen.io/milligramcss/

(Кроме того, я определенно был бы за добавление навигационной панели в Milligram. Я не согласен с другими, говоря, что это узкая вещь для людей, 90% веб-сайтов имеют навигационную панель.)

панель навигации была бы отличной

Я хотел бы добавить, что тот факт, что на сайте github.io есть панель навигации, заставил меня поверить, что сам пакет имеет панель навигации. это довольно лукаво.

Я не согласен. В документе страниц не говорится, что навигационная панель является основным компонентом где-либо. Тот факт, что на странице есть панель навигации, не означает, что она является частью фреймворка. Это не лукавство, вы просто сделали неверное предположение.

Да, я думал, что в пакете есть панель навигации, пока я не начал читать и не обнаружил, что это не так. Это меня искренне удивило - при рассмотрении пакетов пользовательского интерфейса я ожидал, что они обычно используют только те инструменты, которые предоставляют. Я просмотрел css сайта - просто стилизация тега nav и добавление стиля для навигационных ссылок не похоже на то, что это добавит слишком много накладных расходов?

^^ все, что сказано ... кто-нибудь реализовал довольно простую навигационную панель с логотипом и пунктами меню, которая, в качестве примера, быстро превращается в меню типа гамбургера на мобильном телефоне?
РЕДАКТИРОВАТЬ: добавив здесь, что JS не является предпочтительным ... ОСОБЕННО jquery. Неа. Только CSS предпочтительнее. допустимым читом было бы небольшое количество ванильного JS, но не иметь никакого JS вообще.

^^ все, что сказано ... кто-нибудь реализовал довольно простую навигационную панель с логотипом и пунктами меню, которая, в качестве примера, быстро превращается в меню типа гамбургера на мобильном телефоне?

Я пробую свои силы в этом сейчас, используя пример, включенный в миллиграммы, используя https://github.com/shuedna/Milligram-baseSite-withMenu в качестве ссылки. Я тоже очень неопытен в этом, поэтому, возможно, ничего не получится.

Но я согласен с вышеизложенным; отзывчивая навигация - это основа.

обновил предыдущий запрос ... Только CSS, без JS, особенно без jQuery.

Только CSS Миллиграмма NavBar

Источник
Пример
Лицензия MIT

Зависит от базовой библиотеки.

Хорошая работа @ popey456963. Единственное, что это не разбивается на меню в стиле гамбургера.
Я пропустил требование отсутствия JS / jquery или ванильного JS. В любом случае, я не добился большого успеха ... пока.

Я остановил поиск навигационной системы только для css, которая со временем превращается в гамбургер-меню; Я просто заменил текст значками с отличным шрифтом, которые более компактны и хорошо отображаются при уменьшении масштаба. Кроме того, для элемента 'navigation-item' я уменьшил margin-left до 1.5rem.

Как только я завершу этот проект, я попробую еще раз ... если кто-то еще не завершил его.

Кроме того, скрыть панель навигации при прокрутке вверх:
Для класса навигации добавить: transition: top 0.3s;
Добавить id = "navbar"
JS внизу:

var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("navbar").style.top = "0";
  } else {
    document.getElementById("navbar").style.top = "-50px";
  }
  prevScrollpos = currentScrollPos;
}

Не требуется JQuery или другие запросы

Я думаю, что обычно вы хотите скрыть панель навигации при прокрутке вниз, а не вверх?

Код предназначен для прокрутки вниз. Извини я оговорился

Продолжая адаптивную навигацию только для css ... этот простой и отлично работает:
https://codepen.io/chuckreynolds/pen/ROaeXv

Продолжая адаптивную навигацию только для css ... этот простой и отлично работает:
codepen.io/chuckreynolds/pen/ROaeXv

Спасибо за ссылку. Но как мне это соединить? Содержимое моего контейнера прокручивается «позади» заголовка. Там должна быть какая-то обивка.

Просто комментарий.

Если есть готовые элементы навигационной панели, создание пользовательского интерфейса будет намного быстрее.
Однако вы, ребята, не думаете, что навигационная панель - это что-то бесполезное? Я предпочитаю предоставлять панель навигации в стиле Semantic-UI (используя меню для предоставления панели навигации).

Я думаю, что не too much - это хорошо. :)

Ребята, спасибо за помощь @. А пока закрою этот выпуск.
Если кому-то нужна помощь, не стесняйтесь открывать заново или открывать новую!