Как самому сделать сайт с нуля в редакторе Pixli. Круглое меню. Приглашение для регистрации в PIXLI В этом уроке мы создадим интересное меню. Меню имеет закругленную сторону, набор кнопок, и Центральный элемент внутри которого находится кнопка, закрывающая это меню. Раскрыть меню можно нажав на кнопку в левом верхнем углу. На мобильных видах меню имеют другой вид. Его можно открыть и закрыть с помощью тех же самых кнопок. В этом уроке мы не будем подробно останавливаться на том, как создать содержимое страницы. Хотим только обратить Ваше внимание, что всё содержимое должно быть помещено в один блок , который имеет ширину 70% и смещение влево 30%.


Приглашение для регистрации в PIXLI Первый и самый длинный урок. Создаём слайдер в верхней части страницы, знакомимся с редактором.


Приглашение для регистрации в PIXLI С помощью этого редактора вы можете создать необыкновенные интерактивные адаптивные сайты


Учимся создавать наклонные области сайта в редакторе PIXLI


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


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


Как сделать сайт самостоятельно в редакторе Pixli. Приглашение для регистрации в PIXLI Параллакс — это специальная техника, когда фоновое изображение в перспективе двигается медленнее, чем элементы переднего плана. Эта технология применяется все чаще, так как выглядит действительно эффектно и круто.В сегодняшнем уроке мы создадим блок с таким эффектом.


Как создать свой сайт бесплатно на конструкторе сайтов PIXLI Приглашение для регистрации в PIXLI В этом уроке мы создадим интересное меню для сайта. Оно имеет свернутый вид на всех размерах экрана и полупрозрачные кнопки.


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


При создании сайта рано или поздно встаёт вопрос - где взять иконки? Они должны подходить по стилю и цвету, соответствовать тематике. Ответ в этом видео. Но если кратко - .


В этом уроке создадим интересный блок с кратким портфолио. Опять таки с интересными эффектами при наведении.


В этом уроке познакомимся с триггерами. Триггеры - это способ задать элементу реакцию или поведение в ответ на какое то событие. Например, изменить внешний вид элемента при клике или при наведении на него курсора. Этот инструмент очень полезен в сочетании с классами. Все уроки здесь Designpixli.com


В этом уроке мы создадим слайдер с отзывами и опять же поиграем с адаптивностью.


В этом уроке мы научимся пользоваться табами (вкладками) во второй версии редактора


Такие вот маленькие штучки иногда отличают классный сайт от просто хорошего.


Приглашение для регистрации в PIXLI В этом уроке мы создадим простую страницу. Она разделена на несколько областей, каждая из которых содержит фиксированное изображение, что создает интересный эффект при скролле страницы. Здесь есть простые эффекты анимации навигационная панель, футер с картой. На мобильных видах меню приобретает свернутый вид. Чтобы создать такую страницу, потребуется около 15 минут. Если у вас остались вопросы, можете задать их в комментариях


Создадим и настроим навигацию нашего сайта


Приглашение для регистрации в PIXLI В этом уроке мы создадим последнюю область сайта. В ней будет форма обратной связи и карта. Что-то подобное уже было в предыдущем сайте, но если вы впервые делаете сайт в PIXLI, вам будет этот урок очень полезен. Все уроки здесь Designpixli.com


В этом уроке мы начинаем делать новый сайт. Научимся пользоваться шрифтами Google, добавлять новые шрифты на сайт, создавать кнопки, не забудем про адаптивность. В этой серии уроков подробно расписано, как самому сделать сайт в редакторе PIXLI. На этот раз мы создадим лендингпейдж (лендинг) в конструкторе сайтов. Этот редактор предназначен для дизайнеров и разработчиков сайтов, однако, после серии уроков любой желающий сможет сделать себе крутой сайт бесплатно.


Маленький урок о том, как сделать логотип на сайт. Ну совсем уж простенький урок, продвинутым просьба не смотреть :)


Приглашение для регистрации в PIXLI Создаём блок с командой, делаем кнопки соцсетей


Приглашение для регистрации в PIXLI В этом уроке мы создадим наклонную область с описанием услуг компании, для которой мы делаем сайт. Здесь всё просто - заголовок, иконка, текст и кнопка с простым эффектом при наведении. И всё это копируем 4 раза. Много времени не займет :)


Поговорим об использовании классов CSS в редакторе PIXLI.


Как сделать сайт с нуля в редакторе PIXLI. Эффекты при наведении. Приглашение для регистрации в PIXLI В сегодняшнем уроке мы научимся создавать интересный эффект при наведении на примере блока-портфолио. При наведении на картинку с фотографией появляется внутренний темный блок, который заполняет все пространство картинки. В этом блоке есть два текста и кнопка в виде иконки.


Снова используем колонки, создаём эффекты при наведении.


Создадим блок новостей с Неправильной версткой. Одну и ту же задачу можно решить разными способамии в этом уроке мы рассмотрим один из них.


В этом уроке мы научимся пользоваться виджетом Карта и создавать форму обратной связи


Как сделать сайт самому с нуля бесплатно. Приглашение для регистрации в PIXLI В этом уроке создадим блок с портфолио с интересным эффектом при наведении.


В этом видео описан принцип создания блоков кнопок. Если кратко - создаем блок с нужным содержимым и поведением, а сверху ставим кнопку с 100% шириной и высотой


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


Снова типографика и иконки. На этот раз в три колонки и даже с симметрией.


В этом уроке научимся создавать и настраивать форму обратной связи. Познакомимся с основными полями формы. Все уроки здесь Designpixli.com


В этом видеоуроке познакомимся с левой панелью онлайн-редактора PIXLI


Это серия уроков о том, как создать сайт в конструкторе сайтов PIXLI.


В этом уроке создадим большой вместительный футер. В нем будет форма обратной связи, карта и немного полезного текста


Заканчиваем наш сайт. В этом уроке мы создадим навигационную панель (навбар) нашего сайта


Приглашение для регистрации в PIXLI В этом уроке мы создадим интересно оформленный блок с отзывами. Научимся делать треугольники в PIXLI


Это четвертый урок.Создаём блок с командой, учимся пользоваться режимом «При наведении» для создания интересного эффекта


Приглашение для регистрации в PIXLI В этом уроке мы создадим раздел сайта с описанием команды. Это популярная фишка - выставлять на показ героев фирмы. Считается, что это делает сайт привлекательнее и человечнее, вызывает большее доверие посетителей.


Приглашение для регистрации в PIXLI Создаем блоки с интересным поведением при наведении


Приглашение для регистрации в PIXLI Последний урок в этом разделе. Создаём интересную навигационную панель. Она будет свернута на всех разрешениях экрана (будет просто гамбургером) и будет раскрываться во весь экран.


Познакомимся с виджетом Навбар и с примерами его использования. Все уроки здесь Designpixli.com


Учимся работать с текстом, пользоваться иконками, избавляться от ненужного на маленьких разрешениях. Знакомимся с адаптивностью на практике.


Приглашение для регистрации в PIXLI Ещё одна наклонная область, и блоки с очень интересным поведением. Так же создадим красиво оформленный заголовок


Ещё один интересный эффект при наведении


Научимся пользоваться основными виджетами редактора PIXLI. Это не сложно. :)


Видео добавлено: