/ булгаков

Напишите свой блог как мастер

Это простой движок блога. Он не предназначен для всех, потому что он построен на Node.js и Mongo DB , которые нелегко получить на любом хостинге. Тем не менее, он отличается простым, лаконичным дизайном как для читателя, так и для писателя, и позволяет гораздо легче делиться своими мыслями.

Вот и скриншоты

Михаил Булгаков — великий русский писатель. Он написал знаменитый «Мастер и Маргарита» — вы могли слышать о нем. В честь него назван этот движок блога.

Technologies

Булгаков основан на следующих технологиях:

  • Node.js
  • Express.js
  • Mongo DB
  • Jade
  • БЕСПЛАТНО
  • Underscore.js
  • jQuery
  • AJAX

Ход работы

  • Базовый API для работы с сообщениями
  • Базовый интерфейс со стороны читателя
  • Просмотр всех сообщений
  • Просмотр одного сообщения
  • Базовый интерфейс со стороны писателя
  • Просмотр всех сообщений
  • Просмотр для написания нового сообщения
  • Просмотр для редактирования сообщения
  • AJAX для пользователей и писателей.
  • Дизайн для читателей и писателей
  • ???

Автор

Иван Акулов , фронтенд-разработчик



/Булгаков

Булгак Мастер и детализация от ov

Die Theorie

Теория, лежащая в основе Булгакова, заключается в том, что навигация должна присутствовать всегда. Мы хотим по возможности избавиться от негативной прокрутки. Отрицательная прокрутка — это когда пользователь прокручивает вверх или вниз, чтобы перейти к навигации, это напрасная трата времени, особенно на длинных страницах. Это очень похоже на игру, в которой игроку требуется отправиться в определенное место, чтобы получить доступ к меню. Это плохой дизайн в том смысле, что существует ненужная задержка между решением пользователя, что он хочет что-то сделать, и возможностью его выполнить.

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

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

Использование

Включите bulgakov.css и bulgakov.js , затем структурируйте свой html с помощью следующих идентификаторов и классов (см. пример в example.html ):

  .bkv_container .bkv_menu .bkv_persistent .bkv_menu_trigger.contract .bkv_collapsable. bkv_main  

Все остальное сделает Булгаков.

Поместите любой контент, который принадлежит меню, внутри .bkv_persistent или .bkv_collapsible . Эти два раздела в основном относятся к тому, как меню отображается на небольших экранах. Все, что находится внутри .bkv_persistent , будет отображаться на верхней панели навигации, все, что находится в .bkv_collapsible , будет отображаться только при раскрытии меню.

Оцените статью
clickpad.ru
Добавить комментарий