• Открыть меню блога
  • Главная
  • Статьи сайта
  • подбор цвета
  • 22 января 1:52
    Автор: mastweb Комментариев нет
    Что влияет на конверсию лендинга?

    Причина 1: Уровень стресса
    • Какие есть причины, которые влияют на высокую конверсию лендинга, попробуем разобраться.

    Почему у страницы захвата конверсия выше, чем у продающей страницы?

    Причина 1: Уровень стресса

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 22 января 11:30
    Автор: mastweb Комментариев нет
    Как сделать калькулятор на javascript

    Разберем типовой вариант калькулятора, который можно переделать под свой вариант.

    Рассмотрим ,как работать с цифрами, с полями для ввода, с расчетом.

    Используем input, select и radio.

    Структура калькулятора состоит из двух частей.

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

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 18 декабря 2:11
    Автор: mastweb Комментариев нет
    Как собрать готовый проект gulp build

    таймера используем плагин FlipClock

    Создадим простую форму, добавим плагин часов и маску телефона, затем воспользуемся командой gulp build, чтобы сжать все файлы проекта и выгрузить в папку dist.

    В итоге получим все файлы скриптов плагинов, jquery, bootstrap в одном минимизированном файле scripts.min.js, что удобно и выполняет требования google у сервиса page speed по скорости загрузки сайта на все сто процентов.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 27 ноября 12:00
    Автор: mastweb Комментариев нет
    Как сделать генератор для закругления углов css

     

    Генератор углов css будет включать ползунок при движении, которого будут меняться углы css.

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

    Добавим каркас для трех элементов отображения.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 15 ноября 1:16
    Автор: mastweb Комментариев нет
    Игра на javascript подробно

    Игра на javascript

    Сделаем игру крестики нолики на javascript.

    Будет девять ячеек, по нажатию на ячейку будет добавляться функция с записью номера ячейки, на которую кликнули.

    Затем проверим ячейку есть ли в данной ячейки текст, если нет, то записываем текущее значение игрока икс или ноль.

    Записываем это в массив dataX или dataO каждого игрока.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 9 ноября 2:15
    Автор: mastweb Комментариев нет
    Простой способ маски телефона и pattern input tel

    Простой способ маски телефона
    Например, есть форма обратной связи с полем введите номер телефона.

    Изначально без маски телефона можно ввести любой номер в любом формате даже с буквами.

    Мы сделаем, чтобы ввод телефона строго соответствовал заданной маске.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 8 ноября 9:01
    Автор: mastweb Комментариев нет
    Делаем красивую таблицу html с записью данных в форму заказа

    Делаем красивую таблицу html

    Сделаем красивую таблицу в html, с разными цветами у ячеек.

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

    Сделаем структуру таблицы html.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 1 ноября 2:08
    Автор: mastweb Комментариев нет
    Настройка bootstrap carousel на примере

    Настройка bootstrap carousel

    Установим плагин слайдера bootstrap carousel, подключим к проекту.

    Сделаем настройку навигации стрелочками и точками для карусели.

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

    Подключаем bootstrap carousel и создаем две секции.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 24 октрября 1:26
    Автор: mastweb Комментариев нет
    Для секции мои преимущества делаем анимацию css

    делаем анимацию css

    Создадим новую секцию у landing page с названием мои преимущества и добавим три иконку.

    Установим у иконок анимацию css стилей с помощью библиотеки animate.css и скрипта, который будет вызывать анимацию относительно расположения иконки экрана монитора при скролле страницы мышкой вниз.

    Как подключить анимацию блоков animate.css подробно тут.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ
  • 18 октрября 9:08
    Автор: mastweb Комментариев нет
    Эффект 3d разворота евро буклета и изометрические карты

    Эффект 3d разворота евро буклета

    Для товара, который продается на landing страничке можно сделать буклет или маркет кит, в развороте, который будет открываться при hover css наведении на изображение.

    Разберем простой пример создания эффекта 3d разворота листа бумаги.

    Эффект переворота листа.

    Добавим секцию, в которую поместим один див с классом pict.

    Код в index.html.

    Рубрики: Верстка ЧИТАТЬ КОММЕНТЫ

