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


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


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


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


Как самому сделать сайт в редакторе сайтов PIXLI Приглашение для регистрации в PIXLI Создадим и настроим навигацию нашего сайта


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


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


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


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


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


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


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


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


Как самому сделать сайт. Приглашение для регистрации в PIXLI В этом уроке мы создадим область сайта, в основе композиции которой, лежат два пересекающихся блока. Заголовок области состоит из 2 текстов, накладывающихся один на другой. Заголовок находится сбоку и повернут на 90 градусов. При нажатии на кнопку блока появляется всплывающее окно которое содержит в себе видеоролик, размещённой на Youtube.


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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