«Vzhuh» blog: first look

–––– eng below –––

Привет, друзья!


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

Идея названия блога связана с мемом Вжух, который любим моим клиентом, а также со смыслом "вжух и сделал, вжух и готово". (отсылка к мему с котом есть на первом экране и встретится еще!)

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

Интересная деталь, которая здорово вписалась в минималистичный интерфейс - анимированные линии с октагонами, уникальные для каждого раздела – это визуализация потоков информации (или тока или единиц кода!), которые появляются симультанно и образуют картинку/объект.

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

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

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

Hey there, friends!


Today I come back with a new project. This is a blog of a frontend developer, where he plans to post his breakdowns of documentation, complex tasks, as well as his talks at meetups.

The idea for the name of the blog is related to the meme «Vzhuh», which is my client's favorite, and the meaning of «whoosh and done». (the reference to the cat meme is on the first screen and will be encountered again!)

When developing the design, I followed minimalism and monochrome so that the site wouldn't look cluttered due to the large amount of text and code. The 8-block grid helped to create scalable menu and article blocks that are easily adaptable on different resolutions.

An interesting detail that fits well with the minimalistic interface is the animated lines with octagons unique to each section - this is a visualization of streams of information (or electricity or code units!) that appear simultaneously and form a picture/object.

I`ll show more blog pages in the next posts , so stay tuned.

Thanks for watching!

More by Margaret Plotkina

View profile