Категории

  • ►Landing page (21)
  • ►SEO (7)
  • ►Web дизайн (5)
  • ►wordpress (3)
  • ▼Верстка (71)
    • flipclock красивый таймер обратного отсчета для акций на сайте
    • Fotorama плагин фотогалерея для сайта
    • livereload страниц в browsersync
    • preloader перед загрузкой страница сайта
    • Адаптивные плитки из картинок на сайте плагином masonry
    • Анимация кнопки и логотипа для lending
    • Блок FAQ на bootstrap tabs и accordion
    • Быстрая верстка в sublime text с плагином emmet
    • Верстаем блок список преимуществ
    • Верстаем секцию тарифов с ценой price из трех колонок
    • Верстаем форму обратной связи с выбором элементов
    • Верстка footer из четырех колонок с картой проезда
    • Верстка горизонтального верхнего меню
    • Верстка секции с h1, изображением, которое движется и формом
    • Всплывающая картинка плагином magnificPopup
    • Всплывающая форма обратной связи
    • Выпадающее меню dropdown-menu в bootstarp3
    • Делаем всплывающее окно при наведении вышки
    • Делаем выезжающее меню плагином mmenu в стиле hamburger
    • Делаем калькулятор для сайта
    • Делаем красивую таблицу html с записью данных в форму заказа
    • Делаем пагинацию pagination и хлебные крошки breadcrumb
    • Делаем свои векторные иконки для сайта icon pack
    • Делаем свой гамбургер меню, четыре вида
    • Для секции мои преимущества делаем анимацию css
    • Добавим в блок шапки красивую кнопку для заказа
    • Игра на javascript подробно.
    • Используем bower для установки новых пакетов
    • Как сделать генератор для закругления углов css
    • Как сделать калькулятор на javascript
    • Как собрать готовый проект gulp build
    • Как установить gulp и плагины
    • Красивый переход фона для landing page между секциями
    • Красивый эффекты parallax для сайта
    • Настраиваем sublime text 3
    • Настраиваем препроцессор sass
    • Настройка open server для reload страниц в browsersynk
    • Настройка bootstrap carousel на примере
    • Основные gulp плагины
    • Основные теги html
    • Плавная навигация для лендинга и кнопка наверх
    • Плагин magnific popup для всплывающего окна формы
    • Плагин Owl carousel 2 все основные параметры карусели
    • Подбробно о bootstrap сетке в дизайне сайта и верстке
    • Подключаем шрифт font awesome иконки
    • Подсказка и всплывающее окно в bootstrap 3
    • Позиционирование элементов, основные свойства css
    • Прогресс бар обычный и progress-bar в bootstrap
    • Простой способ анимации блоков animate.css для сайта
    • Простой способ маски телефона и pattern input tel
    • Простой способ создания tabs на сайте
    • Расставляем все элементы секции и делаем адаптивный дизайн
    • Резиновый красивый слайдер на flex
    • Сверстаем секцию отзывов с плагином owlcarousel
    • Сделаем 3d эффект переворота изображения и куб на css
    • Сделаем красивую кнопку вверх для сайта
    • Сделаем неоновый, 3d, прозрачный и выпуклый текст
    • Секция выбора товара с модальным окном modal-sm подробнее
    • Синтаксис, псевдоклассы, иерархия и свойства css
    • Скрипт обратной связи для лендингов
    • Создаем красивую css анимацию иконки instagram
    • Создаем модальное окно bootstarp 3
    • Создание аккордеона для сайта
    • Счетчик цифт для landing с эффектом размытия
    • Три вида иконок социальных сетей 3d, изменяет размеры и с тенью
    • Указатель местоположения для карты и пульсирующая иконка телефона
    • Фиксируем меню сверху страницы и делаем плавный скролл до блока
    • Форма обратной связи в модальном окне плюс второй способ отправки почты через скрипт
    • Чистый gulp шаблон
    • Что влияет на конверсию лендинга?
    • Эффект 3d разворота евро буклета и изометрические карты
  • ►Магазин opencart (9)
  • UTM метки онлайн
  • градиент css генератор
  • Генератор тени box shadow
  • Генератор кнопки css онлайн
  • Генератор таблицы html
  • Генератор цвета HTML
  • css тень текста генератор
  • Цветовая схема онлайн
  • Скачать css background
  • Перевести из px в em css
  • html редактор онлайн
  • Из CSS в SASS

ПОПУЛЯРНЫЕ

  • Генератор цвета HTML
  • Топ 10 округлых шрифтов
  • html редактор онлайн
  • Делаем свой гамбургер меню, четыре вида
  • градиент css генератор
1 2 … 8
sdelatlending.ru © 2017 Все права защищены. Использование материалов без согласия автора и прямой индексируемой гиперссылки на сайт запрещено.
Рейтинг@Mail.ru
homepage counter счетчик сайта

Яндекс.Метрика

  • Главная
  • Статьи сайта
  • подбор цвета