От автора: навигационное меню, которое является простым, лаконичным и интуитивно понятным, имеет важное значение для оптимизированного взаимодействия с пользователем веб-сайта. Отзывчивость меню также является ключевым фактором. На момент написания этой статьи более 54 процентов веб-трафика во всем мире приходится на мобильные устройства. Благодаря адаптивному дизайну, ориентированному на мобильные устройства, разработчики начинают с наименьшего размера экрана, а затем постепенно увеличивают масштаб, ...

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

От автора: в данном уроке вы найдете реализацию интересного варианта меню, которое изначально скрыто, а при клике по кнопке, открывающей меню, оно появляется с красивым анимационным эффектом и показывается на весь экран. Данное меню идеально подойдет для современных многосекционных сайтов.

От автора: в данном видео показана реализация интересного 3D-эффекта при наведении на пункты меню. Благодаря эффекту можно придать сайту необычный вид и использовать данный подход для других блоков в зависимости от вашей фантазии.

От автора: приветствую вас, друзья. Меню является одним из ключевых элементов сайта, поэтому не удивительно, что многие хотят как-то выделить его, добавить ему эффектности. В этом уроке мы реализуем очень простой, но вместе с тем очень симпатичный эффект, который вы можете использовать для меню на ваших сайтах. Эффект реализуется буквально несколькими правилами на CSS и не требует дополнительного кода JS ...

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

От автора: в этом видео мы приступим к реализации верстки нестандартного кругового меню. Особенность данного меню в том, что пункты меню располагаются по кругу, образуя диаграмму. И в качестве пунктов меню выступают графические элементы, в нашем случае – это иконки. По результатам урока мы напишем html структуру создаваемого меню, подключим иконки через svg спрайт, а также напишем базовые стили для ...

От автора: реализация выпадающего меня с помощью HTML и CSS, обеспечение необходимого уровня доступности навигации, фокусировка пунктов, поддержка браузерами — об этом в статье. CSS становится все более мощным, и с помощью таких функций, как CSS-сетка и пользовательские свойства (также называемые переменные CSS), мы можем реализовать многие действительно креативные решения. Некоторые из этих решений имеют своей целью не только сделать ...

От автора: когда только начинаешь заниматься разработкой, то смотришь на разные сайты в интернете и думаешь: «Вот же, как бы я хотел сделать что-то подобное…», и понимаешь, скольким вещам ещё нужно научиться. Вы, наверняка, уже задумывались над тем, чего можно добиться, если знать основы HTML и CSS, но не до конца разбираетесь в тех вещах, которые делают интернет таким крутым. ...