«Vzhuh» blog: inner pages

–––– eng below –––

Салют!

Продолжаю рассказывать про блог для фронтенд-разработчика.

Сам блог состоит из нескольких страниц:

– главная, где собраны все разделы и дается превью статей

– страница раздела, где статьи отсортированы по направлениям: как сделать, разбор документации и тд

– страница статьи с текстом и фото/видео, вставками кода, дропдаунами, таблицами и комментариями в конце

Боковое меню закреплено на всех страницах и показывает все разделы, а также имеет функцию поиска по тегам.

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

Закрепленная вверху строка выполняет функцию командной и содержит в себе хлебные крошки, которые всегда укажут местоположение на сайте.

В следующем посте покажу анимацию генеративных 404 страниц (спойлер – там будет реализован вжух).

Спасибо, что посмотрели!

–––––––––––––––––––––––––––––––

Cheers!

I'm continuing to talk about a blog for a frontend developer.

The blog itself consists of several pages:

- main page, where all sections are collected and previews of articles are given

- section page, where articles are sorted by areas: how-to, documentation parsing, etc.

- article page with text and photo/video, code inserts, dropdowns, tables and comments at the end.

The side menu is anchored on all pages, shows all sections and has a tag search function.

The top menu allows you to switch between more general content types - article, task or talk. You can also change the theme of the site, switch the language or open a random article.

The bar anchored at the top acts as a command line and contains breadcrumbs that will always indicate the location on the site.

In the next post I'll show the animation of generative 404 pages (spoiler - there will be a zhuh implemented).

Thanks for taking a look!

More by Margaret Plotkina

View profile