Быстрое создание «гамбургер» меню на jQuery

15 448

Всем привет. С вами Corvax. Сегодня я хочу продолжить тему мобильных меню и предложить вам сделать тоже меню но только используя jQuery. Поехали.

Создание HTML макета



		<nav>
            <div class="wrapper">
             <div class="menuToggle">Меню</div>
            <ul class="menu clearfix">
                <li><a href="#">Главная</a></li>
                <li><a href="#">Страница1</a></li>
                <li><a href="#">Страница2</a></li>
                <li><a href="#">Страница3</a></li>
                <li><a href="#">О нас</a></li>
            </ul>
           </div>
        </nav>
        <section class="b-content">
            <div class="wrapper">
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis 
				 autem consequatur eum facere neque. Tenetur laboriosam 
				 repellendus neque fuga, velit, totam, est, aspernatur 
				 sunt sapiente earum quo beatae. Fuga, officia.
             </div>
         </section> 
		 

Читать далее «Быстрое создание «гамбургер» меню на jQuery»

1+
Создание меню на чистом CSS

Создание меню на чистом CSS

8 028

Как сделать меню для сайта на чистом CSS?

Всем привет. С вами Corvax. Частой задачей при разработки сайта или приложения является создание меню с целью лучшей навигации. Есть несколько путей решения этой задачи: либо с помощью CSS, либо с использованием JS. В данной статье я хочу показать вам путь решения этой задачи по средствам только одного CSS. Приступим.

Создание HTML макета

Для начала нам потребуется создать саму верстку по средам HTML тегов. Давайте же сделаем это.

Читать далее «Создание меню на чистом CSS»

0
БЭМ для верстальщиков. С чего начать?

БЭМ для верстальщиков. С чего начать?

3 798

Всем привет. С вами Corvax. Все чаще в вакансиях сейчас можно увидеть обязательное требование —  умение верстка про БЕМ (BEM). БЭМ на сегодняшний день  это современная дефакто модульной разработки проектов признанное во всем мире (если ваш проект подразумевает масштабируемость). Давайте разберем, что же такое БЭМ, из каких полезных фич и компонентов он состоит и как максимально быстро можно начать им пользоваться.

БЭМ

Процитирую Википедию: «БЭМ (Блок-Элемент-Модификатор) — методология web-разработки, а также набор интерфейсных библиотек, фреймворков и вспомогательных инструментов.»

Как показывает практика, сейчас широко используется так называемый “нейминг” БЭМ. Определенное наименование классов по принципу: блок, элемент, модификатор.

Читать далее «БЭМ для верстальщиков. С чего начать?»

0
Javascript #1 — Введение

Javascript #1 — Введение

550

Всем привет! C вами Corvax. Сегодня, специально для вас я решил записать серию уроков по JavaScript. В данном вводном уроке мы поговорим о том что же такое javascript, где его можно применять, и напишем тот самый классический пример «Hello World» на js. Приятного просмотра!

Тут видос по этой теме :

0
Советы начинающему Front-end разработчику

YouTube. Советы начинающему Front-end разработчику

1 558

Всем привет. C вами Corvax. Сегодня я «запилил» первый видос на тему: Советы начинающему Front-end разработчику.  Небольшие размышления на тему того что может быть полезно джуниорву в программирование. Приятного просмотра!)

ТОП 8 советов начинающему Front-end разработчику.

0
frontend developer

8 советов Front-end разработчику

1 036

Всем привет. С вами Corvax. Сегодня я хочу поговорить с вами о такой важней теме как развитие во Fornt-end разработке или просто постараюсь дать несколько советом для начинающих Front-end разработчиков.  Данные советы легко подойдут любым разработчику. Они являются универсальными и проверенными временем. Поехали.

Читать далее «8 советов Front-end разработчику»

0